@charset "utf-8";

/*Reset all the html tags*/
article, div,  footer, header, nav, section{display:block;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0 ; }
body { line-height: 1 ; color: black ; background: white ; }
ol, ul { list-style: none ; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate ; border-spacing: 1px ; }
caption , th , td { text-align: left ; font-weight: normal ; }
block quote:before , block quote:after , q:before , q:after { content: "" ; }
blockquote, q { quotes: "" "" ; }
a { display:block ; text-decoration: none ; }
a  img{ border:none ;}


@font-face {
    font-family: 'proxima_nova';
    src: url('../font/proximanova-regular-webfont.eot');
    src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-regular-webfont.woff') format('woff'),
         url('../font/proximanova-regular-webfont.ttf') format('truetype'),
         url('../font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../font/proximanova-semibold-webfont.eot');
    src: url('../font/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-semibold-webfont.woff') format('woff'),
         url('../font/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../font/proximanova-semibold-webfont.svg#proxima_nova_ltbold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../font/proximanova-bold-webfont.eot');
    src: url('../font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-bold-webfont.woff') format('woff'),
         url('../font/proximanova-bold-webfont.ttf') format('truetype'),
         url('../font/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/* ////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////// */
/* tag */

ul li{height: 20px}

body{
	background: url(../img/bg/body.gif);
	font-family: "proxima_nova";
	font-size: 12px;
	font-weight: bold;
	}

/* ······································· */
footer{
	width: 100%;
	height: 210px;
	background: url(../img/bg/footer.gif);
	}
	footer section{
		width: 950px;
		height: 205px;
		margin: auto;
		position: relative;
		}
		
		/* logo */
		footer section .logo{
			position: absolute;
			top:22px;
			left: 0px;
			width: 195px;
			height: 42px;
			background-position: -14px -129px;
			}
			footer section .logo a{
				width: 195px;
				height: 42px;
				}
		
		/* menu */
		footer section .menu{
			position: absolute;
			top:22px;
			left: 240px ;
			width: 190px;
			height: 190;
			border-right: 1px solid #595959;
			}
			footer section .menu li{height: 20px;}
			footer section .menu li a{
				font-size: 14px;
				color: #868686;
				}
		
		/* redes y buscador */
		footer section .redes_search{
			position: absolute;
			top:22px;
			left: 440px;
			}
			
			/* redes */
			footer  .redes_search .redes{
				height: 31px;
				width: 70px;
				margin: 10px 0 0;
				}
				footer .redes_search .redes li{
					display: inline-block;
					vertical-align: top;
					zoom: 1;
					*display:inline;
					}
					
			/* buscador */
			footer .redes_search .search{
				background-position: -218px -134px;
				height: 31px;
				width: 190px;
				}
				footer .redes_search .search form{
					width: 190px;
					}
					footer .redes_search .search input{
						border: none;
						background: none;
						float: left;
						margin: 6px;
						color: #cccccc;
						width: 170px;
						}
					footer .redes_search .search .bot{
						border: none;
						float: left;
						position: absolute;
						width: 18px;
						top:0;
						cursor: pointer;
						left: 160px;
						}
						
		/* botones de share */
		footer section .share{
			position: absolute;
			left: 680px;
			top: 22px;
			height: 113px;
			width: 270px;
			background-position: 0px 0px;
			}
			footer section .share li{
				margin: 12px 20px;
				}
	
	/* line */
	footer div.line{
		width: 100%;
		height: 5px;
		background: #398ee4;
		}


/* ······································· */
header{
	width: 100%;
	height: 93px;
	}
	
	/* container */
	header section{
		width: 950px;
		height: 93px;
		margin: auto;
		position: relative;
		}
		
		/* logo */
		header section div.logo{
			width: 230px;
			height: 47px;
			background-position: -263px -182px;
			position: absolute;
			top:30px;
			left: 0;
			}
			header section div.logo a{
				width: 230px;
				height: 50px;
				}
		
		/* redes */
		header section .redes{
			height: 31px;
			width: 70px;
			position: absolute;
			top:56px;
			left: 680px;
			}
			header section .redes li{
				display: inline-block;
				vertical-align: top;
				zoom: 1;
				*display:inline;
				}
				
		/* buscador */
		header section .search{
			background: #ddd;
			height: 28px;
			position: absolute;
			width: 190px;
			top:57px;
			left: 750px;
			padding: 0px;
			}
			header section .search form{
				width: 190px;	
				padding-top: 0px !important;			
				}
				/* input */
				header section .search input{
					border: none;
					width: 170px;
					margin-top: 0px;
					*margin-top: -1px;
					}
				/* boton enviar */
				header section .search .bot{
					border: none;
					float: left;
					position: absolute;
					top:4px;
					left: 174px;
					}
		
		/* line */
		header section div.line-1{
			position: absolute;
			top:91px;
			}

/* ······································· */	
nav{
	width: 100%;
	height: 45px;
	}
	nav ul{
		width: 950px;
		margin: auto;
		height: 45px;
		padding: 12px 0 0;
		}
		nav ul li.bot-3{margin: -6px 6px 0;}
		nav ul li.bot-3:first-child{margin: -6px 6px 0 0;}
		nav ul li{
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display:inline;
			}
			nav ul li:first-child a{background: none; padding: 2px 9px 0 0;}
			nav ul li a{
				font-size: 14px;
				font-weight: 600;
				padding: 2px 9px 0 16px;
				color: #666666;
				}


/* ////////////////////////////////////////////////// */
/* ids */

/* ······································· */
#caracteristicas{
	width: 100%;
	height: 660px;
	}
	#caracteristicas article{
		width: 950px;
		height: 660px;
		margin: auto;
		position: relative;
		}
		#caracteristicas article .tituloSeccion{
			width: 950px;
			height: 50px;
			text-align: center;
			font-size: 25px;
			font-weight: normal;
			text-transform: uppercase;
			padding: 15px 0;
			}

/* ······································· */
/* contactenos */
#contactenos{}
	#contactenos .info{
		height: 330px;
		background: url(../img/bg/contactenos.jpg) no-repeat 0px 172px;
		}
	#contactenos input{width: 360px;}
	#contactenos .bot input{width: 180px;}


/* ······································· */
/* banner */
#banner{
	width: 100%;
	height: 460px;
	position: relative;
	display: block;
	background: url(../img/bg/franja-2.gif) repeat-x  center 30px;
	}
	#banner article{
	width: 960px;
	height: 460px;
	position: relative;
	display: block;
	margin: auto;
	color: #fff;
	}
	
		/* fotos */
		#banner article .foto{
			width: 960px;
			height: 460px;
			position: relative;
			display: block;
			overflow: hidden;
			}
			#banner article .foto li{
				width: 960px;
				height: 460px;
				position: absolute;
				z-index: 10;
				}
				#banner article .foto li img{
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 10;
					}
				#banner article .foto li .solicitarAqui{
					width: 190px;
					height: 48px;
					position: absolute;
					top: 235px;
					left: 565px;
					z-index: 1000;
					background-position: 0px -231px;
					}
					
					#banner article .foto li .solicitarAqui:hover{
						background-position: 0px -182px;
						}	

	
		/* botones según foto */
		#banner article .slider{
			position: absolute;
			top:430px;
			left: 435px;
			z-index: 10;
			}
		
			/* individual */
			#banner article .slider a{
				display: inline-block;
				vertical-align: top;
				width: 12px;
				height: 12px;
				overflow: hidden;
				text-indent: 20px;
				margin: 3px;
				background-position: -477px -167px;
				}
		
			/* ubicación actual */
			#banner article .slider .activeSlide{
				width: 12px;
				height: 12px;
				margin: 3px;
				background-position: -457px -167px;
				}



/* ······································· */	
#navTop{
	width: 100%;
	height: 33px;
	position: relative;
	background: url(../img/bg/navTop.gif);
	}
	
	/* container */
	#navTop article{
		width: 950px;
		height: 33px;
		padding: 0px 5px;
		position: relative;
		margin: auto;
		}
		
		/* menu */
		#navTop article .menu{
			position: absolute;
			top: 12px;
			left: 552px;
			}	
			#navTop article .menu li:first-child a{border-left: none;}
			#navTop article .menu li{
				width: auto;
				height: 13px; 
				display: inline-block;
				vertical-align: top;
				zoom: 1;
				*display:inline;
				}
				#navTop article .menu li .quienesSomos{
					width: 87px;
					}
				#navTop article .menu li a{
					padding: 0px 13px;
					border-left: 1px solid #a7a7a7;
					color: #a7a7a7;
					font-size: 12px;
					font-weight: normal;
					}

/* ······································· */
#noticias{
	width: 100%;
	height: 620px;
	background: #ffffff;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	}
	
	/* container */
	#noticias article{
		width: 950px;
		height: 600px;
		margin: auto;
		margin-top: 35px;
		}
		
		/* titulo */	
		#noticias article .tituloSeccion{
			font-size: 26px;
			font-weight: bold;
			margin-bottom: 6px;
			}
		
		#noticias .boton{} 
		
		/* banner 1 */
		#noticias article .banner-1{
			margin-top: 60px;
			}
			
		/* banner 2 */
		#noticias article .banner-2{
			margin-top: 10px;
			}
		
/* ······································· */
/* quienes somos */
#quienesSomos{}
	#quienesSomos .art-4{
		height: 375px;
		}





/* ////////////////////////////////////////////////// */
/* clases */

/* ······································· */
/* articulo */
.art-1{
	margin-top: 10px;
	width: 310px;
	height: 250px;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	}
	/* box */
	.art-1 .box{
		width: 308px;
		height: 177px;
		border: 1px solid #efefef;
		border-radius: 5px;
		background: #ffffff;
		box-shadow: 0px 1px 0px #cccccc;
		position: relative;
		}
		/* icono */
		.art-1 .box .icono{
			width: 110px;
			height: 110px;
			position: absolute;
			top:15px;
			left: 104px;
			}
		/* titulo */
		.art-1 .box .titulo{
			text-transform: uppercase;
			font-size: 18px;
			font-weight: bold;
			color: #000000;
			position: absolute;
			width: 308px;
			text-align: center;
			top:140px;
			left: 0px;
			}
		.art-1 .box .dosLineas{
			margin-top: -10px;
			}	
		
	/* descripcion */
	.art-1 p{
		margin-top: 15px;
		color: #717171;
		font-size: 12px;
		text-align: center;
		line-height: 24px;
		text-transform: uppercase;
		font-weight: 600;
		width: 310px;
		}
	


.art-2{
	width: 200px;
	height: 300px;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display:inline;
	margin-right: 40px;
	position: relative;
	}
	
	/* fecha */
	.art-2 .fecha{
		font-size: 10px;
		font-weight: normal;
		color: #000000;
		margin: 35px 0 15px;
		}
	
	/* titulo */
	.art-2 .titulo{
		font-size: 17px;
		font-weight: 600;
		text-transform: uppercase;
		color: #000000;
		margin-bottom: 15px;
		}
	
	/* info */
	.art-2 .texto{
		font-size: 12px;
		line-height: 24px;
		font-weight: normal;
		width: 190px;
		color: #909090;
		}
		
	/* boton */
	.art-2 .boton{
		position: absolute;
		top:250px;
		width: auto;
		height:25px; 
		}
			
.art-3{
	width: 808px;
	height: auto;
	border: 1px solid #efefef;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0px 1px 0px #cccccc;
	position: relative;
	padding: 25px 30px;
	}
	.art-3 b{color: #000;}
	.art-3 .titulo{
		font-size: 14px;
		color: #000000;
		text-transform: uppercase;
		font-style: oblique;
		}
	.art-3 .line{
		background: #f2f2f2;
		height: 1px;
		width: 870px;
		margin: 20px 0 20px -31px;
		}
		.art-3 .items li{
			font-weight: normal;
			font-size: 13px;
			height: auto;
			color: #909090;
			padding-left: 20px;
			line-height: 25px;
			background: url(../img/bg/item1.gif) no-repeat -3px 0;
			}
		.art-3 ul li{
			font-weight: normal;
			font-size: 12px;
			height: auto;
			line-height: 20px;
			color: #707070;
			}
		.art-3 ul div{
			line-height: 25px;
			font-size: 15px;
			color: #606060;
			}
		.art-3 ul p{
			margin-bottom: 20px;
			font-weight: normal;
			font-size: 12px;
			height: auto;
			line-height: 20px;
			color: #606060;
			}
			.art-3 ul p.destacado{
				font-weight: bold;
				font-size: 14px;
				height: auto;
				line-height: 20px;
				color: #606060;
				}
			

.art-4{
	width: 368px;
	height: auto;
	border: 1px solid #efefef;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0px 1px 0px #cccccc;
	position: relative;
	padding: 25px 30px;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	}
	.art-4 b{color: #000;}
	.art-4 .titulo{
		font-size: 14px;
		color: #000000;
		text-transform: uppercase;
		font-style: oblique;
		}
	.art-4 .line{
		background: #f2f2f2;
		height: 1px;
		width: 430px;
		margin: 20px 0 20px -31px;
		}
		.art-4 .items li{
			font-weight: normal;
			font-size: 12px;
			height: auto;
			color: #909090;
			line-height: 20px;
			padding-left: 20px;
			background: url(../img/bg/item1.gif) no-repeat -3px 1px;
			}
		.art-4 ul li{
			font-weight: normal;
			font-size: 12px;
			height: auto;
			line-height: 20px;
			color: #909090;
			}
		.art-4 ul div{
			line-height: 20px;
			font-size: 15px;
			color: #909090;
			}
			
/* ······································· */
/* banners */

.banner-1{
	background-image: url(../img/publicitar/banner-1.gif);
	background-repeat: no-repeat;
	width: 230px;
	height: 190px;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display:inline;
	}

.banner-2{
	background-image: url(../img/publicitar/banner-2.gif);
	background-repeat: no-repeat;
	width: 947px;
	height: 245px;
	padding: 1px;
	}
	

/* ······································· */
/* botones */	
		
.bot-1{
	width: auto;
	height: 24px;
	display: inline-block;
	padding: 0 0 0 10px;
	background-position:-495px 0px;
	cursor: pointer;
	}
	.bot-1 *{
		width: auto;
		height: 19px;
		font-size: 14px;
		font-weight: 600;
		color: #ffffff;
		text-shadow: 0px 1px 1px #000;
		display: block;
		padding: 5px 15px 0 5px;
		cursor: pointer;
		background-position: right 0px;
		}
		
.bot-2{
	width: auto;
	height: 24px;
	display: inline-block;
	padding: 0 0 0 10px;
	cursor: pointer;
	background-position:-495px -25px;
	}
	.bot-2 *{
		width: auto;
		height: 19px;
		font-size: 14px;
		font-weight: 600;
		color: #a7a7a7;
		display: block;
		padding: 5px 15px 0 5px;
		cursor: pointer;
		background-position: right -25px;
		}
		
.bot-3{
	width: auto;
	height: 28px;
	display: inline-block;
	padding: 0 0 0 10px;
	cursor: pointer;
	background-position:-495px -50px;
	}
	.bot-3 *{
		width: auto;
		height: 21px;
		font-size: 14px;
		font-weight: 600;
		color: #ffffff;
		text-shadow: 0px 1px 1px #000;
		display: block;
		padding: 8px 15px 0 5px;
		cursor: pointer;
		background-position: right -50px;
		}

.bot-4{
	width: auto;
	height: 44px;
	display: inline-block;
	padding: 0 0 0 10px;
	cursor: pointer;
	background-position:-495px -108px;
	cursor: pointer;
	}
	.bot-4 *{
		width: auto;
		height: 44px;
		font-size: 14px;
		font-weight: 600;
		color: #ffffff;
		border: none;
		cursor: pointer;
		margin: 0;
		text-shadow: 0px 1px 1px #000;
		display: block;
		padding: 2px 15px 0 5px;
		background-position: right -108px;
		cursor: pointer;
		}



.botIcoAdmin{
	width: 95px;
	height: 97px;
	background-position: -665px -198px;
	cursor: pointer;
	}
	.botIcoAdmin:hover{background-position: -665px -97px;}
	.botIcoAdmin:active{background-position: -665px -0px;}
	
.botIcoProp{
	width: 95px;
	height: 97px;
	background-position: -763px -198px;
	cursor: pointer;
	}
	.botIcoProp:hover{background-position: -763px -97px;}
	.botIcoProp:active{background-position: -763px -0px;}
	
.botIcoProv{
	width: 95px;
	height: 97px;
	background-position: -860px -198px;
	cursor: pointer;
	}
	.botIcoProv:hover{background-position: -860px -97px;}
	.botIcoProv:active{background-position: -860px -0px;}
		
.bot-login{
	margin-top: 6px;
	position: absolute;
	left: 732px;
	cursor: pointer;
	}
	
.bot-registrese{
	margin-top: 6px;
	position: absolute;
	left: 852px;
	cursor: pointer;
	}
	
/* ······································· */
.city{
	width: 100%;
	height: 87px;
	background: url(../img/bg/city.jpg);
	margin-top: 100px;
	}
	
/* ······································· */
.col-2{
	width: 430px;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display:inline;
	}


/* ······································· */
/* facebook */		
	
.facebook-1{
	width: 30px;
	height: 30px;
	background-position: -430px -1px;
	}		
	.facebook-1:hover{
		background-position: -430px -31px;	
		}

.facebook-2{
	width: 30px;
	height: 30px;
	background-position: -421px -68px;
	}
	.facebook-2:hover{background-position: -421px -100px;}
	.facebook-2:active{background-position: -421px -132px;}

/* ······································· */
.hoja-1{
	width: 100%;
	height: auto;
	min-height: 270px;
	background: url(../img/bg/franja-1.gif) repeat-x;
	}
	.hoja-1 article{
		width: 870px;
		margin: auto;	
		padding: 100px 46px;
		height: auto;
		min-height: 270px;
		position: relative;
		background: url(../img/bg/solapa-1.png) no-repeat;
		}
		 
		 
/* ······································· */
.infografiaQuienesSomo{
	margin-top: -90px;
	}
.infografiaDigitalizacionDocumento{
	margin-top: -90px;
	}
	.infografiaDigitalizacionDocumento img{
		margin-left: 82px;
		}
/* ······································· */
/* iconos */
.ico-liquidacion{
	width: 110px;
	height: 110px;
	background-position: -330px -110px;
	}
.ico-atencion24{
	width: 110px;
	height: 110px;
	background-position: -440px -110px;
	}
.ico-proveedores-1{
	width: 110px;
	height: 110px;
	background-position: -550px -110px;
	}
.ico-consultasYAsesoramiento{
	width: 110px;
	height: 110px;
	background-position: 0px -110px;
	}
.ico-asesoramientoDeProfesionales{
	width: 110px;
	height: 110px;
	background-position: 0px -110px;
	}
.ico-descuentosYOfertas{
	width: 110px;
	height: 110px;
	background-position: -110px -110px;
	}
.ico-forosYRedesSociales{
	width: 110px;
	height: 110px;
	background-position: -220px -110px;
	}
.ico-clasificados{
	width: 110px;
	height: 110px;
	background-position: -444px -217px;
	}
.items li{
	padding-left: 20px;
	line-height: 25px;
	background: url(../img/bg/item2.gif) no-repeat -3px 2px;
	}
/* ······································· */
.ingresarFacebook{
	background-position: -495px -155px;
	width: 185px;
	height: 34px;
	cursor: pointer;
	}
	.ingresarFacebook:active{
		background-position: -684px -155px;
		}
.ingresarTwitter{
	background-position: -495px -192px;
	width: 185px;
	height: 34px;
	cursor: pointer;
	}
	.ingresarTwitter:active{
		background-position: -685px -192px;
		}

/* ······································· */
/* inputs */
.input{
	width: auto;
	height: 28px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display:inline;
	padding: 0 0 0 10px;
	margin: 0px;
	background-position:-528px -79px;
	}
	.input input{
		height: 28px;
		font-size: 11px;
		font-weight: normal;
		line-height: 30px;
		color: #a7a7a7;
		display: block;
		position: relative;
		padding: 0px 15px 0 5px;
		border: none;
		margin: 0px;
		*margin-top:-1px;
		background: none;
		background-position: right -79px;
		}
	.input input.bot{
		width: 20px;
		height: 18px;
		display: block;
		padding: 5px 15px 0 5px;
		cursor: pointer;
		background: none;
		background-position: -397px -71px;
		}

/* ······································· */
/* lines */
.line-1{
	height: 1px;
	width: 100%;
	background: #e2e2e2;
	box-shadow: 0px 1px 1px #ffffff;
	}
	
.line-2{
	height: 1px;
	width: 50%;
	background: #e2e2e2;
	box-shadow: 0px 1px 1px #ffffff;
	}
/* ······································· */
/* loader */
.loader{
	padding: 20px;
	display:none; 
	width:32px; 
	height:32px;
	}
.loader2{
	padding: 20px;
	display:none; 
	width:400px; 
	height:100px;
	}

	
/* ······································· */
/* login */
.login{
	display: none;
	width: 400px;
	height: 230px;
	padding: 20px;
	border-radius: 5px;
	background: url(../img/bg/body.gif);
	}
	/* titulo */
	.login .titulo{
		width: 420px;
		font-size: 15px;
		color: #000000;
		border-bottom: 1px solid #dfdfdf;
		text-transform: uppercase;
		padding: 0 0 10px 20px;
		margin: 0 0 1px -20px; 
		}
	
	/* tipo de usuario */
	.login .tipoUser{
		width: 400px;
		height: 140px;
		background: #f0f0f0;
		padding: 10px 20px;
		margin-left: -20px;
		margin-bottom: 10px;
		}
		.login .tipoUser .botIco{
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display: inline;
			}
		.login .tipoUser .nombre{
			width: 125px;
			text-align: center;
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display: inline;
			color: #909090;
			font-style: oblique;
			}
	
	/* username */
	.login .userName{}
		.login .userName > *{
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display:inline;
			}
	.login .input input{
		width: 160px;
		}
	.login .bot-4 input{
		width: 180px;
		}
	
	/* columna */
	.login .col{
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display:inline;
		width: 185px;
		}
		
	.login .logueado{
		font-size: 11px;
		font-style: oblique;
		font-weight: normal;
		color: #717171;
		}
		.login .logueado .text-link{
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display:inline;
			margin: -2px 0 0 2px;
			}

/* ······································· */	
/* mensaje */
.mensaje{
	padding: 50px;
	display:none; 
	width:auto; 
	height:auto;
	line-height: 20px;
	font-size: 13px;
	font-style: oblique;
	font-weight: 600;
	color: #747474;
	}

/* ······································· */	
/* margenes */
.marginLeft-0  { margin-left:    5px; }
.marginRight-0 { margin-right:   5px; }
.marginTop-0   { margin-top:     5px; }
.marginBottom-0{ margin-bottom:  5px; }

.marginLeft-1  { margin-left:   10px; }
.marginRight-1 { margin-right:  10px; }
.marginTop-1   { margin-top:    10px; }
.marginBottom-1{ margin-bottom: 10px; }

.marginLeft-2  { margin-left:   20px; }
.marginRight-2 { margin-right:  20px; }
.marginTop-2   { margin-top:    20px; }
.marginBottom-2{ margin-bottom: 20px; }

.marginLeft-3  { margin-left:   30px; }
.marginRight-3 { margin-right:  30px; }
.marginTop-3   { margin-top:    30px; }
.marginBottom-3{ margin-bottom: 30px; }

.marginLeft-4  { margin-left:   40px; }
.marginRight-4 { margin-right:  40px; }
.marginTop-4   { margin-top:    40px; }
.marginBottom-4{ margin-bottom: 40px; }


.marginLeft-5  { margin-left:   50px; }
.marginRight-5 { margin-right:  50px; }
.marginTop-5   { margin-top:    50px; }
.marginBottom-5{ margin-bottom: 50px; }

.marginLeft-6  { margin-left:   60px; }
.marginRight-6 { margin-right:  60px; }
.marginTop-6   { margin-top:    60px; }
.marginBottom-6{ margin-bottom: 60px; }

/* ······································· */
/* proximamente */
.proximamente{
	width: 205px;
	height: 150px;
	position: absolute;
	background: url(../img/bg/proximamente.gif);
	top:50px;
	left: 680px;
	}


/* ······································· */
/* regsitrarse */
.registrarse{
	display: none;
	width: 400px;
	height: 355px;
	padding: 20px;
	border-radius: 5px;
	background: url(../img/bg/body.gif);
	}
	/* titulo */
	.registrarse .titulo{
		width: 420px;
		font-size: 15px;
		color: #000000;
		border-bottom: 1px solid #dfdfdf;
		text-transform: uppercase;
		padding: 0 0 10px 20px;
		margin: 0 0 1px -20px; 
		}
	
	/* tipo de usuario */
	.registrarse .tipoUser{
		width: 400px;
		height: 140px;
		font-style: oblique;
		background: #f0f0f0;
		color: #909090;
		font-weight: normal;
		padding: 10px 20px;
		margin-left: -20px;
		margin-bottom: 1px;
		}
		.registrarse .tipoUser .botIco{
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display: inline;
			}
		.registrarse .tipoUser .nombre{
			width: 125px;
			text-align: center;
			display: inline-block;
			vertical-align: top;
			font-weight: normal;
			zoom: 1;
			*display: inline;
			color: #909090;
			font-style: oblique;
			}
	
	/* username */
	.registrarse .userName{}
		.registrarse .userName > *{
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display:inline;
			}
	.registrarse .input input{
		width: 160px;
		}
	.registrarse .bot-4 input{
		width: 180px;
		}
	
	/* columna */
	.registrarse .col{
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display:inline;
		width: 185px;
		}
	/* line */
	.registrarse .line{
		margin-left: -20px;
		height: 1px;
		background-color: #e2e2e2;
		width: 440px;
		margin-bottom: 20px;
		}
	.registrarse .logueado{
		font-size: 11px;
		font-style: oblique;
		font-weight: normal;
		color: #717171;
		}
		.registrarse .logueado .text-link{
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display:inline;
			margin: -2px 0 0 2px;
			}
		

/* ······································· */
/* textarea */
.textarea{
	width: 390px;
	padding-top: 10px;
	background-position: -528px -79px;
	height: auto;
	}
	.textarea .cuerpo{
		width: auto;
		height: auto;
		background: url(../img/bg/textarea.gif);
		padding: 0 15px;
		}
		.textarea .cuerpo textarea{
			width: 360px;
			min-width: 360px;
			max-width: 360px;
			height: 205px;
			min-height: 205px;
			max-height: 900px;
			border: none;
			background: none;
			font-weight: normal;
			color: #a7a7a7;
			font-size: 11px;
			}
	.textarea .bottom{
		width: 390px;
		height: 4px;
		background-position: -528px -103px;
		}

/* ······································· */
/* text */
.text-titulo{
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	}
.text-titulo-2lineas{
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	color: #000000;
	}
	
.text-subtitulo{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	font-style: oblique;
	}
.text-destacado{
	font-size: 17px;
	font-weight: normal;
	color: #3b94ee;
	line-height: 23px;
	}
.text-titulo-2{
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	line-height: 23px;
	}
	
.text-1{
	font-size: 13px;
	font-weight: normal;
	color: #747474;
	line-height: 23px;
	}
.text-2{
	font-size: 13px;
	font-weight: bold;
	font-style: oblique;
	color: #747474;
	line-height: 23px;
	}
.text-link{
	font-size: 14px;
	font-weight: 600;
	color: #3b94ee;
	font-style: oblique;
	text-decoration: underline;
	}
.text-link-2{
	font-weight: 600;
	color: #3b94ee;
	font-style: oblique;
	text-decoration: underline;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display:inline;
	}

/* ······································· */
/* twitter */
.twitter-1{
	width: 30px;
	height: 30px;
	background-position: -460px -1px;
	}		
	.twitter-1:hover{
		background-position: -460px -31px;	
		}

.twitter-2{
	width: 30px;
	height: 30px;
	background-position:  -453px -68px;
	}
	.twitter-2:hover{background-position:  -453px -100px;}
	.twitter-2:active{background-position:  -453px -132px;}


			
/* ////////////////////////////////////////////////// */
/* generales */

/* sprite */
footer section .logo,
footer .redes_search .search,
footer section .share,
header section div.logo,

#banner article .slider a,
#banner article .slider .activeSlide,
#banner article .foto li .solicitarAqui,
#banner article .foto li .solicitarAqui:hover,

.bot-1,
.bot-1 *,
.bot-2,
.bot-2 *,
.bot-3,
.bot-3 *,
.bot-4,
.bot-4 *,
.input,
.input input,
.input input.bot,

.facebook-1,
.twitter-1,
.facebook-2,
.twitter-2,

.textarea,
.textarea .bottom,

.ingresarFacebook,
.ingresarTwitter

{background-image:url(../img/sprite.gif); }


/* iconos */
.ico-liquidacion,
.ico-atencion24,
.ico-proveedores-1,
.ico-consultasYAsesoramiento,
.ico-asesoramientoDeProfesionales,
.ico-descuentosYOfertas,
.ico-forosYRedesSociales,
.ico-clasificados,
.botIcoAdmin,
.botIcoProp,
.botIcoProv
{background-image:url(../img/ico/iconos.png); }