@font-face {
    font-family: Quicksand;
    src: url(../fonts/Quicksand-Light.woff2),
         url(../fonts/Quicksand-Light.woff),
		 url(../fonts/Quicksand-Light.ttf);
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Quicksand;
    src: url(../fonts/Quicksand-SemiBold.woff2),
         url(../fonts/Quicksand-SemiBold.woff),
		 url(../fonts/Quicksand-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Quicksand;
    src: url(../fonts/Quicksand-Regular.woff2),
         url(../fonts/Quicksand-Regular.woff),
		 url(../fonts/Quicksand-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
*{	margin: 0; padding: 0;}
body{ font-family: 'Quicksand', sans-serif;  font-size: 19px; line-height: 1.7em; color: #515577; background: #fefffa;
font-weight: 400;}
img a, a, a img{
	text-decoration: none;}
#imagen img{ width: 100%; }
img{height: auto;}
.neg{ font-weight: bold;}
.noneg{	font-weight: normal;}
#cabecera .whatsapp{width: 40px; height: 40px; padding: 10px; display: block; position: absolute; top: 0; right: 0;}
#cabecera{z-index: 10;}
#menu ul li{ list-style-type: none; text-align: center;}
.presentacion{text-align: center; font-size: 20px; line-height: 2em;}
#logo, .logo{position: relative; width: 300px;}
#logo img, .logo img{position: relative;}
#logo .membrete, .logo .membrete{color: #00218c; position: absolute; margin-top: -30px; margin-left: 114px; font-size: 14px;
font-family: Verdana, Geneva, sans-serif;}
p{	margin: 8px 0; }
.duo ul{color: #353a63; margin-left: 20px;}
h1{margin-top: 100px; font-size: 34px; line-height: 40px; color: #00218c;}
h2{font-size: 1.3em; }
.presentacion h2, .presentacion .sub{color: #00218c;}
.presentacion h2, .duo .izdo h3, .presentacion .sub{
	text-transform: uppercase; font-size: 15px; line-height: 25px; margin: 10px 0 30px 0; display: block;}
.presentacion{width: 90%; max-width: 900px;}
.presentacion .boton a{margin-bottom: 100px;}
.frase{ font-size: 28px; line-height: 38px; color: #64ad86;}
.fondo{background: #ebf5f1; padding: 100px 0;}
.fondo .duo{text-align: center;}
.m-doble{margin: 100px 0;}
.m-bottom{margin: 0 0 100px 0;}
.m-top{margin: 100px 0 0 0;}
.b-30{margin-bottom: 30px;}
.fondo h2{font-size: 20px;}
.fondo .destacado{
	font-size: 29px; margin: 0 auto; width: 90%; max-width: 900px; color: #fff; text-align: center; line-height: 40px;}
.fondo .gran{font-weight: 300; font-size: 40px; line-height: 50px;}
.fondo ul{margin: 20px 0 0 20px;}
.preguntas .tit{ font-weight: 300; font-size: 40px; line-height: 50px; color: #64ad86; }
.preguntas h5{ font-size: 20px; margin-top: 50px;}
.duo .texto ul span{text-transform: uppercase; font-weight: 600;}
.boton a{border: 2px solid #8bc4aa; border-radius: 30px; margin: 40px auto;
	padding: 10px 20px; display: block; text-align: center; width: 180px; color: #64ad86; font-size: 17px;}
.boton a:hover{color: #fff; background: #64ad86; border: 2px solid #64ad86;}
footer .boton a{width: 95px; border: 2px solid #64ad86; background: #64ad86; color: #fff;}
footer .boton a:hover{ border: 2px solid #00218c; background: #00218c; 
	-webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.foto img{width: 100%; display: block; max-width: 850px;}
.circles img{border-radius: 50%; width: 250px; margin-bottom: 20px;}
.circles h2 span{display: block; font-size: 1.3em; line-height: 1.8em; text-transform: uppercase;}
.bus{margin: 30px auto 100px auto; font-size: 0.9em; color: #3870e0; line-height: 27px;}
.bus span{width: 22px; height: 18px; display: inline-block; color: #fff; background: #3870e0; border-radius: 2px; font-size: 14px; font-weight: 600; padding-top: 4px; line-height: 14px; margin-right: 3px; text-align: center;}
.bus .verde{width: 30px; background: forestgreen; margin-right: 7px;}
.cita{margin-top: 60px;}
.tel{display: block; padding: 10px 0; color: #00218c; font-size: 38px;}
.tel:hover{color: #64ad86;}
.cita .whatsapp{vertical-align: middle; display: flex; color: #2f9b02; font-size: 20px; font-weight: 600; 
	padding: 10px 0; margin-top: 20px;}
.cita .whatsapp:hover{color: #444;}
.cita .whatsapp img{margin-right: 10px;}
.instalaciones img{width: 100%; margin: 0 0 100px 0;}
.duo .googlemaps .boton a{margin-top: 20px;}
.fondo2{ margin-bottom: 100px; padding: 5px 0; background: #515577; color: #fff; 
	text-align: center; letter-spacing: 2px; font-size: 16px; text-transform: uppercase;}
footer{	font-size: 15px; background: #efefef; color: #00218c; padding-top: 70px;}
footer .logo{width: 300px;}
footer .izdo img{width: 300px;}
footer h4{font-size: 14px; padding-left: 100px; text-align: center; text-transform: uppercase}
address{ font-style: normal; display: inline; font-size: 1.1em;}	
.borra{	clear: both;}
#aviso{ font-size: 14px;}
#aviso a{ color: #00218c; display: inline-block; padding: 10px 0;}
iframe{	border: none; width: 100%;}
.top a{display: block; width: 35px; height: 35px; padding: 15px 10px 5px 10px; border-radius: 50%; background: #fff; }
.top a:hover img{opacity: 0.5;}
.ocu{margin-top: 30px;}


@media only screen 
and (max-width : 480px){
	.pantalla, .tablet, footer .logo-horizontal, #logo .logo-horizontal, .duo .ocu{	display: none;}
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 25px;}
	.presentacion{margin: 0 auto;}
	#logo{ margin: 80px auto 20px auto; width: 210px; text-align: center;}
	#logo .membrete { margin-top: 0; margin-left: auto; position: relative;}
	#menu ul{ padding: 40px 0; }
	#cabecera nav strong{height: 50px; margin-bottom: 40px;}
	#cabecera nav ul li a { font-size: 18px;}
	p, .duo ul li, .fondo ul li{font-size: 17px; line-height: 33px;}
	h1 { margin-top: 70px; font-size: 30px; line-height: 38px;}
	.presentacion h2, .duo .izdo h3, .presentacion .sub { font-size: 14px;}
	.presentacion{width: 90%;}
	.duo ul{font-size: 17px; line-height: 28px;}
	.duo ul li{ margin-top: 5px;}
	.duo .m-top{margin: 0;}
	.fondo{padding: 70px 0;}
	.fondo .todo{margin: 0 30px;}
	.fondo .duo .izdo, .instalaciones .izdo{width: 86%; max-width: 500px; margin: 100px auto 0 auto; float: none;}
	.fondo .duo .dcho, .instalaciones .dcho{width: 86%; max-width: 500px; margin: 60px auto 100px auto; float: none;}
	.fondo .duo .izdo{margin-top: 10px;}
	.fondo .duo .dcho{margin-bottom: 10px;}
	.instalaciones img{margin: 0;}
	.circles img { width: 200px;   }
	.circles h2 span, h2 { font-size: 22px;}
	.duo .izdo .texto{ text-align: center;}
	.duo .izdo .texto ul{display: inline-table; text-align: left; max-width: 500px; margin: 0 auto;}
	.duo .izdo .texto ul span{display: block;}
	.duo .izdo .texto ul li{margin-left: 20px;}
	.duo .izdo .texto .boton a{ margin: 20px auto 40px auto;}
	.duo .dcho.foto{width: 100%; margin: 100px auto 20px auto;}
	.pediatria .duo{margin: 70px 0;}
	.pediatria .duo .dcho.foto { margin: 30px auto 0 auto;}
	.listados-n .todo{width: 90%; max-width: 500px; margin: 0 auto;}
	.cv .m-top{margin-top: 130px;}
	.duo .foto-cv{width: 100%; margin-top: 40px;}
	.duo .foto-cv img{width: 60%; max-width: 300px; margin: 0 auto; display: block;}
	.frase { font-size: 22px; line-height: 35px;}
	.fondo .destacado { font-size: 22px; max-width: 500px;}
	.foto1{background: url("../imagenes/fondo-foto1.jpg") no-repeat center center; background-size: cover; padding: 190px 0;}
	.foto2{background: url("../imagenes/fondo-foto2.jpg") no-repeat right center; background-size: cover; padding: 180px 0;}
	.foto3{background: url("../imagenes/fondo-foto3.jpg") no-repeat right center; background-size: cover; padding: 180px 0;}
	.foto4{background: #fff url("../imagenes/fondo-bebe-m.jpg") no-repeat center bottom; background-size: 100% auto; 
		padding-bottom: 65%;}
	.preguntas{ text-align: center;}
	.preguntas .tit, .fondo .gran { font-weight: 300; font-size: 36px;}
	.bus{text-align: center;}
	footer{text-align: center;}
	footer .izdo{width: 185px; margin: 0 auto;}
	footer .izdo img, footer .logo{width: 185px;}
	footer .logo .membrete { margin-top: 0; margin-left: auto; position: relative;}
	footer h4{padding-left: 0;}
	footer .centro{width: 300px; margin: 30px auto; }
	footer .dcho{width: 160px; margin: 0 auto;}
	footer .boton a{font-size: 16px; margin: 80px auto; }
	footer #aviso .movil{line-height: 10px; height: 2px; display: block;}
	.top a{position: fixed; right: 10px; bottom: 165px; z-index: 1; box-shadow: 0px 0px 10px #ccc;}
}
@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
	.pantalla, .movil, footer .logo-horizontal, #logo .logo-vertical, .duo .ocu{ display: none;}
	footer .movil{display: block;}
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 50px;}
	.presentacion{margin: 0 auto;}
	#cabecera .todo{margin: 0;}
	#cabecera nav strong{height: 50px; margin-bottom: 40px;}
	#logo{ margin: 80px auto 20px auto;}
	#menu nav ul li a{ padding: 20px 10px;}
	p, .duo ul li, .fondo ul li{font-size: 17px; line-height: 33px;}
	.presentacion{width: 90%;}
	.duo ul{font-size: 17px; line-height: 28px;}
	.duo ul li{ margin-top: 5px;}
	.duo .m-top{margin: 0;}
	.fondo .todo{margin: 0 30px;}
	.fondo .duo .izdo, .instalaciones .izdo{width: 86%; max-width: 500px; margin: 100px auto 0 auto; float: none;}
	.fondo .duo .dcho, .instalaciones .dcho{width: 86%; max-width: 500px; margin: 60px auto 100px auto; float: none;}
	.fondo .duo .izdo{margin-top: 10px;}
	.fondo .duo .dcho{margin-bottom: 10px;}
	.instalaciones img{margin: 0;}
	.circles img { width: 200px;   }
	.duo .izdo .texto{ text-align: center;}
	.duo .izdo .texto ul{display: inline-table; text-align: left; max-width: 500px; margin: 0 auto;}
	.duo .izdo .texto ul span{display: block;}
	.duo .izdo .texto ul li{margin-left: 20px;}
	.duo .izdo .texto .boton a{ margin: 20px auto 40px auto;}
	.duo .dcho.foto{width: 100%; max-width: 500px; margin: 100px auto 40px auto;}
	.pediatria .fondo .todo{width: 80%; max-width: 500px; margin: 0 auto;}
	.cv .m-top{margin-top: 130px;}
	.duo .foto-cv{width: 100%; margin-top: 40px;}
	.duo .foto-cv img{width: 50%; margin: 0 auto; display: block;}
	.frase { font-size: 22px; line-height: 35px;}
	.fondo .destacado { font-size: 22px; max-width: 500px;}
	.foto1{background: url("../imagenes/fondo-foto1.jpg") no-repeat center center; background-size: 100% auto; padding: 190px 0;}
	.foto2{background: url("../imagenes/fondo-foto2.jpg") no-repeat right center; background-size: cover; padding: 180px 0;}
	.foto3{background: url("../imagenes/fondo-foto3.jpg") no-repeat right center; background-size: cover; padding: 180px 0;}
	.foto4{background: #fff url("../imagenes/fondo-bebe-tt.jpg") no-repeat center bottom; background-size: 100% auto; 
		padding-bottom: 53%;}
	.preguntas{ text-align: center;}
	.preguntas .todo{margin: 0 80px;}
	.preguntas .tit, .fondo .gran { font-weight: 300; font-size: 36px;}
	.bus{text-align: center;}
	footer{text-align: center;}
	footer .izdo{width: 185px; margin: 0 auto;}
	footer .izdo img, footer .logo{width: 185px;}
	footer .logo .membrete { margin-top: 5px; margin-left: auto; position: relative;}
	footer h4{padding-left: 0;}
	footer .centro{width: 300px; margin: 30px auto; }
	footer .dcho{width: 160px; margin: 0 auto;}
	footer .boton a{font-size: 16px; margin: 80px auto; }
	footer #aviso .movil{line-height: 10px; height: 2px; display: block;}
	.top a{position: fixed; right: 10px; bottom: 165px; z-index: 1; box-shadow: 0px 0px 10px #ccc;}
	.cita .whatsapp{margin: 20px auto; width: 145px;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 999px) {
	.movil, .tablet, footer .logo-horizontal, #logo .logo-vertical{ display: none;}
	footer .movil{display: block;}
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 60px;}
	.presentacion{margin: 0 auto;}
	#logo{ margin: 80px auto 20px auto;}
	#menu{	width: 640px; margin: 0 auto;}
	#menu ul li{ float: left;}
	p{font-size: 18px; line-height: 33px;}
	.presentacion{width: 80%;}
	.duo ul{font-size: 17px; line-height: 28px;}
	.duo ul li{ margin-top: 5px;}
	.duo .m-top{margin: 0;}
	.fondo .todo{margin: 0 30px;}
	.duo .izdo .texto{ text-align: left;}
	.duo .izdo .texto ul{display: inline-table; text-align: left; max-width: 500px; margin: 0 auto;}
	.duo .izdo .texto ul span{display: block;}
	.duo .izdo .texto ul li{margin-left: 20px;}
	.duo .izdo .texto .boton a{ margin: 20px auto 40px auto;}
	.duo .dcho.foto{width: 48%; margin: 100px auto 40px auto;}
	.listados-n .todo{width: 500px; margin: 0 auto;}
	.cv .m-top{margin-top: 100px; }
	.duo .foto-cv{width: 100%; margin-top: 40px;}
	.duo .foto-cv img{width: 100%; max-width: 360px; margin: 0 auto; display: block;}
	.frase { font-size: 25px; line-height: 38px;}
	.fondo .destacado { font-size: 25px; max-width: 500px;}
	.foto1{background: url("../imagenes/fondo-foto1.jpg") no-repeat center center; background-size: 100% auto; padding: 190px 0;}
	.foto2{background: url("../imagenes/fondo-foto2.jpg") no-repeat center center; background-size: 100% auto; padding: 180px 0;}
	.foto3{background: url("../imagenes/fondo-foto3.jpg") no-repeat center center; background-size: 100% auto; padding: 180px 0;}
	.foto4{background: #fff url("../imagenes/fondo-bebe-t.jpg") no-repeat center bottom; background-size: 100% auto; 
		padding-bottom: 45%;}
	.preguntas{ text-align: center;}
	.preguntas .todo{margin: 0 80px;}
	.preguntas .tit, .fondo .gran { font-weight: 300; font-size: 36px;}
	.bus{text-align: center;}
	footer{text-align: center;}
	footer .izdo{width: 185px; margin: 0 auto;}
	footer .izdo img, footer .logo{width: 185px;}
	footer .logo .membrete { margin-top: 5px; margin-left: auto; position: relative;}
	footer h4{padding-left: 0;}
	footer .centro{width: 300px; margin: 30px auto; }
	footer .dcho{width: 160px; margin: 0 auto;}
	footer .boton a{font-size: 16px;}
	.top a{position: fixed; right: 10px; bottom: 90px; z-index: 1;}
	footer .movil{display: none;}
	.contacto .duo .izdo{width: 100%; float: none;}
	.contacto .duo .dcho{width: 70%; float: none;}
	.contacto .duo .izdo .texto{ text-align: center;}
	.duo .izdo, .instalaciones .izdo{width: 48%; float: left;}
	.duo .dcho, .instalaciones .dcho{width: 48%; float: right;}
	.duo .foto-cv img{margin-top: 130px;}
	.cita .whatsapp{margin: 20px auto; width: 145px;}
}
@media only screen 
and (min-width : 751px)
and (max-width : 850px) {
	.fondo .duo .izdo, .instalaciones .izdo{width: 80%; max-width: 500px; margin: 100px auto 0 auto; float: none;}
	.fondo .duo .dcho, .instalaciones .dcho{width: 80%; max-width: 500px; margin: 60px auto 100px auto; float: none;}
	.instalaciones img{margin: 0;}
	.circles img { width: 200px;    }
}
	
@media only screen 
and (min-width : 1000px){ 
	.movil, .tablet, footer .logo-vertical, #logo .logo-vertical{ display: none;}
	.container { width: 90%; margin: 0 auto;}
	.todo {	margin: 0 50px;}
	.presentacion{margin: 0 auto;}
	#logo{ float: left; margin: 20px 0;}
	#menu{	width: 640px; float: right;}
	#menu ul li{ float: left;}
	.duo .izdo, .instalaciones .izdo{width: 48%; float: left;}
	.duo .dcho, .instalaciones .dcho{width: 48%; float: right;}
	.duo .m-top{margin: 0;}
	.fondo .duo .izdo{width: 40%; margin: 0 5%;}
	.fondo .duo .dcho{width: 40%; margin: 0 5%;}
	.duo .izdo .texto{margin-right: 10%;}
	.duo .dcho .texto{margin-left: 10%;}
	.duo .boton a{margin: 40px 0;}
	.duo .solo{width: 40%; margin: 0 auto;}
	.cv .m-top{margin-top: 200px;}
	.duo .foto-cv img{width: 450px; margin: 0 auto; display: block;}
	.foto1{background: url("../imagenes/fondo-foto1.jpg") no-repeat center center; 
		background-attachment: fixed; background-size: cover; padding: 250px 0;}
	.foto2{background: url("../imagenes/fondo-foto2.jpg") no-repeat center center; 
		background-attachment: fixed; background-size: cover; padding: 250px 0;}
	.foto3{background: url("../imagenes/fondo-foto3.jpg") no-repeat center center; 
		background-attachment: fixed; background-size: cover; padding: 250px 0;}
	.foto4{background: url("../imagenes/fondo-bebe.jpg") no-repeat right center; background-size: cover; 
		padding: 100px  25% 200px 0;}
	.tel{font-size: 42px;}
	footer .izdo{width: 50%; float: left;}
	footer .centro{width: 30%; float: left; margin-top: 5px;}
	footer .dcho{width: 160px; float: right; }
	.top a{position: fixed; right: 20px; bottom: 90px; z-index: 1;}
}
@media only screen 
and (min-width : 1000px)
and (max-width : 1399px) {
	.circles .container, #cabecera .container { width: 100%; margin: 0 auto;}
	.circles .container .todo{margin: 0;}
	.f-embarazo{margin-top: 80px;}
	p{font-size: 18px; }
	.duo ul{font-size: 17px; line-height: 28px;}
	.duo ul li{ margin-top: 5px;}
	footer address{font-size: 15px;}
	footer .izdo{width: 44%;}
	footer .centro{width: 34%;}
	footer .boton a{font-size: 16px;}
}
@media only screen 
and (min-width : 1150px){ 
.b-bus, .duo .ocu{display: none;}
}
@media only screen 
and (min-width : 1290px){ 
h1{font-size: 40px; line-height: 45px;}
}
@media only screen 
and (min-width : 1400px){ 
h1{font-size: 40px; line-height: 45px;}
.duo .m-top{margin: 100px 0 0 0;}
h2{font-size: 1.5em; }
.preguntas .tit{ font-size: 50px;}
.foto4{background: url("../imagenes/fondo-bebe.jpg") no-repeat center center; background-size: 100% auto; 
		padding: 200px  25% 200px 0;}
}
@media only screen 
and (min-width : 1400px)
and (max-width : 1599px) {
.foto4{background: url("../imagenes/fondo-bebe.jpg") no-repeat center center; background-size: cover; 
		padding: 200px  25% 200px 0;}
.preguntas .tit { font-size: 45px; line-height: 55px;}
}
@media only screen 
and (min-width : 1400px)
and (max-width : 1699px) {
.duo .m-top {
    margin: 0 0 0 0;}
}