.dorado {
    color: #c90 !important;
}

.Lato {
    font-family: Lato !important;
}

.Playfair {
    font-family: Playfair !important;
}

.Cursiva_Italic {
    font-style: italic !important;
}

body{
    padding-right: 0px !important;
}

/*clase importante , maneja tamaņo del banner principal en todas las paginas internas*/

.carousel_interno {
    height: 370px !important;
}

.carousel_interno2 {
    height: 370px !important;
    margin-top: 4.4%;
}

.eslogan_interno {
    top: 25% !important;
}


.active_a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    background-color: rgb( 3, 3, 3 );
}
.active_b{
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    background-color: gray;
}

.PlayfairDisplay_1 {
    font-size: 0.2in;
    font-family: 'Playfair Display', serif;
    color: rgb( 3, 3, 3 );
    font-style: italic;
    text-align: center;
    -moz-transform: matrix( 0.99965981591235, 0, 0, 1.00000378130122, 0, 0);
    -webkit-transform: matrix( 0.99965981591235, 0, 0, 1.00000378130122, 0, 0);
}

.position_relative_padre {
    position: relative;
}

.position_absolute_hijo {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.Subtitulo_Negro {
    color: rgb( 51, 51, 51 ) !important;
}

.Subtitulo_info_telefono {
    /*color: rgb( 1, 1, 1 ) !important;
    font-size: 0.25in;
    font-family: "PlayfairDisplay";*/
    font-size: 0.22in;
    font-family: "PlayfairDisplay";
    color: rgb( 0, 0, 0 );
    line-height: 2;
    margin-bottom: 4%;
}

.subtitulo_negro_promociones {
    font-size: 0.235in;
}

.Rectangle_1_copy {
    border-width: 0.018in;
    border-color: rgb( 185, 153, 55 );
    border-style: solid;
    position: absolute;
    left: 5.139in;
    top: 17.264in;
    width: 10.75in;
    height: 2.583in;
    z-index: 87;
}


.Subtitulo_Gris {
    color: rgb( 143, 143, 143 );
}

.Subtitulo_Inferior {
    font-size: 0.25in;
    color: rgb( 1, 1, 1 );
}


/*Tamaņo de letra de las descripciones en promociones*/
.FontSize_DescripcionesPromos {
    font-size: 0.175in;
}



.btn_contacto_borrar {
    color: gray;
    border-radius: 0px !important;
    margin-right: 1%;
    background-color: white;
    border: 1px solid #b99937;
    width: 25%;
}

.btn_contacto_enviarComentario {
    border-radius: 0px !important;
    margin-right: 1%;
    border: 1px solid #b99937;
    width: 35%;
}


.font_seccionContacto {
    font-size: 0.17in;
}

.btn_consultar_promo {
    color: gray;
    border-radius: 0px !important;
    margin-right: 1%;
    background-color: white;
    border: 1px solid #b99937;
    width: 25%;
}

.btn_consultar_reservar {
    border-radius: 0px !important;
    margin-right: 1%;
    border: 1px solid #b99937;
    width: 25%;
}


.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #515151 !important;
}

.titulogris {
    font-size: 15px;
    font-weight: 500;
    color: #515151;
}


.img_absolute {
    position: absolute;
}

.img-width {
    width: auto;
}


.info-telefono {
    margin-top: 3%;
    border: 1px solid #b99937;
}



#map {
    height: 300px;
    width: 100%;
}


.form_contacto {
    border-color: #b99937;
}


@media only screen and (max-width:767) {
    .banner-home {
        background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 50%;
        background-size: cover;
        width: 100%;
        height: 400px;
    }
}

@media (max-width:1188px) {


    .imagen-left {
        margin-right: 4% !important;
    }

    .imagen-rigth {
        margin-right: 4% !important;
    }

    .btn_consultar_promo {
        width: 40%;
    }

    .btn_consultar_reservar {
        width: 40%;
    }

    .btn_contacto_borrar {
        width: 40%;
    }

    .btn_contacto_enviarComentario {
        width: 40%;
    }

    #map {
        width: 100%;
    }
}

.hideme {
    /*margin: 50px;
        padding: 50px;*/
    background-color: white;
    opacity: 0;
}

div {
    transition: all ease-out .5s 0s;
}


.fade-ani {
    opacity: 0;
    position: relative;
    /*border: 1px solid red !important;*/
    /*height: 300px;*/
}

.fade-up {
    bottom: -100px;
}

.fade-down {
    top: -100px;
}

.fade-left {
    left: -100px;
}

.fade-right {
    right: -100px;
}

.fade-ani.showing {
}

.fade-in.showing {
    opacity: 1;
}

.fade-up.showing {
    bottom: 0px;
    opacity: 1;
}

.fade-down.showing {
    top: -0px;
    opacity: 1;
}

.fade-left.showing {
    left: -0px;
    opacity: 1;
}

.fade-right.showing {
    right: -0px;
    opacity: 1;
}

@media (max-width:992px) {
    #map {
        width: 70%;
    }
}



@media (max-width:768px) {

    .flex {
        display: flex;
        flex-direction: column;
        margin-right: -15px;
    }

    h2 {
        font-size:24px !important;
    }

    .a {
        order: 1;
    }

    .b {
        order: 2;
    }

    .c {
        order: 3;
    }

    .gracias {
        font-size: 28px !important;
    }

    .reser {
        font-size: 21px !important;
    }

    .__resumen {
        border-right: 0px !important;
    }

    .main-logo {
        position: absolute;
        top: 10% !important;
        /* width: 96.6666666666666%; */
        width: 100%;
        left: 0;
    }

    .botonnext {
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }

    .paneldescripcion {
        padding: 0px;
        font-size: 13px;
    }

    #RoomsToBook {
        padding: 0px !important;
    }

    .DivAvailableRoomsPadre {
        padding-left: 0px !important;
    }

    .imagetrans {
        width: 95% !important;
        text-align: left;
    }

    .trasnferencia {
        text-align: left;
    }

    .panelboton {
        margin-bottom: 40px !important;
    }

    .panelscrobbler {
        background-color: white !important;
        border-left: 0px !important;
        padding-left: 0px !important;
    }

    .precio, .nombrehabitacion {
        margin-top: 5% !important;
    }

    .main-text {
        top: 50% !important;
    }

    .contenedor-salon-left {
        padding-right: 0px !important;
    }

    .contenedor-salon-rigth {
        padding-right: 0px !important;
    }

    .text-book {
        text-align: center !important;
    }

    .button-book {
        margin-top: 10px !important;
        text-align: center !important;
    }

    .caja-bookbox {
        margin: 5px !important;
    }

    .Playfair {
        font-family: Playfair !important;
        font-size: 0.29in;
    }

    .PlayfairDisplay_1 {
        font-size: 0.18in;
    }

    .position_absolute_hijo {
        position: relative;
        bottom: 5px;
        right: 10px;
    }

    .imagen-left {
        width: 87%;
    }

    .imagen-rigth {
        width: 87%;
    }

    .Subtitulo_Negro {
        font-size: 0.15in;
    }

    .FontSize_DescripcionesPromos {
        font-size: 0.15in;
    }

    .btn_consultar_promo {
        width: 54%;
    }

    .btn_consultar_reservar {
        margin-top: 1%;
        width: 54%;
    }

    .btn_contacto_borrar {
        width: 100%;
        margin-bottom: 2%;
    }

    .btn_contacto_enviarComentario {
        width: 100%;
    }


    .info-telefono {
        margin-top: 3%;
        border: 1px solid #b99937;
        width: 90%;
    }

    #map {
        width: 90%;
    }

    .g-recaptcha {
        width: 100% !important;
    }

    .goto {
        margin-bottom: 50px;
          margin-top: 25px;
    }
}


@media (max-width: 1200px) {

    .Subtitulo_info_telefono {
        font-size: 0.15in;
        font-family: "PlayfairDisplay";
        color: rgb( 0, 0, 0 );
        line-height: 2;
        margin-bottom: 4%;
    }
}


.info-hotel {
    margin-left: -3%;
    padding-left: 6%;
    margin-top: 2%;
    margin-bottom: 1%;
    border: 1px solid #b99937;
    height: 95%;
}

.info-hotel-right {
    margin-right: -3%;
    padding-right: 6%;
    margin-top: 2%;
    margin-bottom: 1%;
    border: 1px solid #b99937;
    height: 95%;
    z-index: 1;
}

.info-habitacion {
    margin-left: -3%;
    padding-left: 2%;
    margin-top: 2%;
    margin-bottom: 0.5%;
    border: 1px solid #b99937;
    height: 95%;
}

.crop {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.info-habitacion-right {
    margin-right: -3%;
    padding-right: 3%;
    margin-top: 1%;
    margin-bottom: 0.5%;
    border: 1px solid #b99937;
    height: 95%;
    z-index: 1;
}

/*.info-sin-marco{
    margin-left: -1%;
    padding-left: 2%;
}*/



.Cuadro_Mapa {
    margin-top: 3%;
    border: 1px solid white;
}

.info-eventos-margen {
    margin-bottom: -1%;
}

.col-centrada {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.col-centrada-principal {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.i-am-centered {
    margin: auto;
    max-width: 500px;
}





.margen_row {
    margin-left: -6%;
}

.margen_container {
    margin-bottom: 2%;
}

.margen_container_promociones {
    margin-bottom: 2%;
    width: 70%;
}

.margin_superior {
    margin-top: -10px;
}

.Anti_Padding {
    padding-left: 0px;
    padding-right: 0px;
}

.Pro_Padding {
    padding-left: 15px;
    padding-right: 15px;
}

.entrelineado_contacto {
    margin-bottom: 0.5%;
}






@media (max-width:1200px) {

    .info-hotel {
        margin-left: 4% !important;
    }
}

@media (max-width:1200px) {

    .info-hotel-right {
        margin-right: 4% !important;
    }
}

@media (max-width:1200px) {

    .info-habitacion {
        margin-left: 4% !important;
    }
}

@media (max-width:1200px) {

    .info-habitacion-right {
        margin-right: 4% !important;
    }
}




.banner-home {
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    width: 100%;
    height: 700px;
}

.banner-confirmacion {
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    width: 100%;
    height: 300px;
}

.textcenter {
    position: absolute;
    top: 27%;
    /* width: 96.6666666666666%; */
    width: 100%;
    left: 0;
}

.coverimagen {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .5;
}

.banner-room {
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    width: 100%;
    height: 450px;
}

.confirmacionroom {
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    height: 300px;
}

.salon-left {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
    margin-bottom: 0px !important;
}

.salon-rigth {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
    margin-bottom: 0px !important;
}

.contenedor-salon-left {
    min-height: 15%;
    padding-left: 0px;
    padding-bottom: 0px;
}

.imagen-left {
    margin-left: 4%;
    padding: 6%;
    margin-top: -6%;
    margin-bottom: 1%;
    border: 1px solid #b99937;
    height: 95%;
}

.imagen-rigth {
    margin-left: 4%;
    padding: 6%;
    margin-top: -6%;
    margin-bottom: 1%;
    border: 1px solid #b99937;
    height: 95%;
}

.promo-box {
    outline: 0 !important;
    width: 100% !important;
    height: 50px !important;
    border-width: 0 0 2px !important;
    border-color: #EFE28E !important;
    background-color: #f9f9f9 !important;
    color: #635f5f !important;
    font-family: Lato;
    text-align: center;
    font-size: 18px !important;
}

    .promo-box :focus {
        border-color: green;
    }

.paso {
    border-bottom: 3px solid #EFE28E;
}

.gris {
    color: #515151 !important;
}

.GrisClaro {
    color: #f8f8f8 !important;
}

.main-logo {
    position: absolute;
    top: 20%;
    /* width: 96.6666666666666%; */
    width: 100%;
    left: 0;
}

.main-eslogan {
    position: absolute;
    top: 40%;
    /* width: 96.6666666666666%; */
    width: 100%;
    left: 0;
}