@font-face{font-family:'din_lightregular';src:url(../fonts/din_light_regular-webfont.woff2) format("woff2"),url(../fonts/din_light_regular-webfont.woff) format("woff");font-weight:400;font-style:normal}
body{margin:0;padding:0;background:#F3DBD5;color:#000;font-weight:300;font-family:'din_lightregular'}
.wrap{width:100%;display:inline-block;overflow:hidden}
.container{width:80%!important}
p{font-size:16px;margin:5px 0}
h3{text-align:center;color:#f0557c;margin:0 0 30px;font-size:40px}
.navbar-inverse .navbar-toggle{border-color:#f0557c;background:#f0557c}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#fff}
.navbar-inverse .navbar-toggle:focus .icon-bar,.navbar-inverse .navbar-toggle:hover .icon-bar{background-color:#f0557c}
nav.navbar{background: transparent;border:none}
section{padding:0 0 50px}
#home section{padding:60px 0}
section#banner{padding:0}
#inicio img{-webkit-border-top-right-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-topright: 60px;
-moz-border-radius-bottomleft: 60px;
border-top-right-radius: 60px;
border-bottom-left-radius: 60px;}
header .logo{width:100px;margin-left:50%;padding:20px 0}
header .logo img{width:80%;margin:0 auto;display:block}
.breadcumb ul{display: flex;flex-direction: row;width: 100%;list-style-type: none;padding: 0;}
.breadcumb ul li{list-style: none}
.breadcumb ul li a{color:#f0557c}
.flecha{margin: 0 5px}
#banner{background: url(../img/banner-quietud.jpg) right no-repeat;min-height:600px;background-size:cover;padding:0}
.navbar-inverse .navbar-nav>li>a{color:#000;font-size:18px;font-weight:300}
.navbar-inverse .navbar-nav>li>a.active{color:#f0557c}
.navbar-inverse .navbar-nav>li>a:hover{color:#f0557c;text-decoration:none}
.navbar-inverse .navbar-nav>li>a.active:hover{color:#f0557c}
.nav.navbar-nav{margin-top:2%;margin-left:  5%}
#banner h1{text-align:center;padding:0;margin:0}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#f0557c;padding: 0}
#banner h1 img{display:block;width: auto;padding-top:0;margin: 7% 0 0 16%;z-index: 99;max-width: 300px}
.info-text{text-align:center}
.info-text p:nth-of-type(1){font-size:40px;margin-top:15%;line-height:40px;color:#f0557c}
.info-text p{margin:40px 0}
a.btn-leer{color:#000;padding:10px 20px;margin:20px auto 0;text-align:center;border-radius:5px;border:1px solid #000;display:block;width:150px;transition:.3s}
a.btn-leer:hover{text-decoration:none;background:#f0557c;color:#fff;border-color:#f0557c;transition:.3s}
.info{width:88%;margin:-90px auto 0;display:block;text-align:center;position:relative;background:#fff;padding:0 20px}
#horarios .info p:nth-of-type(1){font-size:36px;color:#f0557c;padding:10px 0}
/*#horarios .info p:nth-of-type(2){font-size:30px;color:#f0557c}*/
#horarios .info ul{margin:0 0 40px;padding:0}
#horarios .info ul li{list-style:none;margin:10px 0;font-size:16px}
#nosotros{position:relative}
#nosotros .info-text{padding:0 30px}
#nosotros .info-text strong{color:#f0557c}
#nosotros img{width:80%;-ms-transform:rotate(7deg);-webkit-transform:rotate(7deg);transform:rotate(7deg)}
#centro .info{width:70%;padding-top:30px;margin-top:-30px;padding-bottom: 30px}
#centro img{margin:0 auto}
#centro.page-tratamiento .info{width:90%;padding-top:0;margin-top:0px}
#centro .info p:nth-of-type(1){font-size:20px;width:88%;margin:0 auto;background:#fff;padding:0 10px;text-transform:uppercase;color:#f0557c}
#centro p.title-site{font-size:27px;width:100%;margin:0 auto;padding:10px 0 30px;text-transform:uppercase;color:#f0557c;text-align: center}
#centro .info article{margin:20px 0}
/*#centro .info article:before{display: block;
    content: " ";
    height: 60px;
    width: 100%;
    background: url(../img/logo-negro-sin-bajada-2025.png) center no-repeat;
    background-size: contain;}*/
#centro .info article p:nth-of-type(1){margin-top:0;margin-bottom:0;font-size:20px;padding-bottom:0;padding-top:20px}
#centro .nav-tabs{margin-top:30px}
#centro .nav-tabs li{width:33%}
#centro .nav-tabs li a{color:#000}
#centro .nav-tabs>li.active>a,#centro .nav-tabs>li.active>a:focus,#centro .nav-tabs>li.active>a:hover{color: #fff;
    cursor: default;
    background-color: #f0557c;
    border: 1px solid #ddd;
    border-bottom-color: transparent;}
#centro .nav>li>a:focus,#centro .nav>li>a:hover{text-decoration:none;background-color:rgba(240,85,124,.1)}
#centro .tab-content{padding-top:20px}
#centro .tab-content .tab-pane .contenido-centros{display: flex;flex-direction: row;flex-wrap: wrap;}
#centro .tab-content .caja-contenedora{position: relative;
    padding: 10px;
    width: 100%;
    margin: 0;
    padding: 0;justify-content: stretch;    display: flex;
    border: 1px solid rgba(240,85,124,.7);flex-direction: column;margin-bottom: 15px;}
#centro .tab-content .caja-contenedora .interior{    /* padding: 0 10px; */
    text-align: left;
    position: relative;
    /* min-height: 600px; */
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    /* align-items: center; */
    justify-content: stretch;
    /* align-content: center; */
    padding: 5px 0 }
#centro .tab-content .caja-contenedora img{ display: block;
    margin: 0;
    padding: 5px;
    height: auto;
    width: 300px;}
    .informacion-tratamiento{width: 50%;
    /* border-left: 1px solid #000; */
    padding: 0 10px;
    display: flex;
    align-items: center;
    text-align: center;
    border-right: 1px solid rgba(240,85,124,.7);    flex-direction: column;
    justify-content: center;}
#centro .tab-content .caja-contenedora p.titulo-tr{    background: #f0557c;
    margin: 0;
    padding: 2px 0;
    font-size: 20px;
    text-align: center;
    text-transform: none;
    width: 100%;
    color: #fff;}
#centro .tab-content .caja-contenedora .interior ul{text-align:left}
#centro .tab-content .caja-contenedora .informacion-tratamiento p{    text-transform: none;
    font-size: 14px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    color: #222;
    font-weight: 700}
#centro .tab-content .caja-contenedora .interior .valores{    /* margin-top: 10px; */
    /* position: absolute; */
    /* bottom: 2%; */
    /* left: 5%; */
    /* right: 5%; */
    width: 30%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;}
#centro .tab-content .caja-contenedora .interior .valores ul{text-align:center}
#centro .tab-content .caja-contenedora .interior .valores ul li{width:100%;text-align:center}
#centro .tab-content .caja-contenedora .valores p:nth-of-type(1){text-decoration:underline;text-transform:none}
#centro .tab-content .caja-contenedora .interior .valores .btn{display:block;margin:10px auto 0;background:#f0557c;color:#fff;border-color:#f0557c}
#centro .tab-content .caja-contenedora .interior .valores .btn:hover{background:#dd4e72}
#contacto img{margin:0 auto;display:block}
form .btn-enviar{display:block;margin-top:20px;background:#f0557c;color:#fff}
.contenedor-formulario p:nth-of-type(1){font-size:20px;color:#f0557c;text-align:center}
form .servicios label{width:100%}
footer{width:100%;display:block;padding-bottom:10px}
footer .made-by{float:left;color:#f0557c;font-size:12px}
footer .made-by i{font-size:10px}
footer .made-by a{color:#222}
footer ul{float:right}
footer a i{color:#f0557c;font-size:18px!important}
form{position:relative}
form span.formulario_error{color:red}
#respuesta{text-align:center}
#respuesta p{color:#fff;background:#f0557c;margin-top:20px;padding:5px;color:#fff;display:block;width:100%;font-size:14px}
#respuesta img{margin:0 auto;display:block}
.caja-boton p{text-align:center;margin:10px 0}
.caja-boton .btn{width:47%;margin:0 1%;border-color:#f0557c;background:#f0557c;color:#fff}
.caja-boton.solo .btn{width:90%;margin:0 5%}
.caja-boton .btn:hover{color:#000}
.modal-dialog{width: 550px;margin: 0 auto}
.modal-dialog img{height: auto;
    width: 100%;
    margin: 0 auto;}
    .caja-contenedora.no-disponible .interior:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.6);
}
.caja-contenedora.no-disponible .interior:before {
    content: "No disponible";
    position: absolute;
    display:block;
    top:35%;
    left:40%;
    z-index:2;
    font-size:20px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:5px 20px;
   
}
    .caja-contenedora.no-temporada .interior:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.6);
}
.caja-contenedora.no-temporada .interior:before {
    content: "Fuera de temporada";
    position: absolute;
    display:block;
    top:35%;
    left:40%;
    z-index:2;
    font-size:20px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:5px 20px;
   
}
@media (max-width:1199px) {
.container{width:90%}
}
@media (max-width:992px) {
.container{width:100%!important}
#centro .info{width: 95%;margin: 0 auto;padding: 10px;}
.info-text{margin-bottom:20px}
}
@media (max-width:767px) {
    .informacion-tratamiento {
    width: 100%;    border: none;}
    #centro .tab-content .caja-contenedora img {
    width: 100%;}
    .caja-contenedora.no-disponible .interior:before {
    left: 30%;}
section{padding:20px 0}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{position:absolute;background: #fff;width:100%;z-index:99}
p{font-size:16px}
ul li{font-size:16px}
#centro .tab-content .caja-contenedora p{font-size:16px}
#centro .tab-content .caja-contenedora .interior ul{margin-top:5px}
#home .navbar-inverse .navbar-toggle{margin-top:5%}
header .logo img{width:100px;margin:10px auto;display:block}
#home section{min-height:400px}
#banner{min-height:auto}
.contenedor-formulario{margin-bottom:40px}
.navbar-inverse .navbar-toggle{margin-top:-50px}
header .logo{width:100%;margin-left:0;padding:0;float:left}
#horarios .info{width:80%;margin:-80px auto 0;padding:10px 20px}
#horarios .info p:nth-of-type(1){font-size:20px}
#centro .info p:nth-of-type(1){font-size:20px;width:100%;margin:0;padding:20px 0;text-align:center}
#horarios .info p:nth-of-type(2){font-size:20px}
.info{width:100%;margin:0}
#inicio .info-text{margin-bottom:30px}
#banner h1 img{padding-top:0;width:120px;margin: 0;display:  block;float: right}
.info{padding:0}
#centro .nav-tabs li {
    font-size: 16px;
    line-height: 20px;}
#centro .nav-tabs li a{padding:10px 0;    padding: 10px 0;
    line-height: 16px;}
#centro .tab-content .caja-contenedora{margin: 0 auto 10px auto;}
#centro .tab-content .caja-contenedora .interior{min-height:0;    flex-direction: column;}
#centro .tab-content .caja-contenedora .interior .valores{position:relative;width: 100%;    justify-content: flex-start;
    align-items: center;    flex-direction: row;}
.info-text{margin-bottom:0}
.info-text p:nth-of-type(1){font-size:30px;margin-top:5%}
#centro.page-tratamiento .info{width:100%;padding-top:0;margin-top:-10px}
#centro .tab-content .caja-contenedora .valores p:nth-of-type(1) {
    text-decoration: underline;
    text-transform: none;
    padding: 0;
    width: 50%;font-size: 18px;}
    #centro .tab-content .caja-contenedora .interior .valores ul {
    text-align: center;
    width: 50%;}
    #centro .tab-content .caja-contenedora p.titulo-tr {
    font-size: 18px;}
}
@media (max-width:544px) {
#horarios .info{width:90%;margin-top:-50px}
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff}
.modal-backdrop.in {
    opacity: .5}
    .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2)}
    .modal-content {
    border: none;width: 550px;margin: 0 auto}

@media (max-width:544px) {
    .modal-dialog{margin-top: 0;width: 90%}
    .modal-content{width: 90%}
}