.fill {
    object-fit: cover;
    object-position: middle center
}

.cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.serif {
    font-family: 'Playfair Display', serif
}

.sans {
    font-family: 'Asap', sans-serif
}

.shad {
    text-shadow: 0 -1px 0 rgba(128, 128, 128, .5)
}

.regular {
    font-weight: 400
}

.medium {
    font-weight: 500
}

.semi {
    font-weight: 600
}

.bold {
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-family: 'Asap', sans-serif
}

a,
a:hover {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

a:hover {
    text-decoration: none
}

hr.clear {
    background: 0;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

header {
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
    top: 0;
    right: 0;
    left: 0;
    z-index: 5
}

@media (min-width: 768px) {
    header .logo {
        margin: 36px
    }
}

@media (min-width: 992px) {
    header .logo {
        margin: 46px
    }
}

@media (max-width: 767px) {
    header .logo {
        margin: 20px
    }
}

@media (min-width: 768px) {
    header .logo img {
        width: 170px
    }
}

@media (min-width: 992px) {
    header .logo img {
        width: 190px
    }
}

@media (min-width: 1200px) {
    header .logo img {
        width: 215px
    }
}

@media (max-width: 767px) {
    header .logo img {
        width: 150px
    }
}

header .iso {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    display: none;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

header .ctas {
    position: absolute;
    right: 39px;
    top: 39px
}

@media (max-width: 767px) {
    header .ctas {
        right: 20px;
        top: 10px
    }
}

header .ctas .promo,
header .ctas .conta {
    display: none
}

header .ctas .lang {
    display: none
}

header .ctas .book {
    background: #172343;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    height: 72px;
    padding: 28px 30px;
    vertical-align: middle
}

header .ctas .book1 {
    background: #172343;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    height: 72px;
    padding: 28px 30px;
    vertical-align: middle
}

header .ctas .book .txt {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .2em
}

@media (max-width: 767px) {
    header .ctas .book .txt {
        display: none
    }
}

header .ctas .book .icon {
    font-size: 16px
}

header .ctas .book1 .icon {
    font-size: 16px
}

@media (min-width: 768px) {
    header .ctas .book .icon {
        display: none
    }

    header .ctas .book1 .icon {
        display: none
    }
}

@media (min-width: 992px) {
    header .ctas .book .icon {
        display: none
    }
    header .ctas .book1 .icon {
        display: none
    }
}

@media (min-width: 1200px) {
    header .ctas .book .icon {
        display: none
    }
    header .ctas .book1 .icon {
        display: none
    }
}

@media (max-width: 767px) {
    header .ctas .book .icon {
        display: block
    }
    header .ctas .book1 .icon {
        display: block
    }
}

@media (max-width: 767px) {
    header .ctas .book {
        height: auto;
        padding: 18px 20px
    }
    header .ctas .book1 {
        height: auto;
        padding: 18px 20px
    }
}

header .ctas .book:hover {
    background: #FFF;
    color: #172343
}

header .ctas .book1:hover {
    background: #FFF;
    color: #fff;
}

header .ctas .lineas {
    background: #FFF;
    width: 72px;
    height: 72px;
    display: inline-block;
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

@media (max-width: 767px) {
    header .ctas .lineas {
        width: 50px;
        height: 53px;
        padding: 0
    }
}

header.sticky {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    /* background: #FFF; */
    padding: 0;
    /*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)*/
}

header.sticky .logo {
    display: none
}

header.sticky .iso {
    display: block;
    padding: 6px 20px;
    opacity: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

header.sticky .iso img {
    height: 50px
}

header.sticky .ctas {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 767px) {
    header.sticky .ctas {
        right: 10px
    }
}

header.sticky .ctas .book {
    background: #172343;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    padding: 20px 30px;
    vertical-align: middle;
    border: 1px solid #172343
}

header.sticky .ctas .book1 {
    background: #172343;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    padding: 20px 30px;
    vertical-align: middle;
    border: 1px solid #172343
}

header.sticky .ctas .book .txt {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .2em
}

@media (max-width: 767px) {
    header.sticky .ctas .book .txt {
        display: none
    }
}

header.sticky .ctas .book .icon {
    font-size: 16px
}

header.sticky .ctas .book1 .icon {
    font-size: 16px
}

@media (min-width: 768px) {
    header.sticky .ctas .book .icon {
        display: none
    }
}

@media (min-width: 992px) {
    header.sticky .ctas .book .icon {
        display: none
    }

    header.sticky .ctas .book1 .icon {
        display: none
    }
}

@media (min-width: 1200px) {
    header.sticky .ctas .book .icon {
        display: none
    }

    header.sticky .ctas .book1 .icon {
        display: none
    }
}

@media (max-width: 767px) {
    header.sticky .ctas .book .icon {
        display: block
    }
    header.sticky .ctas .book1 .icon {
        display: block
    }
}

header.sticky .ctas .book:hover {
    background: #a28b6d;
    color: #FFF;
    border: 1px solid #a28b6d
}

header.sticky .ctas .book1:hover {
    background: #a28b6d;
    color: #FFF;
    border: 1px solid #a28b6d
}

header.sticky .ctas .promo {
    background: #FFF;
    color: #172343;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    padding: 20px 15px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .2em
}

header.sticky .ctas .promo:hover {
    background: #FFF;
    color: #a28b6d
}

@media (max-width: 767px) {
    header.sticky .ctas .promo {
        display: none
    }
}

header.sticky .ctas .conta {
    background: #FFF;
    color: #172343;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    padding: 15px 15px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .2em
}

header.sticky .ctas .conta:hover {
    background: #FFF;
    color: #a28b6d
}

@media (max-width: 767px) {
    header.sticky .ctas .conta {
        display: none
    }
}

header.sticky .ctas .lang {
    background: #FFF;
    color: #172343;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    padding: 20px 15px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .2em
}

header.sticky .ctas .lang svg {
    margin-bottom: 3px
}

header.sticky .ctas .lang:hover {
    background: #FFF;
    color: #a28b6d
}

@media (max-width: 767px) {
    header.sticky .ctas .lang {
        display: none
    }
}

header.sticky .ctas .lineas {
    background: #FFF;
    width: 58px;
    height: 58px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    vertical-align: middle
}

.widget-home {
    position: absolute;
    right: 46px;
    bottom: 20%;
    display: block;
    z-index: 8
}

.widget-home img {
    width: 100px
}

.hero-home {
    position: relative;
    background: #000
}

.hero-home .opacidad {
    opacity: .8
}

@media (min-width: 768px) {
    .hero-home {
        width: 100%;
        height: 550px;
        overflow: hidden
    }

    .hero-home img {
        width: 100%;
        height: 550px;
        object-fit: cover;
        object-position: middle center
    }
}

@media (min-width: 992px) {
    .hero-home {
        width: 100%;
        height: 650px;
        overflow: hidden
    }

    .hero-home img {
        width: 100%;
        height: 650px;
        object-fit: cover;
        object-position: middle center
    }
}

@media (min-width: 1200px) {
    .hero-home {
        width: 100%;
        height: 750px;
        overflow: hidden
    }

    .hero-home img {
        width: 100%;
        height: 750px;
        object-fit: cover;
        object-position: middle center
    }
}

@media (max-width: 767px) {
    .hero-home {
        width: 100%;
        height: 350px;
        overflow: hidden
    }

    .hero-home img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        object-position: middle center
    }
}

.hero-home .txt {
    position: absolute;
    top: 50%;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    width: 100%;
    display: block;
    margin: 0 auto;
    right: 0;
    left: 0
}

.hero-home .txt h2 {
    color: #FFF;
    font-family: 'Playfair Display', serif;
    font-weight: 400
}

@media (min-width: 768px) {
    .hero-home .txt h2 {
        font-size: 40px
    }
}

@media (min-width: 992px) {
    .hero-home .txt h2 {
        font-size: 50px
    }
}

@media (min-width: 1200px) {
    .hero-home .txt h2 {
        font-size: 60px
    }
}

@media (max-width: 767px) {
    .hero-home .txt h2 {
        font-size: 30px
    }
}

.hero-home .txt h3 {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #FFF
}

@media (min-width: 768px) {
    .hero-home .txt h3 {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .hero-home .txt h3 {
        font-size: 16px
    }
}

.hero-home .down {
    position: absolute;
    bottom: 34px;
    text-align: center;
    z-index: 2;
    right: 0;
    left: 0
}

.hero-home .down a {
    color: #FFF;
    font-size: 30px
}

.book-abierto-home {
    margin-top: -86px;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center
}

.book-abierto-home .cont {
    background: #FFF;
    padding: 5px
}

.hero-room {
    position: relative;
    background: #000
}

.hero-room .opacidad {
    opacity: .8
}

@media (min-width: 768px) {
    .hero-room {
        width: 100%;
        height: 550px;
        overflow: hidden
    }

    .hero-room img {
        width: 100%;
        height: 550px;
        object-fit: cover;
        object-position: middle center
    }
}

@media (min-width: 992px) {
    .hero-room {
        width: 100%;
        height: 650px;
        overflow: hidden
    }

    .hero-room img {
        width: 100%;
        height: 650px;
        object-fit: cover;
        object-position: middle center
    }
}

@media (min-width: 1200px) {
    .hero-room {
        width: 100%;
        height: 800px;
        overflow: hidden
    }

    .hero-room img {
        width: 100%;
        height: 800px;
        object-fit: cover;
        object-position: middle center
    }
}

@media (max-width: 767px) {
    .hero-room {
        width: 100%;
        height: 350px;
        overflow: hidden
    }

    .hero-room img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        object-position: middle center
    }
}

.hero-room .txt {
    position: absolute;
    top: 50%;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    width: 100%;
    display: block;
    margin: 0 auto;
    right: 0;
    left: 0
}

.hero-room .txt h2 {
    color: #FFF;
    font-family: 'Playfair Display', serif;
    font-weight: 400
}

@media (min-width: 768px) {
    .hero-room .txt h2 {
        font-size: 40px
    }
}

@media (min-width: 992px) {
    .hero-room .txt h2 {
        font-size: 50px
    }
}

@media (min-width: 1200px) {
    .hero-room .txt h2 {
        font-size: 60px
    }
}

@media (max-width: 767px) {
    .hero-room .txt h2 {
        font-size: 30px
    }
}

.hero-room .txt h3 {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #FFF
}

@media (min-width: 768px) {
    .hero-room .txt h3 {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .hero-room .txt h3 {
        font-size: 16px
    }
}

.hero-room .down {
    position: absolute;
    bottom: 34px;
    text-align: center;
    z-index: 2;
    right: 0;
    left: 0
}

.hero-room .down a {
    color: #FFF;
    font-size: 30px
}

.hero {
    position: relative;
    background: #000;
    width: 100%;
    height: 450px;
    overflow: hidden
}

@media (max-width: 767px) {
    .hero {
        border-right: 10px solid #edebea;
        border-left: 10px solid #edebea
    }
}

.hero .opacidad {
    opacity: .8
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1)
    }

    50% {
        -webkit-transform: scale(1.3, 1.3)
    }

    to {
        -webkit-transform: scale(1, 1)
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.2, 1.2)
    }

    to {
        transform: scale(1, 1)
    }
}

.hero img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: middle center
}

.hero img {
    -webkit-animation: zoom 50s infinite;
    animation: zoom 50s infinite
}

@media (max-width: 767px) {
    .hero {
        width: 100%;
        height: 350px;
        overflow: hidden
    }

    .hero img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        object-position: middle center
    }
}

.hero .txt {
    position: absolute;
    top: 50%;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    width: 100%;
    display: block;
    margin: 0 auto;
    right: 0;
    left: 0
}

.hero .txt h2 {
    color: #FFF;
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: 400
}

.hero .txt h3 {
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #FFF
}

.hero .txt h1 {
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #FFF
}

.hero .down {
    position: absolute;
    bottom: 34px;
    text-align: center;
    z-index: 2;
    right: 0;
    left: 0
}

.hero .down a {
    color: #FFF;
    font-size: 30px
}

.btn-line {
    background: #FFF;
    color: #585552;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding: 18px 40px;
    text-align: center;
    display: inline-block;
    border: 1px solid #d7d6d6;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.btn-line:hover {
    background: #172343;
    color: #FFF;
    border: 1px solid #172343;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.btn-simple {
    display: inline-block;
    margin-top: 40px;
    color: #585552;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2em
}

.btn-simple:hover {
    color: #588aa2
}

.intro {
    text-align: center;
    max-width: 850px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .intro {
        padding: 70px 0 70px
    }
}

@media (min-width: 992px) {
    .intro {
        padding: 88px 0 80px
    }
}

@media (max-width: 767px) {
    .intro {
        padding: 50px 0 50px
    }
}

.intro h1 {
    color: #585552;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin: 0
}

@media (min-width: 768px) {
    .intro h1 {
        font-size: 32px
    }
}

@media (min-width: 992px) {
    .intro h1 {
        font-size: 36px
    }
}

@media (max-width: 767px) {
    .intro h1 {
        font-size: 24px
    }
}

.intro h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .1em;
    color: #585552;
    margin: 18px 0 25px
}

.intro p {
    font-size: 16px;
    color: #585552;
    line-height: 1.6em;
    font-weight: 400
}

.intro .btn-line {
    margin-top: 37px
}

.intro.delhome .aniversario {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .intro.delhome {
        padding: 50px 0 70px
    }
}

@media (min-width: 992px) {
    .intro.delhome {
        padding: 60px 0 80px
    }
}

@media (max-width: 767px) {
    .intro.delhome {
        padding: 30px 0 50px
    }
}

.gray {
    background: #edebea
}

.spot {
    width: 100%;
    position: relative;
    display: block
}

.spot .container {
    position: relative
}

.spot.gray {
    background: #edebea
}

.spot .img {
    margin: 39px 0;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 433px;
    overflow: hidden;
    width: 730px
}

.spot .img img {
    width: 100%;
    height: 433px;
    object-fit: cover;
    object-position: middle center
}

@media (max-width: 767px) {
    .spot .img {
        width: 100%;
        width: 100%;
        height: 300px;
        overflow: hidden;
        margin: 0;
        z-index: 2
    }

    .spot .img img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: middle center
    }
}

.spot .txt {
    background: #FFF;
    width: 635px;
    height: 350px;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 0;
    padding: 60px 180px 60px 55px;
    margin: 0 15px
}

@media (max-width: 767px) {
    .spot .txt {
        position: relative;
        width: auto;
        right: 0;
        left: 0;
        height: auto;
        transform: translatey(0);
        padding: 30px;
        margin: 0;
        top: 0
    }
}

.spot .txt .icon {
    position: absolute;
    right: 0;
    top: 0;
    background: #172343;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 27px 0
}

@media (max-width: 767px) {
    .spot .txt .icon {
        display: none
    }
}

.spot .txt h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #585552;
    margin: 0
}

@media (min-width: 768px) {
    .spot .txt h2 {
        font-size: 32px
    }
}

@media (min-width: 992px) {
    .spot .txt h2 {
        font-size: 36px
    }
}

@media (max-width: 767px) {
    .spot .txt h2 {
        font-size: 28px
    }
}

.spot .txt h3 {
    font-weight: 400;
    color: #585552;
    text-transform: uppercase;
    letter-spacing: .1em
}

@media (min-width: 768px) {
    .spot .txt h3 {
        font-size: 16px;
        margin: 18px 0 20px
    }
}

@media (min-width: 992px) {
    .spot .txt h3 {
        font-size: 16px;
        margin: 18px 0 30px
    }
}

@media (max-width: 767px) {
    .spot .txt h3 {
        font-size: 16px;
        margin: 15px 0 15px
    }
}

.spot .txt p {
    font-size: 16px;
    font-weight: 400;
    color: #585552;
    line-height: 1.6em
}

.spot .txt a {
    display: inline-block;
    margin-top: 40px;
    color: #585552;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2em
}

.spot .txt a:hover {
    color: #588aa2
}

.spot.right .img {
    float: right
}

@media (max-width: 767px) {
    .spot.right .img {
        float: none
    }
}

.spot.right .txt {
    left: 0;
    background: #FFF
}

.dos-spots {
    background: #edebea;
    padding: 36px 0
}

.dos-spots article {
    position: relative;
    width: 100%;
    height: 680px
}

.dos-spots article .image img {
    width: 100%
}

.dos-spots article .txt {
    width: 95%;
    position: absolute;
    right: 0;
    left: 0;
    background: #FFF;
    transform: translatey(-120px);
    padding: 50px;
    margin-bottom: 120px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .dos-spots article .txt {
        position: relative;
        transform: translatey(-20px)
    }
}

.dos-spots article .txt .icon {
    position: absolute;
    right: 0;
    top: 0;
    background: #172343;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 27px 0
}

@media (max-width: 767px) {
    .dos-spots article .txt .icon {
        display: none
    }
}

.dos-spots article .txt h2 {
    font-weight: 400;
    color: #585552;
    font-family: 'Playfair Display', serif;
    margin: 0
}

@media (min-width: 768px) {
    .dos-spots article .txt h2 {
        font-size: 24px
    }
}

@media (min-width: 992px) {
    .dos-spots article .txt h2 {
        font-size: 26px
    }
}

@media (min-width: 1200px) {
    .dos-spots article .txt h2 {
        font-size: 28px
    }
}

@media (max-width: 767px) {
    .dos-spots article .txt h2 {
        font-size: 24px
    }
}

.dos-spots article .txt h3 {
    text-transform: uppercase;
    color: #585552;
    font-weight: 400;
    margin: 10px 0 33px;
    line-height: 1.2em
}

@media (min-width: 768px) {
    .dos-spots article .txt h3 {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .dos-spots article .txt h3 {
        font-size: 14px
    }
}

.dos-spots article .txt p {
    font-size: 16px;
    font-weight: 400;
    color: #585552;
    line-height: 1.6em
}

@media (max-width: 767px) {
    .dos-spots article .txt p {
        font-size: 14px
    }
}

.dos-spots article .txt .btn-simple {
    display: inline-block;
    margin-top: 40px;
    color: #585552;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2em
}

.dos-spots article .txt .btn-simple:hover {
    color: #588aa2
}

.dos-spots a article .image {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.dos-spots a article .txt {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.dos-spots a:hover .image {
    opacity: .8;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.dos-spots a:hover .txt {
    transform: translatey(-130px);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

@media (min-width: 768px) {
    .dos-spots.noticias article .txt h2 {
        font-size: 22px
    }
}

@media (min-width: 992px) {
    .dos-spots.noticias article .txt h2 {
        font-size: 24px
    }
}

@media (min-width: 1200px) {
    .dos-spots.noticias article .txt h2 {
        font-size: 26px
    }
}

@media (max-width: 767px) {
    .dos-spots.noticias article .txt h2 {
        font-size: 22px
    }
}

.dos-spots.promociones article {
    position: relative;
    width: 100%;
    height: 580px
}

.special {
    background: #172343;
    padding: 70px 0
}

.special .page-special ul {
    text-align: center;
    margin: 30px 0 0 0
}

.special .page-special ul li {
    list-style: none;
    display: inline-block;
    padding: 0 3px
}

.special .page-special ul li a {
    font-size: 14px;
    color: #FFF
}

.special .page-special ul li a:hover {
    color: #a28b6d
}

.special .page-special ul li a.active {
    color: #a28b6d
}

.special .row {
    margin-right: 0;
    margin-left: 0
}

.special .col-sm-6 {
    padding-right: 0;
    padding-left: 0
}

.special .img {
    width: 100%;
    height: 314px;
    overflow: hidden
}

.special .img img {
    width: 100%;
    height: 314px;
    object-fit: cover;
    object-position: middle center
}

.special article {
    background: #FFF;
    padding: 50px 128px 50px 50px;
    height: 314px
}

@media (max-width: 767px) {
    .special article {
        height: auto
    }
}

.special article h2 {
    font-size: 28px
}

.special article .btn-simple {
    margin-top: 10px
}

.special article .icon {
    position: absolute;
    right: 0;
    top: 0;
    background: #172343;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 27px 0
}

.rrhh-grid {
    margin: 0;
    padding-bottom: 80px
}

.rrhh-grid .articulos {
    background: #FFF;
    text-align: center
}

.rrhh-grid article {
    padding: 30px;
    border-top: 1px solid #d7d6d6
}

.rrhh-grid article h2 {
    font-size: 22px
}

.rrhh-grid .cta {
    padding: 50px 0;
    border-top: 20px solid #edebea
}

.news-grid {
    margin: 80px 0
}

.news-grid .row {
    margin-right: 0;
    margin-left: 0
}

.news-grid .col-sm-6,
.news-grid .col-xs-6 {
    padding-right: 0;
    padding-left: 0
}

.news-grid a article.text .img {
    width: 100%;
    height: 313px;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.news-grid a article.text .img img {
    width: 100%;
    height: 313px;
    object-fit: cover;
    object-position: middle center
}

@media (max-width: 767px) {
    .news-grid a article.text .img {
        display: none
    }
}

.news-grid a article.text .txt {
    background: #FFF;
    padding: 30px;
    height: 313px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

@media (max-width: 767px) {
    .news-grid a article.text .txt {
        height: auto
    }
}

.news-grid a article.text .txt p {
    font-size: 13px
}

.news-grid a article.text .txt h2 {
    font-size: 22px;
    line-height: 1.2em;
    margin-bottom: 15px
}

.news-grid a article.full-img {
    background: #000
}

.news-grid a article.full-img .img {
    position: relative;
    opacity: .8;
    width: 100%;
    height: 313px;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.news-grid a article.full-img .img img {
    width: 100%;
    height: 313px;
    object-fit: cover;
    object-position: middle center
}

.news-grid a article.full-img .text {
    padding: 77px 0 0 0;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.news-grid a article.full-img .text h2 {
    color: #FFF;
    font-size: 24px
}

.news-grid a article.full-img .text h3 {
    color: #FFF
}

.news-grid a article.full-img .text .cta {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .1em;
    border: 1px solid #FFF;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    padding: 15px 50px
}

.news-grid a:hover article.text .img {
    opacity: .8;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.news-grid a:hover article.text .txt {
    background: #edebea;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.news-grid a:hover article.full-img .img {
    opacity: .5
}

.testimonials {
    background: #edebea;
    padding: 72px 0;
    border-right: 36px solid #FFF;
    border-left: 36px solid #FFF;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .testimonials {
        border: 0
    }
}

.testimonials .txt {
    max-width: 775px;
    width: 100%;
    margin: 0 auto
}

.testimonials .txt .testimonio {
    font-size: 18px;
    text-align: center;
    color: #585552;
    font-family: 'Playfair Display', serif;
    line-height: 1.6em
}

@media (max-width: 767px) {
    .testimonials .txt .testimonio {
        font-size: 14px
    }
}

.testimonials .txt .testimonio:before {
    content: '“';
    font-size: 42px;
    position: absolute;
    transform: translatey(2px);
    transform: translatex(-25px)
}

@media (max-width: 767px) {
    .testimonials .txt .testimonio:before {
        display: none
    }
}

.testimonials .txt .testimonio:after {
    content: '”';
    font-size: 42px;
    position: absolute;
    transform: translatey(2px);
    margin-left: 5px
}

@media (max-width: 767px) {
    .testimonials .txt .testimonio:after {
        display: none
    }
}

.testimonials .txt .who {
    text-transform: uppercase;
    color: #585552;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2em;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px
}

@media (max-width: 767px) {
    .testimonials .txt .who {
        font-size: 12px;
        letter-spacing: .1em
    }
}

footer {
    margin-top: 0
}

footer .line1 {
    width: 100%;
    border-top: 1px solid #d7d6d6;
    padding: 16px 0
}

footer .line1 .time {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    color: #585552;
    margin-right: 30px
}

@media (max-width: 767px) {
    footer .line1 .time {
        display: none
    }
}

footer .line1 .clima {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    display: inline-block
}

@media (max-width: 767px) {
    footer .line1 .clima {
        display: none
    }
}

footer .line1 .clima .icono {
    font-size: 25px;
    color: #585552;
    display: inline-block;
    margin-right: 10px
}

footer .line1 .members {
    text-align: right
}

footer .line1 .members a {
    margin-left: 10px
}

footer .line1 .members img {
    height: 50px
}

@media (max-width: 767px) {
    footer .line1 .members {
        text-align: center
    }
}

footer .line2 {
    width: 100%;
    border-top: 1px solid #d7d6d6;
    padding: 30px 0 5px
}

@media (max-width: 767px) {
    footer .line2 {
        text-align: center
    }
}

footer .line2 .dire {
    font-size: 13px;
    font-weight: 400;
    color: #585552
}

@media (max-width: 767px) {
    footer .line2 .dire {
        text-align: center
    }
}

footer .line2 .tel {
    margin-top: 16px;
    font-size: 13px;
    font-weight: 400;
    color: #585552
}

footer .line2 .tel a {
    color: #585552;
    font-weight: 500
}

footer .line2 .tel a:hover {
    color: #172343
}

@media (max-width: 767px) {
    footer .line2 .tel {
        text-align: center
    }
}

footer .line2 .redes {
    color: #585552;
    font-size: 21px;
    margin-top: 8px
}

@media (max-width: 767px) {
    footer .line2 .redes {
        text-align: center
    }
}

footer .line2 .redes a {
    color: #585552;
    margin-right: 3px
}

footer .line2 .redes a:hover {
    color: #172343
}

footer .line2 nav ul {
    margin: 0;
    padding: 0;
    text-align: right
}

@media (max-width: 767px) {
    footer .line2 nav ul {
        text-align: center;
        margin: 10px 0
    }
}

footer .line2 nav li {
    list-style: none;
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 4px
}

@media (max-width: 767px) {
    footer .line2 nav li {
        display: inline-block;
        margin: 0 5px;
        text-transform: uppercase
    }
}

footer .line2 nav li a {
    color: #585552
}

footer .line2 nav li a:hover {
    color: #172343
}

footer .line3 {
    width: 100%;
    padding: 0 0 30px;
    text-align: left
}

footer .line3 .copy {
    font-size: 11px;
    font-weight: 400;
    color: #585552
}

footer .line3 .copy a {
    color: #585552;
    font-weight: 500
}

footer .line3 .copy a:hover {
    color: #172343
}

@media (max-width: 767px) {
    footer .line3 {
        text-align: center
    }
}

.modal-galeria {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 999999999
}

.modal-galeria .images {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.modal-galeria .images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: middle center
}

.modal-galeria footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #172343;
    padding: 10px
}

.modal-galeria footer .logo img {
    height: 40px
}

.modal-galeria footer .desc {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    padding-top: 8px;
    text-align: center
}

.modal-galeria footer .controls {
    text-align: right
}

.modal-galeria footer .controls a {
    display: inline-block;
    font-size: 18px;
    padding: 8px;
    color: #a28b6d
}

.modal-galeria footer .controls a:hover {
    color: #FFF
}

.modal-galeria footer .controls a.prev:hover {
    transform: translatex(-2px)
}

.modal-galeria footer .controls a.next:hover {
    transform: translatex(2px)
}

h2 {
    font-size: 36px;
    font-weight: 400;
    color: #585552;
    font-family: 'Playfair Display', serif;
    margin: 0
}

h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: #585552;
    letter-spacing: .1em;
    font-weight: 400;
    margin: 10px 0 33px
}

p {
    font-size: 16px;
    font-weight: 400;
    color: #585552;
    line-height: 1.6em
}

p.small {
    font-size: 12px
}

.subnav,
.subnav-room {
    position: absolute;
    top: 0;
    border-bottom: 1px solid #CCC;
    right: 0;
    left: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.subnav ul,
.subnav-room ul {
    margin: 0
}

@media (max-width: 767px) {

    .subnav ul,
    .subnav-room ul {
        padding: 10px 20px
    }
}

@media (min-width: 768px) {

    .subnav ul,
    .subnav-room ul {
        padding: 15px 30px 15px 20px
    }
}

@media (min-width: 992px) {

    .subnav ul,
    .subnav-room ul {
        padding: 15px 30px 15px 20px
    }
}

@media (min-width: 1200px) {

    .subnav ul,
    .subnav-room ul {
        padding: 15px 30px 15px 30px
    }
}

.subnav li,
.subnav-room li {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
    padding-right: 20px
}

.subnav li.title,
.subnav-room li.title {
    display: inline-block;
    color: #172343;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 18px
}

@media (max-width: 767px) {

    .subnav li.title,
    .subnav-room li.title {
        display: block
    }
}

.subnav a,
.subnav-room a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .1em;
    color: #172343
}

@media (max-width: 767px) {

    .subnav a,
    .subnav-room a {
        font-size: 12px;
        letter-spacing: 0
    }
}

@media (min-width: 768px) {

    .subnav a,
    .subnav-room a {
        font-size: 12px;
        letter-spacing: .1em
    }
}

@media (min-width: 992px) {

    .subnav a,
    .subnav-room a {
        font-size: 12px;
        letter-spacing: .2em
    }
}

.subnav a:hover,
.subnav-room a:hover {
    color: #a28b6d
}

.subnav a.active,
.subnav-room a.active {
    color: #a28b6d
}

.subnav.anexos,
.subnav-room.anexos {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: fixed;
    top: 62px;
    right: 0;
    left: 0;
    background: #FFF;
    z-index: 2;
    width: 100%;
    display: block;
    background: #FFF;
    padding: 0
}

.subnav.anexos ul,
.subnav-room.anexos ul {
    padding: 10px 30px 10px 30px
}

.contenido {
    text-align: left;
    position: relative;
    background: #FFF;
    padding: 30px;
    margin: 0 auto;
    margin-top: -56px
}

.contenido.margen {
    margin-bottom: 150px
}

.contenido .img {
    width: 100%;
    margin-top: 120px
}

@media (max-width: 767px) {
    .contenido .img {
        display: none
    }
}

.contenido .img2 {
    width: 100%;
    margin: 0
}

@media (max-width: 767px) {
    .contenido .img2 {
        display: none
    }
}

@media (min-width: 768px) {
    .contenido .txt {
        padding: 60px 20px
    }
}

@media (min-width: 992px) {
    .contenido .txt {
        padding: 60px 30px
    }
}

@media (min-width: 1200px) {
    .contenido .txt {
        padding: 70px 40px
    }
}

@media (max-width: 767px) {
    .contenido .txt {
        padding: 100px 0 60px 0
    }
}

.contenido .txt.rooms {
    text-align: center
}

@media (max-width: 767px) {
    .contenido .txt.rooms {
        padding: 60px 0
    }
}

@media (min-width: 768px) {
    .contenido .txt.rooms {
        padding: 60px 20px
    }
}

@media (min-width: 992px) {
    .contenido .txt.rooms {
        padding: 60px 30px
    }
}

@media (min-width: 1200px) {
    .contenido .txt.rooms {
        padding: 40px 40px 0
    }
}

.contenido .txt.rooms h2 {
    margin-bottom: 15px
}

.contenido .txt.rooms .beneficios-myllao {
    margin-top: 50px
}

.contenido .txt.rooms .beneficios-myllao article {
    padding: 10px
}

.contenido .txt.rooms .beneficios-myllao article img {
    width: 100%
}

.contenido .txt.rooms .beneficios-myllao article.gold {
    border: 10px solid #a28b6d
}

.contenido .txt.rooms .beneficios-myllao article.gold h2 {
    color: #a28b6d
}

.contenido .txt.rooms .beneficios-myllao article.silver {
    border: 10px solid #CCC
}

.contenido .txt.rooms .beneficios-myllao article.silver h2 {
    color: #999
}

.contenido .txt.rooms .beneficios-myllao article.platinum {
    border: 10px solid #888
}

.contenido .txt.rooms .beneficios-myllao article.platinum h2 {
    color: #888
}

.contenido .txt.rooms .beneficios-myllao ul {
    margin: 0;
    padding: 0
}

.contenido .txt.rooms .beneficios-myllao li {
    list-style: none;
    padding: 5px 0;
    border-bottom: 1px dotted #dcdcdc
}

.contenido .txt.rooms .beneficios-myllao li:last-child {
    border-bottom: 0
}

.contenido .txt.contacto a {
    color: #172343
}

.contenido .txt.contacto a:hover {
    color: #a28b6d
}

.contenido .txt.contacto .social a {
    color: #585552;
    font-size: 18px;
    padding: 5px
}

.contenido .txt.contacto .social a:hover {
    color: #a28b6d
}

.contenido .txt.promo .legales {
    font-size: 12px
}

.contenido .txt.promo .alcohol {
    font-size: 25px;
    letter-spacing: -.1em;
    text-transform: uppercase
}

.contenido .txt.promo .ctas {
    padding: 30px 0;
    display: block
}

.contenido .txt.promo .btn-download {
    margin: 5px;
    display: inline-block;
    background: #d7d6d6;
    color: #172343;
    padding: 12px 25px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em
}

.contenido .txt.promo .btn-download:hover {
    background: #edebea
}

.contenido .txt.promo .btn-cta {
    margin: 5px;
    display: inline-block;
    background: #172343;
    color: #FFF;
    padding: 18px 35px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em
}

.contenido .txt.promo .btn-cta:hover {
    background: #a28b6d
}

@media (max-width: 767px) {
    .contenido .txt.room {
        padding: 60px 0
    }
}

@media (min-width: 768px) {
    .contenido .txt.room {
        padding: 60px 20px
    }
}

@media (min-width: 992px) {
    .contenido .txt.room {
        padding: 60px 30px
    }
}

@media (min-width: 1200px) {
    .contenido .txt.room {
        padding: 40px 40px 0
    }
}

.contenido .txt.room h2 {
    margin-bottom: 15px
}

.contenido .txt.room .room-features {
    margin: 30px 0
}

.contenido .txt.room .room-features article {
    border: 1px solid #eaeaea;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    color: #585552
}

.contenido .txt.room .room-features article .icon {
    font-size: 28px;
    display: block;
    color: #a28b6d;
    margin-bottom: 5px
}

.contenido .txt .salon-features {
    margin: 30px 0
}

.contenido .txt .salon-features article {
    border: 1px solid #eaeaea !important;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    color: #585552;
    text-transform: uppercase
}

.contenido .txt .salon-features article span {
    font-size: 28px;
    color: #a28b6d;
    font-family: 'Playfair Display', serif
}

.contenido .txt .formulario {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #d7d6d6
}

.contenido .txt .formulario input {
    width: 100%;
    border: 1px solid #d7d6d6;
    padding: 8px 15px;
    font-size: 14px;
    color: #172343;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.contenido .txt .formulario input:focus {
    outline: 0;
    border: 1px solid #588aa2
}

.contenido .txt .formulario textarea {
    width: 100%;
    border: 1px solid #d7d6d6;
    padding: 8px 15px;
    font-size: 14px;
    color: #172343;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.contenido .txt .formulario textarea:focus {
    outline: 0;
    border: 1px solid #588aa2
}

.contenido .txt .formulario select {
    width: 100%;
    border: 1px solid #d7d6d6;
    padding: 8px 15px;
    font-size: 14px;
    color: #172343;
    margin-bottom: 20px;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 40px
}

.contenido .txt .formulario select:focus {
    outline: 0;
    border: 1px solid #588aa2
}

.contenido .txt article {
    padding: 20px 0 40px;
    border-bottom: 1px solid #dcdcdc
}

.contenido .txt article:last-child {
    border-bottom: 0
}

.contenido .txt article .img {
    width: 100%;
    margin-top: 40px
}

@media (max-width: 767px) {
    .contenido .txt article .img {
        display: none
    }
}

.contenido .txt article .map {
    width: 100%;
    height: 400px
}

.contenido .txt article .map #map {
    width: 100%;
    height: 100%
}

.contenido .txt article ul {
    padding-left: 22px
}

.contenido .txt article ul li {
    font-size: 14px;
    color: #585552;
    line-height: 1.3em;
    padding-bottom: 10px
}

.contenido .txt table {
    width: 100%
}

.contenido .txt table th {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #a28b6d;
    text-align: center
}

.contenido .txt table th:first-child {
    text-align: left
}

.contenido .txt table th span {
    font-size: 12px;
    font-weight: 400;
    text-transform: none
}

.contenido .txt table td {
    font-size: 14px;
    color: #585552;
    font-weight: 400;
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 0;
    text-align: center
}

.contenido .txt table td:first-child {
    text-align: left
}

.contenido .txt table tr:last-child td {
    border-bottom: 0
}

.contenido h1 {
    color: #172343;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin: 0;
    line-height: 1.4em
}

@media (min-width: 768px) {
    .contenido h1 {
        font-size: 32px
    }
}

@media (min-width: 992px) {
    .contenido h1 {
        font-size: 36px
    }
}

@media (max-width: 767px) {
    .contenido h1 {
        font-size: 24px
    }
}

.contenido h2 {
    color: #172343;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    line-height: 1.4em;
    margin: 8px 0 40px
}

@media (min-width: 768px) {
    .contenido h2 {
        font-size: 22px
    }
}

@media (min-width: 992px) {
    .contenido h2 {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .contenido h2 {
        font-size: 18px
    }
}

.contenido h3 {
    color: #a28b6d;
    font-weight: 600;
    line-height: 1.2em;
    margin: 20px 0 20px;
    text-transform: uppercase;
    letter-spacing: .1em
}

@media (min-width: 768px) {
    .contenido h3 {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    .contenido h3 {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .contenido h3 {
        font-size: 16px
    }
}

.contenido h3.serify {
    color: #172343;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 21px;
    text-transform: none
}

.contenido h4 {
    color: #588aa2;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 20px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 16px
}

.contenido h5 {
    color: #172343;
    font-weight: 600;
    line-height: 1.2em;
    margin: 10px 0;
    text-transform: uppercase;
    letter-spacing: .1;
    font-size: 14px
}

.contenido p {
    font-size: 16px;
    color: #585552;
    line-height: 1.6em;
    font-weight: 400
}

@media (max-width: 767px) {
    .contenido p {
        font-size: 14px
    }
}

.contenido p.lead {
    font-weight: 500
}

.contenido p.small {
    font-size: 12px
}

.contenido .destacado {
    background: #edebea;
    padding: 20px;
    margin: 20px 0
}

.contenido .btn-line {
    margin-top: 37px
}

.contenido strong.cele {
    color: #588aa2
}

.subseccion {
    text-align: center;
    padding: 60px 0 30px;
    background: #FFF
}

.subseccion h2 {
    color: #172343;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    line-height: 1.4em;
    margin: 8px 0 20px
}

@media (min-width: 768px) {
    .subseccion h2 {
        font-size: 22px
    }
}

@media (min-width: 992px) {
    .subseccion h2 {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .subseccion h2 {
        font-size: 18px
    }
}

.subseccion h6 {
    color: #172343;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-style: none !important;
    margin: 0;
    line-height: 1.4em
}

@media (min-width: 768px) {
    .subseccion h6 {
        font-size: 32px
    }
}

@media (min-width: 992px) {
    .subseccion h6 {
        font-size: 36px
    }
}

@media (max-width: 767px) {
    .subseccion h6 {
        font-size: 24px
    }
}

.subseccion p {
    font-size: 16px;
    color: #585552;
    line-height: 1.6em;
    font-weight: 400
}

@media (max-width: 767px) {
    .subseccion p {
        font-size: 14px
    }
}

.subseccion p.lead {
    font-weight: 500
}

.subseccion p.small {
    font-size: 12px
}

.contenido-fly {
    padding: 20px 0
}

.contenido-fly article {
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 0
}

.contenido-fly h3 {
    color: #a28b6d;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 5px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 14px
}

.contenido-fly h3.serify {
    color: #172343;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 21px;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 30px
}

.contenido-fly span {
    font-size: 12px;
    color: #585552
}

.contenido-fly .vr {
    border-right: 1px solid #ccc
}

.contenido-fly ul {
    padding: 0;
    margin: 0
}

.contenido-fly ul li {
    font-size: 16px;
    font-weight: 400;
    color: #585552;
    line-height: 1.3em;
    padding-bottom: 10px;
    list-style: none
}

.rooms-results {
    background: #edebea;
    padding: 36px 0
}

@media (min-width: 768px) {
    .rooms-results.spa article {
        height: 380px
    }
}

@media (min-width: 992px) {
    .rooms-results.spa article {
        height: 420px
    }
}

@media (min-width: 1200px) {
    .rooms-results.spa article {
        height: 430px
    }
}

.rooms-results.spa article .txt p {
    text-transform: none;
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 10px
}

@media (min-width: 768px) {
    .rooms-results.galeria article {
        height: 220px
    }
}

@media (min-width: 992px) {
    .rooms-results.galeria article {
        height: 300px
    }
}

@media (min-width: 1200px) {
    .rooms-results.galeria article {
        height: 350px
    }
}

@media (min-width: 768px) {
    .rooms-results.galeria article .txt h2 {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .rooms-results.galeria article .txt h2 {
        font-size: 21px
    }
}

@media (min-width: 1200px) {
    .rooms-results.galeria article .txt h2 {
        font-size: 23px
    }
}

@media (max-width: 767px) {
    .rooms-results.galeria article .txt h2 {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .rooms-results.fixheight article {
        height: 420px
    }
}

@media (min-width: 992px) {
    .rooms-results.fixheight article {
        height: 420px
    }
}

@media (min-width: 1200px) {
    .rooms-results.fixheight article {
        height: 450px
    }
}

@media (min-width: 768px) {
    .rooms-results.fixheight article .txt {
        height: 250px
    }
}

@media (min-width: 992px) {
    .rooms-results.fixheight article .txt {
        height: 200px
    }
}

@media (min-width: 1200px) {
    .rooms-results.fixheight article .txt {
        height: 190px
    }
}

.rooms-results.fixheight article .txt p {
    text-transform: none;
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 20px
}

.rooms-results.inver article .txt {
    background: #fff;
    background: -moz-linear-gradient(-60deg, #fff 0, #e1e3e4 100%);
    background: -webkit-linear-gradient(-60deg, #fff 0, #e1e3e4 100%);
    background: linear-gradient(155deg, #fff 0, #e1e3e4 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e3e4', GradientType=1)
}

.rooms-results article {
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .rooms-results article {
        height: 300px
    }
}

@media (min-width: 992px) {
    .rooms-results article {
        height: 400px
    }
}

@media (min-width: 1200px) {
    .rooms-results article {
        height: 400px
    }
}

@media (min-width: 768px) {
    .rooms-results article.dos-col {
        height: 380px
    }
}

@media (min-width: 992px) {
    .rooms-results article.dos-col {
        height: 480px
    }
}

@media (min-width: 1200px) {
    .rooms-results article.dos-col {
        height: 540px
    }
}

.rooms-results article .image img {
    width: 100%
}

.rooms-results article .txt {
    width: 97%;
    position: absolute;
    right: 0;
    left: 0;
    background: #FFF;
    transform: translatey(-30px);
    padding: 20px;
    margin-bottom: 120px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .rooms-results article .txt {
        position: relative;
        transform: translatey(-20px)
    }
}

.rooms-results article .txt h2 {
    font-weight: 400;
    color: #585552;
    font-family: 'Playfair Display', serif;
    margin: 0
}

@media (min-width: 768px) {
    .rooms-results article .txt h2 {
        font-size: 22px
    }
}

@media (min-width: 992px) {
    .rooms-results article .txt h2 {
        font-size: 22px
    }
}

@media (min-width: 1200px) {
    .rooms-results article .txt h2 {
        font-size: 25px
    }
}

@media (max-width: 767px) {
    .rooms-results article .txt h2 {
        font-size: 22px
    }
}

.rooms-results article .txt h3 {
    text-transform: uppercase;
    color: #585552;
    font-weight: 400;
    margin: 10px 0 33px;
    line-height: 1.2em
}

@media (min-width: 768px) {
    .rooms-results article .txt h3 {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .rooms-results article .txt h3 {
        font-size: 14px
    }
}

.rooms-results article .txt p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #585552;
    line-height: 1.6em;
    margin: 5px 0
}

.rooms-results article .txt .btn-simple {
    display: inline-block;
    margin-top: 10px;
    color: #585552;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2em
}

.rooms-results article .txt .btn-simple:hover {
    color: #588aa2
}

.rooms-results a article .image {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.rooms-results a article .txt {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.rooms-results a:hover .image {
    transform: scale(1.02, 1.02);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.rooms-results a:hover .txt {
    transform: translatey(-35px);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 2px 11px 35px -19px #000;
    -moz-box-shadow: 2px 11px 35px -19px #000;
    box-shadow: 2px 11px 35px -19px #000
}

.contacto-spa {
    text-align: center;
    width: 100%;
    background: #588aa2;
    padding: 20px;
    color: #FFF;
    -webkit-box-shadow: 2px 11px 35px -19px #000;
    -moz-box-shadow: 2px 11px 35px -19px #000;
    box-shadow: 2px 11px 35px -19px #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    letter-spacing: .1em
}

.contacto-spa .borde {
    padding: 20px;
    border: 1px solid #FFF;
    margin-bottom: 20px
}

.contacto-spa .share a {
    color: #FFF;
    font-size: 18px;
    padding: 0 5px
}

.contacto-spa h4 {
    color: #FFF;
    font-family: 'Playfair Display', serif;
    font-size: 23px;
    text-transform: none;
    font-weight: 400
}

.contacto-spa .btn {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #FFF;
    width: 100%;
    padding: 10px;
    border: 1px solid #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 15px auto
}

.contacto-spa .btn:hover {
    background: #FFF;
    color: #588aa2
}

.contacto-spa .mail {
    color: #FFF;
    display: block
}

.book-room {
    text-align: center;
    width: 100%;
    background: #172343;
    padding: 20px;
    color: #FFF;
    -webkit-box-shadow: 2px 11px 35px -19px #000;
    -moz-box-shadow: 2px 11px 35px -19px #000;
    box-shadow: 2px 11px 35px -19px #000
}

.book-room .borde {
    padding: 20px;
    border: 1px solid #FFF;
    margin-bottom: 20px
}

.book-room .info {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    letter-spacing: .1em
}

.book-room .info span {
    font-family: 'Playfair Display', serif;
    color: #a28b6d;
    font-weight: 400;
    font-size: 18px
}

.book-room .info a {
    color: #FFF;
    display: block
}

.book-room .info a:hover {
    color: #a28b6d
}

.book-room h4 {
    font-family: 'Playfair Display', serif;
    color: #a28b6d;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase
}

.book-room button {
    margin: 25px 0 0 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #FFF;
    background: #a28b6d;
    padding: 12px;
    width: 100%;
    border: 1px solid #a28b6d;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.book-room button:hover {
    background: transparent;
    color: #a28b6d;
    border: 1px solid #a28b6d;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.book-room button:focus {
    outline: 0
}

.book-room .input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    width: 100%;
    vertical-align: top;
    margin: 0 0 30px;
    text-align: center
}

.book-room .input.no-margin {
    margin-bottom: 10px
}

.book-room .input__field {
    position: relative;
    display: block;
    float: right;
    border: 0;
    border-radius: 0;
    font-weight: 400;
    text-align: center;
    font-family: 'Playfair Display', serif;
    -webkit-appearance: none;
    padding: .4em .25em;
    width: 100%;
    background: transparent;
    color: #FFF;
    font-size: 22px
}

.book-room .input__field:focus {
    outline: 0
}

.book-room .input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    color: #FFF;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    position: absolute;
    width: 100%;
    text-align: center;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.book-room .input__label:after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 1px;
    background: #FFF;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    top: 40px;
    bottom: 0
}

.book-room .input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.book-room .input__field:focus+.input__label .input__label-content,
.book-room .input--filled .input__label-content {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.book-room .input__field:focus+.input__label::after,
.book-room .input--filled .input__label::after {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.book-room div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: transparent;
    z-index: 100;
    width: 100%;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center
}

@media (min-width: 768px) {
    .book-room div.cs-select {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    .book-room div.cs-select {
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .book-room div.cs-select {
        font-size: 22px
    }
}

@media (max-width: 767px) {
    .book-room div.cs-select {
        font-size: 16px
    }
}

.book-room div.cs-select:focus {
    outline: 0
}

.book-room .cs-select select {
    display: none
}

.book-room .cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.book-room .cs-select>span {
    padding-right: 3em;
    padding: 10px;
    border-bottom: 1px solid #FFF;
    border-color: inherit;
    font-weight: 400;
    color: #FFF
}

.book-room .cs-select>span::after,
.book-room .cs-select .cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.book-room .cs-select>span::after {
    content: '\25BE';
    right: 10px;
    color: #FFF;
    font-size: 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.book-room .cs-select .cs-selected span::after {
    margin-left: 1em
}

.book-room .cs-select.cs-active>span::after {
    -webkit-transform: translatey(-50%) rotate(180deg);
    transform: translatey(-50%) rotate(180deg);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.book-room div.cs-active {
    z-index: 200
}

.book-room .cs-select .cs-options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    visibility: hidden;
    background: #172343;
    opacity: 0;
    -webkit-transition: opacity .3s .4s, visibility 0s .7s;
    transition: opacity .3s .4s, visibility 0s .7s
}

.book-room .cs-select.cs-active .cs-options {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.book-room .cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.book-room .cs-select ul span {
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    font-family: 'Asap', sans-serif;
    letter-spacing: .1em;
    padding: 15px .8em;
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.book-room .cs-select ul span:after {
    content: '';
    opacity: 0
}

.book-room .cs-select ul span:before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #a28b6d;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.book-room .cs-select ul li.cs-focus span {
    background-color: #ddd
}

.book-room .cs-select ul li.cs-optgroup ul {
    padding-left: 1em
}

.book-room .cs-select ul li.cs-optgroup>span {
    cursor: default
}

.book-room .cs-select .cs-selected span::after {
    opacity: 1;
    -webkit-transition: opacity .3s .7s;
    transition: opacity .3s .7s
}

.book-room .cs-select.cs-active ul span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.book-room .cs-select.cs-active ul span:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.book-room .cs-select li:nth-child(5) span,
.book-room .cs-select li:nth-child(5) span::before,
.book-room .cs-select.cs-active li:first-child span,
.book-room .cs-select.cs-active li:first-child span::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.book-room .cs-select li:nth-child(4) span,
.book-room .cs-select li:nth-child(4) span::before,
.book-room .cs-select.cs-active li:nth-child(2) span,
.book-room .cs-select.cs-active li:nth-child(2) span::before {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.book-room .cs-select li:nth-child(3) span,
.book-room .cs-select li:nth-child(3) span::before {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.book-room .cs-select li:nth-child(2) span,
.book-room .cs-select li:nth-child(2) span::before,
.book-room .cs-select.cs-active li:nth-child(4) span,
.book-room .cs-select.cs-active li:nth-child(4) span::before {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.book-room .cs-select li:first-child span,
.book-room .cs-select li:first-child span::before,
.book-room .cs-select.cs-active li:nth-child(5) span,
.book-room .cs-select.cs-active li:nth-child(5) span::before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.book-room .cs-select .cs-options li span:hover,
.book-room .cs-select .cs-options li.cs-focus span,
.book-room .cs-select li.cs-selected span {
    color: #a28b6d;
    background: transparent
}

.book-room.sidebook {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-top: 10px
}

.book-room.sidebook .borde {
    border: 0;
    border-bottom: 1px solid #FFF;
    padding: 0 10px 20px 0
}

.book-room.sidebook .edit-reserva {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 5px 0
}

.book-room.sidebook .edit-reserva a {
    color: #a28b6d
}

.book-room.sidebook .edit-reserva a:hover {
    color: #FFF
}

.book-room.sidebook h4 {
    color: #FFF;
    text-align: left;
    text-transform: none;
    font-size: 26px;
    margin-bottom: 30px
}

.book-room.sidebook .input {
    text-align: left
}

.book-room.sidebook .input__field {
    text-align: left
}

.book-room.sidebook .input__label {
    text-align: left
}

.book-room.sidebook .input__label:after {
    background: #dcdcdc
}

.book-room.sidebook div.cs-select {
    text-align: left
}

.book-room.sidebook .info {
    text-align: left
}

.rightBook .book-room .borde h4 {
    margin-bottom: 20px
}

.book-abierto-home .book-room {
    padding: 10px
}

@media (max-width: 767px) {
    .book-abierto-home {
        display: none
    }
}

.book-abierto-home .borde {
    padding: 0;
    border: 0;
    margin: 0
}

.book-abierto-home .input {
    margin: 11px 0 0
}

.book-abierto-home button {
    margin-top: 5px
}

.book-abierto-home .edit-reserva {
    font-size: 11px;
    color: #FFF;
    letter-spacing: .1em;
    font-weight: 600;
    text-transform: uppercase
}

.book-abierto-home .edit-reserva a {
    color: #FFF
}

#mob {
    display: none
}

@media (max-width: 767px) {
    #mob {
        width: 100%;
        background: #333;
        position: absolute;
        z-index: 888;
        padding: 50px 0 50px;
        margin: 0
    }

    #mob ul {
        margin: 0;
        padding: 0
    }

    #mob li {
        display: block;
        text-align: center;
        padding: 8px 0
    }
}

.burger {
    display: block;
    position: relative;
    margin: 13px 5px
}

#nav-icon3 {
    width: 30px;
    height: 25px;
    position: relative;
    margin: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #172343;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon3 span:nth-child(1) {
    top: 0
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 10px
}

#nav-icon3 span:nth-child(4) {
    top: 20px
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0;
    left: 50%
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%
}

.overcanvas {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden
}

.rightNav {
    position: fixed;
    top: 0;
    left: 100%;
    background-color: #fff;
    width: 320px;
    min-height: 100%;
    z-index: 10001
}

.rightBook {
    position: fixed;
    top: 0;
    left: 100%;
    background-color: #172343;
    width: 320px;
    height: 100%;
    z-index: 10002
}

.fullcanvas {
    position: relative;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%
}

.transTapa {
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 10000;
    display: none
}

a,
a:link,
a:visited,
a:hover,
a:focus {
    text-decoration: none
}

.rightNav>div {
    padding: 62px 45px;
    letter-spacing: .2em;
    font-size: 12px
}

.rightNav>div {
    color: #394764
}

.rightNav a {
    display: block;
    text-transform: uppercase;
    color: #394764;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 24px
}

.rightNav a {
    display: block;
    text-transform: uppercase;
    color: #394764;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 24px
}

.rightNav a:hover {
    color: #111
}

.rightNav span a {
    display: inline-block;
    font-size: 12px;
    margin-right: 15px
}

.rightNav>div hr {
    background-color: #dedede;
    color: #dedede;
    border: 1px #dedede solid;
    height: 0;
    margin: 0 0 24px
}

body {
    overflow-x: hidden
}

#DNAcalendar {
    background-color: #172343;
    opacity: 1;
    z-index: 200;
    position: absolute;
    border: 0 solid #eaeaea;
    display: none
}

.DNAcalendar #calendarioCont,
.calPage #calendarioCont,
.DNAcalendar .calendarioCont,
.calPage .calendarioCont {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 0 solid #bbb;
    border-right: 0;
    border-top: 0
}

.DNAcalendar .CalBox,
.calPage .CalBox,
.DNAcalendar .CalBoxLab,
.calPage .CalBoxLab {
    position: absolute;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
    border: solid #333 1px;
    border-right: 0;
    border-bottom: 0;
    padding-top: 8px;
    width: 34px;
    height: 34px;
    text-align: center
}

.DNAcalendar .CalBox.isLeftDate,
.calPage .CalBox.isLeftDate,
.DNAcalendar .CalBoxLab.isLeftDate,
.calPage .CalBoxLab.isLeftDate {
    border-left: 0 !important
}

.DNAcalendar .CalBox.isTopDate,
.calPage .CalBox.isTopDate,
.DNAcalendar .CalBoxLab.isTopDate,
.calPage .CalBoxLab.isTopDate {
    border-top: 0 !important
}

.DNAcalendar .CalBoxLab,
.calPage .CalBoxLab {
    color: #aaa;
    font-weight: 600
}

.DNAcalendar #monthbar,
.calPage #monthbar,
.DNAcalendar .monthbar,
.calPage .monthbar {
    position: absolute;
    color: #a28b6d;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 34px;
    text-align: center;
    left: 0;
    font-weight: 700
}

.DNAcalendar .topArrowBox,
.calPage .topArrowBox {
    background-image: url(../calendar/topArrow.png);
    background-repeat: no-repeat;
    background-position: right top
}



/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */