:root {
  --color1: var(--color1);
  --color2: #8bceeb;
  --color-letras: #151515;
  
}

:root {
  --color1: rgb(20, 33, 61);
  --color2: rgb(212, 175, 55);
  --color-letras: #151515;
  
}

:root{
    --gold: rgb(212, 175, 55);
    --navy: rgb(20, 33, 61);
    --ivory: rgb(248, 245, 235);
    --text: rgb(34, 34, 34);
}

body{
    background: #fff;
    color: var(--text);
}

.btn-primary{
    background: var(--navy);
    color: white;
}

.f-buscador{
     margin-top:20px; background-color: var(--color2);
}

.precio-habitacion{
    text-align:center;background-color:var(--color2); color:white;
     display: flex;
    align-items: center; /* Centrado vertical */
    border-radius: 12px;
}
.precio-habitacion font{
    color:white;
}

.fila-habitacion{
     max-height: 200px;
}

.img-habitacion{
    width: 100%;
 max-height: 200px; 
 border-radius: 12px;
}
header{
    background: var(--navy);
}

.barra-abajo{
    background-color: #000; text-align: center; color: white;
}
.barra-abajo a{
    color:white;
}

.separador{
    border-bottom: 1px solid #d0d0d0;
    margin: 0 20px 15px;
    padding-bottom: 12px;
}

.f-cotizar{
     background-color: var(--color2); color: #ffffff; 
     border-radius: 12px;
}

.f-cotizar .btn-success{
    background-color: var(--color3) !important;
    border-color: var(--color3) !important;
}
.carrucel-height{
     min-height: 505px;
}
.barra-c{
    background-color: var(--gold);  padding-left: 20px; padding-top: 10px; min-height: 50px;  font-size: 17.2px; font-weight: 300; line-height: 1.5em; letter-spacing: 0px; color: var(--text)
}

.sombra1{
    box-shadow: 60px -16px var(--color1);
    border-radius: 15px;
}

.sombra2{
    box-shadow: 15px -16px var(--color1);
    border-radius: 15px;
}

.roboto{
    font-family: 'Roboto';
    font-weight: lighter;
    color: var(--color-letras);
}

.roboto-b{
    font-family: 'Roboto';
    font-weight: normal;
}

.boton-p{
    background-color: var(--color1);
    padding: 20px;
    color: white;
    font-family: 'Roboto';
    font-weight: lighter;
    font-size: 20px;
    border:  transparent;
}
.color_bg1{
    background-color: var(--color1);
}
.color_bg2{
    background-color: var(--color2);
}
.barra_paquetes{
    font-size: 20px !important;
    color: orange !important;
}

.s-menu{
    font-size:20px; font-family: 'Roboto';
    font-weight: lighter;
    padding-top: 40px !important;
}

.logo{ width: 250px;
}
.img_logo{
    width:250px;
}
.barra{ height: 100px;}
.espaciotop{ height: 100px; text-align: right; font-size: 14px; font-family: verdana;}

.espacio_logo{ vertical-align: middle;}


.carousel {
 
  margin-bottom: 5px;
}

.carousel-caption {
  z-index: 10;
}


.carousel .item {
  
 
}
.carousel-inner > .item > img {
 
  width: 100%;
  max-height: 400px;
}


.pie_pagina{ min-height: 100px;
            text-align: center;
            padding-top: 20px;
            margin-top: 20px;
            background-color: var(--color2);
            
            color: white;
}

.pie_pagina a{ 
            color: white;
}

.busqueda_avanzada{

    min-height: 300px;

}
.busqueda_avanzada .contenedor{
 min-height: 280px;

}

.banner_hoteles{

   min-height: 300px;   

}

.banner_hoteles .contenedor{
min-height: 280px;

}

.noticias .contenedor{
min-height: 260px;

}





.marquee {
 width: 100%;
  overflow: hidden;
  text-justify:  distribute;
  
}

.ver {
  height: 330px;
}

.ver2 {
    font-size: 16px;
    font-weight: bold;
    color: #ffff00;
    margin-top: -15px;
    background-color: var(--color1);
    
}

.texto_grande{
    font-size: 34px;
    font-weight: bold;
    color:var(--color1);
}

.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: var(--color1);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: var(--color1);
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: var(--color1);
  border-color: #337ab7;
}

.color-fondo{

    background-image: url("../../img/fondo_blanco.png");
}

.barra_titulo_filtros{
    background-color: #f9f9f9;
    border: 1px  #0D3349 solid;
    
}

.div_listado_hoteles{
    padding: 10px;
    text-align: justify;
    margin: 15px;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
}

.redondeado2 {
border-radius: 5% 5%; /* Borde redondeado */
box-shadow: 0px 0px 5px #000; /* Sombra */
padding:5px; /* Espacio entre la imagen y el borde */
background:#FFF; /* Color de fondo que se ve entre el espacio */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.redondeado {
border-radius: 50% 0; /* Borde redondeado */
box-shadow: 0px 0px 5px #000; /* Sombra */
padding:5px; /* Espacio entre la imagen y el borde */
background:#FFF; /* Color de fondo que se ve entre el espacio */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.redondeado:hover {
border-radius:0; /* Con esto quitamos el borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

.selector{
   height: 150px;
}

.nav > li {
  position: relative;
  display: block;
  /*background-color: #e9e9e9;*/
}

.sin_margen{
    padding: 0 0 0 0;
}
.todo_ancho{
    
     width: 100%;
}

.espacio_abajo{
    margin-bottom: 5px;
   
}

.espacio_arriba{
    margin-top : 5px;
   
}

.fondo_datos{
    
    background-image: url("../../img/fondo_barras.jpg");
  
    color: #ffffff;
    border-radius: 45px 60px 45px 60px;
-moz-border-radius: 5px 30px 45px 60px;
-webkit-border-radius: 15px;
}

.fondo_datos_noreembolsable{
    
    background-image: url("../../img/fondo_barras_noreembolsable.jpg");
  
    color: #ffffff;
    border-radius: 45px 60px 45px 60px;
-moz-border-radius: 5px 30px 45px 60px;
-webkit-border-radius: 15px;
}

.fondo_datos_gris1{
    
    background-color: #e9e9e9;
    color: #000000;
    
}

.fondo_datos_gris2{
    
    background-color: #f9f9f9;
    color: #000000;
    
}


.menu_busqueda{
    width: 300px;
}

.ocultar
{
    display: none;
}

.mostrar
{
    display: block;
}

.ensima{
    z-index: 10;
}

.titulo_reservacion{
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    
    
}
.sub_titulo_reservacion{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    
    
}

#solicitud_reservacion .form-group input,select{
    margin-bottom: 0px;
    
}
#solicitud_reservacion .form-group div{
    position: relative;
    
}

#solicitud_reservacion .form-group .help-block{
    display:none; top: 0px; width: 100%;  position: absolute; text-align: right; padding-right:30px
}

.div_alto{

}

.formato_tarifa{
    font-size: 24px;
    font-weight: bold;
    color: white;
    background-color: var(--color2);
    text-align: center;
    border-radius: 12px;
    padding: 10px;
}


.popover-title{
   
    color: #000000;
}

.popover{
   
    color: #000000;
}

.texto_descripcion{
    font-size: 11px;
    font-weight: bold;
}
.texto_descripcion h1,.texto_descripcion h2,.texto_descripcion h3,.texto_descripcion h4,.texto_descripcion h5,.texto_descripcion h6{
    display:inline;
}
.botonl{
   margin: 3px;
   width: 98%;
   text-align: center;
   
   
}



.barra_cotizar{
    position: fixed; z-index: 100; background-color: #fff;
}

.imagen_servicios{
    height: 1006px;
}




.agencias .titulos{
    
    padding-bottom: 10px;
}

.agencias .campos{
 padding-bottom: 10px; 

}

.agencias .campos input{
     width: 100%;
}

.edades{
    width: 30px;
}

.titulo_fecha{
    background-color: var(--color1);
    color: #ffffff;
}

.fila_mensaje 
{
    height: 60px;
    overflow: hidden;
    
}

.color_fila
{
 background-color: #f9f9f9;  
 overflow: visible;
}

.fondo_titulo{
    background-image: url("../../img/fondo_barras.jpg")!important;

}

.fondo_titulo_noreembolsable{
    background-image: url("../../img/fondo_barras_noreembolsable.jpg")!important;

}

.detalle_tarifa{
    font-size: 13px;
    color: black;
  
}

.boton_galeria{
    width: 100%;  margin-bottom: 5px;
}


.btn {
    
}
.btn-info {
    
}
.btn:hover{
   
}
.btn-info:hover{
    
}
#contenedor {
   
}
.added {
   
}
.eliminar {
   
}



.observaciones{
    color: red;
}

.filtro_mas{
    display: none;
}

.banner-ch{
   height: 100px; 
}
.limite-contenedor
{
max-width: 1870px;
    
}


.titulo{
    font-family: 'Roboto';
    font-weight: lighter;
}

.promociones{
    background-color: var(--color2);
    margin-bottom: 20px;
    padding-bottom: 20px;
   
}

@media (max-width: 768px) {
.logo
{
    width: 150px;
    
}
    .ocultar
{
    
    display: none;
    
}

.mostrar
{display: block;
}
.ensima{
    z-index: 7000;
}

.carrucel-height{
     min-height: 205px;
}

.barra-c{
    background-color: white;  padding-left: 20px; padding-top: 10px; min-height: 50px;  font-size: 13.2px; font-weight: 300; line-height: 1.5em; letter-spacing: 0px; color: var(--color-letras)
}
}


@media (min-width: 768px) {

.ocultar
{
    display: block;
}
.mostrar
{display: none;
}


.espaciotop{ height: 0px; text-align: right; font-size: 14px; font-family: verdana;}
}



@media (min-width: 992px) { 
    
.ocultar
{display: block;}
.mostrar
{display: none;
}

.espaciotop{ height: 0px; text-align: right; font-size: 12px; font-family: verdana;}

}

@media (min-width: 1200px) {

.ocultar
{display: block;
}
.mostrar
{display: none;
}

.espaciotop{ height: 0px; text-align: right; font-size: 14px; font-family: verdana;}
.barra_cotizar{
    z-index: 100; background-color: #fff;
}


}



@media (min-width : 100px) and (max-width : 1200px){
  .espacio_logo{  vertical-align: middle; margin-top: 0px}
}


.redes .fa{
    font-size: 50px;
}

.div_cargando{
     width: 100%;
     text-align: center;
     position:absolute;
     top:0px;
     padding-top: 20%;
}

.tarifas-promo{
    font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1000px) and (orientation:portrait){
      
}
.logo{height: 120px; }
@media (max-width: 767px) {
    .logo{height: 50px !important; }
    .espaciotop{ height: 0px; text-align: right; font-size: 14px; font-family: verdana;}
    .filtros{
        height: 30px;
        overflow: hidden;
    }
      .filtros:hover{
          cursor: pointer;
         height: auto;
        overflow: auto;
        font-size: 20px;
    }
    
    .img_logo{
    width:100%;
}
.navbar-brand{
    width: 80%;
}

.barra_cotizar{
   position:  inherit; z-index: 100; background-color: #fff;
}
.ocultar{
    display: none;
}



.botones_cotizar .btn-xs{
   padding: 15px;
}

.imagen_servicios{
    height: auto;
    text-align: center;
}

.fondo_datos{
    
    background-image: url("../../img/fondo_barras.jpg");
    /*background-color: var(--color1);*/
    color: #ffffff;
    border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px;
}

.fondo_datos_noreembolsable{
    
    background-image: url("../../img/fondo_barras_noreembolsable.jpg");
    /*background-color: var(--color1);*/
    color: #ffffff;
    border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}

.nombre_hotel{
    font-size: 18px;
}

.filtro_mas{
    display: inline;
}

.mensaje_carga{
    font-size: 12px;
}

.banner-ch{
   height: auto; 
}

.ir-arriba {
  display: none;
  padding: 20px;
  background: #024959;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  position: fixed;
  bottom: 100px;
  right: 10px !important;
  z-index: 20000;
}  

}