/*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;  margin-bottom: 10px;}
.bloque240{max-width: 240px; margin-right: auto; margin-left: auto;  margin-bottom: 10px;}
.bloque400{max-width: 400px; margin-right: auto; margin-left: auto;  margin-bottom: 10px;}


body{font-size: 17px;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;}
.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: 500px;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;padding-top: 20px;font-size: 25px;font-weight: normal;}
.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;}
.modelo3 .modal-content img{max-width: 750px}
.modelo3 .modal-dialog{width: 95%;}
.modelo3 .modal-body{padding: 1% 4% 3%;}
.modelo3 .titulo-modal{font-size: 22px;}
.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{max-height: 600px; 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: 20px;margin-bottom: 0px;margin-top: 0px;padding-top: 20px}
#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: #4285F4;padding: 60px 0px 0px; }
#seccion1 .sub_icono{font-size: 18px;text-align: center; padding-top: 10px;}
#seccion1 .desliza{padding-bottom: 50px}
#seccion1 #bajar-icono{cursor:pointer;}

#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: 210px; 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: 17px;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;}

#seccion3{background-color: #333333;}
#seccion3 .trans{text-align: center;font-size: 14px;color: #4285F4;cursor: pointer;padding: 20px 0px}
#seccion3 .trans a{text-decoration:none; color:#4285F4;}
#seccion3 .trans a:hover{color:#4285F4;}

#seccion4{background-color: #333333; padding: 75px 0px 120px; }
#seccion4 .clips>div{margin-top:20px;}
#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 .titulo-clip{ float: left;max-width: 90%;}
#seccion4 .clip-texto .tiempo{float: right;max-width: 10%;}
#seccion4 .clip-texto span{float: right;}
#seccion4 .segunda-row{padding-top: 0px;}

#seccion5{background: #F2F2F2; padding: 75px 0px 190px;}
#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 .descarga{font-size: 13px}

#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}

	
/*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*/
#v1_bloque1, #v1_bloque2{top: 50%;right: 0;}
.vjs-bloque{position: absolute;width: 20%;z-index: 10; overflow: hidden; display: none;}
.vjs-bloque img{cursor: pointer; float: right;}

.flotCont{
      background-color: #4D4D4D;
  border-radius: 10px;
  padding: 30px;
  margin-top: 30px;
}

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


@media (min-width: 768px){

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

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

	/*modales*/
	.modelo1 .modal-dialog {width: auto;max-width: 750px;}
	.modelo1 .modal-body{padding: 10px 45px 45px;}
	.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{padding-right: 30px;font-size: 35px;}

	.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}
	#seccion1{padding: 20px 0px 0px; }
	#seccion4 .clips>div{margin-top: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;}
	#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;}

}


/*OCULTAR LOS MÁS INFO*/
.vjs-bloque{display: none !important;}