@charset "utf-8";
/* CSS Document */
/*
font-family: 'Cookie', cursive;
font-family: 'Economica', sans-serif;
font-family: 'Fahkwang', sans-serif;
font-family: 'Play', sans-serif;
font-family: 'Rajdhani', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Pacifico', cursive;
*/
body{width: 100vw; overflow-x: hidden;
font-size: 16px;
/*font-family: 'Rajdhani', sans-serif;*/
font-family: 'Play', sans-serif;
}
input[type=text],input[type=date],input[type=password], select, textarea{background: rgba(255,255,255,0.80); width: 100%; display: inline-block; margin-bottom: 6px; border: solid 1px #333; font-family: 'Fahkwang', sans-serif; font-size: 18px; color: #333; padding-left: 10px; padding-right: 10px; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}



#header{position: fixed; left: 0px; top:0px; width: 100vw; height: 95px; background: midnightblue; color: white; z-index: 10000;}
#slider{margin-top: 95px; position: relative}
#zona_logo{position: absolute; left: 15px; top: 10px; display: inline-block; z-index: 2; cursor: pointer; width: 110px;}
#logo{width: 100%; height: auto}
.circulo{
	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.rojo{background: red; color: white; font-size: 20px;}
.azul{background: darkblue; color: white; font-size: 20px; padding: 1px 4px; margin-right: 10px; border: solid 1px red;}
.sombra{
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
}
#zona_menu{padding-top: 25px;}
#zona_menu i{cursor: pointer; margin-left: 15px; color: white;}
#zona_menu i:hover{color: red;}

#preview_galeria{overflow: hidden; height: 30vw; top: 0px; position: fixed; width: 100vw;}
#preview_galeriaC{overflow: hidden; height: 30vw; top: 0px; position: fixed; width: 100vw;}
#preview_galeria video, #preview_galeriaC video, #preview_galeriaB img, #preview_galeria img{width: 100vw; height: auto; margin-top: -10vw; margin-bottom: -10vw}

.mensaje{ position:absolute; width:300px;
left:50%;
margin-left:-150px; top:280px; z-index:20;
-webkit-box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.75);
box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.75);	
}
	.cortina{position: fixed; top: 0px;left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.70); z-index: 19}
	/*.cortina{position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0,0,0,0.85); cursor: pointer; z-index: 200; display: none}*/
	/*.preview_galeria{position: relative;   z-index: 1; width: 100%; } /* top: 0px; left: 0px; width: 100%; */
	.galeria_mascara{position: absolute;   z-index: 2; width: 100%; left: 0px; top: 0px; bottom: 0px; }
	.next{position: absolute; right: 5px; top: 50%; cursor: pointer; color: white; z-index: 3}
	.prev{position: absolute; left: 5px; top: 50%; cursor: pointer; color: white; z-index: 3}
	.next:hover, .prev:hover{color: darkblue}
	.next,.prev{display: none}
	.thumb{position: relative; cursor: pointer}
	.thumb:hover{color: green}
	.lupa{position: absolute; top: 0px; right: 20px; color: white; display: inline-block;}
	.galeria_zona_detalle{background: #333; color: white; padding: 5px; text-align: justify}
	#galeria_titulo{font-weight: bold}


  .acceso{background: rgba(0,0,0,0.45); color:white; padding: 2px 6px;; display: inline-block; margin-left: 10px; cursor: pointer;border:solid 1px transparent}
  .acceso:hover{border:solid 1px white}
  .acceso a{text-decoration: none; color: white;}

.zn_contenido h4{color:darkblue; text-align: left;}


.tabla_precios{border:solid 1px darkblue;}
.tabla_precios td{border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}
.tit td{background: darkblue; color: red;}
#zona_fecha{position:relative; height:280px; display: inline-block; left: -130px;}

#buscar,#buscar_small{background: white; display: inline; border: solid 1px red; font-family: 'Fahkwang', sans-serif;  color: #333; padding-left: 10px; padding-right: 10px; 
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;

-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
#buscar{width: 40vw; font-size: 25px;}
#buscar_small{width: 250px; font-size: 18px;}
#campo_buscar_up{position: absolute;top: 60px; right: 0px; display: none}

#icono_buscarB,#icono_buscar_small{background: red; border: solid 2px red; font-family: 'Fahkwang', sans-serif;  color: white; padding-left: 10px; padding-right: 10px; display: inline-block; cursor: pointer;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;

-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-top-right-radius:15px;
border-bottom-right-radius: 15px;
}
#icono_buscarB{font-size: 25px;}
#icono_buscar_small{font-size: 18px;}

		#icono_buscarB:hover,#icono_buscar_small:hover{background: darkred}


		
#zona_buscar{position: absolute; top: 150px; text-align: center; width: 100%; left: 0px; z-index: 2}
#campo_destinos,#campo_destinos_up{background: rgba(255,255,255,0.90); padding: 10px; margin-top: 5px; border: solid 1px darkblue; overflow: hidden; display: none;
		-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; z-index: 10;
		}
#campo_destinos_up{font-size: 18px;}
		#zona_menu{position: relative;}
		#zona_ingreso{position: absolute; right: 40px; width: 80vw; max-width: 400px; display: none;
		background: rgba(255,255,255,1.00); padding: 10px; margin-top: 5px; border: solid 1px #333; 
		-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; color: #333;
		}
		#zona_ingreso td{padding: 4px;}
		#zona_ingreso td i{margin-right: 15px; color: #333;}
		.boton{background: red; color: white; padding-left: 15px; padding-right: 15px; display: inline-block; cursor: pointer;
		-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
		}
		#zona_ingreso td .boton i{color: white;}
		.boton:hover{background: darkblue;}
		.link{cursor: pointer;}
		.link:hover{color: black}
		
		.item_destino{text-align: center; cursor: pointer; line-height: 0.9; padding: 8px; color:black }
		.item_destino div{font-size: 11px; color: darkblue}
		.item_destino:hover{font-weight: bold; }
		
		#mascara_slider{position: absolute; bottom: 0px; left: 0px; width: 100%}

		.item_promociones_home{height: 20vw;  cursor: pointer; position: relative; overflow: hidden; padding: 10px;
        overflow: hidden; 
         -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;   
        }
		.titulo_promociones_home{text-shadow: 2px 2px 1px #000; color: white; }
		.cortina_promociones_home{position: absolute; top: 20vw; left: 0px; width: 100%; height: 20vw; background: rgba(2,4,104,1.00); color: white; padding: 10px; }
		.item_promociones_home:hover > .cortina_promociones_home{
  animation-duration: 0.7s;
  animation-name: slidein;
	animation-fill-mode: forwards;		
		}
	@keyframes slidein {
  from {
    top: 20vw;
  }

  to {
    top:0px;
  }
		
}
		/*.item_promociones_home:hover > .cortina_promociones_home{top: 0px;}*/
		.nota_titulo{padding: 0px 10px; background: rgba(255,255,255,0.80); color: black; display: inline-block; border-bottom: solid 1px red;}
		.titulo_seccion{text-align: center; font-size: 25px; color: red; margin-top: 40px;}
		footer{background:#333; color: white; border-top:solid 3px #666666;}
		footer a{color: white;}
		footer a:hover{color: red}
		
		.columnas{
			
column-gap: 0em;
  columns: 2;
  -moz-column-gap: 0em;
  -moz-columns: 2;
  -webkit-column-gap: 0em;
  -webkit-columns: 2;
		}
        
        
.titulo_principal{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2}
#zona_aviso{
        background: #fff; color: darkblue; padding: 4px; font-size: 12px; margin-top: 5px; border-bottom: solid 1px red;    
        }
        #zona_aviso i{color: red; margin-left: 30px;}		
.programa{font-family: 'Fahkwang', sans-serif; font-weight: 900;}
		.label_programa{background: darkblue; color: white; padding: 10px; padding-left: 20px; padding-right: 50px; text-align: right; display: inline-block; border: solid 2px white;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
		}






#btn_menu, .label_btn_menu{display: none}
#barra_menu{height: 40px;}
.menu ul{
    display: flex; list-style: none; justify-content: flex-end;
}
.menu ul ul{
    display: none;
}
.menu a{color:white; text-decoration: none}
.menu a:hover{color: red;}
.menu ul li{border-left: solid 1px #ccc;}
.menu ul li ul li{border-right: solid 1px #ccc; border-bottom: dotted 1px #999;}
.menu li{display: block; white-space: nowrap; padding: 3px 20px; color: white; cursor: pointer; font-size: 14px; }
.menu li:hover{color: red;}
.menu ul li ul{background: #333; margin: 0px; padding: 0px; text-align: left}
.menu ul li:hover ul{display: block; position: absolute;}
#barra_menu nav{position: absolute; right: 165px;}
#linea_iconos{width: 155px; min-width:155px; position:absolute; right:0px;}

#zona_boletin{position: fixed; z-index: 2; display: inline-block; bottom: 0px; left: 0px;}


#cortina{position: fixed; background: rgba(0,0,0,0.8); top: 0; bottom: 0; left: 0; right: 0px; z-index: 200; display: none}
#mensaje{position: fixed; top: 100px; width: 50vw; left: 50%; margin-left: -25vw; z-index: 2001; display: none}
#mensaje_full{position: fixed; top: 100px; width: 90vw; left: 50%; margin-left: -45vw; z-index: 2001; display: none}
#texto_mensaje,#texto_mensaje_full{background: #666; color: white; padding: 10px;}


@media (max-width:955px){
    #header{height: 135px;}
    #slider{top: 40px;}
    
    #linea_iconos{top: 10px;}
    #barra_menu{text-align: right; margin-top: 20px;  }
.label_btn_menu{display: block; margin-right: -15px;}
    .label_btn_menu i{font-size: 25px;}
    
    .menu{
        /*position: absolute; top: 20px; right: 0px;*/ width: 50%; background: midnightblue; padding: 0px; 
        
        margin-right: -100%;
        transition:  all 0.5s;
        
    }
    .menu a{color: white; text-decoration: none}
    .menu a:hover{color:red}
    .menu ul{padding: 0;}
    .menu ul{
        flex-direction: column;
        /*display: block;*/
    }
    .menu li{border-top: dotted 1px #ccc;}
    .menu ul li{padding: 0;}
    .menu ul li ul li{padding: 0px 10px;}
    .menu ul li:hover ul{display: none; position: static;}
    #btn_menu:checked ~ .menu{
   margin-right: -165px;   
    }
    .titulo_principal{position: relative; margin-top: -40px;} 
}

/* ESTILOS NORMALES (para escritorios muy grandes)
   ========================================================================= */
@media (min-width: 1200px) {
  .item_promociones_home{height: 20vw;}
   .cortina_promociones_home{top: 20vw; height: 20vw;}
 #barra_menu,.submenu{padding-right: 20px;}
 #linea_iconos{margin-right: 20px;}  
}

/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
  .item_promociones_home{height: 30vw;}
  .cortina_promociones_home{top: 30vw; height: 30vw;}
#barra_menu,.submenu{padding-right: 20px;}
#linea_iconos{margin-right: 20px;}
  
}


/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media  (min-width: 481px) and (max-width: 767px) { 
  #zona_buscar{position: relative; margin-top: 10px; top: 0; margin-bottom: 10px;} 
    #buscar{font-size: 20px; width: 60vw;}
    #icono_buscarB{font-size: 20px;}

 .item_promociones_home{height: 40vw;}
 .cortina_promociones_home{top: 40vw; height: 40vw;}
 #barra_menu,.submenu{padding-right: 20px;}
 #linea_iconos{margin-right: 20px;}
 #mascara_slider{bottom: -5px;}
 .titulo_principal{position: relative; margin-top: -40px;}
}

/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
 .menu{
       margin-right: -120%;
   }  
    #zona_buscar{position: relative; margin-top: 10px; top: 0; margin-bottom: 10px;}
   
    #buscar{font-size: 18px; width: 60vw;}
    #icono_buscarB{font-size: 18px;}
    
    .item_promociones_home{height: 80vw;}
   .cortina_promociones_home{top: 80vw; height: 80vw;}
 #barra_menu,.submenu{padding-right: 20px;}
 #linea_iconos{margin-right: 20px;}
 #mascara_slider{bottom: -5px;}
 .titulo_principal{position: relative; margin-top: -40px;}
}


@media  (max-width: 767px) { 
.pestanas .tx-tabs{display: none;}
.pestanas .active .tx-tabs{display:block; font-size:12px}
}