*{ -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-regular-webfont.woff') format('woff'),
        url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('../fonts/opensans-regular-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntulight';
    src: url('../fonts/ubuntu-l-webfont.eot');
    src: url('../fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ubuntu-l-webfont.woff2') format('woff2'),
        url('../fonts/ubuntu-l-webfont.woff') format('woff'),
        url('../fonts/ubuntu-l-webfont.ttf') format('truetype'),
        url('../fonts/ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu-r-webfont.eot');
    src: url('../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ubuntu-r-webfont.woff2') format('woff2'),
        url('../fonts/ubuntu-r-webfont.woff') format('woff'),
        url('../fonts/ubuntu-r-webfont.ttf') format('truetype'),
        url('../fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@-webkit-keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotatingLeft {
    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes rotatingLeft {
    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


body{
    font-family:'ubunturegular';
    color: #636363;
}

.imagenFondo {
    position: relative;
    width: 100%;
    height: 60vh; /* Ajusta la altura según tus necesidades */
    overflow: hidden;
}

.imagenFondo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  transform: scaleY(-1); /* Voltea verticalmente el video */
}
/*.imagenFondo{z-index: -1; background:url('../img/PROMO1.jpg');width: 100%; top: 0px;background-size: cover;}*/
#formContacto{padding-top: 48px;min-height: 322px;}
#formContacto ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}
#formContacto ::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}
#formContacto ::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}

.imagenFondoContacto{margin-top: -48px;margin-left: -15px;width:100% ;z-index: -1; background:url('../img/fondoContacto.jpg');min-height:322px;background-size: cover;position: absolute; opacity: 0.8}
.contenedor {width: 100%;margin: 0 auto;}
/*.col-lg-6{width: 50% !important}*/

.col20 {width: 50%;
    float: left;
    padding: 10px;
}
.col21 {width: 22% ; float: none;height: 150px;padding-left: 40px;padding-top: 49px;}
.col22 {width: 45%;
    float: left;
    padding-left: 40px;
    padding-top: 49px;}  
.col12 {width: 20%; padding-left: 0px;float: left;padding-left: 40px;padding-top: 49px;}
#habiLeftDataOn {display: none}
#habiLeftData {display: block; background-color: #064588}
#habiLeftData .btnReservaHabitacion {background-color: #333333}
.rotating {
    -webkit-animation: rotating 20s linear infinite;
    -moz-animation: rotating 20s linear infinite;
    -ms-animation: rotating 20s linear infinite;
    -o-animation: rotating 20s linear infinite;
    animation: rotating 20s linear infinite;
}
.rotatingLeft {
    -webkit-animation: rotatingLeft 12.8s linear infinite;
    -moz-animation: rotatingLeft 12.8s linear infinite;
    -ms-animation: rotatingLeft 12.8s linear infinite;
    -o-animation: rotatingLeft 12.8s linear infinite;
    animation: rotatingLeft 12.8s linear infinite;
}

#modal-reserva-habitacion select {-webkit-appearance: none;   -moz-appearance: none;appearance: none; border: 1px solid #d1d1d1;height: 30px;width: 100%}
#modal-reserva-habitacion select::-ms-expand { display: none; border: 1px solid #d1d1d1;height: 30px;}

.popup-promo {max-width: 900px;  height:290px; width: 80%;/*background-color: #DDDDDD;*/;margin: 0 auto; margin-top: 30px}

#modal-reserva-habitacion input {border: 1px solid #d1d1d1;height: 30px;width: 100%;}

.contentPakcs {background-color: #F1F1F1;padding-left: 0px; padding-right: 0px}

.input-group-addon {background-color: transparent; border-radius: 0px !important}
.contentLogo{height: 165px}
.contenedorTituloPromo {background-color: #DD153C;height: 100%;color: #FFF; min-height: 165px;padding-top: 10px;
padding-left: 47px;
line-height: 35px;}
.btnPack {
    height:225px;
     width:554px;
    /*min-width: 80px; width: 80%; 
    margin: 0 auto; 
    border: 1px solid #ccc;
    text-align: center;height: 35px;
    line-height: 35px;
          box-shadow:0 0 14px 0px #888888;
          box-shadow: 1px 1px 5px 1px #ccc;*/
}
.contentPromo{min-height:152px; padding: 10px; text-align: center;}
.titlePromo{text-align: center; font-size: 2.3em; }
/*.promos {display: inline-table;}*/
.nombrePack{height: 52px;margin-top: 31px;background-color: #fff;width: 128px;
            padding-left: 11px;display: inline-block;}
.logoPromo{height: 80px;background-color: #333333; background-size: contain !important; background:url('../img/logo_hbv.png') no-repeat center; display:block;margin: 0 auto; margin-top: 20%; }
.imgPack1{height:167px; width: 100% ;background-size: contain !important; background:url('../img/packs/pack1.jpg') no-repeat center; display:block; }
.imgPack2{height:167px; width: 100% ;background-size: contain !important; background:url('../img/packs/pack2.jpg') no-repeat center; display:block; }
.imgPack3{height:167px; width: 100% ;background-size: contain !important; background:url('../img/packs/pack3.jpg') no-repeat center; display:block; }

/*body{   color:#fff;
      background:#333 url('../img/bg.jpg') no-repeat center;
     background-attachment:fixed;
    background-size:cover;}*/
header{ width:100%; margin:0 auto; height: 60px; position:fixed; color:#333;
        top:-70px; left:0;transition: top 0.4s ease; background: #fff; z-index: 2;}
header.show{ top:0; }
header nav {width:100%; display:block; }
header nav ul{/*margin:0 auto;*/ display:table;float:right;margin-right: 1em;}
header nav ul li {float:left; margin:0 10px; line-height: 60px; height: 60px; }
header nav ul li a{text-decoration: none; color:#333;display:block;}
header .menuBtn{ display:none; width:60px; height: 60px; position:absolute; cursor:pointer;
                 top:0px; right: 0px; background:url('../img/menuM.png') no-repeat center 19px; }
#subMenu {width:100%; display:block; position:absolute; left:0; top:0;}
#subMenu ul{/*margin:0 auto;*/ display:table; float:right; margin-right: 1em;}
#subMenu ul li {float:left; margin:0 10px; line-height: 60px; height: 60px; }
#subMenu ul li a{text-decoration: none; color:#fff;  display:block;}
ul li a.btnLang{  width:40px;}
ul li a.btnLang.btnEsp{ background:url('../img/espIcon.png') no-repeat center; width:40px;}
ul li a.btnLang.btnEng{ background:url('../img/engIcon.png') no-repeat center; width:40px;}

.logo{margin-top: 14px;background-size: contain !important; background:url('../img/logo_hbv.png') no-repeat 20px center; height: 80px; width: 200px; display:block; float:left;}
#subMenu .menuBtn{ display:none; width:60px; height: 60px; position:absolute; cursor:pointer;  top:0px; right: 0px; background:url('../img/menuM.png') no-repeat center -33px; }
.habitacionRight{background-color: #DD153C; text-align: left; padding-left: 4%;height: 566px; }
.habitacionRight2{background-color: #009d36; text-align: left; padding-left: 4%;height: 566px; }
nav#menuMob{ display:none; background:#f5f5f5; z-index:4; 
             position:fixed; top:60px; right: 0; width:100%; 
             height: 100%; overflow:scroll; }
nav#menuMob.activo ul{ float:none; height: 100%;  display:table; width:100%; margin-bottom: 60px;}
nav#menuMob.activo ul li{ float:none; border-bottom:1px solid #ccc; 
                          text-align:center; width:100%; }
nav#menuMob.activo ul li a{ padding:0.5em 0; font-size:1.4em; display:block; 
                            color:#333; text-align: center;text-decoration: none; }
nav#menuMob.activo ul li a.btnLang{width:100%; background-position:0.5em center;}
nav#menuMob.activo{ display:none; }

.imgRow{float:left; width:20%; margin-right: 2%;}
.imgRow img{ display:block; width: 100%; height: auto;}
.contentRow{float:left; width: 78%; padding:0 1em; line-height: 1.4em; text-align: justify; font-size:1.2em; font-family:'ubuntulight'; font-weight: lighter;}

.dataContacto{font-weight: unset;height: 45px;border-bottom: 1px solid;
              width: 205px;font-size: 0.8em;}

#home{padding:14em 20px 0; width:100%;  color:#fff; 
      /*position:relative;max-width: 1200px; margin:0 auto;*/ 
      position:fixed; top:0; width:100%; left:0; height: 100%; z-index:-2; min-height: 100%;
      background:#333 url('../img/bg2.jpg') no-repeat center; background-attachment:fixed;  background-size:cover;}
.precioReserva{color: #DD153C;font-weight: 600;}
#home .logo{ margin: 0 auto; width: 100%; max-width:328px; margin-bottom:1em; }
#home .logo img{ display:block; width: 100%;  height: auto; }
#home h2{text-align:center; font-size:2em; }
#home p{ font-family:'ubuntulight'; text-align: center; font-size:1.4em; }
#aboutUs{ width:100%; background:#424242; color:#fff; padding:3em 0; }
#contactUs{ width:100%;background:#ccc;color:#333;padding:3em 0; }

#upBtn{ width: 68px; height: 68px; background:#333 url('../img/arrow.png') no-repeat center; color:#fff; 
        display:block; position: fixed; bottom: -100px; right: 1em; cursor:pointer;        transition:bottom .8s ease; }
#upBtn.show{ bottom:1em; }
section .title{font-size:2em; margin-bottom:0.5em;}
section .subTitle{font-size:1.4em; margin-bottom:0.5em;}
h3.title2{font-size:1.2em; margin-bottom:0.2em;}
section .txt1{font-size:1em; font-weight:lighter; font-family:"ubuntulight"}
.wrapper{margin:0 auto; padding:1em; max-width: 1200px;}
/*.row{ display:table; width: 100%; clear:both;}*/
.row2{ margin-bottom: 2em;}
.col3{float:left; width:32%; margin-right:2%;}
.last{margin-left:0; margin-right: 0;}
.box{background:#333; padding:1em;}
.box .img{width:100%; text-align: center;}
.box h4{ font-weight: normal; height: 2.8em; overflow:hidden; text-align:center;}
.box h3.title2{ height: 2em; overflow:hidden; text-align:center;}
.contactForm{float:right; width: 50%; padding:1em;} 
.contactForm .row{ margin-bottom:0.8em; }
.contactForm .row .input{width:100%; border: 1px solid #999; background: #fff;}
.contactForm .row .input input{border:none; width: 100%; line-height: 30px;font-family:"ubuntulight"; font-weight: lighter; font-size:1em; padding-left:0.4em;}
.contactForm .row .input textarea{border:none; width: 100%; height: 80px;font-family:"ubuntulight"; font-weight: lighter; font-size:1em; padding-left:0.4em;}
.contactInfo{float:right; width: 56%;}
.ls2 li{ background:url('../img/check.png') no-repeat 2px 4px; padding:0 32px; font-size:1em; margin-bottom: 0.5em; font-weight: lighter; font-family: "ubuntulight";}

.infoContacto .contactName{font-size: 1.4em; margin:1em 0 0.5em 0; }

.infoContacto{/*font-size: 1.2em;*/ font-family:"ubuntulight"; font-weight: lighter;}
.btn{ background:#333; color:#fff; padding:0.5em 1em; cursor:pointer; float:right; font-size:1em;}

#mapWrapper{width:50%; float:left; padding:1em; }
#mapWrapper #mapa{width:100%; height:300px;}
#mapWrapper img{width:100%; height:auto; display:block;}
.slide3{float:left; width:40%;}
.slide3 img{display:block; width: 100%; height: auto;}
.slide3Txt{float:right; width:58%;}
/*footer{ width:100%;background:#ccc; text-align: center; font-size: 1em; height: 4em; line-height: 2em; color:#666; font-family:"ubuntulight";}*/
.titleWrapper{ perspective: 1px; overflow-x: hidden; overflow-y: auto; height: 140px; position:relative;}
#loadContacto{height: 36px; line-height: 36px; width: 100%; color:#333;font-size:18px; text-align: center; display:none;}
#loadContacto.loading{ background:url('../img/load2.gif') no-repeat center; }
input.errorInput, textarea.errorInput{ border:1px solid #ff9090; background:#ffdcdc;}
.separador{width:100%; margin:0 auto; border-top:1px solid #0097d7;/*#666;*/ /*border-bottom:1px solid #333;*/margin-bottom:2em;}
.separador2{width:100%; margin:0 auto; border-top:1px solid #7bc143;/*#666;*/ /*border-bottom:1px solid #333;*/margin-bottom:2em;}
.mailTo {float: left;}
.mailTo a{ text-decoration: none !important; color:#333;}
a.mailto{ text-decoration: none !important; color:#333; font-weight: bold;}
#cuadroReserva, .cuadroReservarHabitacion{ width: 80%;  height: 100px; margin: 0 auto;  margin-bottom: 50px;    position: relative;  background: url(../../../uploads/web/pix.png);
                                           padding-top: 20px; padding-left: 15px; padding-right: 15px;  color: white;clear:both;}
.inputCuadroReserva{ width: 60%; background: url(../../../uploads/web/pix.png);}
.line-h-60{line-height: 60px;}
.label-m-right{margin-right: 5%;}
.rowFecha{ float: left; width: 25%; height: 100%; margin-right: 1%;}
.rowTipoHabitacion{  float: left;   width: 30%; height: 100%;  margin-right: 3%;}
.rowHorario{ float: left;  width: 30%;  height: 100%;}
.loading{ color:white; margin: 0px auto; width: 50px;}

.dirLocal{background-color: #414141;color: #FFF;padding-top: 77px; min-height: 322px;}
.tituloContacto {color: #CCCCCC;padding-left: 14px;font-size: 1.5em;font-weight: 600;}
.content-promo-img{
    margin-left: 30px;
    padding-top: 25px;
    display: table;
}
.content-promo-img #dataId{
    float: left;
}
.class-conent-container{
    align-content: center;
}

#formContacto input{width: 100%; background-color: transparent; margin-top: 20px ;border: 2px solid #848484;
                    font-size: 1.2em;}
#formContacto textArea{border: 2px solid #848484;font-size: 1.2em;width: 100%; background-color: transparent; margin-top: 20px; resize: none;height: 85px;}

.btnEnviarContacto {text-align: center;cursor: pointer;
                    background-color: #DD153C;color: white;margin-top: 25px;width: 100%;height: 50px;line-height: 52px;font-size: 1.2em;}

#btnCuadroReserva,.btnCuadroReservarHabitacion{
    border-radius: 4px;
    display: block;
    text-align: center;
    cursor: pointer; 
    background-color: rgb(135, 19, 28);
    color: white;
    margin:0 auto;
    width:80%;
    padding: 10px;
    clear:both;
    font-size:2.2em;
}
.btnReserva, .btnReserva2{ text-align: center;cursor: pointer;background-color: #DD153C;color: white;padding: 8px;margin: 0 auto;margin-top: 17px; margin-bottom: 10px;}
.btnReserva2 { 
    margin-bottom: 10px;
}
.btnReservaHabitacion {text-align: center;
                       cursor: pointer;
                       background-color: #333333;
                       color: white;
                       margin-top:25px;
                       width: 100%;
                       height: 66px;
                       line-height: 63px;
                       font-size: 1.2em;}

.tituloSbrayado {color:#CCCCCC;padding-left: 0px;margin-left:25px;font-size:1.5em;  border-bottom:2px solid; padding-bottom: 10px; font-weight: 600}
.tituloHabitacion{color: #FFF;height: 80px;line-height: 103px;border-bottom: 2px solid;font-size: 1.4em; margin-top:50px}
#datosPreReserva{ height: 100%;}
#modal-reserva-habitacion{ margin-top: 270px!important;width: 60%; margin: 0 auto; background-color: #fff; position: relative;}
#modal-tarifas{ margin-top: 170px;margin-left: 310px; width: 80%; margin: 0 auto; min-height: 200px;}
#modal-reserva-habitacion2{ width: 40%; margin: 0 auto; background-color: #fff; height: 181px; margin-top: 106px;}
.modal-row-1{    float: left; width: 28%; height: 100%;}
.modal-row-2{    float: left; width: 32%; height: 100%;}
.modal-row-3{ float: left; width: 28%; height: 100%;}

.obligatorio{ color: red; font-size:0.8em;}

/* The Modal (background) */
.modal {
    display: block; /* Hidden by default */
    position: fixed !important; /* Stay in place */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.84); /* Black w/ opacity */
}
/* Modal Content/Box */

.modal-content-1 {
    background-color: transparent;
    margin: 15% auto; 
    padding: 20px;
    /*border: 1px solid #888;*/
    width: 8%; 
}
.modal-content-2 {
    background-color: #fefefe;
    margin: 10% auto; 
    /*border: 1px solid #888;*/
    /*width: 80%; */
    width:100%; max-width: 730px;;
}
.modal-content-3 { background-color: #fefefe; margin: 15% auto; width: 40%; 
}
.modal-content-4 {
    background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px;
    /*border: 1px solid #888;*/
    max-width: 40%; 
}
.modal-content-2 h1{ font-size: 1.8em;}
.modal-content-3 h1{ font-size: 1.8em;}
#infoPromo{
    
}
/* The Close Button */
.close { color: #FFF !important;  float: right; font-size: 28px; font-weight: bold;  padding:5px;opacity:1;margin-right: 6px;
         margin-top: -3px; }
.preciosHabitaciones{height: 48px;line-height: 54px;font-size: 1em;color: #d7d7d7;}
.preciosHabitaciones span {color: #FFF}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.cerrar {opacity: 1 !important}
.cerrar:hover,
.cerrar:focus  {opacity: 1 !important}

.row-label{
    width: 100%;
}
.row-label span{
    font-weight: bold;
}
.msgConfirmacion{ margin-right: 22%; margin-top: 6%; text-align: center; font-size: 0.8em;  width: 100%; color:#666; padding:20px;}
.msgConfirmacion2{ text-align: center; font-size: 0.8em; width: 100%;color:#666;}
.box-relative{  position: relative;  display: table;}
.btnConfirmarReserva{ line-height: 18px;margin: 0px;border-radius: 5%;float: right;display: block;text-align: center;
                      cursor: pointer;background-color: #ba3838;padding: 10px;color: #FFF;width: 113px;}
#btnConfirmarReserva{ position: relative; line-height: 25px; margin-top: 10px;}
.msgEstadoResult{background-color: rgb(254, 254, 254); padding: 20px; margin: 0px auto; text-align: center;}
.error{  display: none;    text-align: center;}
.modal-col2{ float:left; width:48%; margin-right: 2%;}
.modal-col2-last{margin-right: 0;float: right;text-align: right;}
.modal-col2 label{ min-width: 85px; width:20%;}
.modal-col2-last label{ min-width: 75px; width:20%;text-align: left;}
.modal-col2 .inputReserva, .modal-col2 select{ min-width: 200px; width:68%;border:1px solid #ccc;}

.infopackContent {color: #DD153C;padding-top: 30px;float: left;}
#modal-reserva-habitacion h1{background-color:#DD153C;color:#fff;padding:10px 20px;}
#modal-reserva-habitacion2 h1{background-color: #DD153C;color: #fff;line-height: 43px;font-size: 1.3em;padding-left: 20px;}
#modal-reserva-habitacion .footerReserva {background-color:#DD153C;color:#fff;padding:10px 20px;display: table;}
#modal-reserva-habitacion2 .footerReserva {background-color: #DD153C;color: #fff;display: table;width: 100%;text-align: center;font-size: 1.2em;line-height: 48px;}
.leyenda {color:#fff;font-size:12px;width:85%;float: left;}
.divPrecio {text-align:right;font-size:24px;}

.mercadoPago{float: right;width: 100px;text-align: center;}
.mercadoPago a{font-size: 18px;text-decoration: none;}
.mercadoPago img{width: 80px;}

#serviciosHBV {margin-top: 80px;}

#promos-no-slide{}
#promos-slide{}

.estilo-promo-2{
	background:url('../img/BTNPROMO2.jpg');
}


@media all and (max-width: 600px) {
    .promos{margin-top: 20px; margin-bottom: 20px;}
    .imagenFondo{height: 100%; }
    #formContacto input {width: 100%}
    #modal-tarifas{margin-top: auto; margin-left: auto;}
    .btnPack{width:100%; height: 60%; }
    .popup-promo {max-width: inherit; 
        height: inherit;
        margin-top: 140px;
        height: 0%;
        width: 100%;
    }
    .imagenFondo{height: 100%; }
    .imgTarifa{width: 100% !important; height: 100%; margin-top: 20%;}
}
@media (max-width:1200px) { 
    #modal-reserva-habitacion {min-height:250px;}
    #habiLeftData{display: none}
    #habiLeftDataOn {display: block}
    #modal-tarifas{margin-top: auto; margin-left: auto;}
    .habitacionRight{height: 370px}
    .tituloHabitacion{margin-top:5px }
    .extra-car{
         left:auto;
         top: auto;
     }
     .imagenFondo{height: 100%; }
     .imgTarifa{width: 100% !important}
}

@media (max-width:945px) { 
    #formContacto {
    min-height: 374px;}
    .precioReserva {margin-top: 25px}
    .popup-promo{position: relative; }
    #cuadroHabitaciones{position: relative; z-index: 1; margin-top: 0px; }
     #modal-tarifas{margin-top: auto; margin-left: auto;}
   .servicios li h5 {font-size: 10pt; color: white}
     .imagenFondoContacto{ min-height: 395px;}
     #modal-reserva-habitacion {  min-height: 450px; padding-top: 20px;}
    #cuadroReserva, .cuadroReservarHabitacion{
        width: 100%;
        font-size: 0.8em;
        z-index: 4;
    }
    .modal-content-1{
        width: 18%;
    }
    .modal-content-2{
        width: 95%;
    }
    .modal-content-3{
        width: 65%;
    }
    .modal-row-3{
        width: 16%;height: 100%;
    }
    
    #promos-no-slide{display: none;}
    #promos-slide{display: block;}
    .imagenFondo{height: 100%; }
    .imgTarifa{width: 100% !important}
}
@media (max-width:680px){
    .contentLogo{display: none}
    #cuadroReserva, .cuadroReservarHabitacion{
        width: 100%;
    }
    .infopackContent { min-height: 20px; position: static;width: 100%}
    .col20{width: 90%; height:72px; padding-top: 2px;}
    .col21{width: 90%; height:72px; padding-top: 2px;}
    .col12{width: 90%; height:72px; padding-top: 2px;}
     #modal-tarifas{margin-top: auto; margin-left: auto;}
    .imagenFondo{height: 100%; }
    .imgTarifa{width: 100% !important}
    #modal-reserva-habitacion{min-height: 750px;}
}

@media (max-width:1280px){
    #modal-reserva-habitacion{width: 90%; min-height: 450px;}
     #modal-tarifas{margin-top: auto; margin-left: auto;}
    .col20{padding-left: 21px;}
    .col21{padding-left: 21px;}
    .col12{padding-left: 21px;}
    .imagenFondo{height: 100%; }
    .imgTarifa{width: 100% !important}
}

@media (max-width:575px){
    .msgConfirmacion{
        text-align: center;
        font-size: 0.8em;
        margin: 10% auto 0px;
    }
    .imagenFondo{height: 100%; }
    #modal-tarifas{margin-top: auto; margin-left: auto;}
    .imgTarifa{width: 100% !important}
}
/**/



