*{ margin:0; padding:0;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
body{ background:url(images/bg.jpg) repeat-x; font-family: 'Raleway', sans-serif;}
.bg-top{ width:100%; position:absolute; height:102px; background:url(images/bg-top.jpg) no-repeat center center;}
#contenedor-pag{ width:100%;}
#contenedor{ width:960px; margin:0 auto;}
#top{ position:relative;width:980px; height:133px;}
.logo{ display:block; position:absolute; top:5px; left:10px;}
.info-top{ color:#13769D; display:block; position:absolute; top:20px; right:20px; text-align:right; font-size:14px;}
.info-top span{ display:block;  clear:both; font-weight:400; color:#0D5779; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.soc-face, .soc-twit, .soc-link{ display:block; width:16px; height:16px; position:absolute; right:22px; top:78px;}
.soc-twit{ right:42px;}
.soc-link{ right:63px;}
.soc-face a img, .soc-twit a img, .soc-link a img{ border:none;}


#menu{ position:absolute; top:103px; height:28px; }
	#menu ul{}
	#menu ul li{ display:inline-block; padding:7px 10px 0 10px;}
	#menu ul li a{ color:#FFF; font-size:13px; text-decoration:none;
	-webkit-transition: color .4s linear;
	-moz-transition: color .4s linear;
	-o-transition: color .4s linear;
	-ms-transition: color .4s linear;
	transition: color .4s linear;
}
	#menu ul li a:hover{ color:#6CF;}

#idiomas{ display:block; background:#0B4D98; height:28px; position:absolute; top:103px; right:20px;}
#idiomas ul li{ list-style:none; display:inline-block; float:left; padding:8px 10px 5px 10px; font-size:12px;}
#idiomas ul li:first-child{ border-right:1px solid #073353;}
#idiomas ul li a{ color:#FFF; text-decoration:none;
-webkit-transition: color .4s linear;
	-moz-transition: color .4s linear;
	-o-transition: color .4s linear;
	-ms-transition: color .4s linear;
	transition: color .4s linear;

}
#idiomas ul li a:hover{ color:#6CF;}

.quote{ display:block; padding:10px 0; margin:10px 0; width:100%; background:#EEE; border:1px solid #EFEFEF;  color:#13769D; font-size:24px; font-weight:700;}
.center{ text-align:center;}
a{ color:#1881A9; text-decoration:none; font-weight:500;}
a:hover{ color:#000;}
p{ font-size:13px; line-height:20px; padding:10px 0; color:#666; text-align:justify;}
h1{color:#1881A9; font-size:28px; padding:10px 0; font-weight:300;}
h2{ color:#1881A9; font-size:20px; padding:5px 0; font-weight:500;}
h3{ color:#1881A9; font-size:16px; font-weight:300; padding:5px 0;}
h4{font-weight:500; padding:5px 0;}

hr{ margin:10px 0; border-top:none;  border-bottom:1px solid #CCC;}


#bloque-home{display:block; height:333px;}
	#slider{ display:block; float:left; /*width:580px;*/ width:960px; margin:0 10px 0 0;}
		#slider-1{ position:relative; width:960px; height:335px;}
			#slider-1 div{ position:relative;}
			 .descripcion{ position:absolute; padding:20px 0 0 20px; display:block; bottom:0; left:0; width:370px; height:70px; background:url(images/bg-slider.png);}
			 .titulos-foto{font-size:18px; color:#006699; font-weight:700;}
	  		 .titulos-foto span{ font-size:28px; display:block; clear:both; font-weight:300;}
		.imagen-slider{ float:left; display:block; margin:0 10px 0 0;}
	
	.navegacion{ display:block; position:relative; height:30px;  width:958px; margin:10px 0 20px 0; background:#EFEFEF; border:1px solid #CCC;}
		.nav{ display:block;padding:3px 5px; font-size:12px; position:absolute; top:5px; left:5px;}
			
		.paginador{display:block; padding:5px; font-size:12px; position:absolute; top:0; right:0; font-family:Verdana, Geneva, sans-serif;}
			.paginador a{ display:block; padding:3px 5px; background:#CCC; float:left; margin:0 5px 0 0;}
			.paginador a.activeSlide{ background:#1881A9; color:#FFF;}
	.info-slider{ display:block; float:left; width:328px; padding:20px; height:293px; background:#EEE; border:1px solid #CCC;}
	.info-slider p, .info-interna p{ font-size:13px; text-align:justify; line-height:16px; padding:5px 0; color:#666;}
	.info-slider ul, .info-interna ul{ margin:5px 0;}
	.info-slider ul li, .info-interna ul li{ font-size:13px; list-style-position:inside; color:#666;}

ol{margin:5px 0;}
ol li, .list{font-size:13px; padding:5px 0; list-style-position:inside; color:#666; line-height:20px;}

.info-interna { display:block; float:left; width:308px; padding:20px 20px 25px 20px; margin:0 0 15px 0; background:#EEE; border:1px solid #CCC;}
#bloque-interna{}



.bloque{display:block; margin:10px 0;}
	.bloque p{text-align:justify; }
	.bloque p strong, li strong{ font-size:15px; font-weight:normal; color:#1881A9;}
	.bloque p span{color:#1881A9;}
.col-1{ display:block; float:left; width:580px;}
.step-1{width:580px; position:relative; height:103px; margin:10px 0 20px 0; background:#EEE url(images/bg-step.jpg) no-repeat;}
	.step-select{ position:absolute;top:30px; left:80px;}
	.step-postal{ position:absolute;top:32px; left:250px;}
	.step-submit{ position:absolute;top:50px; left:418px;}
	
.grafico{ display:block; margin:10px 0 0 0;}

.col-2{ display:block; float:left; width:350px; margin:0 0 0 20px;}
	.caja-1, .caja-2, .caja-3{display:block; position:relative; float:left; padding:10px; height:180px; background:#EEE; border:1px solid #CCC;}
	.caja-1{width:270px; margin:0 15px 0 0;}
	.caja-2{width:250px;}
		.caja-2 ul li{ font-size:13px; padding:5px 0; list-style-position:inside; color:#666;}
	.caja-3{width:328px;}
.form-col{ width:250px; float:left; position:relative;}
.btn-box-pie{ position:absolute; left:10px; bottom:5px;}


#pie{ display:block; height:208px; width:100%; background:url(images/bg-pieliso.jpg) repeat-x;}
.bg-pie{ background:url(images/bg-pie.jpg) no-repeat center bottom; height:208px; width:100%;}
.cont-pie{ width:960px; margin:0 auto; position:relative;}
.politica{ padding:10px; display: block; font-weight:500;}
.socios{ display:block; position:absolute; top:7px; right:20px;}
	.socios a{ display:block; background:#CCC url(img/user.png) no-repeat 10px 7px; color:#666; font-size:11px; padding:8px 15px 8px 35px;
	-webkit-transition: color .4s linear;
	-moz-transition: color .4s linear;
	-o-transition: color .4s linear;
	-ms-transition: color .4s linear;
	transition: color .4s linear;
	
	-webkit-transition: background .4s linear;
	-moz-transition: background .4s linear;
	-o-transition: background .4s linear;
	-ms-transition: background .4s linear;
	transition: background .4s linear;
	border-radius:3px; 
-moz-border-radius:3px; /* Firefox */ 
-webkit-border-radius:3px; /* Safari y Chrome */ 

	
	}
	.socios a:hover{ color:#FFF; background:#1881A9 url(img/user.png) no-repeat 10px 7px;}
.priv{ padding:19px 20px 0 20px;}
.priv p{ color:#EEE; padding:5px 0; font-size:11px; line-height:14px;}

.degradado-1{background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #FAFAFA 0%, #EEEEEE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FAFAFA 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FAFAFA 0%,#EEEEEE 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FAFAFA 0%,#EEEEEE 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FAFAFA 0%,#EEEEEE 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */
}