/*BARRA DE BÚSQUEDA EN SLIDESHOW*/
.search-home {
    position: absolute;
    top: 6%;
    width: 100%;
    text-align: center;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-home .texto {
    font-size: 1.6em;
    width: 34%;
    background: rgba(255, 255, 255, 0.35);
    border: 0px;
    font-style: italic;
    vertical-align: middle;
}
.search-home .btn-primary {
  padding: 0.45rem 1rem;
  border: 1px solid rgba(255,255,255,0.35); background:rgba(0,61,108,0.35);
  font-size: 1em;
}



/* ESTILOS DEL BOOKING COMPLETO CON RUBROS DE HOTEL, AUTOS Y ACTIVIDADES*/
.booking-box .tab-content .tab-pane {
  background: #fefefe;
  padding: 0 0.7em;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
}
.booking-box .alert {
  margin-bottom: 0;
}
.booking-box .time {
  padding:0;
}
.booking-box .auto-preference {
  padding: 0;
}
.booking-box .auto-preferences {
    background: #fafafa;
    margin: 0 0.1em;
    border: 1px solid #eee;
}
.preference-link {
  padding: 1em 0;
  display: block;
}
.incluye ul {
  list-style: none;
  padding: 0;
}
.incluye ul li {
  display: inline-block;
  padding-top: 0.5em;
  margin-right:1em;
}
.booking-box .nav-tabs > li > a {
  transition: none;
}
.booking-box .nav-tabs > li > a:hover {
  color: #3366a5;
  background-color: #f5fbff;
  border: 1px solid #cce8ff;
  border-radius: 3px;
  transition: none;
  box-shadow:none;
}
.container-booking .nav-tabs > li.active > a, .booking-box .nav-tabs > li.active > a:focus, .booking-box .nav-tabs > li.active > a:hover {
  color: #3366a5;
  background-color: #f5fbff;
  border: 1px solid #cce8ff;
  border-radius: 3px;
}
.container-booking .nav>li>a:focus, .nav>li>a:hover {
    background-color: #beddf4;
}
.container-booking .nav-tabs > li > a {
  transition: none;
  background: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
}
.nav-tabs {
  border-bottom:0;
}
.incluye-hotel-auto {
  display:none;
}
.modal-incluye-hotel-auto {
  display:none;
}
#room2, #room3, #mroom2, #mroom3 {
  display:none;
}
.auto-preferences ul {
  list-style: none;
  padding-left: 0;
}
.auto-preferences ul li {
  padding: 0.5em 0;
}



/*MÓDULO DE BIENVENIDA O INTRO EN HOME*/

.intro {

  /*padding: 3rem 0px;*/
  padding: 2rem 0 0 0px;
}

/* ESTILOS GENERALES MODULOS EN HOME*/

.home-block h2 {
	font-size: 2.3em;
}

/*MÓDULO DE INFORMACIÓN DE CUBA EN TABS EN HOME*/

.info-cuba {
  background-image: url(../img/layout/bg-home-info.jpg);
  background-size: cover;
  padding: 8rem 0px;
}
.info-cuba .nav-tabs {
  width: 100%;
  text-align: center;
  border-bottom: 6px solid #0c3568;
}
.info-cuba .nav-tabs li {
  float: none;
  display: inline-block;
}
.info-cuba .tab-content {
  background: rgba(255,255,255,0.85);
  
}
.info-cuba .tab-content img {
  width:100%;
}
.info-cuba .nav-tabs > li > a {
  background-color:rgba(255,255,255,0.85)
}
.info-cuba .tab-pane a {
  color:#710404;
  float:right;
}
.info-cuba .nav-tabs .active a {
  background-color: #0c3568;
}


/* Plugin DNN Fixes */
.parallax-window {
    min-height: 400px;
    background: transparent;
	
}

.parallax-mirror{
	z-index: -50 !important;
}
.parallax-window p {
	color: white;
}

.left, .right {
	float: none;
}

/*MÓDULO DE MAPA DE CIUDADES DE CUBA EN HOME*/
  
.mapa-cuba {
  background-image: url(../img/layout/bg-home-mapa.jpg);
  padding: 3rem 0 0 0;
}

.mapa-cuba div ul {
  
  list-style: none;
  padding-left: 1rem;
}
.mapa-cuba div li {
  margin: 1rem 0.2rem;
}
.mapa-cuba div a {
  color:#000;
  font-size: 1em;
}

.mapa-cuba div a:hover {
  color:#9a0e0e;
}
.mapa-cuba h1 {
  text-align: center;
  margin-bottom: 4rem;
}

/*ESTILOS HOTSPOTS MAPA*/
.contenedor-mapa {
  position: relative; 
  /*max-width: 750px; /* max-width: actual width of image*/ 
  width: 100%; 
  height: auto; 
  z-index: 2;
  margin-bottom: -4%;
}
.contenedor-mapa .ancla-mapa {
  position: relative; 
  height: 0px; 
  padding-bottom: 48%; /* padding-bottom: image's height divided by width multiply by 100 */
}
.contenedor-mapa .ancla-mapa img {
  /*position: absolute; */
  top: 0px; 
  left: 0px; 
  z-index: 10; 
  width:100%
}
.hotspot {
  position: absolute; 
  z-index: 13; 
  width: 3%;
  height: 5%;
  background:transparent;
  margin-top: 1.3em;
  cursor: pointer;
}
.ancla-mapa .tooltip {
  background: #fff;
  width: 105px;
  position: absolute;
  padding: 5px !important;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0px 2px 3px rgba(134, 134, 134, 0.73);
  z-index: 14;
  opacity:0
}
.tooltip img {
  width:100%;
}
.tooltip div {
  width:100%; 
  text-align:left;
}
.tooltip h6 {
  margin:0.2rem;
  font-size: 11px;
}
.tooltip .caret {
  position: absolute;
  bottom: -9px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid #808080;
  left: 31px;
}

.hotspot-pinar {
  top: 19%; left: 11%;
}
#pinar {
  top: -6%;
  left: 9%;
}
#isla {
  top: 8%;
  left: 15%;
}
.hotspot-isla {
  top: 35%;
  left: 18%;
}
#cayo {
    top: 14%;
    left: 28%;
}
.hotspot-cayo {
  top: 38%;
  left: 31%;
}
.hotspot-habana {
  top: 9%; 
  left: 23%;
}
#habana {
 top: -16%;
 left: 20%;
}
.hotspot-varadero {
  top: 8%; 
  left: 32%;
}
#varadero {
  top: -15%;
  left: 29.5%;
}
.hotspot-matanzas {
  top: 20%;
  left: 33%;
}
#matanzas {
  top: -4%;
  left: 30.5%;
}
.hotspot-villaclara {
  left: 43.5%; top: 21%;
}
#villaclara {
  top: -2%;
 left: 41%;
}
.hotspot-cienfuegos {
  left: 38.3%; 
  top: 26%;
}
#cienfuegos {
  top: 3%;
  left: 36%;
}
.hotspot-camaguey {
  left: 62%; top: 44.5%;
}
#camaguey {
  top: 21%;
  left: 59%;
}
.hotspot-sancti {
  left: 50%;
  top: 34%;
}
#sancti {
  top: 10%;
  left: 47%;
}
.hotspot-trinidad {
  left: 45%;
  top: 37%;
}
#trinidad {
  top: 13%;
  left: 43%;
}
.hotspot-jardines {
  left: 60%;
  top: 23%;
}
#jardines {
  top: 0%;
  left: 57%;
}
.hotspot-ciego {
  left: 55%;
  top: 35%;
}
#ciego {
  top: 10%;
  left: 53%;
}
.hotspot-tunas {
  left: 71.7%; top: 50%;
}
#tunas {
  top: 26%;
  left: 69%;
}
.hotspot-holguin {
  left: 79.7%; top: 55%;
}
#holguin {
  top: 30%;
  left: 77%;
}
.hotspot-granma {
  left: 70%; top: 68.6%;
}
#granma {
  top: 44%;
  left: 67%;
}
.hotspot-santiago {
  left: 80.7%; top: 68.8%;
}
#santiago {
  top: 41.7%;
  left: 78%;
}
.hotspot-baracoa {
  left: 93.1%;
  top: 65.1%;
}
#baracoa {
  top: 39.3%;
  left: 90.5%;
}
.hotspot-guatanamo {
  left: 87.1%;
  top: 67.1%;
}
#guatanamo {
  top: 43.3%;
  left: 84.5%;
}
.hotspot-artemisa {
  left: 20%;
  top: 15%;
}
#artemisa {
  top: -10%;
  left: 17%
}
.hotspot-mayabeque {
  left: 25%;
  top: 15%;
}
#mayabeque {
  top: -9%;
  left: 23%;
}

/*MÓDULO DE BLOG EN HOME*/

.mod-blog {
  padding: 3rem 0px;
  color:white;
  text-align: center;
}
.mod-blog h1 {
  color:#fff;
}
.mod-blog .blog-intro {
  padding: 0 0 3rem 0;
}
.mod-blog .blog-intro h2 {
	color:#fff;
	display: none;
}
.mod-blog img {
  border: 2px solid #fff;  
  border-radius: 3px;
}

.mod-blog .blog-slide-right {
  text-align: left;
}
.mod-blog .blog-slide-right h2 {
  color: white;
  font-size:1.8em;
}
.mod-blog .blog-slide-right a {
  color: #90baef
}
.mod-blog a.carousel-control.left, .mod-blog a.carousel-control.right {
  position: relative;
}

/*MÓDULO DE THUMBNAIL DE DESTINOS EN HOME*/

.thumbs-destinos {
  padding: 0 0 3rem 0;
}
.thumbs-destinos h1 {
  text-align: center;
}

.thumbs-destinos img {
  width: 100%;
  border: 2px solid #fff;
}
.thumbs-destinos div {
  padding: 0;
  margin: 0;
  
}
.boxgrid{
  width: 100%;
  margin:10px;
  float:left;
  background:#081c44;
  border: 0;
  overflow: hidden;
  position: relative;
}
.boxgrid img{
  position: relative;
}
.boxcaption{
  /*float: left;*/
  position: absolute;
  background: #081c44;
  height: 100%;
  width: 100%;
  opacity: .8;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  /* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  /* For IE 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
     top: 80%;
     /*left: 0;*/
 }
 .boxcaption h3 {
    color:#fff;
    line-height: 1em;
    font-size: 14px;
    margin-top: 0.3em;
 }
 .boxcaption a {
    color:#fff;
    text-align: center;
    font-family: "Times New Roman", Arial, Helvetica, serif;
    font-size: 1.3rem;
    font-style: italic;
 }
 .boxcaption ancla-a {
    font-size: 1.3rem;
    bottom: 0;
    position: absolute;
    left: 32%;
 }
 .ancla {
    top: 3%;
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
     height: 102px;
 }
 .ancla h3 {
    font-size: 20px;
}

 /* MODULO DE THUMBNAILS DE QUE HACER EN CUBA */
/*.quehacer-home {
  padding: 3rem 0; 
}*/
.quehacer-home h1 {
   text-align: center;
}
.quehacer-home img {
  width:100%;
}
.quehacer-home .thumbs-quehacer div {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*ESTILOS THUMBNAILS QUE HACER*/

.quehacer-home .boxcaption-quehacer {
  position: relative;
  width: 100%;
  /*height: 100%;*/
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
}
.quehacer-home  .boxcaption-quehacer h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.7);
  padding: 0.9rem 1rem;
  z-index: 3;
  width: 70%;
  border: 1px solid #fff;
  color:#444;
  transition: 0.3s;
  text-transform: uppercase;
}
.quehacer-home  .boxcaption-quehacer h3 a {
	color:inherit;
}
.quehacer-home  .boxcaption-quehacer h3 a:hover {
	text-decoration: none;
	color: inherit;
}
.quehacer-home  .boxcaption-quehacer h3:hover {
  background:#fff;
  width:80%;
}
aside .panel-collapse ul li a{
  font-size: 1em;
  line-height: 2em;
}

.tabs-hotel.nav-tabs > li.active > a, .tabs-hotel.nav-tabs > li.active > a:focus, .tabs-hotel.nav-tabs > li.active > a:hover {
  color: inherit;
  background: #fff!important;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#Slide02 {
  margin-top: 9.9em;
}
 
.div-video {
  	margin-top: 9.9em;
  }
.booking-show {
	z-index: 10000;
}


/*@media (min-width: 1024px) {
  .picker--opened .picker__holder {
    zoom:80%;
  }
}*/
@media (min-width: 1600px) {
	 .boxcaption h3 {
	 	
    	line-height: 2.2em;
    	font-size: 14px !important;
    	
	 }
}
@media (max-width: 1599px) {
	 .boxcaption h3 {
	 	
    	line-height: 2em;
    	font-size: 14px !important;
    	margin-top: 0;
	 }
}
@media (min-width: 992px) and (max-width: 1220px) { 
	.ct-header {
		position: inherit;
	}
	.booking-show {
		z-index: 10000;
		box-shadow: 0px -3px 8px rgba(0, 0, 0, 0.16);
	}
	.booking-box {
		background: #fff;
	}
.div-video {
    	margin-top: 0;
	}  

}

@media (max-width: 1220px) {
  #Slide02 {
    margin-top: 0;
  }
}
@media (min-width: 1221px) {
  .div-video {
    margin-top: 9.9em;
  }
}

@media (min-width: 1200px) {
  .tooltip {
    margin-top: 0em;
    }
}
@media (max-width: 1199px) {
  .tooltip {
    margin-top: -2em;
  }
}

@media (max-width: 768px) {
	.div-video {
    	margin-top: 0;
	}
	#Slide02 {
    	margin-top: 0;
    }
}
@media (max-width: 667px) {

	/*ESTILOS BARRA DE BUSQUEDA*/
  .search-home {
    position: relative;
    background:#aec4d2;
    display: block;
    align-items: initial;
    justify-content: initial;
  }
  .search-home .texto {
    font-size: 1.4em;
    background: #e7f2f9;
    border: 1px solid #ccc;
    font-style: italic;
    width: 55%;
    margin: 0.5rem 1rem;
    vertical-align: middle;
  }
  .search-home .btn-primary {
    margin: 0.3rem;
  }

  /*MÓDULO DE INFORMACIÓN DE CUBA EN TABS EN HOME*/
  
  .info-cuba .nav-tabs li {
    zoom:90%;
  }
  .mapa-cuba div ul {
    text-align: left;
    padding-left: 0;
  }

  /*ESTILOS BOOKING BOX MODAL EN MOVIL*/
  .picker--opened .picker__frame {
    top: 0;
  }

}

@media (max-width: 480px) {

  /*MÓDULO DE INFORMACIÓN DE CUBA EN TABS EN HOME*/
  .info-cuba .nav-tabs li {
    zoom:59%;
  }
  .tab-end {
   	display:none !important;
  }

  /*ESTILOS BOOKING AUTOS EN MOVIL*/
  .inputs-autos {
    padding-right: 5px;
    padding-left: 5px;
  }
  .container-booking .nav-tabs > li > a {
    padding: 10px 7px;
    margin-right: 0.5em;
  }

}