@import url(https://fonts.googleapis.com/css2?family=Archivo+Narrow);

*{
	margin:0;
	padding:0;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


body{
	background:#D7D7D7;
	font-family: Arial;
	color:#666;
	font-size:12px;
	}

h1{
	font-family: 'Racing Sans One', cursive;
	color:#036;
	
	}
	
.img_izq{
	padding-bottom:5px;
	padding-right: 20px;

}
.img_der{
	padding-right:20px;
	padding-bottom:20px;

}


/*---------------------------------- encabezado ----------------------------------*/
.encabezado{
	width:992px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
}

.logo{
	width:350px;
	height:120px;
	float:left;
}

.submenu{
	width:642px;
	height:120px;
	float:left;
	}



.acceso {
	width:430px;
	height:40px;
	background-color:#FFF;
	float:right;
	position:relative;
	margin-top:40px;
	border-radius: 8px;
	
	}

/*Link sin visitar*/	
.acceso a{
	color:#999;
} 

/*al situar el mouse sobre*/
.acceso a:hover {
	color:#C00;
} 





.webmail{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.3px;
	font-weight:bold;
	float:left;
	padding-top:14px;
	width:15.8%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	color:#999;
	border-right: solid 1px #ccc;
	box-sizing:border-box;

	
	}

.cpanel{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.3px;
	font-weight:bold;
	float:left;
	padding-top:14px;
	width:13.9%;
	height:100%;
	text-align:center;
	color:#999;
	border-right: solid 1px #ccc;
	box-sizing:border-box;
	}
	
	
.awstats{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.3px;
	font-weight:bold;
	float:left;
	padding-top:14px;
	width:19.4%;
	height:100%;
	text-align:center;
	color:#999;
	}


.fecha{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.3px;
	font-weight:bold;
	float:left;
	padding-top:14px;
	padding-right:15px;
	width:50.9%;
	height:100%;
	text-align:right;
	color:#999;
	border-left: solid 1px #ccc;
	box-sizing:border-box;
	
	}




/*---------------------------------- menu ----------------------------------*/
.menu{
	width:992px;
	height:44px;
	margin-left:auto;
	margin-right:auto;
	
	}
	
.opcion1, .opcion2, .opcion3, .opcion4{
	width:197.6px;
	padding-top:10px;
	height:34px;
	float:left;
	text-align:center;
	font-family: 'Racing Sans One', cursive;
	font-size:18px;
	color:#FFF;
	background:url(imagenes/fondo_menu.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	
	border-right:solid 1px #6C0910;
	
	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	}
.opcion5{
	width:197.6px;
	padding-top:10px;
	height:34px;
	float:left;
	text-align:center;
	font-family: 'Racing Sans One', cursive;
	font-size:18px;
	color:#FFF;
	background:url(imagenes/fondo_menu.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	
	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	}
	
.opcion1:hover, .opcion2:hover, .opcion3:hover, .opcion4:hover{
	width:197.6px;
	padding-top:10px;
	height:34px;
	float:left;
	text-align:center;
	font-family: 'Racing Sans One', cursive;
	font-size:22px;
	color:#a30d1b;
	background:url(imagenes/fondo_menu.gif);
	background-repeat:repeat-x;
	background-position:0px -44px;
	border-right:solid 1px #6C0910;
	cursor:pointer;
	
	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	}
.opcion5:hover{
	width:197.6px;
	padding-top:10px;
	height:34px;
	float:left;
	text-align:center;
	font-family: 'Racing Sans One', cursive;
	font-size:22px;
	color:#a30d1b;
	background:url(imagenes/fondo_menu.gif);
	background-repeat:repeat-x;
	background-position:0px -44px;
	cursor:pointer;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
	}



/*---------------------------------- slider ----------------------------------*/
.slider{
	width:auto;
	height:388px;
	background-color:#184681;
	}

.slider_contenido{
	width:992px;
	padding:18px;
	height:388px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFF;
		box-sizing:border-box;
	}

.slider_contenido img{
	margin:0px;
	}
	
	
/*------------------ slider jquery ------------------ */	
.bannercontainer{
	position:relative;
	margin:0px;
	padding:0px;
	background-color:#000;
	max-width:956px;
}.banner{
	position:relative;
	max-width:956px;
	height:352px;
	overflow:hidden
}.fullwidthbanner-container{
	position:relative;
	width:100% !important;
	max-height:352px !important;
	overflow:hidden;
	background-color:#000
}.fullwidthbanner-container .fullwidthbanner{
	position:relative;
	width:100% !important;
	max-height:352px !important
	}
	
	
.fullscreenbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	height:100%}
/*------------------  slider jquery------------------ */


/*---------------------------------- banners ----------------------------------*/

.tribanners{
	width:956px;
	height:143px;
	margin-left:auto;
	margin-right:auto;
	padding:0 18px 18px 18px;
	background-color:#FFF;
	color:#FFF;
	}
	
.contenedor01{
	width:318px;
	height:142px;
	float:left;
	background: #930B15;
	border-radius: 0 0 0 20px;
	
	     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	 
	 border-right:solid 1px #6C0910;
	
	}

.contenedor01:hover{
	width:318px;
	float:left;
	background-color:#9A0C16;
	
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
	}




.contenedor02{
	width:318px;
	height:142px;
	float:left;
	background-color:#a30d1b;
	
	     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	 
	}

.contenedor02:hover{
	width:318px;
	float:left;
	background-color:#AB0E1E;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
	}


.contenedor03{
	width:318px;
	height:142px;
	float:left;
	background-color:#b41025;
	border-radius: 0 0 20px 0;
	
	     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	
	 border-left:solid 1px #6C0910;
	
	}

.contenedor03:hover{
	width:318px;
	float:left;
	background-color:#BB1126;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
	}



.banner01{
	width:268px;
	font-size:12px;
	float:left;
	padding: 10px 30px 20px 20px;
	

	  background:url(imagenes/icono.png);
 	  background-repeat:no-repeat;
  	  background-position:95% 88%;
  
     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	
	}

.banner01:hover{
	width:268px;
	float:left;
	padding: 10px 30px 20px 20px;
	cursor: pointer;
	background:url(imagenes/icono.png);
	background-repeat:no-repeat;
	background-position:80% 88%;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
	}



titu_banner{
	font-size:34px;
	font-weight:bold;
	font-family: 'Racing Sans One', cursive;
}

/*---------------------------------- pie ----------------------------------*/

.pie{
	width:auto;
	height:80px;
	background-color:#a30d1b;
}

.pie_centrado{
	width:992px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	height: 60px;
}



.pie_izq{
	width:225px;
	float:left;
}

.pie_cent{
	width:542px;
	float:left;
	color: #FFF;
	text-align: center;
}

.pie_cent a{color:#FFF;}
.pie_cent a:hover{color:#FC0;}

.pie_der{
	width:225px;
	float:left;
	color: #FFF;
	text-align: right;
}

.pie_der a{color:#FFF;}
.pie_der a:hover{color:#FC0;}


/*---------------------------------- página inicio ----------------------------------*/
.inicio_contenido{
	width:992px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	display:flex;
	}
	
.inicio_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 365px;
	}
.inicio_derecha{
	margin-right:18px;
	width:250px;
	float:left;
	padding-left: 18px;
	border-left:solid 1px #888;
	height: 365px;
	}
.inicio_centro{
	margin: 0 18px 0 18px;
	width:382px;
	float:left;
	text-align: justify;
	}

.inicio_centro img{
	width:175px;
	height:100px;
	padding-left: 10px;
	padding-bottom: 2px;
}

.inicio_abajo{
	width:382px;
	text-align: justify;
	border-top: solid 1px #888;
	padding-top: 10px;
	}


.inicio_direccion{
	width:262px;
	float:left;
	padding-top: 10px;
	background-image: url(imagenes/icono_direccion.png);
	background-repeat: no-repeat;
	padding-left: 120px;
	height: 55px;
	}
	
.inicio_telefono{
	width:141px;
	float:left;
	padding-top: 15px;
	background-image: url(imagenes/icono_telefono.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	height: 45px;
	}

.inicio_correo{
	width:136px;
	float:left;
	padding-top: 15px;
	height: 45px;
	background-image: url(imagenes/icono_mail.png);
	background-repeat: no-repeat;
	padding-left: 55px;
	}


.politicas{
	width:956px;
	display: flow-root;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:18px;
	padding: 18px;
	font-size: 15px;
}

.poli{
	width: 25%;
	height: 100px;
	float: left;
	background-image: url(imagenes/icon_documento.png);
	background-repeat: no-repeat;
	padding-left: 100px;
	padding-top: 20px;
	box-sizing: border-box;
	color: #274161;
	opacity:0.85;
}

.poli:hover{
	
	cursor:pointer;
	opacity:1;
	
	}



.marcas{
	width:956px;
	height:105px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:18px;
	padding: 18px;
	font-size: 15px;
	}

.marca01{
 width: 81px;
 height:65px;
 background-image:url(imagenes/logo_001.jpg);
 float:left;
	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca01:hover{
 width: 81px;
 height:65px;
 background-image:url(imagenes/logo_001.jpg);
 background-position:50% 100%;
 cursor:pointer;
	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}


.marca02{
 width: 190px;
 height:65px;
 background-image:url(imagenes/logo_002.jpg);
 float:left;
 
 	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca02:hover{
 width: 190px;
 height:65px;
 background-image:url(imagenes/logo_002.jpg);
 background-position:50% 100%;
 cursor:pointer;
 
 	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca03{
 width: 179px;
 height:65px;
 background-image:url(imagenes/logo_003.jpg);
 float:left;
 
 	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca03:hover{
 width: 179px;
 height:65px;
 background-image:url(imagenes/logo_003.jpg);
 background-position:50% 100%;
 cursor:pointer;
 
 	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca04{
 width: 202px;
 height:65px;
 background-image:url(imagenes/logo_004.jpg);
 float:left;
 
 	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca04:hover{
 width: 202px;
 height:65px;
 background-image:url(imagenes/logo_004.jpg);
 background-position:50% 100%;
 cursor:pointer;
 
 	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca05{
 width: 106px;
 height:65px;
 background-image:url(imagenes/logo_005.jpg);
 float:left;
 
 	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca05:hover{
	width: 106px;
	height:65px;
	background-image:url(imagenes/logo_005.jpg);
	background-position:50% 100%;
	cursor:pointer;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
}

.marca06{
 width: 198px;
 height:65px;
 background-image:url(imagenes/logo_006.jpg);
 float:left;
 
 	 -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
}

.marca06:hover{
	width: 198px;
	height:65px;
	background-image:url(imagenes/logo_006.jpg);
	background-position:50% 100%;
	cursor:pointer;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
}


.opcion_vertical{
	height:22px;
	padding-top:2px;
	border-bottom:solid #999 1px;
	padding-left:7px;
	
	  background:url(imagenes/fondo_azul.gif);
 	  background-repeat:no-repeat;
	  background-position: -247px 0px;
  
     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	
}

.opcion_vertical:hover{
	height:22px;
	padding-top:2px;
	border-bottom:solid #999 1px;
	color:#FFF;
	cursor:pointer;
	
	  background:url(imagenes/fondo_azul.gif);
 	  background-repeat:no-repeat;
  	  background-position: 0px 0px;
  
     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;

}

.opcion_vertical_seleccionado{
	height:22px;
	padding-top:2px;
	border-bottom:solid #999 1px;
	color:#FFF;
	padding-left:7px;
	
	  background:url(imagenes/fondo_azul.gif);
 	  background-repeat:no-repeat;
	  background-position: 0px 0px;
}


.opcion_vertical0{
	height:22px;
	padding-top:2px;
	border-bottom:solid #999 1px;
	padding-left:7px;
	
	  background:url(imagenes/fondo_azul0.gif);
 	  background-repeat:no-repeat;
	  background-position: -247px 0px;
  
     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	
}

.opcion_vertical0:hover{
	height:22px;
	padding-top:2px;
	border-bottom:solid #999 1px;
	color:#FFF;
	cursor:pointer;
	
	  background:url(imagenes/fondo_azul0.gif);
 	  background-repeat:no-repeat;
  	  background-position: 0px 0px;
  
     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;

}

.opcion_vertical0_seleccionado{
	height:22px;
	padding-top:2px;
	border-bottom:solid #999 1px;
	color:#FFF;
	padding-left:7px;
	
	  background:url(imagenes/fondo_azul0.gif);
 	  background-repeat:no-repeat;
	  background-position: 0px 0px;
}



.opcion_vertical1{
	height:22px;
	padding-top:2px;
	border-bottom:solid #FFF 1px;
	color:#FFF;
	padding-left:7px;
	
	  background:url(imagenes/fondo_azul1.gif);
 	  background-repeat:no-repeat;
	  background-position: 0px 0px;
  
     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	
}

.opcion_vertical1:hover{
	height:22px;
	padding-top:2px;
	border-bottom:solid #FFF 1px;
	color:#0CF;
	cursor:pointer;
	background:url(imagenes/fondo_azul1b.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
}

.opcion_vertical1_seleccionado{
	height:22px;
	padding-top:2px;
	border-bottom:solid #FFF 1px;
	color:#0CF;
	padding-left:7px;
	
	  background:url(imagenes/fondo_azul1b.gif);
 	  background-repeat:no-repeat;
	  background-position: 0px 0px;
}

.opcion_vertical2{
	height:49px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:solid #999 1px;
	padding-left:2px;
	color:#036;

	
	  background:url(imagenes/fondo_mini.gif);
 	  background-repeat:no-repeat;
	  background-position: -257px 0px;
  
     -webkit-transition: all 0.4s ease; /* Safari and Chrome */
     -moz-transition: all 0.4s ease; /* Firefox */
     -o-transition: all 0.4s ease; /* IE 9 */
     -ms-transition: all 0.4s ease; /* Opera */
   	 transition: all 0.4s ease;
	
}

.opcion_vertical2:hover{
	height:49px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:solid #999 1px;
	padding-left:2px;
	color:#FFF;
	cursor:pointer;
	background:url(imagenes/fondo_mini.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;


}

.opcion_vertical2 img{
	padding-right:10px;	
}
.celeste_8{
	font-size:13px;
	color:#666;
}

.celeste_8:hover{
	font-size:13px;
	color:#09F;
}


.nota_antisoborno{
    width: 956px;
    display: flow-root;
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    padding: 18px;
    font-size: 15px;
    font-family: 'Archivo Narrow', sans-serif;
}



/*---------------------------------- página nosotros ----------------------------------*/

.nosotros_contenido{
	width:992px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	display: flow-root;
	}
	
.nosotros_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 935px;
	}
.nosotros_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	}

.video{
	width:350px;
	margin-right:50px;
	text-align: left;
}

.nota{
	height:75px;
	background-image:url(imagenes/fondo_nota.jpg);
	background-repeat: no-repeat;
	padding-right: 25px;
	
}
/*---------------------------------- página misión y visión ----------------------------------*/

.mivi_contenido{
	width:992px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	display:flow-root;
	padding-bottom:20px;
	}
	
.mivi_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	display:flow-root;
	}
.mivi_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	}
	
.mision{
	width:316px;
	float: left;
}
.vision{
	width:316px;
	float: left;
	margin-left: 37px;
}

/*---------------------------------- página valores ----------------------------------*/

.valores_contenido{
	width:992px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	display:flow-root;
	padding-bottom:20px;
	}
	
.valores_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 350px;
	}
.valores_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	}
	
.valores1{
	width:266px;
	float: left;
	background-image: url(imagenes/flecha.png);
	background-repeat: no-repeat;
	padding-left: 50px;
}
.valores2{
	width:266px;
	float: left;
	margin-left: 37px;
	background-image: url(imagenes/flecha.png);
	background-repeat: no-repeat;
	padding-left: 50px;
}

/*---------------------------------- página productos  ----------------------------------*/
.productos_contenido{
	width:992px;
	height:515px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	}
	
.productos_titulo{
	width:956px;
	margin-left:18px;
	margin-right:18px;
	height: 50px;
}

.uso_001{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/uso_001.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}

.uso_004{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/uso_004.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}


.uso_002{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/uso_002.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}

.uso_005{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/uso_005.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}

.uso_003{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/uso_003.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.uso_006{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/uso_006.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*---------------------------------- página productos original ----------------------------------*/

/* 

.productos_contenido{
	width:992px;
	height:1545px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	}
	
.productos_titulo{
	width:956px;
	margin-left:18px;
	margin-right:18px;
	height: 50px;
}


.prod_001{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_001.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}

.prod_004{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_004.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}

.prod_007{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_007.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}


.prod_010{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_010.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}

.prod_013{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_013.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}

.prod_016{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_016.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}




.prod_002{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/productos_002.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}

.prod_005{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/productos_005.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}

.prod_008{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/productos_008.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}

.prod_011{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/productos_011.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}

.prod_014{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/productos_014.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}


.prod_003{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_003.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.prod_006{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_006.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.prod_009{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_009.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.prod_012{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_012.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.prod_015{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/productos_015.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

*/

.lupa{
	background:url(imagenes/lupa.png);
	height: 180px;
	background-repeat: no-repeat;
	background-position: 260px 140px;
	opacity:0.5;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
}

.lupa:hover{
	background:url(imagenes/lupa.png);
	height: 180px;
	background-repeat: no-repeat;
	background-position: 139px 78px;
	opacity:1;
	cursor: pointer;
	-webkit-transition: all 0.4s ease; /* Safari and Chrome */
	-moz-transition: all 0.4s ease; /* Firefox */
	-o-transition: all 0.4s ease; /* IE 9 */
	-ms-transition: all 0.4s ease; /* Opera */
	transition: all 0.4s ease;
	width: 302px;

}

.productos_cuadro_izq{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
}

.productos_cuadro_der{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
}
.productos_cuadro_cent{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	}




.color_azul{
	color:#036;
	font-weight: bold;
}


/* cotizaciones */
.cotizaciones{
	background-image:url(imagenes/cotizaciones.jpg);
	height:461px;
}

.cotizaciones img{
	margin-top:405px;
	margin-left:122px;
}


/* Efecto productos */




/*---------------------------------- Producto 001 ----------------------------------*/
.productos001_contenido{
	width:992px;
	height:2150px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos001_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1590px;
	}
.productos001_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 2150px;
	}
/*---------------------------------- Producto 002 ----------------------------------*/
.productos002_contenido{
	width:992px;
	height:1110px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos002_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1090px;
	}
.productos002_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1100px;
	}

/*---------------------------------- Producto 003 ----------------------------------*/
.productos003_contenido{
	width:992px;
	height:1250px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos003_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1230px;
	}
.productos003_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1100px;
	}
	
	
/*---------------------------------- Producto 004 ----------------------------------*/
.productos004_contenido{
	width:992px;
	height:1480px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos004_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1450px;
	}
.productos004_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1480px;
	}

/*---------------------------------- Producto 005 ----------------------------------*/
.productos005_contenido{
	width:992px;
	height:1390px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos005_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1370px;
	}
.productos005_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1370px;
	}
/*---------------------------------- Producto 006 ----------------------------------*/
.productos006_contenido{
	width:992px;
	height:1920px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos006_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1895px;
	}
.productos006_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1895px;
	}

/*---------------------------------- Producto 007 ----------------------------------*/
.productos007_contenido{
	width:992px;
	height:2415px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos007_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 2390px;
	}
.productos007_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 2390px;
	}

/*---------------------------------- Producto 008 ----------------------------------*/
.productos008_contenido{
	width:992px;
	height:1615px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos008_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1590px;
	}
.productos008_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1590px;
	}

/*---------------------------------- Producto 009 ----------------------------------*/
.productos009_contenido{
	width:992px;
	height:1210px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos009_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1190px;
	}
.productos009_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1090px;
	}

/*---------------------------------- Producto 010 ----------------------------------*/


.productos010_contenido{
	width:992px;
	height:2150px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos010_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 2130px;
	}
.productos010_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 2150px;
	}

/*---------------------------------- Producto 011 ----------------------------------*/


.productos011_contenido{
	width:992px;
	height:1400px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos011_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1380px;
	}
.productos011_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1380px;
	}

/*---------------------------------- Producto 012 ----------------------------------*/
.productos012_contenido{
	width:992px;
	height:1270px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos012_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1245px;
	}
.productos012_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1245px;
	}

/*---------------------------------- Producto 013 ----------------------------------*/

.productos013_contenido{
	width:992px;
	height:1350px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos013_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1320px;
	}
.productos013_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1320px;
	}

/*---------------------------------- Producto 014 ----------------------------------*/

.productos014_contenido{
	width:992px;
	height:1210px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos014_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1190px;
	}
.productos014_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1190px;
	}
	
/*---------------------------------- Producto 015 ----------------------------------*/

.productos015_contenido{
	width:992px;
	height:1360px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos015_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1335px;
	}
.productos015_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1335px;
	}

/*---------------------------------- Producto 016 ----------------------------------*/

.productos016_contenido{
	width:992px;
	height:1120px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
}
.productos016_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 1100px;
	}
.productos016_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 1100px;
	}

/*----------------------------- Obras Civiles-------------------------*/
.oc_contenido{
	width:992px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	display:flow-root;
	}
	
.oc_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 450px;
	}
.oc_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	}
	
.servicios_cuadro{
	width:669px;
	margin-bottom: 30px;
}


.servicios_cuadro img{
	width:316px;
	margin-right: 20px;
}






.oc_001{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/oc_001.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}



.oc_002{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/oc_002.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}


.oc_003{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/oc_003.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



.oc_004{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left: 18px;
	text-align: center;
	
	background-image: url(imagenes/oc_004.jpg);
	background-repeat: no-repeat;
	background-position: 18px 0px;
}




.oc_005{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	
	background-image: url(imagenes/oc_005.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	}



.oc_006{
	width:302px;
	float:left;
	padding-bottom:35px;
	padding-right: 18px;
	text-align: center;
	
	background-image: url(imagenes/oc_006.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/*---------------------------------- página contactenos ----------------------------------*/

.contactenos_contenido{
	width:992px;
	height:690px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	}
.contactenos_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 660px;
	}
.contactenos_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	height: 660px;
	}

/*---------------------------------- página mapa ----------------------------------*/

.mapa_contenido{
	width:992px;
	height:555px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:15px;
	margin-bottom: 18px;
	}

.mapa_izquierda{
	margin-left:18px;
	width:250px;
	float:left;
	padding-right: 18px;
	border-right:solid 1px #888;
	height: 535px;
	}
.mapa_derecha{
	margin: 0 18px 0 18px;
	width:669px;
	float:left;
	text-align: justify;
	}