/*
    
    Objetivo Creativo
    www.objetivocreativo.com
    
*/

/*

@media (max-width: 1199px) {  }
@media (max-width: 991px) {  }
@media (max-width: 767px) {  }
@media (max-width: 575px) {  }

*/

/* Layout - General */

.clear {
    
    clear: both;
    
}

html {
    
    background-color: #245f92;
    
}

body {
    
    background-color: white;
    
}

/* Layout - Header */

header {
    
    background-color: white;
    
}

.inicio img {
    
    max-height: 64.5px;
    margin-top: 10px;
    
}

.top-menu {
    
    float: right;
    
}

.top-menu ul,
.top-menu li {
    
    margin: 0; padding: 0;
    list-style-type: none;
    
}

.top-menu li {
    
    display: inline;
    float: left;
    
}

.top-menu li a {
    
    font-size: 16.5px;
    color: #245f92;
    
    margin: 0 5px;
    padding: 28.5px 10px 24.5px 10px;
    
    height: 85px;
    
    background-color: transparent;
    
    border-bottom: 6.5px solid transparent;
    
}

.top-menu li a.activo {
    
    font-weight: 700;
    
}

.top-menu li a.activo,
.top-menu li a:hover {
    
    text-decoration: none;
    border-bottom: 6.5px solid #93d400;
    
}

.top-menu li a.user-menu {
    
    background-color: #93d400;
    color: white;
    
    border: none;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    
    padding: 6px 30px;
    
    height: auto;
    
    margin-top: 22px;
    
    margin-right: 25px;
    
}

.top-menu li a.user-search {

    background-color: #245f92;
    color: white;

    border: none;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    padding: 6px 30px;

    height: auto;

    margin-top: 22px;

    margin-right: 25px;

}

.top-menu li a.user-menu:hover {
    
    background-color: #245f92;
    border-color: #245f92;
    
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

.top-menu li a.user-search:hover {

    background-color: #ff0070;
    border-color: #245f92;
    color: white;

    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);

}

.top-menu li a.user-menu:active {
    
    -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

.top-menu.menu-movil li a {
    
    margin: 0 10px;
    padding: 28.5px 2px 24.5px 2px;
    
    border: none;
    
}

.top-menu.menu-movil li a:hover {
    
    border: none;
    
}

.top-menu.menu-movil ul {
    
    margin-right: 8px;
    
}

.btn-menu {
    
    border: none;
    background: transparent;
    
    cursor: pointer;
    
    font-size: 16.5px;
    color: #245f92;
    
    margin: 0 10px;
    padding: 28.5px 15px 24.5px 15px;
    
    height: 85px;
    
    background-color: transparent;
    
}

#list-menu-movil {
    
    border-top: 1px solid rgba(0,0,0,0.1);
    
}

#list-menu-movil .list-menu-movil ul li {
    
    display: block;
    float: left;
    width: 100%;
    
}

#list-menu-movil nav {
    
    float: none;
    padding-top: 15px;
    padding-bottom: 15px;
    
}

#list-menu-movil .list-menu-movil ul li a {
    
    text-align: center;
    border: none;
    
    margin: 3px auto; padding: 7px;
    
    height: auto;
    
    display: inline;
    width: 100%;
    
    border: 2.5px solid transparent;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    
}

#list-menu-movil .list-menu-movil ul li a:hover,
#list-menu-movil .list-menu-movil ul li a:focus,
#list-menu-movil .list-menu-movil ul li a.activo {
    
    border: 2.5px solid #93d400;
    background-color: rgba(36,95,146,0.01);
    
}

#list-menu-movil .list-menu-movil ul li a,
#list-menu-movil .list-menu-movil ul li a:hover,
#list-menu-movil .list-menu-movil ul li a:focus,
#list-menu-movil .list-menu-movil ul li a *,
#list-menu-movil .list-menu-movil ul li a:hover *,
#list-menu-movil .list-menu-movil ul li a:focus * {
    
    cursor: pointer;
    
}

#list-menu-movil .list-menu-movil ul li a.user-menu {
    
    margin: 3px auto;
    border-color: transparent;
    
}

#list-menu-movil .list-menu-movil ul li a.user-menu:hover,
#list-menu-movil .list-menu-movil ul li a.user-menu:focus {
    
    background-color: #245f92;
    border-color: transparent;
    cursor: pointer;
    
}

/* Layout - Footer */

.footer-blue {
    
    background-color: #245f92;
    
    padding-top: 50px;
    padding-bottom: 50px;
    
}

.footer-green {
    
    background-color: #93d400;
    
}

.wrapper-logo-footer img {
    
    max-height: 74.5px;
    
}

footer nav ul,
footer nav ul li {
    
    margin: 0; padding: 0;
    list-style-type: none;
    display: block;
    
}

footer nav ul li {
    
    margin-top: 5px;
    margin-bottom: 5px;
    
}

footer nav ul li a,
footer p,
footer span,
footer a {
    
    color: white;
    font-size: 16.5px;
    
}

footer nav ul li a:hover,
footer nav ul li a:focus,
footer a:hover,
footer a:focus {
    
    text-decoration: none;
    color: #93d400;
    
}

footer address {
    
    margin-bottom: 25px;
    
}

footer address p, 
footer address p a {
    
    font-size: 12.5px;
    
}

footer .rrss {
    
    position: relative;
    left: -8px;
    
}

footer .rrss a {
    
    display: inline-block;
    
    margin-top: 8px;
    margin-right: 2px;
    
    width: 30px; height: 30px;
    
    text-align: center;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    
    background-color: transparent;
    
    padding-top: 3.5px;
    
}

footer .rrss a:hover,
footer .rrss a:focus {
    
    background-color: rgba(255,255,255);
    
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

footer .rrss a span {
    
    cursor: pointer;
    
}

footer .rrss a.facebook:hover,
footer .rrss a.facebook:focus {
    
    color: #4267b2;
    
}

footer .rrss a.twitter:hover,
footer .rrss a.twitter:focus {
    
    color: #1da1f2;
    
}

footer .rrss a.instagram:hover,
footer .rrss a.instagram:focus {
    
    color: #262626;
    
}

footer nav {
    
    margin-top: 25px;
    
}

.txt-footer {
    
    font-weight: 500;
    font-size: 16.5px;
    
    color: #245f92;
    
    padding-top: 23px;
    padding-bottom: 13px;
    
}

/* Home */

main h1 {
    
    margin: 15px 0;
    padding: 30px 15px;
    padding-top: 60px;
    
    font-weight: 700;
    font-size: 40px;
    
    color: #245f92;
    
    text-align: center;
    
}

@media (max-width: 1199px) { main h1 { font-size: 35px; } }
@media (max-width: 991px) { main h1 { font-size: 32px; } }
@media (max-width: 767px) { main h1 { font-size: 29px; } }
@media (max-width: 575px) { main h1 { font-size: 26px; } }

html body .btn {
    
    font-size: 12.5px;
    
    border: 1px solid #ff0070;
    
    color: #ff0070;
    
    padding: 5px 20px;
    
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    
    transition-duration: 150ms;
    
}

html body .btn:hover,
html body .btn:focus,
html body .btn.activo {
    
    background-color: #ff0070;
    color: white;
    
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

html body .btn:active,
html body .btn.activo {
    
    -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

.info-box .info-box-bar {
    
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    
}

.info-box .info-box-bar em {
    
    color: #666;
    font-size: 17.5px;
    font-weight: 700;
    
    font-style: normal;
    
    padding-right: 30px;
    
}

.info-box .info-box-bar .btn {
    
    position: relative;
    top: -3px;
    
    float: right;
    
}

@media (max-width: 1199px) { 
    
    .info-box .info-box-bar em { display: block; width: 100%; padding-right: 0; }
    .info-box .info-box-bar .btn { float: none; top: 0; margin-top: 5px; }
    
}

.card-amir {
    
    position: relative;
    transition-duration: 150ms;
    
}

.card-amir .esquina {
    
    position: absolute;
    
    width: 71.5px;
    height: 71.5px;
    
    background: url('../img/esquina-1.png');
    
    right: 0;
    
}

.card-amir .card-amir-a {
    
    width: 100%;
    padding: 60px 25px;
    transition-duration: 150ms;
    
}

.card-amir .card-amir-a img {
    
    max-height: 111px;
    display: block;
    margin: 0 auto;
    
}

.card-amir .card-amir-b {
    
    padding-top: 30px;
    
}

.card-amir .card-amir-b img {
    
    max-height: 46px;
    display: block;
    margin: 0 auto;
    
}

.card-amir .card-amir-b h2 {
    
    margin: 0; padding: 0;
    color: white;
    
    font-size: 17.5px;
    
    text-align: center;
    
    padding: 15px;
    
}

.card-amir .card-amir-b {
    
    display: none;
    
}

.card-amir .card-amir-b p {
    
    color: white;
    text-align: center;
    font-size: 12.5px;
    line-height: 1;
    
    padding: 0 30px 10px 30px;
    
}

.card-alojamiento {
    
    background: #f9d7d6;
    
}

.card-amir.card-alojamiento:hover {
    
    background: #e33934;
    
}

.card-amir:hover .card-amir-b {
    
    display: block;
    
}

.card-amir:hover .card-amir-a {
    
    display: none;
    
}

.card-amir .esquina {
    
    color: white;
    font-size: 15px;
    
}

.card-amir .esquina svg {
    
    position: absolute;
    top: 15px;
    right: 15px;
    
}

.card-amir {
    
    margin-bottom: 30px;
    
}

.card-amir,
.card-amir *,
.card-amir * *,
.card-amir * * *,
.card-amir * * * *,
.card-amir * * * * * {
    
    cursor: pointer;
    
}

.card-amir,
.card-amir .card-amir-b {
    
    
    height: 231px;
    /*overflow: scroll;*/
    /* AFF evitar scroll en cards de home */
    overflow: hidden;	
    
}

.card-amir.card-alojamiento .esquina { background: url('../img/esquina-1.png'); }
.card-amir.card-limpieza .esquina { background: url('../img/esquina-2.png'); }
.card-amir.card-lavanderia .esquina { background: url('../img/esquina-3.png'); }
.card-amir.card-catering .esquina { background: url('../img/esquina-4.png'); }
.card-amir.card-internet .esquina { background: url('../img/esquina-5.png'); }
.card-amir.card-parking .esquina { background: url('../img/esquina-6.png'); }
.card-amir.card-visite .esquina { background: url('../img/esquina-7.png'); }
.card-amir.card-calidad .esquina { background: url('../img/esquina-8.png'); }

.card-alojamiento { background: #f9d7d6; }
.card-limpieza { background: #ecf3d1; }
.card-lavanderia { background: #d6eef5; }
.card-catering { background: #fdedd1; }
.card-internet { background: #d3dfe9; }
.card-parking { background: #e0d3e5; }
.card-visite { background: #ccf1e4; }
.card-calidad { background: #f6f9d3; }

.card-amir.card-alojamiento:hover { background: #e33934; }
.card-amir.card-limpieza:hover { background: #9fc519; }
.card-amir.card-lavanderia:hover { background: #32a8ce; }
.card-amir.card-catering:hover { background: #f7a41b; }
.card-amir.card-internet:hover { background: #245f92; }
.card-amir.card-parking:hover { background: #65247e; }
.card-amir.card-visite:hover { background: #00b879; }
.card-amir.card-calidad:hover { background: #d4df21; }

.promo {
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    
    padding-top: 200px;
    padding-bottom: 150px;
    
    margin-top: 60px;
    
}

.promo h1 {
    
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    color: white;
    
    margin: 0; padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    
}

.promo h2 {
    
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    color: white;
    
    margin: 0; padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    
}

.btn.btn-big-verde {
    
    background-color: #9fc519;
    border: #9fc519;
    
    color: white;
    
    font-size: 20px;
    font-weight: 500;
    
    padding: 15px 30px;
    
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    
}

.btn.btn-big-verde:hover,
.btn.btn-big-verde:focus {
    
    background-color: #002974;
    
}

.btn.btn-big-verde {
    
    display: block;
    max-width: 210px;
    margin: 0 auto;
    
}

.btn.btn-big-rojo {
    
    background-color: #e33934;
    border: #e33934;
    
    color: white;
    
    font-size: 20px;
    font-weight: 500;
    
    padding: 15px 30px;
    
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    
}

.btn.btn-big-rojo:hover,
.btn.btn-big-rojo:focus {
    
    background-color: #002974;
    
}

.btn.btn-big-rojo {
    
    display: block;
    max-width: 210px;
    margin: 0 auto;
    
}

@media (max-width: 1199px) { .promo { padding-top: 150px; padding-bottom: 100px; } .promo h1 { font-size: 55px; } .promo h2 { font-size: 25px; } }
@media (max-width: 991px) { .promo { padding-top: 100px; padding-bottom: 75px; } .promo h1 { font-size: 50px; } .promo h2 { font-size: 22px; } }
@media (max-width: 767px) { .promo { padding-top: 75px; padding-bottom: 50px; } .promo h1 { font-size: 45px; } .promo h2 { font-size: 22px; } }
@media (max-width: 575px) { .promo { padding-top: 50px; padding-bottom: 40px; } .promo h1 { font-size: 40px; } .promo h2 { font-size: 22px; } }

/* Slider */

.slide {
    
    overflow: hidden;
    padding-top: 310px;
    padding-bottom: 40px;
    
    min-height: 750px;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #7298b9;
    
    padding-left: 20px;
    padding-right: 20px;
    
}

.sticky-header .slide {
    
    min-height: 0;
    padding-top: 145px;
    padding-bottom: 145px;
    
}

.slide h1 {
    
    padding: 0;
    
    color: white;
    font-size: 60px;
    font-weight: 400;
    
    text-align: center;
    
}

@media (max-width: 1199px) { .slide { padding-top: 200px; min-height: 650px; } .slide h1 { font-size: 55px; } }
@media (max-width: 991px) { .slide { padding-top: 100px; min-height: 550px; } .slide h1 { font-size: 50px; } }
@media (max-width: 767px) { .slide { padding-top: 50px; min-height: 450px; } .slide h1 { font-size: 45px; } }
@media (max-width: 575px) { .slide { padding-top: 45px; min-height: 550px; } .slide h1 { font-size: 38px; } }

@media (max-width: 1199px) { .sticky-header .slide { padding-top: 145px; padding-bottom: 145px; } .sticky-header .slide h1 { font-size: 55px; } }
@media (max-width: 991px) { .sticky-header .slide { padding-top: 100px; padding-bottom: 100px; } .sticky-header .slide h1 { font-size: 50px; } }
@media (max-width: 767px) { .sticky-header .slide { padding-top: 75px; padding-bottom: 75px; } .sticky-header .slide h1 { font-size: 45px; } }
@media (max-width: 575px) { .sticky-header .slide { padding-top: 45px; padding-bottom: 45px; } .sticky-header .slide h1 { font-size: 38px; } }

.slide h1 .line {
    
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: normal;
    
    text-decoration: line-through;
    
}

.slide h1 em {
    
    color: #93d400;
    font-size: inherit;
    font-weight: 700;
    font-style: normal;
    line-height: inherit;
    
}

.slide h2 {
    
    color: white;
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px;
    
}

.btn.btn-big-amarillo {
    
    background-color: #ffd04f;
    border: #ffd04f;
    
    color: #245f92;
    
    font-size: 20px;
    font-weight: 500;
    
    padding: 15px 30px;
    
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    
}

.btn.btn-big-amarillo:hover,
.btn.btn-big-amarillo:focus {
    
    color: white;
    background-color: #002974;
    
}

.btn.btn-big-amarillo {
    
    display: block;
    max-width: 260px;
    margin: 0 auto;
    
}

main.tpl-home {
    
    margin-bottom: 40px;
    
}

/* Servicios */

.acordeon-servicios {
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 120px;
    
}

.acordeon-servicios h1 img {
    
    max-width: 48px;
    
    display: inline;
    float: left;
    
    margin-right: 23px;
    position: relative;
    top: -4px;
    
}

.acordeon-servicios h1 {
    
    color: white;
    font-weight: 300;
    font-size: 40px;
    text-align: left;
    margin-bottom: 17px;
    padding-bottom: 0;
    padding-left: 0;
    
    padding-top: 120px;
    
}

.acordeon-servicios p {
    
    color: white;
    font-size: 17.5px;
    
}

.btn.btn-big-white {
    
    background-color: transparent;
    border: 1.5px solid white;
    
    color: white;
    
    font-size: 20px;
    font-weight: 500;
    
    padding: 15px 30px;
    
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    
}

.btn.btn-big-white:hover,
.btn.btn-big-white.activo {
    
    background-color: white;
    color: #f7a41b;
    
}

html body .btn.btn-big-white.btn-catering:hover,
html body .btn.btn-big-white.btn-catering.activo {
    
    color: #f7a41b;
    
}

html body .btn.btn-big-white.btn-limpieza:hover,
html body .btn.btn-big-white.btn-limpieza.activo {
    
    color: #93d400;
    
}

html body .btn.btn-big-white.btn-lavanderia:hover,
html body .btn.btn-big-white.btn-lavanderia.activo {
    
    color: #32a8ce;
    
}

html body .btn.btn-big-white.btn-parking:hover,
html body .btn.btn-big-white.btn-parking.activo {
    
    color: #65247e;
    
}

html body .btn.btn-big-white.btn-internet:hover,
html body .btn.btn-big-white.btn-internet.activo {
    
    color: #245f92;
    
}

.btn.btn-big-white {
    
    display: block;
    max-width: 210px;
    margin: 0 auto;
    
}

.acordeon-servicios .btn {
    
    margin-top: 180px;
    margin-bottom: 40px;
    
}

@media (max-width: 767px) {
    
    .acordeon-servicios .btn {
        
        margin-top: 40px;
        
    }
    
}

.servicios-ficha {
    
    margin-top: 80px;
    margin-bottom: 80px;
    
    display: none;
    
}

.servicios-ficha h1 {
    
    text-align: left;
    margin: 0; padding: 0;
    margin-bottom: 20px;
    
}

.servicios-ficha p {
    
    color: #878787;
    font-size: 17.5px;
    line-height: 1.3;
    
}

.contratar {
    
    margin-top: 15px;
    
}

.contratar p {
    
    color: #245f92;
    font-weight: 600;
    font-size: 17.5px;
    
}

.contratar img {
    
    float: right;
    
}

.img-icon-comida {
    
    position: relative;
    top: -12px;
    
}

.contratar .btn {
    
    position: relative;
    top: -3px;
    
}

@media (max-width: 1199px) {
    
    .clear-servicios {
        
        display: none;
        
    }
    
    .servicios-ficha h1 {
        
        margin-top: 30px;
        
    }
    
    .contratar img {
        
        position: static;
        top: 0;
        float: left;
        
        margin-top: 25px;
        margin-bottom: 10px;
        
    }
    
    .contratar .btn {
        
        position: static;
        top: 0;
        
    }
    
}

.pack-ahorro {
    
    background-color: #ecf3d1;
    margin-left: 0;
    margin-right: 0;
    
    margin-top: 40px;
    
    padding-top: 15px;
    padding-bottom: 10px;
    
}

.pack-ahorro h1 {
    
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    color: #9fc519;
    padding-bottom: 0;
    margin-bottom: 0;
    
}

.pack-ahorro h1 strong {
    
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: 600;
    
}

.pack-ahorro .btn.btn-big-verde {
    
    font-size: 16px;
    padding: 10px 5px;
    
    margin-top: 32px;
    
}

.pack-ahorro .nota {
    
    font-size: 10px;
    color: #9fc519;
    font-weight: 500;
    
}

.pack-ahorro img {
    
    display: block;
    margin: 0 auto;
    
}

@media (max-width: 1199px) {
    
    .pack-ahorro h1 {
        
        padding-top: 0;
        margin-top: 0;
        
    }
    
    .pack-ahorro img {
        
        display: inline;
        margin: auto;
        
        margin-top: 10px;
        
    }
    
    .pack-ahorro .btn {
        
        margin-left: 0;
        
        margin-top: 10px;
        margin-bottom: 10px;
        
    }
    
}

.pack-locura {
    
    background-color: #f9d7d6;
    margin-left: 0;
    margin-right: 0;
    
    margin-top: 40px;
    
    padding-top: 15px;
    padding-bottom: 10px;
    
}

.pack-locura h1 {
    
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    color: #e33934;
    padding-bottom: 0;
    margin-bottom: 0;
    
}

.pack-locura h1 strong {
    
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: 600;
    
}

.pack-locura .btn.btn-big-rojo {
    
    font-size: 16px;
    padding: 10px 5px;
    
    margin-top: 32px;
    
}

.pack-locura .nota {
    
    font-size: 10px;
    color: #e33934;
    font-weight: 500;
    
}

.pack-locura .nota-big {
    
    font-size: 17.5px;
    color: #e33934;
    font-weight: 500;
    padding-top: 5px;
    text-align: center;
    
}

.pack-locura img {
    
    display: block;
    margin: 0 auto;
    
}

@media (max-width: 1199px) {
    
    .pack-locura h1 {
        
        padding-top: 0;
        margin-top: 0;
        
    }
    
    .pack-locura img {
        
        display: inline;
        margin: auto;
        
        margin-top: 10px;
        
    }
    
    .pack-locura .btn {
        
        margin-left: 0;
        
        margin-top: 10px;
        margin-bottom: 10px;
        
    }
    
    .pack-locura .nota-big {
        
        text-align: left;
        
    }
    
}

@media (max-width: 767px) {
    
    .acordeon-servicios h1 {
        
        font-size: 35px;
        
    }
    
}

.acordeon-servicios.inverso h1 {
    
    text-align: right;
    padding-right: 0;
    
}

.acordeon-servicios.inverso h1 img {
    
    float: right;
    margin-right: 0;
    margin-left: 20px;
    
}

.acordeon-servicios.inverso p {
    
    text-align: right;
    
}

html body .acordeon-servicios .anotacion {
    
    color: white;
    text-align: center;
    font-weight: 300;
    font-size: 17.5px;
    
    padding: 0; margin: 0;
    padding-left: 15px; padding-right: 15px;
    
    position: relative;
    top: -25px;
    
}

.acordeon-servicios .anotacion strong {
    
    color: inherit;
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
    
}

@media (max-width: 767px) {
    
    html body main .acordeon-servicios.inverso h1 {
        
        padding-top: 0;
        
    }
    
    html body main .acordeon-servicios.inverso .btn {
        
        margin-top: 125px;
        
    }
    
}

/* Quiénes somos */

.contenido h1 {
    
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    
}

.contenido h1.consubtitulo {
    
    margin-bottom: 0;
    padding-bottom: 0;
    
}

.contenido h2 {
    
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    
    color: #245f92;
    font-size: 17.5px;
    
    font-weight: 700;
    
    margin-top: 0;
    padding-top: 0;
    
    margin-bottom: 45px;
    
}

.contenido p {
    
    font-size: 17.5px;
    color: #8d8b8b;
    
}

.promo p {
    
    font-size: 17.5px;
    color: white;
    
}

html body .tpl-quienes-somos .promo {
    
    padding-top: 80px;
    padding-bottom: 80px;
    
}

html body .tpl-quienes-somos .promo h1 {
    
    text-align: left;
    
    padding-left: 0;
    padding-right: 0;
    
    font-size: 40px;
    font-weight: 700;
    
}

.btn.btn-azul {
    
    background-color: #245f92;
    border-color: #245f92;
    
    color: white;
    
    font-size: 16.5px;
    
    padding-left: 50px;
    padding-right: 50px;
    
    font-weight: 400;
    
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    
}

.btn.btn-azul:hover,
.btn.btn-azul:focus {
    
    background-color: #245f92;
    border-color: #245f92;
    
    color: white;
    
}

html body form {
    
    display: block;
    margin-top: 15px;
    margin-bottom: 30px;
    
}

input,textarea {
    
    border: 1px solid #e1dede;
    
    width: 100%;
    padding: 5px 15px;
    
    margin-top: 20px;
    
    font-size: 17.5px;
    
    font-style: italic;
    
    color: black;
    
    transition-duration: 150ms;
    
}

textarea {
    
    resize: none;
    min-height: 200px;
    
}

input:hover,
textarea:hover {
    
    border: 1px solid black;
    
}

input:focus,
textarea:focus {
    
    border-bottom: 1px solid black;
    
}

.tpl-quienes-somos {
    
    margin-bottom: 100px;
    
}

/* Contacto */

.tpl-contacto {
    
    margin-bottom: 100px;
    
}

#mapa {
    
    height: 750px;
    background-color: #255f92;
    
}

#mapa-alojamiento {
    
    height: 500px;
    background-color: #255f92;
    
}

.bar-contact {
    
    background-color: #255f92;
    padding-top: 20px;
    padding-bottom: 8px;
    
}

.bar-contact p {
    
    color: white;
    font-size: 17.5px;
    font-weight: 300;
    
}

.bar-contact p strong,
.bar-contact p a {
    
    font-size: inherit;
    font-weight: 600;
    color: inherit;
    
}

.icon-contacto-1 {
    
    background-repeat: no-repeat;
    background-image: url('../img/icon-contacto-1.png');
    background-size: 28px 36px;
    
    padding-left: 45px;
    
    background-position-x: 5px;
    background-position-y: 10px;
    
}

.icon-contacto-2 {
    
    background-repeat: no-repeat;
    background-image: url('../img/icon-contacto-2.png');
    background-size: 30px 33.5px;
    
    padding-left: 45px;
    
    background-position-x: 5px;
    background-position-y: 10px;
    
}

.icon-contacto-3 {
    
    background-repeat: no-repeat;
    background-image: url('../img/icon-contacto-3.png');
    background-size: 33.5px 22.5px;
    
    padding-left: 45px;
    
    background-position-y: 14px;
    
}

.icon-contacto-3 a:hover,
.icon-contacto-3 a:focus {
    
    color: #92d301;
    text-decoration: none;
    
}

@media (max-width: 1199px) { #mapa { height: 650px; } }
@media (max-width: 991px) { #mapa { height: 550px; } }
@media (max-width: 767px) { #mapa { height: 450px; } }
@media (max-width: 575px) { #mapa { height: 350px; } }

@media (max-width: 1199px) { #mapa-alojamiento { height: 500px; } }
@media (max-width: 991px) { #mapa-alojamiento { height: 400px; } }
@media (max-width: 767px) { #mapa-alojamiento { height: 300px; } }
@media (max-width: 575px) { #mapa-alojamiento { height: 200px; } }

/* Mi cuenta */

.tpl-mi-cuenta-estado,
.tpl-mi-cuenta-servicios,
.tpl-mi-cuenta-menu {
    
    background-color: #f2f2f2;
    padding-top: 80px;
    padding-bottom: 100px;
    
}

.btn-big-white.mi-cuenta {
    
    background-color: white;
    color: #245f92;
    border-color: #245f92;
    
    display: inline-block;
    
    width: 200px;
    
    margin-right: 20px;
    margin-top: 15px;
    
}

@media (max-width: 767px) {
    
    .btn-big-white.mi-cuenta {
        
        display: block;
        margin: 15px 0;
        
    }
    
    .tpl-mi-cuenta-estado,
    .tpl-mi-cuenta-servicios,
    .tpl-mi-cuenta-menu {
        
        padding-top: 40px;
        padding-bottom: 50px;
        
    }
    
}

.btn-big-white.mi-cuenta:hover,
.btn-big-white.mi-cuenta:focus,
.btn-big-white.mi-cuenta.activo {
    
    background-color: #245f92;
    color: white;
    
}

.tpl-mi-cuenta h1 {
    
    text-align: left;
    color: #727272;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    
}

.sexy-box input,
.sexy-box label {
    
    display: inline;
    float: left;
    
    margin: 0; padding: 0;
    width: auto;
    
}

.sexy-box input {
    
    display: none;
    
}

.sexy-box .sexy-check {
    
    display: inline; float: left;
    width: 24px; height: 24px;
    background: #245f92;
    text-align: center;
    padding-top: 3px;
    
}

.sexy-box .sexy-check .dot {
    
    text-align: center;
    display: none;
    
}

.sexy-box input:checked + .sexy-check .dot {
    
    display: block;
    
}

.sexy-box label {
    
    background-color: silver;
    padding-left: 35px;
    
    position: absolute; left: 0;
    background-color: transparent;
    
    color: #454545;
    font-size: 17.5px;
    font-weight: 300;
    
    height: 24px;
    
}

html body .sexy-box {
    
    margin-top: 15px;
    margin-bottom: 15px;
        
    display: block;
    width: 100%;
    
    position: relative;
    
    background: blue;
    
}

.sexy-box,
.sexy-box *,
.sexy-box * *,
.sexy-box * * *,
.sexy-box * * * *,
.sexy-box * * * * * {
    
    cursor: pointer;
    
}

.tpl-mi-cuenta .alergico {
    
    color: #3e3e3e;
    
    font-weight: 500;
    font-size: 17.5px;
    font-style: normal;
    
    display: block;
    margin-top: 20px;
    
}

.servicios-contratados {
    
    background-color: #e33934;
    
    padding: 40px 30px;
    padding-bottom: 50px;
    
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

.servicios-contratados .enlace {
    
    color: white;
    
}

.servicios-contratados strong {
    
    color: white;
    font-size: 20px;
    
    padding-left: 25px;
    padding-right: 25px;
    
    position: relative;
    top: 10px;
    
    cursor: default;
    
}

.servicios-contratados .btn.btn-white {
    
    background-color: white;
    border-color: white;
    
    color: #e33934;
    
    /* float: right; */
    
    position: relative;
    top: 10px;
    
    font-size: 17.5px;
    
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    
    padding-left: 40px;
    padding-right: 40px;
    
}

html body .btn.btn-white:hover,
html body .btn.btn-white:focus {
    
    background-color: #245f92;
    border-color: #245f92;
    
}

@media (max-width: 9999px) {
    
    .servicios-contratados .btn.btn-white {
        
        float: none;
        
        display: block;
        margin-top: 20px;
        
        max-width: 150px;
        
    }

}

.servicios-contratados {
    
    margin-top: 30px;
    
}

html body .servicios-contratados.sc-alojamiento .btn.btn-white:hover,
html body .servicios-contratados.sc-alojamiento .btn.btn-white:focus,
html body .servicios-contratados.sc-parking .btn.btn-white:hover,
html body .servicios-contratados.sc-parking .btn.btn-white:focus,
html body .servicios-contratados.sc-lavanderia .btn.btn-white:hover,
html body .servicios-contratados.sc-lavanderia .btn.btn-white:focus,
html body .servicios-contratados.sc-comida .btn.btn-white:hover,
html body .servicios-contratados.sc-comida .btn.btn-white:focus,
html body .servicios-contratados.sc-limpieza .btn.btn-white:hover,
html body .servicios-contratados.sc-limpieza .btn.btn-white:focus { color: white; }

html body .servicios-contratados.sc-alojamiento { background-color: #e33934; }
html body .servicios-contratados.sc-alojamiento .btn.btn-white { color: #e33934; }

html body .servicios-contratados.sc-parking { background-color: #65247e; }
html body .servicios-contratados.sc-parking .btn.btn-white { color: #65247e; }

html body .servicios-contratados.sc-lavanderia { background-color: #32a8ce; }
html body .servicios-contratados.sc-lavanderia .btn.btn-white { color: #32a8ce; }

html body .servicios-contratados.sc-comida { background-color: #f7a41b; }
html body .servicios-contratados.sc-comida .btn.btn-white { color: #f7a41b; }

html body .servicios-contratados.sc-limpieza { background-color: #9fc519; }
html body .servicios-contratados.sc-limpieza .btn.btn-white { color: #9fc519; }

html body .servicios-contratados.sc-internet { background-color: #184063; }
html body .servicios-contratados.sc-internet .btn.btn-white { color: #9fc519; }

.table-menu select {
    
    width: 90%;
    
}

@media (max-width: 991px) {
    
    .table-menu td {
        
        display: block;
        
    }
    
}

@media (max-width: 767px) {
    
    .table-menu td,
    .table-menu th {
        
        display: block;
        
    }
    
}

.table-menu td,
.table-menu th {
    
    margin: 0; padding: 0;
    
    transition-duration: 150ms;
    
}

.table-menu select {
    
    background-color: transparent;
    border: none;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    margin: 0; padding: 0;
    
    height: 35px;
    
    font-size: 17.5px;
    font-weight: 300;
    color: #245f92;
    
    background-repeat: no-repeat;
    background-size: 25.5px 31.5px;
    background-position: right center;
    
    transition-duration: 150ms;
    
    cursor: pointer;
    
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    
}

.table-menu td,
.table-alergias td {
    
    font-size: 17.5px;
    font-weight: 300;
    color: #245f92;
    
}

.table-menu thead td {
    
    padding-left: 5px;
    
}

.table-menu thead tr,
.table-alergias tr {
    
    border: none;
    
}

.table-menu thead th,
.table-alergias th {
    
    padding-top: 0;
    padding-bottom: 20px;
    
}

.table-menu tbody tr:hover {
    
    background-color: #e4edce;
    
}

.table-menu tbody select:hover {
    
    background-image: url('../img/arrow-menu.png');
    
}

.table-menu th,
.table-alergias th {
    
    font-size: 17.5px;
    color: #245f92;
    padding: 4px 3px;
    padding-right: 15px;
    
}

.table-menu tr,
.table-menu tr td,
.table-menu tr th {
    
    border: none;
    
}

.table-menu tr {
    
    border-bottom: 0.5px solid #235f92;
    transition-duration: 150ms;
    
}

.table-menu select option {
    
    font-size: 17.5px;
    font-weight: 300;
    color: #245f92;
    
}

@media (max-width: 991px) {
    
    .table-menu thead { display: none; }
    
}

@media (max-width: 767px) {
    
    .table-menu tbody th {
        
        margin-top: 30px;
        
    }
    
}

.n-semana {
    
    font-size: 17.5px;
    color: #245f92;
    
    font-style: normal;
    
    margin: 30px 0;
    margin-top: 40px;
    
    padding-left: 3px;
    
    display: block;
    
}

@media (max-width: 767px) {
    
    .n-semana {
        
        margin: 10px 0;
        margin-top: 40px;
        
    }
    
}

.bloque-semana.oculto {
    
    display: none;
    
}

.bloque-semana.activo {
    
    display: block;
    
}

.bloque-semana-ok.oculto {
    
    display: none;
    
}

.bloque-semana-ok.activo {
    
    display: block;
    
}

html body .bloque-semana-ok tr.no-select select,
html body .bloque-semana-ok tr.no-select select:hover,
html body .bloque-semana-ok tr.no-select select:focus {
    
    cursor: default;
    background-image: none;
    
}

html body .bloque-semana-ok tr.no-select:hover,
html body .bloque-semana-ok tr.no-select:focus {
    
    background-color: rgba(0,0,0,0.035);
    background-color: transparent;
    
}

html body .bloque-semana tr.no-select select,
html body .bloque-semana tr.no-select select:hover,
html body .bloque-semana tr.no-select select:focus {
    
    cursor: default;
    background-image: none;
    
}

html body .bloque-semana tr.no-select:hover,
html body .bloque-semana tr.no-select:focus {
    
    background-color: rgba(0,0,0,0.035);
    background-color: transparent;
    
}

.h1-mes-actual {
    
    margin-bottom: 0; padding-bottom: 0;
    
}

.h2-mes-actual {
    
    margin-top: 0; padding-bottom: 0;
    color: #f71b1b;
    font-size: 17.5px;
    font-weight: 600;
    
}

.h1-mes-siguiente {
    
    margin-bottom: 0; padding-bottom: 0;
    
}

.h2-mes-siguiente {
    
    font-size: 17.5px;
    margin-top: 0; padding-top: 0;
    color: #727272;
    font-weight: 600;
    
}

.h3-mes-siguiente {
    
    font-size: 17.5px;
    margin-top: 0; padding-top: 0;
    color: #727272;
    font-weight: 400;
    font-style: italic;
    
}

.aviso-menu {
    
    background-color: #f7a41b;
    color: white;
    
    background-image: url('../img/que-ofrecemos-4-white.png');
    background-size: 33.75px 33px;
    background-position: 15px center;
    background-repeat: no-repeat;
    
    width: 220px;
    height: 70px;
    
    margin-top: 20px;
    
    padding-left: 65px;
    padding-right: 15px;
    
    font-size: 14px;
    
    font-style: italic;
    
    padding-top: 18px;
    line-height: 1;
    
}

.aviso-menu em {
    
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    
}

/* Alojamiento */

#mapa-alojamiento {
    
    margin-top: 20px;
    
}

.tpl-alojamiento {
    
    margin-bottom: 100px;
    
}

.tpl-alojamiento .galeria .row img {
    
    margin-top: 15px;
    margin-bottom: 15px;
    
}

.tpl-alojamiento .galeria {
    
    margin-bottom: 30px;
    
}

.seleccion-alojamiento {
    
    background-color: #f2f2f2;
    padding-bottom: 60px;
    
}

.info-box .hover {
    
    display: block;
    
    position: absolute;
    background: rgba(0,0,0,0.6);
    
    width: 100%;
    height: 100%;
    
    top: 0; left: 0;
    
    color: white;
    
    font-weight: 600;
    font-size: 16px;
    
    text-align: center;
    
    padding-top: 78px;
    
    opacity: 0;
    
    transition-duration: 150ms;
    
}

.info-box:hover .hover,
.info-box.seleccionada .hover {
    
    opacity: 1;
    cursor: default;
    
}

.wrapper-info {
    
    height: auto;
    position: relative;
    
}

@media (max-width: 1199px) {
    
    .info-box .hover {
        
        padding-top: 65px;
        
    }
    
}

@media (max-width: 991px) {
    
    .info-box .hover {
        
        padding-top: 40px;
        
    }
    
}

@media (max-width: 767px) {
    
    .info-box .hover {
        
        padding-top: 25px;
        
    }
    
}

@media (max-width: 575px) {
    
    .info-box .hover {
        
        padding-top: 65px;
        
    }
    
}

.seleccion-alojamiento h1 {
    
    margin-bottom: 3px; padding-bottom: 3px;
    
}

.seleccion-alojamiento h2 {
    
    margin-top: 3px; padding-top: 3px;
    
}

.distancia {
    
    background-image: url('../img/distancia.png');
    background-repeat: no-repeat;
    padding-top: 45px;
    
    background-size: 26.5px 35.5px;
    
    float: right;
    
}

html body p.distancia,
html body p.distancia em {
    
    color: #245f92;
    font-size: 17.5px;
    font-style: normal;
    
}

@media (max-width: 575px) {
    
    html body p.distancia {
        
        margin-top: 20px;
        
    }
    
    html body p.distancia,
    html body p.distancia em {
        
        float: none;
        text-align: left;
        
    }

}

.icon-alojamiento img {
    
    margin-top: 30px;
    margin-bottom: 10px;
    
}

.icon-alojamiento em {
    
    color: #245f92;
    font-size: 17px;
    font-style: normal;
    
}

/* Visite Oviedo */

.tpl-visite-oviedo {
    
    margin-bottom: 80px;
    
}

/* Alojamientos */

.tpl-alojamientos {
    
    margin-bottom: 80px;
    
}

.ficha-alojamiento {
    
    background: #f7f7f7;
    
    margin-top: 30px;
    
}

.ficha-alojamiento .fia-img,
.ficha-alojamiento .fia-box {
    
    display: inline;
    float: left;
    height: 233px;
    
}

.ficha-alojamiento .fia-img {
    
    width: 33.4%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    
}

.ficha-alojamiento .fia-box {
    
    width: 66.6%;
    overflow: scroll;
    
    position: relative;
    
}

.ficha-alojamiento .fia-box h1 {
    
    color: #245f92;
    font-size: 25px;
    font-weight: 400;
    
    padding: 0; margin: 0;
    
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    
}

.ficha-alojamiento .fia-box p {
    
    padding: 10px 0; margin: 0;
    
    font-size: 12.5px;
    line-height: 1.3;
    
    padding-left: 15px;
    padding-right: 15px;
    
}

.ficha-alojamiento .fia-box .reservar {
    
    background: #93d400;
    
    display: block;
    
    width: 100%;
    height: auto;
    
    text-align: center;
    
    color: white;
    
    font-size: 19px;
    font-weight: 400;
    
    bottom: 0;
    position: absolute;
    
    padding: 8px;
    
    transition-duration: 150ms;
    
}

.ficha-alojamiento .fia-box .reservar em {
    
    font-style: normal;
    font-size: inherit;
    
}

.ficha-alojamiento .fia-box .reservar:hover,
.ficha-alojamiento .fia-box .reservar:focus {
    
    text-decoration: none;
    background-color: #245f92;
    
}

.ficha-alojamiento .fia-box .reservar em {
    
    cursor: pointer;
    
}

.ficha-alojamiento .fia-box .fia-box-left {
    
    float: left;
    padding-left: 15px;
    
    color: #245f92;
    
    position: relative;
    top: 5px;
    
}

.ficha-alojamiento .fia-box .fia-box-left img {
    
    position: relative;
    top: -5px;
    padding-right: 5px;
    
}

.ficha-alojamiento .fia-box .fia-box-right {
    
    float: right;
    padding-right: 15px;
    
    color: #6e6e6e;
    font-size: 12.5px;
    font-weight: 700;
    
    position: relative;
    top: 8px;
    
}

.ficha-alojamiento .fia-box .fia-box-right a {
    
    color: #245f92;
    border-bottom: 1px solid #245f92;
    
}

.ficha-alojamiento .fia-box .fia-box-right a:hover,
.ficha-alojamiento .fia-box .fia-box-right a:focus {
    
    text-decoration: none;
    
    color: #93d400;
    border-color: #93d400;
    
}

@media (max-width: 991px) {
    
    .ficha-alojamiento .fia-img,
    .ficha-alojamiento .fia-box {
        
        float: none;
        display: block;
        width: 100%;
        
    }
    
}

html body a.galeria-fotos {
    
    display: block;
    margin-top: 15px;
    
}

/* Nueva cuenta */

.nueva-cuenta {
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    
    padding-top: 70px;
    padding-bottom: 70px;
    
}

.nueva-cuenta-left h1 {
    
    color: white;
    font-size: 60px;
    font-weight: 400;
    
    margin: 0; padding: 0;
    text-align: left;
    
    line-height: 1.2;
    
}

.nueva-cuenta-left h1 em {
    
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: 600;
    
    line-height: 1.2;
    
}

.nueva-cuenta-left h2 {
    
    color: white;
    font-size: 17.5px;
    font-weight: 600;
    
    margin: 0; padding: 0;
    padding-top: 10px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    
    position: relative;
    
    line-height: 1.4;
    
}

.nueva-cuenta-left h2:after {
    
    content: '';
    width: 50px;
    height: 3px;
    background: white;
    position: absolute;
    left: 0; bottom: 0;
    
}

.nueva-cuenta-left .nuestros-servicios {
    
    margin-top: 22px;
    
}

.nueva-cuenta-left .nuestros-servicios span {
    
    color: white;
    font-size: 17.5px;
    font-weight: 400;
    
    padding-left: 12px;
    
    position: relative;
    top: 6px;
    
}

.nueva-cuenta-left {
    
    margin-bottom: 40px;
    
}

.box-cuenta {
    
    background: rgba(255,255,255,0.99);
    padding: 40px 13px;
    padding-bottom: 20px;
    
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    
}

@media (max-width: 1199px) { .nueva-cuenta-left h1 { font-size: 45px; } }
@media (max-width: 991px) { .nueva-cuenta-left h1 { font-size: 40px; } }
@media (max-width: 767px) { .nueva-cuenta-left h1 { font-size: 35px; } }
@media (max-width: 575px) { .nueva-cuenta-left h1 { font-size: 30px; } }

.box-cuenta .btn {
    
    padding: 6px;
    
    width: 100%;
    max-width: 100%;
    
    margin-top: 30px;
    
}

.box-cuenta .yatengo {
    
    text-align: center;
    
    color: #a9a9a9;
    
    font-size: 14px;
    font-weight: 300;
    
}

.box-cuenta .yatengo a {
    
    font-weight: 600;
    color: #245f92;
    
    text-decoration: 150ms;
    
}

.box-cuenta .yatengo a:hover,
.box-cuenta .yatengo a:focus {
    
    color: #ffd04f;
    text-decoration: none;
    
}

/* Iniciar sesión */

.iniciar {
    
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
    
}

.iniciar .iniciar-cover {
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    
}

.iniciar .iniciar-cover h1 {
    
    font-size: 40px;
    font-weight: 300;
    
    text-align: center;
    
    color: white;
    
    margin: 0; padding: 58px 38px;
    
}

.iniciar .box-cuenta {
    
    padding-left: 30px;
    padding-right: 30px;
    
    padding-top: 10px;
    padding-bottom: 15px;
    
}

.iniciar .box-cuenta .a-recordar {
    
    color: #a9a9a9;
    
    font-size: 14px;
    font-weight: 300;
    
}

/* Varios UX */

.line-hab {
    
    background-color: white;
    
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
    
    margin: 0;
    margin-top: 40px;
    margin-bottom: 15px;
    padding: 15px;
    
}

.line-hab h3 {
    
    color: #245f92;
    font-size: 17.5px;;
    font-weight: 600;
    
    padding-top: 5px;
    padding-bottom: 5px;
    
}

.line-hab h4 {
    
    color: #666;
    font-size: 17.5px;;
    font-weight: 600;
    
    padding-top: 5px;
    padding-bottom: 5px;
    
}

.line-hab p {
    
    color: #666;
    font-weight: 300;
    font-size: 13.5px;
    
}

.line-hab p em {
    
    color: inherit;
    font-weight: 600;
    font-size: inherit;
    font-style: normal;
    
}

.line-hab input,
.line-hab label {
    
    display: inline;
    float: left;
    
}


html body .tpl-alojamiento .sexy-box {
    
    background: transparent;
    
}

html body .tpl-alojamiento .sexy-box input {
    
    display: none;
    
}

html body .tpl-alojamiento .sexy-box .sexy-check {
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    
}

html body .tpl-alojamiento .sexy-box {
    
    display: inline;
    float: left;
    
}

html body .tpl-alojamiento .sexy-box:hover label {
    
    color: #93d400;
    
}

html body .tpl-alojamiento .sexy-box:hover .sexy-check {
    
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
    
}

html body .tpl-alojamiento .sexy-box label {
    
    font-size: 13.5px;
    transition-duration: 150ms;
    
}

html body .tpl-alojamiento .sexy-box .sexy-check {
    
    width: 17px; height: 17px;
    background-color: #93d400;
    position: relative;
    top: 1px;
    
    transition-duration: 150ms;
    
}

html body .tpl-alojamiento .sexy-box label {
    
    padding-left: 25px;
    
}

html body .tpl-alojamiento .sexy-box .sexy-check .dot {
    
    position: relative;
    top: -2.5px;
    font-size: x-small;
    
}

html body .tpl-alojamiento .opcion-hab {
    
    border-right: 1px solid #727272;
    
}

@media (max-width: 991px) { 
    
    .line-hab h3 {
        
        padding-top: 20px;
        
    }
    
}
@media (max-width: 767px) {
    
    html body .tpl-alojamiento .opcion-hab {
        
        border: none;
        
    }
    
}

html body .tpl-alojamiento .col-amigo {
    
    padding-left: 0;
    
}

@media (max-width: 767px) {
    
    html body .tpl-alojamiento .col-amigo {
        
        padding-left: 15px;
        
    }
    
}

html body .tpl-alojamiento .ofrecer-hab input,
html body .tpl-alojamiento .ofrecer-hab button {
    
    display: inline; float: left;
    width: auto;
    margin: 0;
    
}

html body .tpl-alojamiento .ofrecer-hab input {
    
    margin-right: 15px;
    width: 325px;
    
}

@media (max-width: 1199px) {
    
    html body .tpl-alojamiento .ofrecer-hab input {
        
        width: auto;
        
    }
    
}

html body .tpl-alojamiento .ofrecer-hab button {
    
    background: white;
    position: relative;
    top: 3.5px;
    
}

html body .tpl-alojamiento .ofrecer-hab button:hover {
    
    background: #ff0070;
    
}

@media (max-width: 991px) {
    
    html body .tpl-alojamiento .ofrecer-hab button {
        
        margin-top: 10px;
        
    }
    
    html body .tpl-alojamiento .ofrecer-hab input {
        
        width: 100%;
        
    }
    
}

html body .tpl-alojamiento .ofrecer-hab {
    
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    
}

html body .tpl-alojamiento .enviar-amigo .line-hab {
    
    margin-top: 0;
    
}

.listado-habitaciones {
    
    display: none;
    
}

.col-amigo input {
    
    margin-top: 0;
    
}

.line-hab {
    
    position: relative;
    
}

.line-hab.line-sel:after {
    
    content: '¡Habitación principal seleccionada!';
    color: white;
    
    font-size: 17.5px;
    font-weight: 700;
    
    padding: 40px 20px;
    
    text-align: center;
    
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    
    background: rgba(60,60,60,0.9);
    
    -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.5);
    
}

.recuerda-a-tus-amigos strong {
    
    font-size: inherit;
    color: inherit;
    
}

.recuerda-a-tus-amigos strong.titulo-aviso {
    
    font-size: inherit;
    color: #005f95;
    
}

.total-reserva strong {
    
    font-size: inherit;
    color: inherit;
    
}

.total-reserva strong.titulo-aviso {
    
    font-size: inherit;
    color: #ff0070;
    
}

.total-reserva strong.titulo-aviso em {
    
    font-size: inherit;
    font-style: normal;
    color: #ff0070;
    
}

.total-a-pagar {
    
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    
}

/* Reservas */

main.tpl-reserva {
    
    margin-bottom: 60px;
    
}

main.tpl-reserva .contenido p a {
    
    color: inherit;
    transition-duration: 150ms;
    
}

main.tpl-reserva .contenido p a:hover {
    
    text-decoration: none;
    color: #245f92;
    
}

main.tpl-reserva .contenido p strong,
main.tpl-reserva .contenido p em {
    
    font-size: inherit;
    font-weight: 600;
    font-style: normal;
    
}

main.tpl-reserva .contenido p .subline {
    
    font-size: inherit;
    font-weight: inherit;
    font-style: normal;
    
    border-bottom: 1px solid #8d8b8b;
    
}