.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.row::after {
    content: "";
    clear: both;
    display: table;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    float: left;
    padding: 10px;
/*    border: 1px solid red; */
}

.imgGrande{
	padding:0px; 
	/*height:1000px; */
	min-height:240px; 
	text-align:center; 
	/*background-color:aqua*/
}


.myimage{
	max-width:100%; 
	height:auto;
/*	max-height:517px; */
	max-height:265px;
	margin-bottom:0px;
	/*max-width:776px;*/
}


.contenedor_thumbs {
	height:110px;
/*	width:auto;*/
	overflow: auto;
	white-space: nowrap;
	padding:0px;


/*	height:auto;
	max-height:480px; 
	overflow-y:auto;
	overflow-x:hidden;*/
}

.my_thumb {
	
	display:inline-block;	
	max-height:75px;
	text-align:center;

/*overflow:hidden; margin:6px; max-height:75px; width:100px; text-align:center*/

}


@media only screen and (min-width: 380px) {

.imgGrande{
	min-height:270px; 
/*	height:475px;*/
}
	
}


@media only screen and (max-width: 600px) {
    /* For Phones: */
	div.logo_hoteles{
	display:none;}
	img.avatar{
	display:none;}



}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}

	div.logo_hoteles{
	display:none;}

	img.avatar{
	display:none;}
}

.thubdiv{
	max-height:120px;
	overflow:scroll;

}
/*@media only screen and (min-width: 680px) {*/

@media only screen and (min-width: 600px) {
	
	.imgGrande{
	/*height:270px; */
	height:475px;
}

	
	
}



@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

	div.logo_hoteles{
	display:block;
		}
	img.avatar{
	display:block;}



}


@media only screen and (min-width: 800px) {
	.imgGrande{
	/*height:270px; */
	height:420px;
	}

	.contenedor_thumbs {
	height:auto;
	MAX-height:400px;
}


}



/* menos de 1020 */
@media only screen and (max-width: 1020px) {
  div.navpc,select.selecttop_pc,div.nomob,map.nomob,area.nomob{
    display:none;
  }


}


/* menos de 1020 */
/*
@media only screen and (min-width: 1020px) {


.contenedor_thumbs {
	height:auto;
	max-height:480px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:0px;
	max-width:251px;
}

.my_thumb {
	float:left;
	display:inline;	
	width:100px;
	margin:0px 12px 12px 0px;
	overflow:hidden;
	width:100px;
}

}

}
*/

/* más de 1020 */
/*@media only screen and (min-width: 1020px) {*/


@media only screen and (min-width: 1020px) {
  ul.navmob {
    display:none
  }
	div.logo_hoteles{
	display:block
		}

	img.avatar{
	display:block;}

.imgGrande{
	padding:0px; 
	height:560px; 
	/*min-height:530px; */
	text-align:center; 
	/*background-color:aqua
	width:100%;*/
}

.myimage{
	max-width:100%;
	height:auto;
	/*max-width:764px;*/
	max-height:550px;
	/*padding-right:12px;*/
}



.contenedor_thumbs {
	height:auto;
	max-height:509px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:0px;
	max-width:245px;
	/*width:100%;
	background-color:fuchsia;*/
}

.my_thumb {
	float:left;
	display:inline;	
	width:100px;
	margin:0px 12px 12px 0px;
	overflow:hidden;
	width:100px;
}

}



/* menos de 601 pixeles */
@media only screen and (max-width: 601px) {
	div.title {
	bottom:12px;
	}

	h1.titulo {
	font-size:20px;
	}

    div.pie {
    width:100%; 
    }
}


/* más de 601 pixeles */
@media only screen and (min-width: 601px) {
  div.estrellas {
  	text-align:right;
  	padding-top:18px;
  	font-size:20px; 
  }

	div.title{
		bottom:35px;
	}

}



* {
    box-sizing: border-box;
}

h1{
	font-size:37px;
	font-weight: bold;
	font-style:normal;
	font-family:verdana;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
}

h1 a{
	color:#FFFFFF;
	text-decoration:none;	
}

h2 {
	margin: 5px 0px 0px 0px;
	font-family: verdana;
	font-weight: bold;
	font-size: 19px;
	color: #186A00;
	text-decoration: none;
}

.oferta {
	margin: 5px 0px 0px 0px;
	font-family: verdana;
	font-weight: bold;
	font-size: 19px;
	color: #186A00;
	text-decoration: none;
}



h3{
	font-family: verdana;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: #003399;
	margin: 0px 0px 4px 0px;
}
h3 a{
	color:#003399;
	text-decoration:none;	
}
h4{
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #186A00;
}

.tit_servicios{
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #186A00;
	margin-bottom:20px;
}

p{
	font-family:verdana;
	font-size:13px;
	margin:0px 0px 4px 0px;
}

a{
	color:blue;
}

ul{
	font-family: verdana;
	font-size: 13px;
	margin: -10px 0px 0px 0px;
	line-height:17px;
	padding-left:25px;
}

.servicios{
	 margin-left:0px; margin-right:40px;
}

.clasificacion{
	font-weight:bold;
	color:#186A00;
}

.precio {
	font-family: verdana;
	font-size: 18px;
	font-weight: bold;
	color: #D51000;
	margin: 0px 0px 0px 0px;
}

.discreto{
	color:#000000;
	text-decoration:none;
}

/*
#186A00 verde
#DE0F00 naranja
003399 azul
*/

.bgboton1
{
	background-image: url('images/fondo_boton10.jpg');
	border-top: 2px #FFFFFF solid;
	border-right: 0px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
	width:14.286%;
}
.bgboton2{
	background-color: #D8E9FD;
	border-top: 2px #FFFFFF solid;
	border-right: 0px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
	width:14.286%;
}
.menu{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	font-family: verdana;
	display: block;
}
.sub_h2 {

	margin: 3px 0px 0px 0px;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #012561;
}
.form {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #002D80;
	text-decoration: none;
	background-color: #E1E6FF;
	border: 1px solid #002D80;
	margin: 7px 0px 7px 0px;
}

.asterisco {
	font-family: Tahoma; font-size: 11px; text-decoration: none; font-weight: bold; color: #DE0F00;
}
.nota_tarifa{
	font-family: verdana; font-size: 11px; text-decoration: none; font-weight: normal; color: #DE0F00;
}

.notapie{
	font-family:Verdana; 
	font-size:12px; 
	font-weight:bold;
	color:#FFFFFF; 
	line-height:200%; 
	text-decoration:none;
}
a.notapie:hover{
	text-decoration:underline;
}


.FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

.FreezePaneOn
   {
      position: absolute;
      top: 0px;
      left: 0px;
      visibility: visible;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #666;
      z-index: 999;
      filter:alpha(opacity=85);
      -moz-opacity:0.85;
      padding-top: 20%;
   }

.InnerFreezePane
   {
      text-align: center;
      width:400px;
      background-color: #171;
      color: White;
      font-family:Verdana;
      font-size: 35px;
      border: dashed 2px #111;
      padding: 40px;
   }


/*
BARRA DE NAVEGACION PC
Add a black background color to the top navigation */
.topnav {
    background-color: #323B87;
    overflow: hidden;
    max-height:42px;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #ffffff;
    text-align: center;
    padding: 10px 8px;
    text-decoration: none;
    font-size: 15px;
    border: 2px solid #323B87;
    font-family:Verdana;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ffffff;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

div.pie {
	width:33.33%;
}

@media screen and (max-width: 600px) {
  div.pie {
    width:100%; 
  }
}

/*
BARRA DE NAVEGACION MOBILE
*/

ul.drop {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #323B87;
    max-height:42px;
}

li.drop {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 15px;
    border: 2px solid #323B87;
    font-family:Verdana;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: white;
    color:black;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border:none;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    border:none;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
/*
FIN BARRA DE NAVEGACION MOBILE
*/

/*
.col{
	float:left;
	border:2px black solid;
	width:50%;
	
}
*/


a.detalles:link,a.detalles:visited,button.detalles {
    background-color: white;
    color: black;
    border: 2px solid #323B87;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 8px;
    font-family:Verdana;
    font-size:15px;
  
    }

a.detalles:hover,a.detalles:active,button.detalles:hover {
    background-color: #323B87;
    /*border: 2px solid #323B87;*/
    color: white;
    cursor:pointer;
}

div.myform {
	 text-align:left;
	 font-family:Verdana;
	 font-size:13px;
}

.userinput {
	border: 1px #A6C8FF solid;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 250px;
    border-radius: 5px;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.img_card {
    border-radius: 5px 5px 0 0;
    width:250px;
}

.container_card {
    padding: 2px 0px;
}

.gads_selector{
font-weight:bold;
/*	display:none; */
}


/*
.fling-minislide {width:1150px; height:271px; overflow:hidden; position:relative; }
.fling-minislide {width:1150; height:271px; overflow:hidden; position:relative; }
*/
.fling-minislide {width:100%; height:0px; padding-bottom: 23%; overflow:hidden; position:relative; }
.fling-minislide img{ position:absolute; animation:fling-minislide 20s infinite; opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
.fling-minislide img:nth-child(5){animation-delay:0s;}
.fling-minislide img:nth-child(4){animation-delay:4s;}
.fling-minislide img:nth-child(3){animation-delay:8s;}
.fling-minislide img:nth-child(2){animation-delay:12s;}
.fling-minislide img:nth-child(1){animation-delay:16s;}


.fling-minislide_1 {width:100%; height:0px; padding-bottom: 177%; overflow:hidden; position:relative; /*border:1px black solid;*/ }
.fling-minislide_1 img{position:absolute; right:0px; animation:fling-minislide_1 24s infinite; opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide_1 {25%{opacity:1;} 40%{opacity:0;}}
.fling-minislide_1 img:nth-child(3){animation-delay:0s;}
.fling-minislide_1 img:nth-child(2){animation-delay:8s;}
.fling-minislide_1 img:nth-child(1){animation-delay:16s;}


.fling-minislide_2 {width:100%; height:0px; padding-bottom: 177%; overflow:hidden; position:relative; /*border:1px black solid;*/ }
.fling-minislide_2 img{position:absolute; right:0px; animation:fling-minislide_2 24s infinite; opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide_2 {25%{opacity:1;}40% {opacity:0;}}
.fling-minislide_2 img:nth-child(4){animation-delay:0s;}
.fling-minislide_2 img:nth-child(3){animation-delay:8s;}
.fling-minislide_2 img:nth-child(2){animation-delay:16s;}
/*.fling-minislide_2 img:nth-child(1){animation-delay:24s;}*/


.fling-minislide_3 {width:100%; height:0px; padding-bottom: 177%; overflow:hidden; position:relative; /*border:1px black solid;*/ }
.fling-minislide_3 img{position:absolute; right:0px; animation:fling-minislide_3 24s infinite; opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide_3 {25%{opacity:1;}40% {opacity:0;}}
.fling-minislide_3 img:nth-child(3){animation-delay:0s;}
.fling-minislide_3 img:nth-child(2){animation-delay:8s;}
.fling-minislide_3 img:nth-child(1){animation-delay:16s;}

.btn_wa{
  border: none;
  outline: 0;
  padding: 12px 5px;
  margin:65px 12px;
  color: white;
/*  background-color: #2979ff; */
  text-align: center;
  cursor: pointer;
  width: 180px; 
  font-size: 24px;
/*  font-weight:bold; */
  border-radius: 50px;
}