*{
	margin: 0; padding: 0;}
body{
	font-family: 'Oxygen'; font-weight: 400; font-size: 1.2em; line-height: 1.6em; color: #444; 
	border-bottom: 5px solid #5b7c6b; padding-bottom: 20px;}
img a, a, a img{
	text-decoration: none;}
#imagen img, .duo img, .duo2 img{
	width: 100%; height: auto; display: block;}
.neg{
	font-weight: bold;}
.noneg, .noneg strong{
	font-weight: normal;}
#menu ul li{
	list-style-type: none; text-align: center;}
#menu ul li a{
	color: #555; padding: 20px 0; display: block; font-size: 1.2em; font-weight: 300;}
#menu ul li a:hover{
	color: #aaa;}
#menu ul .v a{
	border-bottom: 2px solid #ddd;}
.fotos img{
	width: 100%; height: auto; display: block;}
p{
	margin: 10px 0;}
h3{
	font-size: 26px; margin-top: 30px; color: #5b7c6b;}
h5{
	font-size: 30px; margin-bottom: 20px;}
h4{
	font-weight: normal; font-size: 16px; color: #5b7c6b;}
.texto{
	text-align: center; max-width: 700px; margin: 100px auto;}
#plazos{
	text-align: center; background: #5b7c6b; color: #fff; width: 420px; 
	margin: 0 auto 100px auto; padding: 30px; font-size: 1.2em;
	font-family: 'Raleway';}
.presu{
	font-size: 30px; font-weight: 600;}
.plazos{
	font-size: 55px; font-family: 'Playfair Display'; border-bottom: 1px solid #fff;
	line-height: 50px; padding-bottom: 15px;}
.consulta{
	text-align: center; background: #5b7c6b; color: #fff; 
	margin: 0 auto 100px auto; padding: 30px; font-size: 1.2em;
	font-family: 'Raleway';}
.destacado{
	text-align: center; font-family: 'Raleway'; font-size: 1.2em; color: #5b7c6b; 
	margin-bottom: 100px;}
.gris{
	background: #efefef; padding: 4% 0; margin: 5% 0 0 0;}
.t-kaizen, .t-clover{
	border: 1px solid #5b7c6b; padding-bottom: 20px; margin-top: 40px;}
.t-kaizen p, .t-clover p{
	margin: 0;}
.tel a{
	display: block; color: #444; font-size: 1.4em; padding: 5px; margin-top: 20px; }
.mail a{
	display: block; color: #444; padding: 5px; }
.tel a:hover, .mail a:hover{
	color: #5b7c6b;}
.horario{
	margin-top: 60px; display: block;}
.icono{
	display: inline-table; vertical-align: middle;}
.app a{
	color: #444; display: inline-table; padding: 5px; vertical-align: middle;}
footer{
	border-top: 1px solid #CCC; padding-top: 30px;}
.datos{
	font-size: 0.9em;}
address{
	font-style: normal; display: inline;}	
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.7em; width: 220px;}
#aviso a{
	color: #444; display: inline-block; padding: 5px 0;}
.pie {
	width: 170px;}
.pie a:hover img{
	opacity: 0.7; filter: grayscale(100%);}
.contacto a{
	display: block; padding: 5px 20px; width: 120px; border: 1px solid #5b7c6b; color: #5b7c6b;
	text-align: center; font-size: 15px; }
.contacto a:hover{
	background: #5b7c6b; color: #fff;}
iframe{
	border: none; width: 100%; display: block;}

@media only screen 
and (max-width : 530px){
.pantalla, .tablet, .what, .banner .centrar p{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo, .texto {
	margin: 0 20px;}
.texto{
	margin-top: 70px;}
.texto, .duo, .duo2{
	font-size: 1em;}
.tercio, .doble img, .vertical, .duos{
	margin-bottom: 20px; }
.tercio .dos-f{
	margin-top: 6%;}
.gris .todo {
	margin: 0 35px;}
.banner .centrar{
	height: 100px;}
.l-clover{
	width: 35%; float: left; text-align: center;}
.l-clover img{
	width: 55%; height: auto; max-width: 100px; margin: 10px 0;}
.l-kaizen{
	width: 60%; float: right; text-align: center;}
.l-kaizen img{
	width: 80%; height: auto; max-width: 170px;}
#menu{
	width: 90%; font-size: 1.1em; margin: 5% 5% 0 5%; clear: both; padding-top: 5%;}
.banner p{
	font-size: 20px !important;}
.texto img{
	width: 180px; height: auto;}
.texto .t-kaizen img, .texto .t-clover img{
	width: 30px; height: auto;}
h5{
	font-size: 22px;}
h2{
	line-height: 30px; font-weight: 300; margin-bottom: 20px; color: #aaa;
	font-size: 28px; margin-top: 30px;}
.duo, .duo2{
	width: 90%; margin: 50px auto; text-align: center !important;}
.destacado{
	margin: 40px 40px 100px 40px; font-size: 1.1em;}
#plazos{
	width: 100%; font-size: 1em; margin-top: 40px;}
.presu{
	font-size: 18px; }
.plazos{
	font-size: 40px; line-height: 40px; }
.consulta{
	padding: 20px; font-size: 1em;}
.t-clover{
	width: 90%; margin: 0 auto; font-size: 0.9em;}
.t-kaizen{
	width: 90%; margin: 20px auto 0 auto; font-size: 0.9em;}
.datos, #aviso, .pie{
	margin: 0 auto; text-align: center;}
#aviso, .pie{
	margin-top: 30px;}
iframe{
	height: 300px;}
.ok{
	margin: 40px 100px;}
}

@media only screen 
and (min-width : 531px)
and (max-width : 780px) {
.pantalla, .movil, .banner .centrar p{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo, .texto{
	margin: 0 30px;}
.banner .centrar{
	height: 140px;}
.texto{
	margin-top: 70px;}
.fotos{
	margin: 50px auto;}
.duo, .duo2{
	width: 90%; margin: 50px auto; text-align: center !important;}
.tercio{
	width: 31%; float: left; margin: 1%; }
.tercio .dos-f{
	margin-top: 6%;}
.doble .mitad-iz{
	width: 48%; margin: 3% 4% 0 0; float: left;}
.doble .mitad-der{
	width: 48%; margin: 3% 0 0 0; float: left;}
.vertical{
	width: 29%; float: left; margin: 1%;}
.c-vertical{
	width: 65.3%; float: left;  margin: 1% 0 1% 1.5%;}
.doble{
	width: 64%; float: left;  margin: 1% 0 1% 1%;}
.duos{
	width: 47.5%; float: left;  margin: 1%;}
.gris .todo {
	margin: 0 35px;}
.l-clover{
	width: 50%; float: left; text-align: center;}
.l-clover img{
	height: 100px; width: auto; margin: 15px 0;}
.l-kaizen{
	width: 50%; float: right;}
.l-kaizen img{
	height: 120px; width: auto; margin: 10px 0;}
#menu{
	width: 90%; font-size: 0.7em; margin: 4% 5% 0 5%; clear: both;}
#menu ul li{
	float: left; width: 24%;}
#menu ul .uno{
	width: 16%}
#menu ul .dos{
	width: 35%}
.banner p{
	font-size: 20px !important;}
h2{
	line-height: 32px; font-weight: 300; margin-bottom: 20px; color: #aaa;
	font-size: 30px; margin-top: 30px;}
h5{
	font-size: 28px;}
.destacado{
	margin: 100px 40px; font-size: 1.1em;}
#plazos{
	width: 400px; font-size: 1em; margin-top: 60px;}
.presu{
	font-size: 22px; }
.plazos{
	font-size: 45px; line-height: 45px; }
.consulta{
	padding: 30px; font-size: 1.1em;}
.t-clover{
	width: 60%; margin: 0 auto; font-size: 0.9em;}
.t-kaizen{
	width: 60%; margin: 20px auto 0 auto; font-size: 0.9em;}
.datos{
	width: 50%; float: left;}
#aviso{
	width: 50%; float: left; margin-top: 10px;}
.pie{
	float: right;}
iframe{
	height: 450px;}
.ok{
	margin: 40px 100px;}
}

@media only screen 
and (min-width : 781px)
and (max-width : 999px) {
.movil, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
.tercio{
	width: 31%; float: left; margin: 1%; }
.tercio .dos-f{
	margin-top: 6%;}
.doble .mitad-iz{
	width: 48%; margin: 3% 4% 0 0; float: left;}
.doble .mitad-der{
	width: 48%; margin: 3% 0 0 0; float: left;}
.vertical{
	width: 29%; float: left; margin: 1%;}
.c-vertical{
	width: 65.3%; float: left;  margin: 1% 0 1% 1.5%;}
.doble{
	width: 64%; float: left;  margin: 1% 0 1% 1%;}
.duos{
	width: 47.5%; float: left;  margin: 1%;}
.gris .todo {
	margin: 0 35px;}
.l-clover{
	width: 30%; float: left; text-align: center; margin-left: 20%;}
.l-kaizen{
	width: 20%; float: right; text-align: center; margin-right: 20%;}
.l-clover img{
	height: 85px; width: auto; margin-top: 15px;}
.l-kaizen img{
	height: 100px; width: auto; margin-top: 10px;}
#menu{
	width: 90%; font-size: 0.9em; margin: 2% 5% 0 5%; clear: both; padding-top: 30px;}
#menu ul li{
	float: left; width: 24%;}
#menu ul .uno{
	width: 16%}
#menu ul .dos{
	width: 35%}
.banner p{
	font-size: 20px !important;}
.duo, .duo2{
	width: 90%; margin: 50px auto; text-align: center !important;}
h2{
	line-height: 36px; font-weight: 300; margin-bottom: 20px; color: #aaa;
	font-size: 34px; margin-top: 30px;}
#plazos{
	width: 400px; font-size: 1em;}
.presu{
	font-size: 22px; }
.plazos{
	font-size: 45px; line-height: 45px; }
.destacado{
	margin: 40px;}
.t-clover{
	width: 47%; float: left;}
.t-kaizen{
	width: 47%; float: right;}
.horario{
	clear: both;}
.datos{
	width: 50%; float: left;}
#aviso{
	width: 50%; float: left; margin-top: 10px;}
.pie{
	float: right;}
iframe{
	height: 550px;}
}
@media only screen 
and (min-width : 1000px)
and (max-width : 1299px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 50px;}
.gris .todo {
	margin: 0 35px;}
.l-clover{
	width: 120px; float: left;}
.l-kaizen{
	width: 200px; float: right;}
.l-clover img{
	height: 100px; width: auto; margin-top: 10px;}
.l-kaizen img{
	height: 120px; width: auto;}
#menu{
	width: 60%; float: left; font-size: 0.9em; margin: 4% 2% 0 2%;}
#menu ul li{
	float: left; width: 24%;}
#menu ul li a{
	font-size: 1.1em;}
#menu ul .uno{
	width: 16%}
#menu ul .dos{
	width: 35%}
.banner p{
	font-size: 20px !important;}
h2{
	font-size: 45px; line-height: 50px; font-weight: 300; margin-bottom: 20px; color: #aaa;}
#plazos{
	width: 400px; font-size: 1em;}
.presu{
	font-size: 22px; }
.plazos{
	font-size: 45px; line-height: 45px; }
.duo, .duo2{
	margin: 0; font-size: 0.9em;}
.duo .izdo{
	width: 40%; float: left; margin: 0 5%;}
.duo .dcho{
	width: 50%; float: right;}	
.duo2 .izdo{
	width: 50%; float: left;}
.duo2 .dcho{
	width: 40%; float: right; margin: 0 5%;}
.duo h2, .duo2 h2{
	margin-top: 6%; font-size: 36px; line-height: 40px;}
.vertical{
	width: 28.2%; float: left; margin: 2%;}
.c-vertical{
	width: 63.7%; float: left;  margin: 2% 0 2% 2%;}
.duos{
	width: 46%; float: left;  margin: 2%;}
.t-clover{
	width: 47%; float: left;}
.t-kaizen{
	width: 47%; float: right;}
.horario{
	clear: both;}
.datos{
	width: 50%; float: left;}
#aviso{
	width: 50%; float: left; margin-top: 10px;}
.pie{
	float: right;}
iframe{
	height: 600px;}
}
@media only screen 
and (min-width : 1300px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 1200px; margin: 0 auto;}
.todo {
	margin: 0 50px;}
.gris .todo {
	margin: 0 35px;}
.l-clover{
	width: 120px; float: left;}
.l-kaizen{
	width: 200px; float: right;}
.l-clover img{
	height: 100px; width: auto; margin-top: 10px;}
.l-kaizen img{
	height: 120px; width: auto;}
#menu{
	width: 660px; float: left; font-size: 0.9em; margin: 4% 0 0 5%;}
#menu ul li{
	float: left; width: 24%;}
#menu ul .uno{
	width: 16%}
#menu ul .dos{
	width: 35%}
h2{
	font-size: 45px; line-height: 50px; font-weight: 300; margin-bottom: 20px; color: #aaa;}
.duo, .duo2{
	margin: 0 100px;}
.duo .izdo{
	width: 45%; float: left;}
.duo .dcho{
	width: 50%; float: right;}	
.duo2 .izdo{
	width: 50%; float: left;}
.duo2 .dcho{
	width: 45%; float: right; margin: 0 0 0 5%;}
.duo h2, .duo2 h2{
	margin-top: 10%;}
.vertical{
	width: 28.2%; float: left; margin: 2%;}
.c-vertical{
	width: 63.7%; float: left;  margin: 2% 0 2% 2%;}
.duos{
	width: 46%; float: left;  margin: 2%;}
.t-clover{
	width: 47%; float: left;}
.t-kaizen{
	width: 47%; float: right;}
.horario{
	clear: both;}
.datos{
	width: 50%; float: left;}
#aviso{
	width: 50%; float: left; margin-top: 10px;}
.pie{
	float: right;}
iframe{
	height: 690px;}
}