/* CSS UPDATE */
span.boton-destacado-info {
    border: 2px solid #DAB38D;
    padding: 2px 15px;
    background: #DAB38D;
    color: white;
    border-radius: 50px;
    font-weight: bold;
    margin-right: 5px;
}
/* CSS COLORES */
h4 {
    color: #DAB38D;
}
#header .nav-title-volver h1 span.room-title {
    color: #097e8f;
}
#header .nav form .userPromoActive #codigo-promo-active-title, #header .nav form .userEmpresaActive #codigo-empresa-active-title {
    background-color: #097e8f;
    color: white !important;
}
.reservas-pane h5 {
    color: #DAB38D;
}
label.es-agencia-label {
    color: #DAB38D !important;
    font-weight: bold;
    margin-left: 1.1rem;
}
a#boton_reservar, a#boton_incluir_suplemento {
    background: #DAB38D !important;
}
.popup_cesta_reservas_activa .reserva-final-price-content #precio_cesta_final {
    color: #DAB38D;
}
.rgpd_gimh_title {
    color: #DAB38D;
}
.rgpd_titulo {
    background: #DAB38D;
}
.popup_cesta_reservas_activa .reserva-final-price {
    background: #ffffff;
}
#content .pane-left-resumen .reserva-final-price {
    background: #ffffff;
}
.reservas-pane table tr.price td.derecha {
    color: #DAB38D;
}
.reservas-pane .pane-details a {
    color: #DAB38D;
}
#content .pane-left-resumen .reserva-final-price #precio_cesta_final {
    color: #DAB38D;
}
form#formDatosCliente input#btn_submitfin {
    background: #DAB38D;
}
.reservas-pane .reserva .reserva-room-number {
    background: #DAB38D;
    border-radius: 50px;
}
#content .seleccion-container .precio_final {
    color: #DAB38D;
}
.flecha_despliegue_regimen {
    color: #DAB38D;
}
#header .desplegable_grupo_hotelero {
    border: 0px solid white;
    height: 100%;
}
.desplegable_grupo_hotelero::after {
    background: #DAB38D;
}
#content .container-fixed-content .nav-container ul li a.selected {
    background: #DAB38D url(../imgv3/main/bg_nav_left_dot_selected.png) 92px center no-repeat;
    text-shadow: 1px 1px #DAB38D;
}
.en_seleccion {
    color: #DAB38D;
    font-size: 150%;
    font-weight: bold;
}
#boton_regimenes span.seleccion_regimen, #boton_tarifas span.seleccion_tarifa, #boton_mejorar span.seleccion_mejores {
    color: #DAB38D;
    font-weight: bold;
}
#content .room-description h2 span.price {
    color: #dab38d;
    font-weight: bold;
}
#content a {
    color: #dab38d;
    font-weight: bold;
    padding: 0.2rem;
}
.popup_content {
    border: 5px solid #DAB38D1f;
}
#footer strong {
    color: #DAB38D;
    font-weight: bold;
}
.logo {
    margin-top: 1.5rem;
}
#content .contenedor_tarifas table td.precio {
    color: #DAB38D;
    font-weight: bold;
}
.info_tarifa {
    color: #DAB38D;
}
#header .nav li.cesta_reservas span.reserva-room-number {
    position: absolute;
    left: 6.5rem;
    width: 20px;
    height: 18px;
    text-align: center;
    color: #fff;
    padding-top: 2px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 76.9%;
    background: #DAB38D;
    border-radius: 50px;
}


/* CSS LINEA SUPERIOR IDIOMAS MONEDAS*/
#header .nav-top {
    background: #DAB38D;
}
#header .nav-top-content .llama-reserva {
    color: #ffffff;
    background: none !important;
}

/* CSS SELECTOR FECHAS PERSONAS */
.selectric {
    min-width: 4rem;
}
.selectric .label {
    line-height: 1rem;
    padding-left: 1rem;
    padding-top: 1rem;
    min-height: 2rem;
}
.selectric .button {
    height: 3rem;
}
.selectricItems {
    margin-left: 0.3rem;
    position: initial;
}
.cantidad-adultos {
    min-width: 5rem;
}
.cantidad-ninos {
    min-width: 5rem;
}
.cantidad-ninos2 {
    min-width: 5rem;
}
#contenedor_bookingmask label {
    padding-top: 1.2rem;
    padding-right: 1px;
}

input#calCheckOut {
    height: 3rem !important;
    min-width: 6.5rem !important;
    padding-left: 1.5rem !important;
}
input#calCheckIn {
    height: 3rem !important;
    width: 6.5rem !important;
}

/* UPDATE */
#contenedor_bookingmask fieldset.calCheckInCont label, #contenedor_bookingmask fieldset.calCheckOutCont label, .cantidad-adultos-ninos label, .contenedor-edades label {
    padding-top: 1.2rem;
    float: none;
}
fieldset.calCheckInCont {
    margin-right: 1rem;
}
fieldset.calCheckOutCont {
    margin-right: 1rem;
}
.contenedor-edades {
    display: inline-block;
}


#contenedor_bookingmask fieldset #openCalCheckIn, #contenedor_bookingmask fieldset #openCalCheckOut {
    margin-top: 1rem;
    margin-left: -2rem;
}
input#calCheckIn {
    padding-left: 1.5rem !important;
}
fieldset.userPromo {
    background: #DAB38D;
    color: white;
    font-weight: bold;
    padding: 1.2rem 1.5rem;
}
label#label_empresa_promo {
    background: #DAB38D;
    color: white;
    font-weight: bold;
    padding: 1.2rem;
}
a.cart_empty.mostrar_cesta_reservas {
    background: #ffffff;
    color: #DAB38D !important;
    font-weight: bold;
    border: solid 2px #DAB38D;
    padding: 1.2rem;
    padding-left: 1rem;
}
#header .nav a.cart_empty {
    background: none;
}
ul.nav-codigo-promo {
    margin-top: 1.5rem;
    margin-left: -3rem !important;
}
ul.nav-codigo-empresa {
    margin-top: 1.5rem;
}
#header .header-content {
    position: relative;
    max-width: 100%;
    height: 8rem;
}
.header-content {
    background: #ffffff;
    width: 100% !important;
}
#header .logo {
    padding-left: 5rem;
}
.nav-menu {
    padding-right: 5rem;
}
#header.header-ficha {
    height: 0px;
}
.cart-actions .button {
    background-color: #DAB38D;
    text-transform: uppercase;
    font-weight: bold !important;
}
a#boton_anadir_carrito:hover, a#boton_anadir_carrito_final:hover, a#boton_reservar:hover, a#boton_incluir_suplemento:hover {
    background-color: #DAB38D !important;
}
#div_contenedor_bookingmask {
    right: 50%;
    top: 0rem;
}
table.nav-listado-promo {
    background: #ffffff;
    margin-top: 15px;
    box-shadow: 2px 2px 20px #000000;
    position: absolute;
    padding: 0.5rem;
}
table.nav-listado-promo:before {
    content: "";
    position: absolute;
    padding-top: 5px;
    margin: -23px 0 0 50px;
    border-bottom: 10px solid #ffffff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
#header .nav ul li {
    margin-left: 15px;
}


/* FROM DE CONFIRMAR RESERVA */
input#datos_nombre {
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;
}
input#datos_apellidos{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;    
}
input#datos_email{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;    
}
input#datos_tlfncontacto{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;    
}
input#datos_direccion{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;    
}
input#datos_direccion{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;
}
input#datos_poblacion{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;    
}
input#datos_cp{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;        
}
input#datos_provincia{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;        
}
input#datos_num_tarjeta{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;    
}
textarea#datos_observaciones{
    border: 1px solid #c4c4c4 !important;
    background: #f8f8f8 !important;
    border-radius: 0px !important;
    line-height: 1rem !important;
    padding-left: 1rem !important;
    padding-top: 1rem !important;
    min-height: 2rem !important;        
}
td.td_datos_observaciones {
    padding-top: 2rem !important;
}
.selectricCadaNo {
    width: 75px;
}


/* CSS CON CAROUSEL*/
#header .header-content.header-content-carousel {
    height: 8rem;
    border-bottom: solid 1rem white;
}
.owl-carousel.owl-carousel-carousel {
    top: 11rem;
}
#header .nav li.cesta_reservas.cesta_reservas-carousel {
    top: 0px;
    height: 0;
}
.nav-menu {
    padding-top: 2rem;
}
.owl-item .item.selected, .owl-item .item:hover {
    background-color: #DAB38D;
    color: #fff !important;
}
div#page {
    margin-top: 17rem;
}
#header .nav ul ul.nav-codigo-promo, #header .nav ul ul.nav-codigo-empresa {
    padding: 1rem;
    background: white;
    border: 1px solid #DAB38D;
    top: 5rem;
}
#header .nav form input {
    padding: 4px;
    height: 1.3rem;
    border: 1px solid #e8e8e8;
}
#header .nav form input[type=submit] {
    line-height: 0em;
    padding: 1rem;
    cursor: pointer;
    height: 26px;
    background: #DAB38D;
    color: white;
    font-weight: bold;
}

/* OCULTAR ELEMENTOS */
.nav-title.nav-title-ficha {
    display: none;
}

/* CSS CALENDARIOS */
div#ui-datepicker-div {
    padding: 0 !important;
    border-radius: 0px !important;
}
.ui-datepicker .ui-datepicker-header {
    padding: 0.5rem !important;
}
.ui-widget-header {
    border: 0px solid #aaaaaa !important;
    background: #eeeeee !important;
    color: #222222 !important;
    border-radius: 0px !important;
    font-weight: bold !important;
    padding: 0.5rem !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0px solid #fcefa1 !important;
    background: #DAB38D !important;
    color: #ffffff !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #f0f0f0 !important;
    background: white !important;
    font-weight: normal !important;
    color: #555555 !important;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em !important;
    margin: 1px 0 !important;
    font-weight: bold !important;
    color: #7a7a7a !important;
}


/* ASJUTES SLIDER FOTOS */
#content .room .room-preview .arrow-right {
    height: 30px;
}
#content .room .room-preview .arrow-left {
    height: 30px;
}

/* CSS OTROS */
    .room-reservation.seleccion-container {
        margin-top: 1rem;
    }
    .room-container {
        margin-top: 1rem;
    }
    input#es-agencia {
        position: absolute;
        margin-top:-0.1rem;
    }

/* AJUSTES RESPONSIVE */

@media (max-width: 1550px){
    .nav-menu {
        padding-top: 3.3rem;
        padding-right: 0.5rem;
    }
    #header .logo {
        position: absolute;
        top: 1.5rem;
        padding-left: 1rem;
        max-width: 15rem;
   }
    #div_contenedor_bookingmask {
        top: 0;
        padding-top: 1.3rem;
        right: 40%;
    }
}
@media (max-width: 1452px){
    #header .header-content.header-content-carousel {
        height: 8rem;
    }
    .owl-carousel.owl-carousel-carousel {
        top: 11rem;
    }
    .room-container {
        margin-top: 1rem;
    }
    .room-reservation.seleccion-container {
        margin-top: 1rem;
    }
}

@media (max-width: 1415px){
    .logo {
        margin-top: 0.5rem;
    }
    #div_contenedor_bookingmask {
        padding-top: 1rem;
        right: 35%;
    }
    #header .nav {
        top: 4.6rem;
    }
    #header .header-content {
        height: 10rem;
    }
    .nav-menu {
        padding-right: 0rem;
        padding-top: 3rem;
    }
    #header .logo {
        position: absolute;
        top: 2rem;
        padding-left: 1rem;
        max-width: 8rem;
    }
}


@media (max-width: 1280px){
    #header .header-content.header-content-carousel {
        height: 8rem;
    }
    .owl-carousel.owl-carousel-carousel {
        top: 11rem;
    }
}

@media (max-width: 1024px){
    #div_contenedor_bookingmask.div_contenedor_bookingmask_carousel {
        top: 0;
    }
    .logo {
        margin-top: 0.5rem;
    }
    #header .header-content.header-content-carousel {
        height: 10.5rem;
        border-bottom: solid 1rem white;
    }
    .owl-carousel.owl-carousel-carousel {
        top: 13rem;
    }
    div#page {
        margin-top: 19.5rem;
    }
}

@media (max-width: 480px){
    input#es-agencia {
        margin-top: -0.5rem;
    }
    .reservas-pane .reserva .reserva-room-number {
        color: #fff;
        padding: 12px 0px 0px 1px;
        background-color: #e7ebeb;
    }
    #div_contenedor_bookingmask {
        left: 0%;
    }
    div#contenedor_bookingmask {
        margin-left: 0px !important;
    }
    #contenedor_bookingmask fieldset.calCheckInCont, #contenedor_bookingmask fieldset.calCheckOutCont {
        margin-left: 0px;
    }
    .cantidad-adultos label, .cantidad-ninos label, .edad-ninos label, .cantidad-ninos2 label, .numero-habitaciones label {
        padding-right: 0px;
    }
    .cantidad-adultos-ninos.selector_personas_general_container {
        display: block;
        width: 95%;
        margin-left: 1.5%;
        margin-right: 2%;
    }
    #contenedor_bookingmask fieldset.calCheckInCont, #contenedor_bookingmask fieldset.calCheckOutCont {
        float: left;
        width: 100%;
        display: inline
    }
    #contenedor_bookingmask label {
        text-align: center;
    }
    select#cantidadAdultos {
        margin-left: 0rem;
        width: 100% !important;
    }
    select#cantidadNinos {
        margin-left: 0rem;
        width: 100% !important;
    }
    select#cantidadNinos2 {
        margin-left: 0rem;
        width: 100% !important;
    }
    #header .nav form label.es-agencia-label {
        background: none;
        width: auto;
        font-size: 105%;
        margin-left: 15px;
        margin-top: 10px;
    }
    #content .room .but {
        background-color: #DAB38D!important;
        border-radius: 0px;
    }
    #header .nav-title, .rooms-container .rooms-title {
        top: 0px;
    }
    .seleccion-container {
        margin-top: 0px;
    }
    span#numMaxPer {
        text-align: center;
    }
    .ocultar_info a {
        display: none;
    }
    div#page {
        margin-top: 0rem;
    }
    .nav-menu {
        padding-top: 0rem;
    }

    #header .logo img {
        width: 25px !important;
        height: auto;
        margin-top: 0rem !important;
    }
    #header .nav-top-content {
        left: 1rem;
    }
    .userPromo, .userPromoActive, .userEmpresa, .userEmpresaActive {
        width: 10rem;
        margin-left: 1rem;
    }
    .userPromo label, .userEmpresa label {
        padding: 0px;
        margin: 0px;
        color: #ffffff;
        background: none;
    }
    #header .nav-top {
        background: #ffffff;
    }
    a.cart_empty.mostrar_cesta_reservas {
        border: none;
    }
    #header .nav-top ul li.selected a {
        color: #545454;
        padding-top: 0.5rem;
        margin-left: 1rem;
    }
    #header .nav ul ul.nav-codigo-promo, #header .nav ul ul.nav-codigo-empresa {
        padding: 3px 0px 0px 0px;
        position: absolute;
        top: 3.5rem;
        width: 15rem;
        left: 6.5rem;
        background-color: #FFF;
    }
    #header .nav ul ul.nav-codigo-promo, #header .nav ul ul.nav-codigo-empresa {
        padding: 7px !important;
        background: white;
        border: 1px solid #ffd6bc;
    }
    #header .nav form input[type=submit] {
        line-height: 0em;
        cursor: pointer;
        color: #FFF;
        background: #DAB38D none!important;
        font-size: 130%;
        font-weight: bold;
    }
    #header .nav-top .contenedor-idiomas, #header .nav-top .contenedor-monedas {
    top: 2rem;
    width: 7rem;
    left: 2rem;
    border: solid 1px gainsboro;
    }
    #contenedor_bookingmask fieldset.calCheckInCont label, #contenedor_bookingmask fieldset.calCheckOutCont label, .cantidad-adultos-ninos label, .contenedor-edades label {
        text-align: center;
        margin-left: 0rem;
        padding-top: 0.2rem;
    }
    #div_contenedor_bookingmask {
        padding-top: 4rem !important;
    }
    #contenedor_bookingmask label {
        padding-top: 0.2rem;
    }
    #contenedor_bookingmask .cantidad-adultos {
        margin-left: 15%;
    }
    .cantidad-adultos {
        width: 5rem;
    }
    .cantidad-ninos {
        width: 5rem;
        margin-right: 0%;
        margin-left: 0%;
    }
    .cantidad-adultos, .cantidad-ninos, .cantidad-ninos2, .edad-ninos {
        border: 0px solid #eee!important;
    }
    select#cantidadAdultos {
        height: 3.5rem !important;
        border: 1px solid #eee!important;
    }
    select#cantidadNinos {
        height: 3.5rem !important;
        border: 1px solid #eee!important;
    }
    select {
        background-image: none;
    }
    #contenedor_bookingmask label {
        padding-top: 0.2rem;
        padding-left: 1.5rem;
        font-size: 120%;
    }
    #contenedor_bookingmask fieldset.calCheckInCont label, #contenedor_bookingmask fieldset.calCheckOutCont label {
        font-size: 120%;
        text-transform: uppercase;
    }
    a.ui-state-default {
        height: 2rem;
    }
    a.ui-state-default.ui-state-highlight {
        height: 2rem;
    }
    table.nav-listado-promo {
        margin-top: 65px;
        margin-left: 10%;
    }
    table.nav-listado-promo:before {
        padding-top: 5px;
        margin: -23px 0 0 -90px;
    }
    label.label_listado_promo {
        margin-left: -7%;
    }
}
@media (max-width: 425px){
    .userPromo, .userPromoActive, .userEmpresa, .userEmpresaActive {
        width: 6rem;
        margin-left: 0.8rem;
    }
    #contenedor_bookingmask fieldset.calCheckInCont input[type=text], #contenedor_bookingmask fieldset.calCheckOutCont input[type=text] {
        margin-left: 5%;
        margin-right: 5%;
        display: block;
        width: 90% !important;
    }
    #contenedor_bookingmask .cantidad-adultos {
        margin-left: 0%;
        margin-right: 0%;
    }
    #header .nav ul ul.nav-codigo-promo, #header .nav ul ul.nav-codigo-empresa {
        left: 4.5rem;
    }
    .cantidad-adultos {
        width: 30%;
    }
    .cantidad-ninos {
        width: 30%;
    }
    .cantidad-ninos2 {
        width: 30%;
    }
    #contenedor_bookingmask label {
        padding-left: 0rem;
    }
    select#cantidadNinos2 {
        height: 3.5rem !important;
        border: 1px solid #eee!important;
    }
    select#edadNinos0 {
        height: 3.5rem !important;
        border: 1px solid #eee!important;
    }
    select#edadNinos1 {
        height: 3.5rem !important;
        border: 1px solid #eee!important;
    }
    select#edadNinos2 {
        height: 3.5rem !important;
        border: 1px solid #eee!important;
    }
    #contenedor_bookingmask .cantidad-ninos2 {
        margin-left: 0%;
    }
}