@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

.action-bar .call-now,
.action-bar .lang,
.svg-responsive {
    vertical-align: middle
}

.action-bar .lang a,
.login a,
.paso-uno-home a,
p.pregunta a {
    text-decoration: none
}

@font-face {
    font-family: keepy;
    src: url(fonts/YanoneKaffeesatz-Bold.ttf)
}

body>* {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300
}

.lang-active,
.negrita {
    font-weight: 700
}

header {
    background: #F8F9FA
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0
}

h3,
h6 {
    color: #646464
}

.big {
    font-size: 20px
}

.divider-xsmall {
    display: block;
    height: 15px
}

.divider-small {
    display: block;
    height: 30px
}

.divider-medium {
    display: block;
    height: 50px
}

.divider-big {
    display: block;
    height: 75px
}

.divider-large {
    display: block;
    height: 100px
}

.action-bar {
    background: #c2d500;
    height: 40px
}

.action-bar ul {
    text-align: center;
    list-style: none;
    padding: 5px 0;
    margin: 0
}

.action-bar ul li {
    display: block;
    margin-bottom: 15px
}

.espaciado-action-bar {
    display: none
}

.action-bar .lang a {
    border: 1px solid #000;
    width: 40px;
    text-align: center;
    display: inline-block;
    color: #000;
    font-weight: 700
}

.action-bar .lang a:hover {
    background: #000;
    color: #fff
}

.lang-active {
    background: #616b00;
    color: #fff !important;
    border: 1px solid #fff !important
}

.action-bar .social-icons a i {
    text-align: center;
    width: 34px;
    height: 34px;
    vertical-align: middle;
    border-radius: 100%;
    padding-top: 9px;
    font-size: 16px;
    background: #616b00;
    color: #fff;
    transition: all .25s ease
}

.action-bar .social-icons a i:hover {
    background: #000
}

li.social-icons {
    float: right;
    margin: -3px 10px 0 0
}

.action-bar .container div {
    margin: 2px 30px 0 0
}

.navbar-brand {
    position: relative;
    height: 75px;
    width: 240px
}

.navbar-brand img {
    position: absolute;
    top: -25px
}

.contenedor-slider,
.contenedor-slider .slider {
    position: relative
}

.svg-responsive {
    width: auto;
    height: auto
}

.nav-item a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    font-weight: 600
}

.contenedor-reserva h4,
.contenedor-reserva h4 span {
    font-family: 'Open Sans', sans-serif
}

.nav-item {
    border-left: #c2d500 thin solid
}

.nav-item:last-of-type {
    border-right: #c2d500 thin solid
}

.nav-link {
    text-align: center
}

.navbar-light .navbar-toggler {
    border-color: transparent;
    outline: 0
}

.navbar-toggler {
    width: auto !important
}

.call-now select {
    background: 0 0;
    border: none;
    font-weight: 700;
    font-size: 18px
}

.call-now select:active,
.call-now select:focus {
    outline: 0;
    border: none
}

.call-now select option {
    font-weight: 700;
    background-color: #c2d500
}

.call-now {
    margin-top: 6px !important;
    background-color: #c2d500
}

.slider {
    overflow: hidden
}

video {
    width: 100%;
    height: auto;
    margin-bottom: -6px
}

.caption {
    position: absolute;
    top: 20%;
    right: 2%;
    background-color: rgba(194, 213, 0, .8);
    color: #000;
    padding: 20px;
    width: 30%;
    height: 50%;
    text-align: center;
    border-radius: 15px
}

.caption__text {
    margin-top: 20px
}

.contenedor-reserva {
    background: #c2d500;
    padding: 0 10px 20px
}

.contenedor-reserva h4 {
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 24px
}

.contenedor-reserva h4 span {
    font-size: 50px;
    font-weight: 700;
    text-transform: lowercase;
    color: #000
}

.boton-uno {
    text-align: center;
    align-items: center;
    margin-bottom: 10px
}

.contenedor-reserva .btn-outline-dark {
    border-radius: 0;
    padding-top: 10px 20px;
    border: 2px solid #000;
    font-weight: 700;
    font-size: 28px;
    color: #000
}

.contenedor-reserva .btn-outline-dark:hover {
    color: #fff;
    background: #000
}

.items-home,
.mapa-home,
.noticias,
.paso-uno-home {
    padding: 35px 0
}

.paso-uno-home a {
    color: #2c343b
}

.paso-uno-home h6.como {
    margin-top: 5px
}

.items-home h2,
.mapa-home h2,
.noticias h2,
.paso-uno-home h2,
h2.titulo-keepy {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 60px
}

.items-home h2 span,
.mapa-home span,
.noticias h2 span,
.padding .telf,
.paso-uno-home span,
h2.titulo-keepy span {
    font-weight: 700
}

.items-home h2 span span,
.mapa-home span span,
.noticias h2 span span,
.paso-uno-home span span,
h2.titulo-keepy span span {
    color: #c2d500
}

.items-home .row .gris {
    background-color: #f0f0f0
}

.items-home .row .gris ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em
}

.items-home .row .gris li:before {
    content: "►";
    display: block;
    float: left;
    width: 1.2em;
    color: #C2D500;
    font-size: 12px;
    margin-top: 4px
}

.padding .telf {
    margin: 10px 0
}

.espacios div.col {
    margin: 0 5px;
    padding: 10px;
    text-align: center
}

.espacios div.col p {
    font-size: 14px
}

.espacios div.col.disponible {
    background-color: #c2d500
}

.espacios div.col.no-disponible {
    background-color: #dadada
}

.row.fichas-centro>div {
    padding: 0;
    margin: 0
}

.padding {
    padding: 30px !important
}

.selecion-centro.calculadora {
    font-size: 16px
}

.contenedor-item-home {
    padding: 0 15px;
    margin-bottom: 50px
}

.contenedor-item-home h3 {
    text-align: center;
    text-transform: uppercase;
    color: #4d4d4d;
    font-size: 1.55rem;
}

.contenedor-item-home p {
    text-align: center
}

.contenedor-item-home img {
    margin: 0 auto;
    text-align: center !important;
    display: block
}

.paso-uno-home img {
    padding: 0;
    display: block;
    text-align: center;
    width: 200px
}

.contenedor-item-home .icon-home {
    max-width: 160px
}

.buscador input[type=text] {
    text-align: left;
    display: block;
    width: 100%;
    padding: 10px;
    background: 0 0;
    border: 1px solid #dadada;
    overflow: hidden;
    margin-bottom: 30px
}

.buscador {
    position: relative
}

#searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    width: 47px;
    height: 46px;
    padding: 0 0 0 3px;
    z-index: 1;
    background: #c2d500;
    box-shadow: 0 0 transparent;
    border: 0;
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    transition: all .25s ease
}

#map,
.leyenda,
.mapacentro {
    position: relative
}

.keepy {
    font-family: keepy
}

h2 .keepy {
    font-size: 70px
}

#searchsubmit:hover {
    background: #616b00
}

.selector-centro select {
    width: 100%;
    border: 1px solid #dadada;
    padding: 10px;
    margin-bottom: 30px;
    position: relative
}

option {
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px
}

.panel-usuario,
.selecion-centro,
.selecion-medida,
.selecion-medida-desmarcada {
    padding: 11px 10px;
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    transition: all .25s ease
}

.panel-usuario,
.selecion-centro {
    background: #c2d500;
    border-radius: 0;
    color: #000
}

.panel-usuario:hover,
.selecion-centro:hover {
    background: #616b00;
    color: #fff
}

.selecion-centro.calculadora:hover {
    background: #616b00;
    color: #fff !important
}

.selecion-medida {
    background: #c2d500;
    border-radius: 0;
    color: #fff;
    border: thin solid #c2d500
}

.selecion-medida-desmarcada {
    background: #fff;
    border-radius: 0;
    color: #c2d500;
    border: thin solid #c2d500
}

.item-blog h2,
.item-blog h2 a {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700
}

.btn-blog,
.item-blog h2,
.item-blog h2 a,
.item-blog ul a,
.mensaje ul h5,
.mensaje ul p,
.mensaje-abajo ul p {
    color: #4d4d4d
}

.mapa-home {
    border-top: 2px solid #c2d500;
    border-bottom: 2px solid #c2d500
}

.mapa-home h2 {
    padding: 0 20px
}

#map {
    max-width: 100%;
    height: 600px
}

.mapacentro {
    width: 100%;
    height: 250px
}

.mensaje {
    position: absolute;
    top: -600px;
    height: 550px;
    overflow-y: scroll;
    right: 5%;
    z-index: 9;
    text-align: center;
    width: 360px;
    background: #c2d500
}

.item-blog a,
.panel {
    overflow: hidden
}

.mensaje img {
    width: 198px;
    height: auto;
    padding: 15px 0
}

.mensaje ul {
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 15px 25px;
    text-align: left
}

.mensaje ul h5 {
    font-weight: 700;
    padding: 5px 0
}

.mensaje-abajo {
    text-align: center;
    width: 100%;
    background: #c2d500
}

.mensaje-abajo img {
    width: 198px;
    height: auto;
    padding: 15px 0
}

.mensaje-abajo ul {
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 15px 25px;
    text-align: left
}

.mensaje-abajo ul h5 {
    font-weight: 700;
    color: #4d4d4d;
    padding: 5px 0
}

.ocultar {
    display: block
}

.item-blog {
    margin-bottom: 30px
}

.item-blog h2,
.item-blog p,
.item-blog ul,
.item-blog ul li {
    padding: 15px
}

.item-blog h2 {
    padding-bottom: 0
}

.item-blog ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.item-blog ul li {
    display: inline-block;
    width: 48%
}

.item-blog ul li:first-child {
    text-align: left
}

.footer-dos,
.more-blog-items {
    text-align: center
}

.item-blog ul a {
    font-weight: 700
}

.fa-comments-o::before {
    font-size: 20px
}

.btn-blog {
    border: 2px solid #c2d500;
    background: #c2d500;
    text-transform: uppercase;
    padding: 15px 5px;
    border-radius: 0;
    font-weight: 700;
    font-size: 24px;
    outline: 0
}

.btn-blog:hover {
    background: #616b00;
    border: 2px solid #616b00;
    color: #fff;
    outline: 0
}

.item-blog img {
    transition: all .25s ease
}

.item-blog img:hover {
    filter: grayscale(80%)
}

.footer-uno {
    background: #999;
    padding: 70px
}

.footer-uno h5 {
    font-weight: 700;
    color: #fff;
    font-size: 18px
}

.footer-uno .ul-footer {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-uno .ul-footer a {
    color: #fff
}

.footer-uno .item-footer {
    border-left: 0 solid #fff;
    padding-left: 0;
    margin-bottom: 50px
}

.footer-dos {
    background: #c2d500;
    padding: 25px;
    width: 100%
}

.logo-footer {
    display: block;
    margin: auto
}

.logo-footer img {
    max-width: 300px;
    height: auto
}

.enlaces-footer-dos {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0
}

.enlaces-footer-dos li {
    display: block;
    width: 100%
}

.enlaces-footer-dos li a {
    color: #616b00
}

.descuento,
.footer-tres {
    color: #fff;
    text-align: center
}

.enlaces-footer-dos li:nth-child(1),
.enlaces-footer-dos li:nth-child(2) {
    border-right: 0 solid #616b00
}

.footer-tres {
    background: #4d4d4d;
    padding: 10px
}

.footer-tres p span {
    display: block
}

@media (max-width:1200px) {
    .item-blog h2 {
        font-size: 22px !important
    }

    .svg-responsive {
        width: auto
    }

    .navbar-brand {
        margin-right: 0 !important;
        height: 55px;
        width: 200px
    }

    nav.navbar {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .nav-item a {
        font-size: 18px
    }

    .social-icons {
        display: none
    }
}

@media (min-width:480px) {
    .espaciado-action-bar {
        width: 70px;
        display: inline-block
    }

    .action-bar ul li {
        display: inline-block;
        margin-bottom: 0
    }

    .texto-login {
        display: inline
    }
}

@media (max-width:480px) {
    .action-bar ul li {
        display: inline-block;
        margin-bottom: 0
    }

    .titulo-responsive {
        font-size: 35px !important
    }

    .imagen-responsive {
        height: 40px
    }

    .row.ventajas ul {
        font-size: 15px
    }

    .action-bar .container div {
        margin: 2px 15px 2px 0
    }
}

@media (max-width:768px) {

    .contenedor-item-home,
    .item-footer {
        margin-bottom: 20px
    }

    .item-blog h2 {
        font-size: 18px !important
    }

    #telefonos-header,
    #telefonos-header option {
        font-size: 14px
    }

    .svg-responsive {
        width: 125px
    }

    .navbar-brand {
        height: 40px
    }

    h4 {
        font-size: 20px !important
    }

    h4 span {
        font-size: 30px !important
    }

    .contenedor-reserva .btn-outline-dark {
        font-size: 24px;
        height: 75px;
    }

    h2 {
        font-size: 40px !important
    }

    h2 img {
        height: 45px !important
    }

    .divider-medium {
        height: 10px
    }

    .paso-uno-home {
        padding: 0
    }

    .paso-uno-home img {
        width: auto
    }

    .paso-uno-home div.row div {
        padding: 0 !important
    }

    .btn-blog {
        font-size: 20px
    }

    .footer-uno {
        padding: 10px 50px
    }

    .logo-footer {
        max-width: 250px
    }

    .footer-dos {
        padding: 10px 25px
    }

    h3 {
        font-size: 24px
    }

    .contenedor-reserva {
        padding: 0 !important
    }

    .mensaje-abajo img {
        width: 198px;
        padding: 0
    }

    .texto-login {
        display: none
    }
}

@media (max-width:400px) {

    #telefonos-header,
    #telefonos-header option {
        font-size: 12px !important
    }

    .action-bar .container div {
        margin: 2px 10px 2px 0
    }
}

@media (min-width:768px) {
    .boton-uno {
        padding-top: 20px
    }

    .ocultar-tablet {
        display: none
    }

    .footer-uno .item-footer {
        border-left: 1px solid #fff;
        padding-left: 10px;
        margin-bottom: 0
    }

    .enlaces-footer-dos li {
        display: inline-block;
        width: 130px
    }

    .enlaces-footer-dos li:nth-child(1),
    .enlaces-footer-dos li:nth-child(2) {
        border-right: 1px solid #616b00
    }

    .footer-tres p span {
        display: inline-block
    }

    .siguiente-paso {
        float: right;
        margin-right: 20px
    }

    .borrar {
        float: left;
        margin-left: 20px
    }
}

@media (max-width:768px) {
    .espaciado-action-bar {
        width: 10px;
        display: inline-block
    }

    .action-bar li {
        display: inline-block;
        margin-bottom: 0
    }

    .boton-uno {
        padding-top: 10px
    }

    .ocultar {
        display: none
    }

    .ocultar-tablet {
        display: block
    }

    .trastero img {
        width: 50%;
        margin: auto
    }

    .trastero .centrado {
        margin: 20px 0
    }

    .row.trastero {
        margin-bottom: 20px
    }

    .descripcion-trasteros {
        padding: 15px
    }

    .contenedor-item-home {
        padding: 0 !important
    }

    #fondo {
        bottom: 0 !important
    }

    #alto,
    #ancho,
    #fondo {
        font-size: 15px
    }

    .titulo-responsive {
        font-size: 45px !important
    }

    .imagen-responsive {
        height: 45px
    }
}

.descuento,
.secciones-calculadora .mobiliario p,
.secciones-calculadora table p {
    display: inline-block
}

@media (max-width:992px) {
    .medidas img {
        width: 30% !important
    }

    #alto {
        left: 26% !important
    }

    #fondo {
        left: 64% !important
    }
}

.trastero .centrado {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

.trastero {
    border-top: #999 thin solid
}

.descuento {
    font-weight: 700;
    background-color: #C2D500;
    padding: 4px 2px 4px 4px;
    margin-top: 5px
}

.descuento span {
    color: #C2D500;
    background-color: #fff;
    padding: 3px 4px 4px
}

.contenedor-descripcion {
    background-color: #f0f0f0;
    border-top: #C2D500 2px solid
}

.descripcion-trasteros {
    padding-top: 30px;
    padding-bottom: 30px
}

.descripcion-trasteros h2 {
    margin: 30px 0 10px
}

.descripcion-trasteros ul {
    list-style: none;
    padding-left: 1.2em;
    text-indent: -1.2em;
    margin: 10px 0
}

.descripcion-trasteros li,
.descripcion-trasteros p {
    font-size: 14px;
    margin: 3px 0
}

.descripcion-trasteros p {
    margin: 10px 0
}

.descripcion-trasteros li:before {
    content: "►";
    width: 1.2em;
    color: #C2D500;
    font-size: 12px;
    margin-top: 4px;
    margin-right: 5px
}

.contenedor-resto h2 {
    margin-top: 30px;
    text-align: center
}

.contenedor-resto table {
    width: 70%;
    margin: 20px auto;
    text-align: center
}

.contenedor-resto {
    border-bottom: #dadada thin solid;
    padding-bottom: 20px
}

.secciones-calculadora h3.titulocuadro,
.secciones-calculadora>div>h3 {
    background-color: #c2d500;
    padding: 10px 20px;
    font-weight: 700
}

.secciones-calculadora .recuadro {
    border: thin solid #d3d3d3
}

.secciones-calculadora h5 {
    color: #c2d500;
    font-weight: 700;
    text-align: center !important
}

.secciones-calculadora table {
    width: 100%
}

.secciones-calculadora table.mitad td {
    width: 50%;
    padding-left: 30px
}

.item-mobiliario {
    margin-top: 10px;
    cursor: pointer
}

.secciones-calculadora .item-mobiliario {
    background-color: #f4f8c7;
    padding: 7px;
    width: 100%
}

.secciones-calculadora .item-mobiliario.activo {
    background-color: #c2d500
}

.secciones-calculadora .item-mobiliario.activo h6 {
    font-weight: 700
}

.secciones-calculadora .item-mobiliario table td {
    padding: 0 5px
}

.secciones-calculadora .item-mobiliario table td.columna-1 {
    text-align: left
}

.secciones-calculadora .item-mobiliario table td.columna-2 {
    text-align: right
}

.secciones-calculadora .resultado {
    padding-bottom: 0;
    margin: 20px 0
}

.secciones-calculadora .resultado h3 {
    text-align: center;
    font-weight: 700
}

.secciones-calculadora .recuadro .unidades {
    padding: 0
}

.secciones-calculadora .mobiliario h5 {
    background-color: #585858;
    padding: 10px
}

.mobiliario .muebles {
    padding: 0 10px
}

.mobiliario .muebles>div {
    padding: 2px
}

.mobiliario .muebles .recuadro-verde {
    border: thin solid #c2d500;
    padding: 5px;
    margin-top: 4px
}

.secciones-calculadora .mobiliario img {
    height: 30px
}

.secciones-calculadora .mobiliario i {
    color: #585858
}

.recuadro .titulo-mobiliario {
    margin-bottom: 10px
}

.recuadro .titulo-mobiliario,
.recuadro .titulo-mobiliario * {
    padding: 0 10px
}

.secciones-calculadora .mobiliario button.botonera {
    background-color: #fff;
    border: thin solid #c2d500;
    padding: 1px 4px;
    cursor: pointer
}

.secciones-calculadora .mobiliario table td {
    width: auto;
    padding-left: 0
}

.secciones-calculadora .mobiliario table td.columna-1 {
    text-align: left
}

.secciones-calculadora .mobiliario table td.columna-2 {
    text-align: right
}

.medidas {
    padding: 0 !important;
    position: relative
}

.medidas img {
    display: block
}

#alto,
#ancho,
#fondo {
    position: absolute
}

#alto {
    top: 50%;
    left: 15%
}

#ancho {
    bottom: 2%;
    left: 45%
}

#fondo {
    left: 73%;
    bottom: 5%
}

table#tamano td {
    width: auto !important
}

table#tamano {
    margin-top: 10px
}

table#tamano p {
    display: block;
    margin-bottom: 5px
}

table#tamano .pregunta {
    margin: 20px 0 10px
}

#tamano .col-izqda {
    vertical-align: top
}

.centrar h2,
.login,
table.tabla-panel td {
    vertical-align: middle
}

#tamano .col-dcha,
#tamano .col-izqda {
    text-align: left
}

.accordion,
.centrar,
.contadores,
.descripcion-centro {
    text-align: center
}

p.informacion,
p.pregunta {
    font-size: 14px
}

p.pregunta a {
    color: #000
}

p.pregunta i {
    color: #66cdaa
}

p.informacion,
p.informacion i {
    color: #c60000
}

#tamano .descuento {
    display: inline-block;
    margin: 10px 0
}

.descripcion-centro h4 {
    margin-bottom: 10px
}

.descripcion-centro .telefono {
    font-weight: 700
}

.descripcion-centro a {
    display: inline-block;
    margin-top: 20px
}

.secciones-calculadora .reserva {
    padding: 0;
    background-color: #f0f0f0
}

.secciones-calculadora .reserva div {
    padding: 5px 15px
}

.panel .error,
.reserva .error {
    font-size: 12px;
    color: #c60000
}

.reserva {
    padding-top: 15px !important
}

.reserva .newsletter {
    font-size: 14px
}

.btn-contrata,
.btn-modifica,
.btn-reserva {
    width: auto
}

.beneficios h3 {
    background-color: grey;
    width: 100%;
    padding: 5px 20px;
    color: #eee
}

.borrar,
.siguiente-paso {
    background: #c2d500;
    border-radius: 0;
    width: auto;
    padding: 11px 10px;
    font-weight: 700;
    font-size: 18px;
    display: inline;
    margin-top: 20px;
    transition: all .25s ease
}

.borrar {
    background-color: #d3d3d3
}

h2.resultado-calculadora {
    font-size: 48px
}

.contenedor-fila-centro {
    background-color: #f0f0f0;
    border-top: #C2D500 thick solid;
    border-bottom: #C2D500 thick solid
}

.tarjeta-centro div {
    width: 70% !important
}

.tarjeta-centro h3 {
    margin: 10px 0
}

.centrar {
    display: table;
    width: 100%;
    height: 200px
}

.centrar h2 {
    display: table-cell
}

.login {
    margin-top: 10px !important;
    margin-left: 20px
}

.login a {
    color: #000
}

.login h6 {
    font-size: 100%
}

#logout {
    font-size: 12px
}

.boton-mostrar-mas {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer
}

.recuadro {
    padding: 10px
}

.recuadro.mobiliario {
    display: none
}

#salon {
    display: block
}

.contadores {
    width: 20px;
    border: none
}

.container.secciones {
    padding-left: 0;
    padding-right: 0
}

.row.secciones-calculadora>div {
    padding-right: 5px;
    padding-left: 5px
}

p.ajusta {
    font-size: 15px
}

.row.trastero.vacio {
    padding: 40px 0 60px;
    display: none
}

.row.espacios {
    margin-top: 30px;
    padding: 20px
}

.accordion {
    cursor: pointer;
    border: none;
    outline: 0;
    transition: .4s
}

.accordion.active,
.accordion:hover {
    background-color: #000;
    color: #fff
}

.btn-icono,
.panel {
    background-color: #fff
}

.panel {
    padding: 0 18px;
    max-height: 0;
    transition: max-height .2s ease-out
}

.panel .row div {
    padding: 10px
}

.panel-usuario {
    width: auto !important
}

.btn-icono {
    cursor: pointer;
    border: none
}

.botones-documentos form {
    display: block;
    margin: 3px auto;
    padding: 3px auto
}

table#pago,
table#periodo,
table#periodo_2 {
    margin: 20px 0
}

.tabla-panel td {
    padding: .55rem !important
}

.hidden {
    display: none
}

.qtip-content {
    background-color: #C2D500 !important;
    font-weight: 700 !important;
    font-size: 14px !important
}

.campo-resumen,
p#suma,
p.servicio-pvp,
p.titulo-recuadro {
    font-weight: 700
}

.cip-genpw-icon {
    display: none !important
}

.col-izqda>p>i {
    font-size: 14px;
    color: #66cdaa;
    position: relative;
    top: -1px
}

button.close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    opacity: 1;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    -webkit-box-shadow: -7px 7px 20px -5px rgba(0, 0, 0, .75);
    -moz-box-shadow: -7px 7px 20px -5px rgba(0, 0, 0, .75);
    box-shadow: -7px 7px 20px -5px rgba(0, 0, 0, .75)
}

.modal-header {
    background-color: #c2d500
}

.col-izqda-2 {
    width: 10% !important
}

.col-dcha-2 {
    width: 90% !important
}

table#periodo {
    width: auto !important
}

.row.ventajas li:before,
ul.ultimas-entradas li img {
    margin-right: 10px;
    float: left
}

table#pago td {
    padding: 10px
}

table#periodo td {
    padding-left: 0
}

p#suma {
    border-top: #000 thin solid;
    font-size: 24px
}

span.modales {
    cursor: pointer;
    text-decoration: underline
}

.ficha-mapa a,
a.item-link {
    text-decoration: none !important
}

p.servicio-descripcion {
    font-size: 14px
}

table#tabla-servicios tbody tr:hover {
    background-color: rgba(194, 213, 0, .5);
    cursor: pointer
}

table#tabla-servicios tbody tr.servicio-seleccionado {
    background-color: #c2d500
}

.row.ventajas ul {
    list-style: none;
    font-size: 25px
}

.row.pasos ul {
    list-style: outside
}

.row.ventajas li:before {
    content: "►";
    display: block;
    width: 1.2em;
    color: #C2D500;
    font-size: 12px;
    margin-top: 10px
}

.imagen-como {
    width: 100%;
    margin-bottom: 20px !important
}

.row.pasos h3 {
    text-transform: none
}

.formulario-contacto input,
.formulario-contacto textarea {
    width: 100% !important
}

.ficha-mapa a {
    color: #C2D500 !important
}

li.menu-activo>a {
    color: #c2d500 !important
}

a.item-link {
    color: #4d4d4d !important
}

ul.ultimas-entradas a {
    color: #000;
    font-weight: 100
}

.btn-prestaciones {
    border: 2px solid white;
    color: white !important;
    margin-top: 37px;
}

.btn-prestaciones:hover {
    background-color: #c2d500;
    color: black !important;
}

cd-hero__slider__card--light {
    background-color: #fff !important;
}

#toc_container {
    background: #f1f1f1;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%
}

#toc_container p.toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0
}

#toc_container p.toc_title+ul.toc_list {
    margin-top: 1em
}

#toc_container a {
    color: #553fb0;
    font-weight: normal;
}

#toc_container ul ul {
    margin-left: 1.5em;
}

.contenedor-reserva label {
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    display: block;
    margin-inline-start: 0;
    margin-inline-end: 0
}

.contenedor-reserva label span {
    font-family: 'Open Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-transform: lowercase;
    color: #000
}

@media (max-width:768px) {
    .contenedor-reserva label span {
        font-size: 30px !important
    }

    .center-on-mobile {
        float: none !important;
    }
}

/* FORMULARIO LATERAL CENTROS */
.wpcf7 {
    border: 1px solid black;
    border-radius: 2px;
    padding: 15px;
}

/* MAPA KEEPY CENTROS */
ul.ficha-mapa>li>a>h5 {
    background: #c2d500;
    padding: 5px;
}

.leer-mas {
    background-color: #c2d500
}

button.leer-mas:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f068";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

button.leer-mas.collapsed:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.zoomhover:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.10);
    transition-timing-function: ease-in;
    transition: 0.5s
}

@media only screen and (max-width:960px) {
    .responsive-col {
        display: block !important
    }

    h5.text-center.font-weight-bold.m-3 {
        font-size: 1.15rem
    }
}

div.splite_sideEnquiry {
    border: 1px solid #999;
    cursor: pointer;
    padding: 10px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    z-index: 1001;
    background: #c2d500;
    font-weight: 700;
    color: #fff;
    font-size: 18px
}

@media (max-width:600px) {
    .metodos-pagos {
        width: 55% !important;
    }

    div.splite_sideEnquiry.pos_right:after {
        /*content:url(../img/phone-call-movil.png)!important;width:40px;height:40px;padding:3px*/
    }

    div.splite_sideEnquiry {
        border: 1px solid #999;
        cursor: pointer;
        padding: 10px;
        position: fixed;
        text-align: center;
        text-decoration: none;
        z-index: 1001;
        background: #c2d500;
        font-weight: 700;
        color: #fff;
        font-size: 12px !important
    }
}

div.splite_sideEnquiry.pos_right:after {
    /*content:url(../img/phone-call.png);width:40px;height:40px*/
}

div.splite_sideEnquiry.pos_right {
    right: 2px !important;
    bottom: 0;
    border-radius: 5px 5px 0 0
}

#navbar-menu-centros li {
    display: block;
    margin-bottom: 0;
    width: max-content;
    padding: 0px 5px 0px 5px;
}

ul#navbar-menu-centro {
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    background-color: #c2d500
}

ul.ficha-mapa {
    white-space: normal !important;
}

ul#navbar-menu-centros {
    font-weight: 700;
    background-color: #c2d500;
    color: #000;
    font-size: 16px;
    left: 100%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.dropdown.centros a {
    color: #000
}

li.dropdown.centros {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    list-style: none
}

ul {
    list-style: none;
}

@media screen and (max-width:600px) {
    .action-bar {
        display: none
    }

    .hide-on-movil {
        display: none;
    }

    .hide-on-destopkt {
        display: block;
    }

    .hide-on-destopkt-content {
        display: contents;
    }

    .navbar-brand img {
        position: absolute;
        top: -5px
    }

    .login {
        margin-top: -3px !important;
        margin-left: 5px;
    }

    .navbar-brand {
        margin-right: 0 !important;
        height: 55px;
        width: 130px
    }
    #selector-centro .hide-on-destopkt-content a p{
        font-size: 12px;
    }
    #selector-centro{
        margin-bottom:35px;
    }
}

@media only screen and (min-width:600px) {
    #movil-navbar-responsive {
        display: none
    }

    .hide-on-movil {
        display: block;
    }

    .hide-on-destopkt {
        display: none;
    }

    .hide-on-destopkt-content {
        display: none;
    }
    .promociones{
        display: none;;
    }
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/></svg>")
}

.carousel-control-next,
.carousel-control-prev {
    top: 20px !important;
    bottom: auto !important
}

@media only screen and (max-width:601px) {
    .promociones-desktop{
        display: none;;
    }
    .contenedor-item-home .icon-home {
        max-width: 4rem;
    }
    .desktop-version{
        display: none;
    }
    .responsive-version{
        display: flex!important;
        align-items: center;
        justify-content: center;
    }
}

/*.desktop-version{
        display: block;
}*/

.responsive-version{
        display: none;
}
#selector-centro .row .col-md-4:nth-child(3) h5::before,
#selector-centro .row .col-md-4:nth-child(4) h5::before{
    content: "Málaga - ";
}
#selector-centro .row .col-md-4:nth-child(2) h5::after{
    content: " - San Luis";
}