/*Fuentes*/

@font-face {
	font-family: 'DINRoundPro';
	src: url('../fonts/DINRoundPro.eot'); /* IE9 Compat Modes */
	src: url('../fonts/DINRoundPro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/DINRoundPro.woff') format('woff'), /* Pretty Modern Browsers */
	url('../fonts/DINRoundPro.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../fonts/DINRoundPro.svg#DINRoundPro') format('svg'); /* Legacy iOS */
}

/*Clases de ayuda*/
.img-center{margin:0 auto;}
.clear{clear: both}
.bloque320{max-width: 320px; margin-right: auto; margin-left: auto}
.bloque240{max-width: 240px; margin-right: auto; margin-left: auto}
.bloque400{max-width: 400px; margin-right: auto; margin-left: auto}


body{font-size: 14px;font-family: 'DINRoundPro', sans-serif; color: white;min-width: 320px;background-color: #333;}

/*Container*/
.container{min-width: 320px; max-width: 1030px;}

/*Modales*/

/*Solución modal bug bootstrap*/
body.modal-open-noscroll {margin-right: 0!important;overflow: hidden;}
.modal{z-index: 10000000000;}
.modal-open-noscroll .navbar-default, .modal-open .navbar-default {margin-right: 0!important;}


/*Estilos modales*/

.descargar{margin-top: 10px;}
.modal .noresponsive{overflow: auto;}
.modal .noresponsive img{}

.modal .modal-dialog{width: 95%;max-width: 1030px;margin-left: auto;margin-right: auto;}
.modal.in.modelo1 .modal-dialog{box-shadow: 0px 1px 6px rgb(119, 119, 119);border-radius: 5px; color: white;}
.modal.in.modelo1 .modal-dialog.tabla{color: #4D4D4D;}
.modelo1 .modal-header{color: #3FA9F5;border-bottom: 0px;}
.modal-header .close{width: 34px;height: 34px;opacity: 1;background: url(../imagenes/cerrar_peque.png);transition: opacity 0.5s ease-in-out;position: absolute;  z-index: 20;  right: 10px;  top: 10px;}
.modal-header .close:hover{opacity: 0.8}
.modelo1 .modal-body{font-size: 18px; max-height: 555px;overflow-y: auto;font-size: 15px;padding: 10px 15px 45px;font-family: arial;font-size: 14px;}
.modelo1 .modal-footer{border:none; padding-top:10px}
.modelo1 .modal-footer button{width: auto;}
.modelo1 .modal-content{background: #4285F4;border-radius: 5px;}
/*.modelo1 .modal-content img{max-width: 750px;}*/
.modelo1 .modal-content h4{color: white; font-size: 25px; font-weight: normal; line-height: 26px; padding-right: 50px;  padding-top: 20px;}
.modelo1 .modal-content h5{font-size: 17px;padding-top: 15px;padding-bottom: 5px;}

.modelo2 .modal-content{border-radius: 0px;}
.modelo2 .modal-dialog{width:95%; position: relative;margin:0 auto;}
.modelo2 .modal-header{padding:0px; border-bottom: none;min-height:0px}
.modelo2 .modal-body{padding: 0px}

.modelo3 {color:#4285F4;}
.modelo3 .modal-header .close{width: 34px;height: 34px;opacity: 1;background: url(../imagenes/cerrar_peque2.png);transition: opacity 0.5s ease-in-out;position: absolute;  z-index: 20;  right: 10px;  top: 10px;}
.modelo3 .modal-header .close:hover{opacity: 0.8}
.modelo3 .modal-header{padding:0px; border-bottom: none;height: 50px;}
.modelo3 .modal-content{border-radius: 0px;overflow: auto;}
/*.modelo3 .modal-content img{max-width: 750px;}*/
.modelo3 .modal-dialog{width: 95%;}
.modelo3 .modal-body{padding: 1% 4% 3%;max-height: 570px}
.modelo3 .titulo-modal{font-size: 22px;line-height: 25px;margin-bottom: 6px;}
.modelo3 .localiza-modal{min-width: 240px;float: none;}
.modelo3 .localiza-modal img{float: left;margin-right: 10px;margin-top: 5px;}
.modelo3 .localiza-modal .localizador{font-size: 13px;}
.modelo3 .localiza-modal .localizador span{font-size: 28px;margin-left: 10px;}
.modelo3 .cuerpo-modal{/* overflow: auto; */margin-top: 5px}
.modelo3 .modal-body{overflow-y:auto;overflow-x: hidden;}

/*Titulos*/
h1{margin-top:0px; margin-bottom:0px;font-size: 40px;padding-top: 40px;padding-bottom: 80px;text-align: center; font-family: 'Varela Round', sans-serif;line-height: 1.2;}
h2{text-align: center;font-size: 35px; padding-bottom: 80px;margin-bottom: 0px;margin-top: 0px;}
#seccion5 h2{color:#333333}
h3{text-align: center;font-size: 21px; padding-bottom: 45px;padding-top: 110px; color:#4285F4;margin-bottom: 0px;margin-top: 0px;}



/*secciones*/

section{position: relative;}
#seccion1{background-color: #333;padding: 40px 0px 40px; }
#seccion1 .sub_icono{font-size: 18px;text-align: center; padding-top: 10px;}
#seccion1 .desliza{padding-bottom: 50px}
#seccion1 #bajar-icono{cursor:pointer;}
#seccion1 h2.clip-titulo{padding: 0px; font-size: 30px}
#seccion1 .trans{text-align: center;font-size: 14px;color: #4285F4;margin-top: 20px;cursor: pointer;}
#seccion1 .trans a{text-decoration:none; color:#4285F4;}
#seccion1 .trans a:hover{color:#4285F4;}

#seccion2{background-color: #333333; padding: 75px 0px 120px; text-align: center;}
#colapsar{text-align: center;padding-top: 10px; cursor: pointer;color: white; background: #333333; width: 185px; border-top-right-radius: 5px; border-top-left-radius: 5px;margin:0 auto;padding-bottom: 5px;}
.flecha{width: 25px; height: 25px; background: url("../imagenes/instrucciones_up.png"); background-repeat: no-repeat;}
.flecha-down{background: url("../imagenes/instrucciones_down.png");}
.flecha.derecha{float:left;margin-left: 10px;}
.flecha.izquierda{float:right;margin-right: 10px;}
.mar-xs{margin-bottom: 30px}
#seccion2 #funcionamiento .mar-xs:last-child{margin-bottom: 0px}
#seccion2 #funcionamiento .tituo-col{font-size: 19px;}
#seccion2 #funcionamiento .subti-col{font-size: 12px;padding-bottom: 25px;}
#seccion2 #direcciones .tituo-col{text-align: center;font-size: 14px;padding-top: 20px;}
#seccion2 #icoleyenda .bloque-icono{clear: both;padding-bottom: 15px; max-width: 200px;}
#seccion2 #icoleyenda .bloque-icono img{float: left;padding-right: 19px;}
#seccion2 #icoleyenda .bloque-icono p{font-size: 12px;padding-top: 11px;text-align: left;}

#seccion4{background-color: #333333; padding: 75px 0px 120px; }
#seccion4 .clip-imagen{position: relative;}
#seccion4 .titulo{font-size: 35px; text-align: center;padding-bottom: 75px;}
#seccion4 .play{cursor:pointer;width: 107px; height: 107px; top:50%; margin-top:-53px; left:50%; margin-left: -53px;background: url(../imagenes/icono_s4.png); position: absolute;}
#seccion4 .clip-texto{font-size: 12px;padding-top: 15px;padding-bottom: 15px;}
#seccion4 .clip-texto span{float: right;}
#seccion4 .segunda-row{padding-top: 0px;}

#seccion5{background: #F2F2F2; padding: 75px 0px 190px;display: none;}
#seccion5 #menu-filtro .filtro{cursor: pointer}
#seccion5 #menu-filtro .icono{width: 73px; height: 73px;margin:0 auto;}
#seccion5 #menu-filtro #filtro1 .icono{background: url(../imagenes/icono1_s5.png);}
#seccion5 #menu-filtro #filtro2 .icono{background: url(../imagenes/icono2_s5.png);}
#seccion5 #menu-filtro #filtro3 .icono{background: url(../imagenes/icono3_s5.png);}
#seccion5 #menu-filtro #filtro4 .icono{background: url(../imagenes/icono4_s5.png);}
#seccion5 #menu-filtro #filtro5 .icono{background: url(../imagenes/icono5_s5.png);}
#seccion5 #menu-filtro #filtro6 .icono{background: url(../imagenes/icono6_s5.png);}
#seccion5 #menu-filtro p{color:#4D4D4D; text-align: center; font-size: 19px;margin-top: 20px}


#seccion5 #menu-filtro #filtro1.filtro:hover  .icono{background: url(../imagenes/icono1h_s5.png);}
#seccion5 #menu-filtro #filtro2.filtro:hover  .icono{background: url(../imagenes/icono2h_s5.png);}
#seccion5 #menu-filtro #filtro3.filtro:hover  .icono{background: url(../imagenes/icono3h_s5.png);}
#seccion5 #menu-filtro #filtro4.filtro:hover .icono{background: url(../imagenes/icono4h_s5.png);}
#seccion5 #menu-filtro #filtro5.filtro:hover  .icono{background: url(../imagenes/icono5h_s5.png);}
#seccion5 #menu-filtro #filtro6.filtro:hover .icono{background: url(../imagenes/icono6h_s5.png);}
#seccion5 #menu-filtro .filtro:hover p{color:#4285F4;}

#seccion5 #menu-filtro #filtro1.isotope-selec  .icono{background: url(../imagenes/icono1h_s5.png);}
#seccion5 #menu-filtro #filtro2.isotope-selec  .icono{background: url(../imagenes/icono2h_s5.png);}
#seccion5 #menu-filtro #filtro3.isotope-selec  .icono{background: url(../imagenes/icono3h_s5.png);}
#seccion5 #menu-filtro #filtro4.isotope-selec .icono{background: url(../imagenes/icono4h_s5.png);}
#seccion5 #menu-filtro #filtro5.isotope-selec  .icono{background: url(../imagenes/icono5h_s5.png);}
#seccion5 #menu-filtro #filtro6.isotope-selec .icono{background: url(../imagenes/icono6h_s5.png);}
#seccion5 #menu-filtro .filtro.isotope-selec p{color:#4285F4;}

#seccion5 #menu-items{padding-top: 25px;}
#seccion5 #menu-items .item-filtro{background: white;margin-bottom: 30px;}
#seccion5 #menu-items .item-filtro .item-superior{padding: 10px;}
#seccion5 #menu-items .item-filtro .item-inferior{background-color: #4285F4; padding: 20px 10px}
#seccion5 #menu-items .item-filtro .item-inferior img{float: left; padding-right: 10px;}
#seccion5 #menu-items .item-filtro .item-inferior .des-izquierda .nombre{font-size: 14px; padding-top: 5px}
#seccion5 #menu-items .item-filtro .item-inferior .des-izquierda a.descarga{font-size: 13px; text-decoration: none;color: white;}
#seccion5 #menu-items .item-filtro .item-inferior .des-derecha{margin-top: 25px}
#seccion5 #menu-items .item-filtro .item-inferior .des-derecha img{margin-top: 4px;}
#seccion5 #menu-items .item-filtro .item-inferior .des-derecha .localizador-tiempo{font-size: 35px;margin: 0;line-height: 35px;  font-family: DINRoundPro;}
#seccion5 #menu-items .item-filtro .item-inferior .des-derecha .localizador{font-size: 13px}
.lupa{margin:0 0 0 auto; cursor: pointer}


#seccion7{
    padding: 25px;
}



.btn-custom-lighten.active {
  color: rgba(255, 255, 255, 1);
}
.btn-custom-lighten {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
    
  color: #ffffff;
  background-color: #000000;
 
}
.btn-custom-lighten:hover{
  color: #ffffff;
  background-color: #4285F4;
}
.btn-custom-lighten:active,
.btn-custom-lighten:focus, 
.btn-custom-lighten.active {
  color: #ffffff;
  background-color: #000000 ;
}

.btn-mas-info-container {
    margin-bottom: 10px;
    background-color: #4285F4;
    border-radius: 8px;
}

.btn {
  border-radius: 8px;
  font-size: 16px;
    
}


/*Botón subir*/
.top{cursor:pointer;position: absolute;bottom: 20px;width: 125px;height: 18px;left: 50%;margin-left: -60px;background: url(../imagenes/top.png);text-align: center;font-size: 13px;background-repeat: no-repeat;color: #4285F4;}

/*Estilos elementos interacción*/
.vjs-bloque{display: none; overflow: hidden; position: absolute; right: 8%; top: 49%; width: 20%; z-index: 10;}
.vjs-bloque.izq_up2{left: 5%; top: 43%; width: 20%; z-index: 10;}
.vjs-bloque.izq_up{left: 10%; top: 45%; width: 20%; z-index: 10;}
.vjs-bloque.der_dw{right: 3%; top: 55%; width: 20%; z-index: 10;}
.vjs-bloque.der2{right: 6%;top: 39%;width: 20%;z-index: 10;}
.vjs-bloque.camion1{overflow: hidden;position: absolute;top: 27%;width: 59%;z-index: 10;left: 16%;height: 40%; cursor:pointer;}
.vjs-bloque.camion2{overflow: hidden;position: absolute;top: 2%;width: 40%;z-index: 10;right: 1%;height: 40%; cursor:pointer;}
.vjs-bloque.camion3{overflow: hidden;position: absolute;top: 16%;width: 31%;z-index: 10;left: 1%;height: 34%; cursor:pointer;}
.vjs-bloque.camion4{overflow: hidden;position: absolute;top: 54%;width: 40%;z-index: 10;right: 2%;height: 40%; cursor:pointer;}
.vjs-bloque.camion5{overflow: hidden;position: absolute;top: 5%;width: 40%;z-index: 10;left: 3%;height: 48%; cursor:pointer;}
.vjs-bloque.camion6{overflow: hidden;position: absolute;top: 4%;width: 40%;z-index: 10;right: 3%;height: 57%; cursor:pointer;}
.vjs-bloque.camion7{overflow: hidden;position: absolute;top: 2%;width: 46%;z-index: 10;left: 1%;height: 47%; cursor:pointer;}
.vjs-bloque.camion8{overflow: hidden;position: absolute;top: 4%;width: 40%;z-index: 10;right: 3%;height: 57%; cursor:pointer;}
.vjs-bloque.camion9{overflow: hidden;position: absolute;top: 5%;width: 40%;z-index: 10;left: 4%;height: 50%; cursor:pointer;}
.vjs-bloque img{cursor: pointer; float: right;}
.bottom15{margin-bottom:15px;}


/*Especiales*/
#seccion5.height_especial #menu-items .item-filtro .item-inferior{background-color: #4285F4; padding: 20px 10px; min-height: 116px;}
.pie{font-size:12px; text-align:center; margin: 12px 0px 18px 0px;}
.pie1{font-size:12px; text-align:center; margin: -4px 0px 18px 0px;}
.pie2{font-size:12px; text-align:center; margin: 12px 0px 18px 0px;}



/*Pie*/
footer{min-height: 100px;}



/*Interactivo*/
.btn-interactivo{color:white; background-color: #62A5DF;border-color: #62A5DF;font-size: 15px }
.btn-interactivo.boton_activo, .btn-interactivo:hover,.btn-interactivo:focus,.btn-interactivo:active,.btn-interactivo.active,.open .dropdown-toggle.btn-interactivo{background-color: #62A5DF;border-color: #62A5DF; color:white;box-shadow: 0px 6px 5px 1px #414141;-webkit-box-shadow: 0px 6px 5px 1px #414141;-moz-box-shadow: 0px 6px 5px 1px #414141;}
.btn-interactivo:active,.btn-interactivo.active,.open .dropdown-toggle.btn-interactivo{background-image:none}
.btn-interactivo.disabled,.btn-interactivo[disabled],fieldset[disabled] .btn-interactivo,.btn-interactivo.disabled:hover,.btn-interactivo[disabled]:hover,fieldset[disabled] .btn-interactivo:hover,.btn-interactivo.disabled:focus,.btn-interactivo[disabled]:focus,fieldset[disabled] .btn-interactivo:focus,.btn-interactivo.disabled:active,.btn-interactivo[disabled]:active,fieldset[disabled] .btn-interactivo:active,.btn-interactivo.disabled.active,.btn-interactivo[disabled].active,fieldset[disabled] .btn-interactivo.active{  background-color: #4285f4; border-color: #4285f4; }
.btn-interactivo .badge{ color: #7EC1FB; background-color:#ffffff}



/*Cajas linkeables modo dos columnas*/
.botones-caja .grupo-botones{text-align: center;max-width: 400px;margin:0px auto 20px;}
.botones-caja.horizontal .grupo-botones{max-width: none;}
.botones-caja .grupo-botones.laterales .btn{text-align: left;}
.botones-caja .botones-caja-caja{min-height: 160px;margin-bottom: 15px;background-color:rgb(232, 232, 232); padding: 25px;}
.botones-caja .botones-caja-caja.mediano{min-height: 260px;}
.botones-caja .botones-caja-caja.grande{min-height: 310px;}
.botones-caja .botones-caja-caja .botones-caja-contenido{display:none;}
.botones-caja .botones-caja-caja .botones-caja-contenido:first-child{display:block;}
.botones-caja .btn-interactivo{width: 100%;max-width: 410px;margin:12px auto 0px;white-space: normal;font-weight: bold;}
.botones-caja .btn-interactivo:first-child{margin:10px auto 0px;}
.botones-caja .btn-interactivo:last-child{margin:12px auto 15px;}
.row.r-contenido.grupo-botones>div{margin-top: 0px}
.cabecera{background-color:#1F629C;padding: 11px 0px 2px 7px;border-radius:4px}
.cabecera p strong{color:white}
.cabecera.margin{background-color:#1F629C;padding: 11px 0px 2px 7px;border-radius:4px; margin-top:0px;}

/*Caja linkeables horizontal*/
.botones-caja.horizontal .btn-interactivo{margin:10px auto 2px;}
.botones-caja.horizontal .btn-interactivo:last-child{margin:10px auto 2px;}
.botones-caja.horizontal .grupo-botones{text-align: center;margin-bottom: 15px}






@media (min-width: 768px){


	 /*Dinamicas*/
	.cabecera.margin{background-color:#1F629C;padding: 11px 0px 2px 7px;border-radius:4px; margin-top:0px;}

	/*Cajas linkeables modo dos columnas*/
	.botones-caja .btn-interactivo:first-child{margin:0px auto 0px;}

	/*Clases de ayuda*/
	.bloque320{max-width: 100%;}
	.bloque400{max-width: 100%;}
	.bloque240{max-width: 100%;}

	/*Container*/
	.container{width: auto;}

	/*modales*/
	.modelo1 .modal-dialog {width: 90%; max-width: 950px;}
	.modelo1 .modal-body{padding: 10px 45px 45px;}
	.modelo1 .modal-body ol{padding-left: 15px;}
	.modal-header{padding-left: 45px;}
	.modal-header .close{width: 43px;height: 43px;opacity: 1;background: url(../imagenes/cerrar.png);transition: opacity 0.5s ease-in-out;position: absolute;z-index: 20;right: 10px;top: 13px;}
	.modelo1 .modal-content img{max-width: 100%;}
	.modelo1 .modal-content h4{font-size: 32px; line-height: 35px; padding-right: 50px;}

	.modelo2 .modal-dialog{width:90%;}
	.modelo3 .modal-dialog{width:90%;}
	.modelo3 .modal-header{height: 65px;}
	.modelo3 .modal-body{padding: 2% 7% 4%;}

	.modelo3 .modal-header .close{width: 43px;height: 43px;opacity: 1;background: url(../imagenes/cerrar2.png);transition: opacity 0.5s ease-in-out;position: absolute;z-index: 20;right: 10px;top: 13px;}
	.modelo3 .localiza-modal{float: right;}


	/*Zona contenidos*/

	/*Títulos*/
	h1{font-size: 60px; padding-top: 80px; padding-bottom: 90px;}
	h2{font-size: 45px}

	.mar-xs{margin-bottom: 0px}
	#seccion4 .clip-texto{padding-bottom: 0px;}
	#seccion4 .segunda-row{padding-top: 70px;}
	#seccion5 #menu-items .item-filtro .item-inferior .des-derecha{margin-top: 0px}

	#seccion5 #menu-items .item-filtro .item-inferior{padding: 20px 0px;min-height: 115px;}
	#seccion5 #menu-items .item-filtro .item-inferior .des-izquierda{}
	#seccion5 #menu-items .item-filtro .item-inferior .des-derecha{}
	#seccion5 #menu-items .item-filtro .item-inferior .des-derecha img{max-width: 25px;margin-top: 8px;}
	#seccion5 #menu-items .item-filtro .item-inferior .des-derecha .localizador-tiempo{font-size: 24px;}

    


}

@media (min-width: 992px){

	/*Container*/

	/*Header*/

	/*modales*/

	/*Contenido*/
	#seccion5 #menu-items .item-filtro .item-inferior{padding: 20px 10px;}
	#seccion5 #menu-items .item-filtro .item-inferior .des-derecha img{max-width: 100%;margin-top: 4px;}
	#seccion5 #menu-items .item-filtro .item-inferior .des-derecha .localizador-tiempo{font-size: 35px;}

}

/*Fix pantallas pequeñas con los bloques del ISOTOPE*/
@media (max-width: 480px){
	.bloque400{max-width: 340px;}
}
@media (max-width: 360px){
	.bloque400{max-width: 290px;}
}
/*Nuevos estilos links pdfs modales*/
.textoblanco {
	color: #fff;
	}
li a {
	color: #fff;
	}
li a:hover {
	color: #fff;
	}