@font-face{
	font-family: Play;
    src: url(../fonts/Play-Bold.woff2),
         url(../fonts/Play-Bold.woff),
	     url(../fonts/Play-Bold.ttf);
    font-weight: 700; font-display: swap;}
@font-face{
	font-family: Play;
    src: url(../fonts/Play-Regular.ttf),
         url(../fonts/Play-Regular.woff),
	     url(../fonts/Play-Regular.ttf);
    font-weight: normal; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{
	font-family: Verdana, Geneva, sans-serif; font-size: 0.9em; line-height: 1.6em;	}
img{margin: 0; padding: 0; }
img a{
	text-decoration: none; border: none #fff;}
.neg{
	font-weight: bold;}
.noneg{
	font-weight: normal;}
.noneg strong{
	font-weight: normal;}
address{
	font-style: normal;}	
.borra{
	clear: both;}
#menu{
	text-align: center;}
#info{
	clear: both;}
.frase{
	font-family: 'Play', sans-serif; font-weight: 400; text-align:center; color: #00789d; display: block;}
.linea{
	height: 20px; border-bottom: 5px solid #6CC;}
.col1{
	background: #00989D; font-family: 'Play', sans-serif;}
h3{
	color: #622181; font-weight: 400; display: block;}
.mat{
	margin: 20px 0 0 0;}
.col2 h3{
	margin: 30px 0 5px 0;}
h4{
	color: #622181;	font-weight: 400;	font-size: 14px;	margin: 25px 0 5px 0;}
#abj{
	margin: 0 0 40px 0;}
#exp, #for{
	padding: 5px 0 5px 20px;	background: url(../imagenes/fondo-verde80.png) repeat;	font-family: 'Play', sans-serif;	
	font-size: 1.1em;	color: #fff;}
#cita{
	text-align: center;	font-size: 1.1em;	margin: 0 0 20px 0;}
#top li a{
	text-decoration: none;	display: block;}
#top{
	font-size: 0.8em;}
#face{
	width: 40px;	float: left;}
#google{
	width: 40px;	float: right; display: none;}
#top #idiomas ul li a{
	padding: 10px 0;	color: #ccc;}
#top #idiomas ul li a:hover, 
#top #idiomas ul .id a{
	color: #622181;}
#redesd #face a{
	background: url("../imagenes/facebook.jpg") no-repeat;	text-indent: -999em;	display: block;	height: 40px;}
#redesd #google a{
	background: url("../imagenes/google.jpg") no-repeat;	text-indent: -999em;	display: block;	height: 40px;}
#redesd #face a:hover{
	background: url("../imagenes/facebook-hover.jpg") no-repeat;}
#redesd #google a:hover{
	background: url("../imagenes/google-hover.jpg") no-repeat;}
.avisos a{
	padding: 30px 5px 0 5px; display: inline-block; font-size: 0.9em; color: #fff;	opacity: 0.6; text-decoration: none;}
.texto-aviso{
	margin-bottom: 80px; }
.texto-aviso h2{
	font-size: 1.1em; margin-top: 40px;}
#telefono{ padding-left: 30px;}
#intel a{text-decoration: none; color:  #fff; display: block; padding: 15px 0;}
.mapa{background: url("../imagenes/mapa.jpg") no-repeat left top; padding: 200px 0; margin-bottom: 100px;}
.mapa .boton a{display: block; width: 200px; padding: 10px 0; background: #00989d; color: #fff; text-align: center;
margin: 0 auto; text-decoration: none; font-size: 0.8em;}

	
@media only screen 
and (max-width : 530px){
#container {
	width: 100%;}
#todo {
	margin: 0 20px 0 20px;
	background: #fff;}
#cabecera{
	padding: 20px 0 0 0;
	border-bottom: 5px solid #622181;}
#cabecera img{
	width: 100%;
	height: auto;}
#menu{
	font-size: 1.0em;}
#menu ul{
	margin: 0;}
#menu ul li{
	list-style-type: none;
	width: 100%;}
#menu ul li a{
	padding: 8px 0px 8px 0px;
	margin:  0 0 0 0;
	text-decoration: none;
	color: #fff;
	display: block;
	background: #00989d;}
#menu ul li a:hover{
	background: #1b768a;}
#menu nav ul .v a{
	background: #005d71;}
#menu nav ul .rpgv a{
	background: #005d71;}
#telefono{
	font-size: 25px;
	text-align:center;
	color: #fff;
	background: #814d9a;
	display: block;}
#intel{
	width: 300px;
	margin: 0 auto;
	background: url(../imagenes/telefono.png) no-repeat 30px 10px;}
#pres{
	border: #00989d 1px solid;
	padding: 20px;}
#info p{
	margin: 10px 0 0 0;}
#info li{
	margin: 10px 0 0 20px;}
#info ul ul li{
	margin: 0;}
.sub{
	font-size: 0.8em;
	display: block;
	margin: 0 0 0 30px;}
.niv{
	font-size: 0.8em;
	display: block;
	margin: 0 0 0 60px;}
.frase{
	font-size: 20px;
	line-height: 30px;
	padding: 30px 0 30px 0;
	}
#gral{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #3C9;
	text-align: justify;}
.col1{
	font-size: 1.1em;
	padding: 20px;
	color: #fff;}
.col1 img{
	width: 100%;
	height: auto;}
.col2{
	width: 100%;
	margin: 20px 0 20px 0;}
.col2 h2{
	color: #005d71;
	font-family: 'Play', sans-serif;
	font-weight: 400;
	font-size: 20px;}
.col2 img{
	width: 100%;
	height: auto;}
#faldon{
	background: #622181;
	color: #fff;
	padding: 10px 0 20px 0;
	text-align: center;}
#faldon h2{
	font-size: 10px;
	font-weight: 400;}
.verde{
	color: #00989d; font-weight: bold; font-family: 'Play', sans-serif; font-size: 1.2em; display: block;	}
h1{
	color: #622181; font-size: 25px; font-family: 'Play', sans-serif; padding: 15px 0 0 0;	}
h2{
	font-size: 20px;}
.col2 img{
	margin: 20px 0 0 0;}
.dir{
	display: block;}
.guion{
	display: none;}
#mapagoogle{
	display: none;}
#mapamovil img{
	width: 100%; height: auto;}
#mapamovil a{
	padding: 10px 0 30px 0; text-decoration: none; font-size: 0.8em; display: block;}
#marco{
	padding: 150px 0 10px 0;
	background: url(../imagenes/verduras.jpg) no-repeat top center;
	background-size: 200px auto;}
.fisioterapia{
	background: url(../imagenes/fisioterapia.jpg) no-repeat center bottom;
	background-size: 180px auto; padding: 0 0 280px 0;}
#info .col2 ul .fis{
	margin: 10px 0 0 20px;}
#idiomas{
	width: 150px; float: left;}
#redes{
	width: 90px; float: right;}
#top{
	padding: 0;}
#top #idiomas li{
	width: 70px; float: left; list-style-type: none;}
.sig{
	display: none;}
#redesi{
	width: 70px; float: left; padding: 10px 0 0 0;}
#redesd{
	width: 50px; float: right;}
#logomovil img{
	width: 50%; height: auto; margin: 0 0 0 25%;}
#logo{
	display: none;}
#cita h3{
	font-size: 1em;}
}





@media only screen 
and (min-width : 531px)
and (max-width : 650px) {
#container {
	width: 100%;}
#todo {
	margin: 0 20px 0 20px;
	background: #fff;}
#cabecera{
	padding: 20px 0 0 0;
	border-bottom: 5px solid #622181;}
#cabecera img{
	width: 100%;
	height: auto;}
#menu{
	font-size: 1.0em;}
#menu ul{
	margin: 0;}
#menu ul li{
	list-style-type: none;
	width: 50%;
	float: left;}
#menu ul li a{
	padding: 8px 0px 8px 0px;
	margin:  0 0 0 0;
	text-decoration: none;
	color: #fff;
	display: block;
	background: #00989d;}
#menu ul li a:hover{
	color: #005d71;}
#menu nav ul .v a{
	color: #005d71;}
#menu nav ul .rpgv a{
	color: #005d71;}
#telefono{
	font-size: 26px; text-align:center; color: #fff; background: #814d9a; display: block;}
#intel{
	width: 300px; margin: 0 auto; background: url(../imagenes/telefono.png) no-repeat 20px 13px; background-size: 15px auto;}
#info p{
	margin: 10px 0 0 0;}
#info li{
	margin: 10px 0 0 20px;}
#info ul ul li{
	margin: 0;}
.sub{
	font-size: 0.8em; display: block; margin: 0 0 0 30px;}
.niv{
	font-size: 0.8em; display: block; margin: 0 0 0 60px;}
.frase{
	font-size: 20px;
	line-height: 30px;
	padding: 30px 60px;	}
#gral{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #3C9;
	text-align: justify;}
.col1{
	font-size: 1.1em;
	padding: 20px;
	color: #fff;}
.col1 img{
	width: 100%;
	height: auto;}
.col2{
	width: 100%;
	margin: 20px 0 20px 0;}
.col2 h2{
	color: #005d71;
	font-family: 'Play', sans-serif;
	font-weight: 400;
	font-size: 20px;}
.col2 img{
	width: 100%;
	height: auto;}
#faldon{
	background: #622181;
	color: #fff;
	padding: 10px 0 20px 0;
	text-align: center;}
#faldon h2{
	font-size: 10px;
	font-weight: 400;}
.verde{
	color: #00989d;
	font-weight: bold;
	font-family: 'Play', sans-serif;
	font-size: 1.2em;
	display: block;	}
h1{
	color: #622181;
	font-size: 25px;
	font-family: 'Play', sans-serif;
	padding: 30px 0 0 0;	}
h2{
	font-size: 20px;
	margin: 20px 0 0 0;}
.col2 img{
	margin: 20px 0 0 0;}
.dir{
	display: block;}
.guion{
	display: none;}
#mapagoogle{
	padding: 20px 0 20px 0;}
#mapagoogle iframe{
	width: 100%;
	height: 400px;}
#mapamovil{
	display: none;}
#marco{
	padding: 0 150px 10px 0;
	background: url(../imagenes/verduras.jpg) no-repeat right center;
	background-size: 150px auto;}
.fisioterapia{
	background: url(../imagenes/fisioterapia2.jpg) no-repeat right bottom;}
#info .col2 ul .fis{
	margin: 10px 0 0 20px;}
#idiomas{
	width: 200px;
	float: left;}
#redes{
	width: 160px;
	float: right;}
#top{
	padding: 10px 0 0 0;}
#top #idiomas li{
	width: 70px;
	float: left;
	list-style-type: none;}
#redesi{
	width: 70px;
	float: left;
	padding: 10px 0 0 0;}
#redesd{
	width: 50px;
	float: right;}
#logomovil{
	display: none;}
#cabmovil{
	display: none;}
.mapa{background-size: 120% auto; padding: 100px 0}}

@media only screen 
and (min-width : 651px)
and (max-width : 999px) {
#container {
	width: 100%;}
#todo {
	margin: 0 50px;
	background: #fff;}
#cabecera{
	padding: 20px 0 0 0;
	border-bottom: 5px solid #622181;}
#cabecera img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;}
#menu{
	font-size: 0.9em;
	background: #00989d;}
#menu ul{
	margin: 0;}
#menu ul li{
	list-style-type: none;
	width: 33.3%;
	float: left;}
#menu ul li a{
	padding: 8px 0px 8px 0px;
	margin:  0;
	text-decoration: none;
	color: #fff;
	display: block;
	background: #00989d;}
#menu ul li a:hover{
	color: #005d71;}
#menu nav ul .v a{
	color: #005d71;}
#menu nav ul .rpgv a{
	color: #005d71;}
#telefono{
	font-size: 28px;
	text-align:center;
	background: #814d9a;
	color: #fff;
	display: block;}
#intel{
	width: 300px;
	margin: 0 auto;
	background: url(../imagenes/telefono.png) no-repeat 20px 5px;}
#gral{
	padding: 0 50px;}
#info p{
	margin: 10px 0 0 0;}
#info li{
	margin: 10px 0 0 20px;}
#info ul ul li{
	margin: 0;}
.sub{
	font-size: 0.8em;
	display: block;
	margin: 0 0 0 30px;}
.niv{
	font-size: 0.8em;
	display: block;
	margin: 0 0 0 60px;}
.frase{
	font-size: 20px;
	line-height: 30px;
	padding: 30px 120px;	}
#gral{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #3C9;
	text-align: justify;}
.col1{	font-size: 1.1em;
	padding: 20px;
	color: #fff;}
.col1 img{
	width: 60%;
	height: auto;
	margin: 0;}
#fdo p{
	width: 60%;}
#fdo{
	background: #00989d url(../imagenes/fondo.png) no-repeat right center;}
.col2{
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0 0 30px 0;}
.col2 h2{
	color: #005d71;
	font-family: 'Play', sans-serif;
	font-weight: 400;
	font-size: 20px;}
.col2 img{
	width: 100%;
	height: auto;}
#faldon{
	background: #622181;
	color: #fff;
	padding: 5px 0 20px 0;
	text-align: center;}
#faldon h2{
	font-size: 10px;
	font-weight: 400;}
.verde{
	color: #00989d;
	font-weight: bold;
	font-family: 'Play', sans-serif;
	font-size: 1.2em;
	display: block;	}
h1{
	color: #622181;
	font-size: 25px;
	font-family: 'Play', sans-serif;
	padding: 30px 0 0 0;	}
h2{
	font-size: 20px;
	margin: 30px 0 0 0;}
.col2 img{
	margin: 20px 0 0 0;}
.dir{
	display: block;}
.guion{
	display: none;}
#mapagoogle{
	padding: 20px 0 20px 0;}
#mapagoogle iframe{
	width: 100%;
	height: 400px;}
#mapamovil{
	display: none;}
#marco{
	padding: 0 140px 10px 0;
	background: url(../imagenes/verduras.jpg) no-repeat right center;
	background-size: 120px auto;}
.fisioterapia{
	background: url(../imagenes/fisioterapia.jpg) no-repeat right bottom;}
#info .col2 ul .fis{
	margin: 10px 210px 0 20px;}
#idiomas{
	width: 200px; float: left;}
#redes{
	width: 160px; float: right;}
#top{
	padding: 10px 0 0 0;}
#top #idiomas li{
	width: 70px; float: left; list-style-type: none;}
#redesi{
	width: 70px; float: left; padding: 10px 0 0 0;}
#redesd{
	width: 50px;
	float: right;}
#logomovil{
	display: none;}
#cabmovil{
	display: none;}
}
@media only screen 
and (min-width : 1000px){ 
body{
	background: #D5E7CC url(../imagenes/degradado.jpg) repeat-x top;}
#container {
	width: 1000px; margin: 0 auto; background-color: #FFF;	}
#todo {
	margin: 0 40px 0 40px;}
#cabecera{
	padding: 10px 0 0 0;
	border-bottom: 5px solid #622181;}
#cabecera img{
	margin: 0;}
#menu{
	font-size: 13px;}
#menu ul{
	margin: 0;}
#menu ul li{
	list-style-type: none; float: left; width: 15%;}
#menu ul li a{
	padding: 8px 0 5px 0; margin:  0 0 0 0; text-decoration: none;
	color: #fff; display: block; background: #00989d;}
#menu ul li a:hover{
	background: #1b768a;}
#menu nav ul .v a{
	background: #005d71;}
#menu nav ul .rpg{
	width: 25%;}
#menu nav ul .rpgv{
	width: 25%;}
#menu nav ul .rpgv a{
	background: #005d71;}
#telefono{
	width: 251px; float: right; margin: 0; font-size: 30px; text-align:center; color: #fff;
	background: #814d9a url(../imagenes/telefono.png) no-repeat 20px 15px; display: block;}
#info p{
	margin: 20px 0 0 0;}
#info li{
	margin: 10px 0 0 20px;}
#info ul ul li{
	margin: 0 0 0 40px;}
#info .me li{
	margin: 2px 0 0 20px;}
.sub{
	font-size: 0.8em; line-height: 1.5em; display: block;}
.frase{
	font-size: 28px; line-height: 35px; padding: 30px 220px 20px 220px;	}
#gral{
	margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #3C9; text-align: justify;}
.col1{
	width: 240px; float: left; font-size: 1.1em; padding: 20px 20px 50px 20px; color: #fff;}
#exp, #for{
	width: 240px; float: left;}
.salud{
	font-size: 2.2em; line-height: 0.8em; display: block; text-align: right; margin: 0 20px 0 0;}
.col2{
	width: 580px; float: right; margin: 0 20px 0 0;}
.col2 h2{
	color: #005d71; font-family: 'Play', sans-serif; font-weight: 400; font-size: 22px;}
#faldon{
	background: #622181; color: #fff; padding: 10px 0 20px 0; text-align: center;}
#faldon h2{
	font-size: 10px; font-weight: 400;}
.verde{
	color: #00989d; font-weight: bold; font-family: 'Play', sans-serif; font-size: 1.2em; display: block;	}
h1{
	color: #622181; font-size: 30px; font-family: 'Play', sans-serif; padding: 30px 0 0 0;	}
h2{
	font-size: 20px;}
.col2 img{
	margin: 30px 0 0 0;}
#mapagoogle{
	padding: 30px 0 20px 0;}
#mapamovil{
	display: none;}
#marco{
	padding: 0 220px 30px 0; background: url(../imagenes/verduras.jpg) no-repeat right center;}
.fisioterapia{
	background: url(../imagenes/fisioterapia.jpg) no-repeat right bottom;}
#info .col2 ul .fis{
	margin: 10px 210px 0 20px;}
#idiomas{
	width: 200px; float: left;}
#redes{
	width: 160px; float: right;}
#top{
	padding: 10px 0 0 0;}
#top #idiomas li{
	width: 70px; float: left; list-style-type: none;}
#redesi{
	width: 70px; float: left; padding: 10px 0 0 0;}
#redesd{
	width: 50px; float: right;}
#logomovil{
	display: none;}
#cabmovil{
	display: none;}
.esq1{
	margin: 45px 0 0 0;}
.esq2{
	margin: 15px 0 0 0;}
}

@media only screen 
	and (min-width : 1460px){ 
#container {
	width: 1300px; margin: 0 auto; background-color: #FFF;	font-size: 1.2em; line-height: 1.9em;}
#todo {
	margin: 0 80px;}
	#cabecera img, .col1 img {   width: 100%; height: auto;}
	#menu {  font-size: 15px; letter-spacing: 0.5px;}
		.frase {   font-size: 34px;  line-height: 45px;   padding: 90px 220px 60px 220px;}
	.col1 {    width: 300px;  font-size: 1.1em; padding: 40px 40px 140px 40px;}
	.col2 {    width: 650px; }
	.col2 h2 {    font-size: 30px;}
	h1 {    font-size: 40px;    padding: 40px 0 0 0;}
		
	#faldon h2 {   font-size: 13px; margin: 20px 0;}
	h3{font-size: 27px;}
	h4{font-size: 20px;}
	.salud {font-size: 2.2em;}
	.avisos{font-size: 14px;}
	#info li {    margin: 20px 0 0 20px;}
	.sub {    font-size: 0.9em;    line-height: 1.7em;}
	iframe{width: 100%; margin-bottom: 60px;}
	#cita {
    font-size: 1.3em; margin: 0 0 100px 0;}
}