@font-face {font-family: 'AEROE'; src: url('./fonts/AEROE.TTF') format('truetype'); font-style: normal; font-weight: normal;}
@font-face {font-family: 'AEROE2';src: url('./fonts/AEROEI.TTF') format('truetype');font-style: normal;font-weight: normal;}
@font-face {font-family: 'AEROE3';src: url('./fonts/AEROI.TTF') format('truetype');font-style: normal;font-weight: normal;}
@font-face {font-family: 'AEROE4';src: url('./fonts/AEASWFTE.TTF') format('truetype');font-style: normal;font-weight: normal;}
@font-face {font-family: 'AEROE5';src: url('./fonts/AEROL.TTF') format('truetype');font-style: normal;font-weight: normal;}
@font-face {font-family: 'AEROE6';src: url('./fonts/AEROLI.TTF') format('truetype');font-style: normal;font-weight: normal;}
@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');}

												
/*PANTALLAS 
 GRANDES 
 ORDENADORES
 * 
 * 
 * 
 * 
 * 
 * */
@media screen and (min-width: 1200px){
	/*BOTÓN MENU TODAS LAS PÁGINAS*/
	.menu {-webkit-filter: url("#shadowed-goo");filter: url("#shadowed-goo");}
	.menu-item {background: #035477;border-radius: 100%;width: 180px;height: 120px;margin-left: -80px;position: absolute;top: 20px;color: white;text-align: center;line-height: 50px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms;transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;text-decoration: none;padding-top: 40px;padding-bottom: 20px;}
	.menu-open-button {background: #035477; border-radius: 100%;width: 110px;height: 50px;margin-left: -50px;position: absolute;top: 42px;color: white;text-align: center;line-height: 50px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
	.menu-open {display: none;}
	.hamburger {width: 35px;height: 5px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -15.5px;margin-top: -1.5px;-webkit-transition: -webkit-transform 200ms;
		transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms;}
	.hamburger-1 {-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}
	.hamburger-2 {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.hamburger-3 {-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0);}
	.menu-open:checked + .menu-open-button .hamburger-1 {-webkit-transform: translate3d(0, 0, 0) rotate(45deg);transform: translate3d(0, 0, 0) rotate(45deg);}
	.menu-open:checked + .menu-open-button .hamburger-2 {-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);transform: translate3d(0, 0, 0) scale(0.1, 1);}
	.menu-open:checked + .menu-open-button .hamburger-3 { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);transform: translate3d(0, 0, 0) rotate(-45deg);}	
	.menu {position: relative;top: -100px;left: 50%;margin-left: -190px;padding-top: 20px;padding-left: 190px;width: 380px;height: 250px;box-sizing: border-box;font-size: 20px;text-align: left;z-index: 10;}
	.menu-item{opacity: 0.0;}
	.menu-item:hover {background: #FEFFE7;color: #ff4081;}
	.menu-item:nth-child(3) {-webkit-transition-duration: 70ms;transition-duration: 70ms;}
	.menu-item:nth-child(4) {-webkit-transition-duration: 130ms;transition-duration: 130ms;}
	.menu-item:nth-child(5) {-webkit-transition-duration: 190ms;transition-duration: 190ms;}
	.menu-item:nth-child(6) {-webkit-transition-duration: 250ms;transition-duration: 250ms;}
	.menu-item:nth-child(7) {-webkit-transition-duration: 310ms;transition-duration: 310ms;}
	.menu-open-button {z-index: 2;-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);transform: scale(1.1, 1.1) translate3d(0, 0, 0);cursor: pointer;}
	.menu-open-button:hover { -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0); transform: scale(1.2, 1.2) translate3d(0, 0, 0);	}
	.menu-open:checked + .menu-open-button { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms;
		-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);transform: scale(0.8, 0.8) translate3d(0, 0, 0);}
	.menu-open:checked ~ .menu-item {opacity: 1.0;-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);}
	.menu-open:checked ~ .menu-item:nth-child(3) {-webkit-transition-duration: 160ms;transition-duration: 160ms;-webkit-transform: translate3d(344.42548px, 11.48084px, 0);transform: translate3d(344.42548px, 11.48084px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(4) {-webkit-transition-duration: 240ms;transition-duration: 240ms;-webkit-transform: translate3d(177.18543px, 85.2491px, 0);transform: translate3d(177.18543px, 85.2491px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(5) {-webkit-transition-duration: 320ms;transition-duration: 320ms;-webkit-transform: translate3d(0.09158px, 124.99996px, 0);transform: translate3d(0.09158px, 124.99996px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(6) {-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-177.04956px, 85.37192px, 0);transform: translate3d(-177.04956px, 85.37192px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(7) {-webkit-transition-duration: 480ms;transition-duration: 480ms;-webkit-transform: translate3d(-344.40705px, 11.66307px, 0);transform: translate3d(-344.40705px, 11.66307px, 0);}
	
	/*ESTILOS DEL INDEX*/
	body {background-color: #B6CFDA; color: white; font-family: 'AFKCUERPO';}
	#cabecera {width:100%; text-align: center; background-color: white;}
	#logo {margin: 0 auto; width: 30%;}
	#global {background-color: #002E42;}
	#titulo {font-size: 3em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#encabezado {margin: 0 auto; width: 100%; text-align: center;}
	#descp1 {z-index: 20; height: 10px; width: 100%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; background-color: #035477; color: black; font-family: 'AFKCUERPO'; font-size: 20px; float: center;}
	#intro1 {display: inline-block; width: 25%; height: 20px; padding: 20px; margin: 0 auto; margin-left: 10px; margin-right: 10px;	margin-bottom: 20px; background-color: #B6CFDA;	box-shadow: 5px 5px 20px black; color: #035477;	float: center;}
	#intro1 i {font-size: 0.1em; opacity: 0; z-index:21; padding-top: 10px; padding-bottom: 10px;}
	#intro1:hover {display: inline-block; width: 25%; height: 165px; padding: 20px; margin: 0 auto; margin-left: 10px; margin-right: 10px;	margin-bottom: 20px; background-color: #B6CFDA;	box-shadow: 5px 5px 20px black; color: #035477;	float: center;}
	#intro1:hover i{font-size: 1em; opacity: 1; z-index:21; line-height : 0.8em; padding-top: 10px; padding-bottom: 10px;}
	#intro1 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#sobrefoto1{width: 30%; height: 2px; position: relative; top: 500px; left: 250px; text-align: left;	color: white;} 
	#sobrefoto1 b {font-family: 'AEROE5'; font-size: 50px; text-shadow: 5px 5px 10px black;}
	#cuadrocompromiso {margin: 0 auto; text-align: center; background-color: white; line-height : 1em; color: #035477; padding-bottom: 30px;}
	#titulocompromiso {margin-top: 20px; font-size: 2em; padding-top: 20px; font-family: 'AEROE5';}
	#compromiso {color: #035477; width: 100%; margin: 0 auto;}
	#icon1 {float: center; width:150px; display: inline-block;}
	#icon1 i {font-size:100px;}
	#contacto1 {margin: 0 auto; width: 100%; text-align: center; background-color: #002E42; color: white; line-height : 30px; font-size: 20px; padding-top: 50px;}
	
	/*ESTILOS DE CONTACTO.PHP*/
	#formulario {margin: 0 auto; text-align: center; width:100%;}
	#formulario div {float: center; display: inline-block; width:100%;}
	#h4edif {color: white; width: 80%; height: 20px; padding: 20px; margin: 0 auto; margin-top: 30px; background-color: #2A2A29; float: center;}
	#edfportasev {width:40%; height: 500px; padding-top:20px;}
	#iframemaps {width:40%; height:500px; padding-top:20px;}
	#imgcontacto {margin: 0 auto; margin-top: 20px; width:20%; float: center; display: inline-block;}				
	#login {margin: 0 auto;  margin-top: 20px; padding-top: 20px; padding-bottom: 30px; width:80%; color: white; background-color: #2A2A29; float: center; display: inline-block;}		
	label {font-size: 20px;}
	input{border: 1px solid #DCDCDC; font-size: 14px; margin-top: 10px; margin-bottom: 10px; width: 40%}					
	textarea{border: 1px solid #DCDCDC; font-size: 14px; height:120px; width: 40%; margin-top: 10px; margin-bottom: 10px;}
	input[type="submit"] {background: none repeat scroll 0 0 #DEDEDE; border: 1px solid #C6C6C6; font-size: 14px;}
	
	/*ESTILOS DE FAQS.HTML*/
	#imgfaqs {margin: 0 auto; margin-bottom: 50px; margin-top: 20px; width:40%; float: center; display: inline-block;}
	.faq-heading{ border-bottom: #777; padding: 20px 60px;}
	.faq-container{display: flex; justify-content: center; flex-direction: column; width:80%; margin: 0 auto;}
	.hr-line{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42;}
	.hr-line-fin{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42; margin-bottom: 50px;}
		/* Style the buttons that are used to open and close the faq-page body */
		.faq-page {/* background-color: #eee; */ color: #444; cursor: pointer; padding: 30px 20px; padding-right: 10%; padding-left: 10%; width: 80%; border: none; outline: none; transition: 0.4s; margin: auto;}
		.faq-body{padding: 10px 20px; padding-right: 10%; padding-left: 10%; width:80%; background-color: white; display: none; overflow: hidden; margin: auto; /* text-align: center; */ color: #035477;}
		/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
		.active,.faq-page:hover { background-color: #035477; color: white;}
		/* Style the faq-page panel. Note: hidden by default */			
		.faq-page:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px;}
		.active:after {content: "\2796";/* Unicode character for "minus" sign (-) */}
		
	/*ESTILOS DE NOSOTROS.HTML*/
	#global2 {padding-bottom: 10px; background-color: #002E42;}
	#descp2 {float: center; display: inline-block; z-index: 20; height: 600px; width: 30%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp3 {float: center; display: inline-block; z-index: 20; height: 600px; width: 30%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp4 {float: center; z-index: 20; height: 400px; width: 40%; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#intro2 {width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro2 i {font-size: 1em; opacity: 1; z-index:21;}
	#intro2 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#intro3 {width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro3 i {font-size: 1em; opacity: 1; z-index:21;}
	#intro3 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#reconocimiento {margin-bottom: 5px; margin-top: 20px; font-size: 1.5em; padding-top: 50px; font-family: 'AEROE5';}
	#cuadrocompromiso2 {margin: 0 auto; text-align: center; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; line-height : 1em; color: #035477; padding-bottom: 30px;}
	#trofeo {margin-left:5%; margin-right: 5%; margin: 0 auto;width:40%;}
	
	
	/*ESTILOS DE SERVICIOS.HTML*/
	#portalespublicos {padding-top: 20px; padding-bottom: 20px; width:100%; background-color: #B6CFDA; color: black; float: center;}
	#titportal {font-size: 2em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#logoidealista, #logofotocasa {width: 20%;}
	#imgservicios {width:60%;}

	
			.cuadro {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 25%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 1em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv {
			font-size: 0.8em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 1em; 
			height: 100%;
			}
	
		.cuadro2 {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 80%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 1em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv2 {
			font-size: 0.8em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 1em; 
			height: 100%;
			}
}



/*TAMAÑO 
 * 
 *MEDIO SIN COMPROBAR
 * 
 * 
 * */
@media screen and (min-width: 1024px) and (max-width: 1199px){
		/*BOTÓN MENU TODAS LAS PÁGINAS*/
	.menu {-webkit-filter: url("#shadowed-goo");filter: url("#shadowed-goo");}
	.menu-item {background: #035477;border-radius: 100%;width: 180px;height: 120px;margin-left: -80px;position: absolute;top: 20px;color: white;text-align: center;line-height: 50px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms;transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;text-decoration: none;padding-top: 40px;padding-bottom: 20px;}
	.menu-open-button {background: #035477; border-radius: 100%;width: 110px;height: 50px;margin-left: -50px;position: absolute;top: 42px;color: white;text-align: center;line-height: 50px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
	.menu-open {display: none;}
	.hamburger {width: 35px;height: 5px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -15.5px;margin-top: -1.5px;-webkit-transition: -webkit-transform 200ms;
		transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms;}
	.hamburger-1 {-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}
	.hamburger-2 {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.hamburger-3 {-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0);}
	.menu-open:checked + .menu-open-button .hamburger-1 {-webkit-transform: translate3d(0, 0, 0) rotate(45deg);transform: translate3d(0, 0, 0) rotate(45deg);}
	.menu-open:checked + .menu-open-button .hamburger-2 {-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);transform: translate3d(0, 0, 0) scale(0.1, 1);}
	.menu-open:checked + .menu-open-button .hamburger-3 { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);transform: translate3d(0, 0, 0) rotate(-45deg);}	
	.menu {position: relative;top: -100px;left: 50%;margin-left: -190px;padding-top: 20px;padding-left: 190px;width: 380px;height: 250px;box-sizing: border-box;font-size: 20px;text-align: left;z-index: 10;}
	.menu-item{opacity: 0.0;}
	.menu-item:hover {background: #FEFFE7;color: #ff4081;}
	.menu-item:nth-child(3) {-webkit-transition-duration: 70ms;transition-duration: 70ms;}
	.menu-item:nth-child(4) {-webkit-transition-duration: 130ms;transition-duration: 130ms;}
	.menu-item:nth-child(5) {-webkit-transition-duration: 190ms;transition-duration: 190ms;}
	.menu-item:nth-child(6) {-webkit-transition-duration: 250ms;transition-duration: 250ms;}
	.menu-item:nth-child(7) {-webkit-transition-duration: 310ms;transition-duration: 310ms;}
	.menu-open-button {z-index: 2;-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);transform: scale(1.1, 1.1) translate3d(0, 0, 0);cursor: pointer;}
	.menu-open-button:hover { -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0); transform: scale(1.2, 1.2) translate3d(0, 0, 0);	}
	.menu-open:checked + .menu-open-button { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms;
		-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);transform: scale(0.8, 0.8) translate3d(0, 0, 0);}
	.menu-open:checked ~ .menu-item {opacity: 1.0;-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);}
	.menu-open:checked ~ .menu-item:nth-child(3) {-webkit-transition-duration: 160ms;transition-duration: 160ms;-webkit-transform: translate3d(344.42548px, 11.48084px, 0);transform: translate3d(344.42548px, 11.48084px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(4) {-webkit-transition-duration: 240ms;transition-duration: 240ms;-webkit-transform: translate3d(177.18543px, 85.2491px, 0);transform: translate3d(177.18543px, 85.2491px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(5) {-webkit-transition-duration: 320ms;transition-duration: 320ms;-webkit-transform: translate3d(0.09158px, 124.99996px, 0);transform: translate3d(0.09158px, 124.99996px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(6) {-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-177.04956px, 85.37192px, 0);transform: translate3d(-177.04956px, 85.37192px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(7) {-webkit-transition-duration: 480ms;transition-duration: 480ms;-webkit-transform: translate3d(-344.40705px, 11.66307px, 0);transform: translate3d(-344.40705px, 11.66307px, 0);}
	
	/*ESTILOS DEL INDEX*/
	body {background-color: #B6CFDA; color: white; font-family: 'AFKCUERPO';}
	#cabecera {width:100%; text-align: center; background-color: white;}
	#logo {margin: 0 auto; width: 30%;}
	#global {background-color: #002E42;}
	#titulo {font-size: 3em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#encabezado {margin: 0 auto; width: 100%; text-align: center;}
	#descp1 {z-index: 20; height: 10px; width: 100%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; background-color: #035477; color: black; font-family: 'AFKCUERPO'; font-size: 20px; float: center;}
	#intro1 {display: inline-block; width: 25%; height: 20px; padding: 20px; margin: 0 auto; margin-left: 10px; margin-right: 10px;	margin-bottom: 20px; background-color: #B6CFDA;	box-shadow: 5px 5px 20px black; color: #035477;	float: center;}
	#intro1 i {font-size: 0.1em; opacity: 0; z-index:21; padding-top: 10px; padding-bottom: 10px;}
	#intro1:hover {display: inline-block; width: 25%; height: 165px; padding: 20px; margin: 0 auto; margin-left: 10px; margin-right: 10px;	margin-bottom: 20px; background-color: #B6CFDA;	box-shadow: 5px 5px 20px black; color: #035477;	float: center;}
	#intro1:hover i{font-size: 1em; opacity: 1; z-index:21; line-height : 0.8em;padding-top: 10px; padding-bottom: 10px;}
	#intro1 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#sobrefoto1{width: 30%; height: 2px; position: relative; top: 250px; left: 125px; text-align: left;	color: white;} 
	#sobrefoto1 b {font-family: 'AEROE5'; font-size: 25px; text-shadow: 5px 5px 10px black;}
	#cuadrocompromiso {margin: 0 auto; text-align: center; background-color: white; line-height : 1em; color: #035477; padding-bottom: 30px;}
	#titulocompromiso {margin-top: 20px; font-size: 2em; padding-top: 20px; font-family: 'AEROE5';}
	#compromiso {color: #035477; width: 100%; margin: 0 auto;}
	#icon1 {float: center; width:150px; display: inline-block;}
	#icon1 i {font-size:100px;}
	#contacto1 {margin: 0 auto; width: 100%; text-align: center; background-color: #002E42; color: white; line-height : 30px; font-size: 20px; padding-top: 50px;}
	
	/*ESTILOS DE CONTACTO.PHP*/
	#formulario {margin: 0 auto; text-align: center; width:100%;}
	#formulario div {float: center; display: inline-block; width:100%;}
	#h4edif {color: white; width: 80%; height: 20px; padding: 20px; margin: 0 auto; margin-top: 30px; background-color: #2A2A29; float: center;}
	#edfportasev {width:40%; height: 500px; padding-top:20px;}
	#iframemaps {width:40%; height:500px; padding-top:20px;}
	#imgcontacto {margin: 0 auto; margin-top: 20px; width:20%; float: center; display: inline-block;}				
	#login {margin: 0 auto;  margin-top: 20px; padding-top: 20px; padding-bottom: 30px; width:80%; color: white; background-color: #2A2A29; float: center; display: inline-block;}		
	label {font-size: 20px;}
	input{border: 1px solid #DCDCDC; font-size: 14px; margin-top: 10px; margin-bottom: 10px; width: 40%}					
	textarea{border: 1px solid #DCDCDC; font-size: 14px; height:120px; width: 40%; margin-top: 10px; margin-bottom: 10px;}
	input[type="submit"] {background: none repeat scroll 0 0 #DEDEDE; border: 1px solid #C6C6C6; font-size: 14px;}
	
	/*ESTILOS DE FAQS.HTML*/
	#imgfaqs {margin: 0 auto; margin-bottom: 50px; margin-top: 20px; width:40%; float: center; display: inline-block;}
	.faq-heading{ border-bottom: #777; padding: 20px 60px;}
	.faq-container{display: flex; justify-content: center; flex-direction: column; width:80%; margin: 0 auto;}
	.hr-line{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42;}
	.hr-line-fin{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42; margin-bottom: 50px;}
		/* Style the buttons that are used to open and close the faq-page body */
		.faq-page {/* background-color: #eee; */ color: #444; cursor: pointer; padding: 30px 20px; padding-right: 10%; padding-left: 10%; width: 80%; border: none; outline: none; transition: 0.4s; margin: auto;}
		.faq-body{padding: 10px 20px; padding-right: 10%; padding-left: 10%; width:80%; background-color: white; display: none; overflow: hidden; margin: auto; /* text-align: center; */ color: #035477;}
		/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
		.active,.faq-page:hover { background-color: #035477; color: white;}
		/* Style the faq-page panel. Note: hidden by default */			
		.faq-page:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px;}
		.active:after {content: "\2796";/* Unicode character for "minus" sign (-) */}
		
	/*ESTILOS DE NOSOTROS.HTML*/
	#global2 {padding-bottom: 10px; background-color: #002E42;}
	#descp2 {float: center; display: inline-block; z-index: 20; height: 600px; width: 30%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp3 {float: center; display: inline-block; z-index: 20; height: 600px; width: 30%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp4 {float: center; z-index: 20; height: 400px; width: 40%; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#intro2 {width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro2 i {font-size: 1em; opacity: 1; z-index:21;}
	#intro2 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#intro3 {width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro3 i {font-size: 1em; opacity: 1; z-index:21;}
	#intro3 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#reconocimiento {margin-bottom: 5px; margin-top: 20px; font-size: 1.5em; padding-top: 50px; font-family: 'AEROE5';}
	#cuadrocompromiso2 {margin: 0 auto; text-align: center; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; line-height : 1em; color: #035477; padding-bottom: 30px;}
	#trofeo {margin-left:5%; margin-right: 5%; margin: 0 auto; width:50%;}
	
	
	/*ESTILOS DE SERVICIOS.HTML*/
	#portalespublicos {padding-top: 20px; padding-bottom: 20px; width:100%; background-color: #B6CFDA; color: black; float: center;}
	#titportal {font-size: 2em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#logoidealista, #logofotocasa {width: 20%;}
	#imgservicios {width:60%;}
		
		.cuadro {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 25%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 1em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv {
			font-size: 0.8em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 1em; 
			height: 100%;
			}
			.cuadro2 {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 80%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 1em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv2 {
			font-size: 0.8em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 1em; 
			height: 100%;
			}
}



/*
 * 
 * 
 * MOVIL 
 * HORIZONTAL
 * 
 * */
@media screen and (min-width: 768px) and (max-width: 1023px){
			/*BOTÓN MENU TODAS LAS PÁGINAS*/
	.menu {-webkit-filter: url("#shadowed-goo");filter: url("#shadowed-goo"); zoom: 0.1em;}
	.menu-item {background: #035477;border-radius: 100%;width: 90px;height: 60px;margin-left: -80px;position: absolute;top: 20px;color: white;text-align: center;line-height: 25px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms;transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;text-decoration: none;padding-top: 20px;padding-bottom: 10px;font-size:0.5em;}
	.menu-open-button {background: #035477; border-radius: 100%;width: 110px;height: 50px;margin-left: -50px;position: absolute;top: 65px;color: white;text-align: center;line-height: 50px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
	.menu-open {display: none;}
	.hamburger {width: 35px;height: 5px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -15.5px;margin-top: -1.5px;-webkit-transition: -webkit-transform 200ms;
		transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms;}
	.hamburger-1 {-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}
	.hamburger-2 {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.hamburger-3 {-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0);}
	.menu-open:checked + .menu-open-button .hamburger-1 {-webkit-transform: translate3d(0, 0, 0) rotate(45deg);transform: translate3d(0, 0, 0) rotate(45deg);}
	.menu-open:checked + .menu-open-button .hamburger-2 {-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);transform: translate3d(0, 0, 0) scale(0.1, 1);}
	.menu-open:checked + .menu-open-button .hamburger-3 { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);transform: translate3d(0, 0, 0) rotate(-45deg);}	
	.menu {position: relative; top: -100px;left: 50%;margin-left: -190px;padding-top: 20px;padding-left: 190px;width: 380px;height: 250px;box-sizing: border-box;font-size: 20px;text-align: left;z-index: 10;}
	.menu-item{opacity: 0.0;}
	.menu-item:hover {background: #FEFFE7;color: #ff4081;}
	.menu-item:nth-child(3) {-webkit-transition-duration: 70ms;transition-duration: 70ms;}
	.menu-item:nth-child(4) {-webkit-transition-duration: 130ms;transition-duration: 130ms;}
	.menu-item:nth-child(5) {-webkit-transition-duration: 190ms;transition-duration: 190ms;}
	.menu-item:nth-child(6) {-webkit-transition-duration: 250ms;transition-duration: 250ms;}
	.menu-item:nth-child(7) {-webkit-transition-duration: 310ms;transition-duration: 310ms;}
	.menu-open-button {z-index: 2;-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);transform: scale(1.1, 1.1) translate3d(0, 0, 0);cursor: pointer;}
	.menu-open-button:hover { -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0); transform: scale(1.2, 1.2) translate3d(0, 0, 0);	}
	.menu-open:checked + .menu-open-button { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms;
		-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);transform: scale(0.8, 0.8) translate3d(0, 0, 0);}
	.menu-open:checked ~ .menu-item {opacity: 1.0;-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);}
	.menu-open:checked ~ .menu-item:nth-child(3) {-webkit-transition-duration: 160ms;transition-duration: 160ms;-webkit-transform: translate3d(179px, 152px, 0);transform: translate3d(179px, 152px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(4) {-webkit-transition-duration: 240ms;transition-duration: 240ms;-webkit-transform: translate3d(100px, 185px, 0);transform: translate3d(100px, 185px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(5) {-webkit-transition-duration: 320ms;transition-duration: 320ms;-webkit-transform: translate3d(35px, 224px, 0);transform: translate3d(35px, 224px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(6) {-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-33px, 185px, 0);transform: translate3d(-33px, 185px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(7) {-webkit-transition-duration: 480ms;transition-duration: 480ms;-webkit-transform: translate3d(-112px, 152px, 0);transform: translate3d(-112px, 152px, 0);}
	
	/*ESTILOS DEL INDEX*/
	body {background-color: #B6CFDA; color: white; font-family: 'AFKCUERPO';}
	#cabecera {width:100%; text-align: center; background-color: white;}
	#logo {margin: 0 auto; width: 50%;}
	#global {background-color: #002E42;}
	#titulo {font-size: 1.5em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#encabezado {margin: 0 auto; width: 100%; text-align: center;}
	#descp1 {z-index: 20; height: 10px; width: 100%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; background-color: #035477; color: black; font-family: 'AFKCUERPO'; font-size: 20px; float: center;}
	#intro1 {display: inline-block; width: 80%; height: 20px; padding: 20px; margin: 0 auto; margin-left: 10px; margin-right: 10px;	margin-bottom: 20px; background-color: #B6CFDA;	box-shadow: 5px 5px 20px black; color: #035477;	float: center;}
	#intro1 i {font-size: 0em; opacity: 0; z-index:21; padding-top: 10px; padding-bottom: 10px;}
	#intro1:hover {height: 165px;padding-bottom: 20px;}
	#intro1:hover i{font-size: 0.8em;opacity: 1; line-height : 0.8em; padding-top: 10px; padding-bottom: 10px;}
	#intro1 b {text-align: center;  font-family: 'AEROE5'; color:black;font-size: 0.9em;}
	#sobrefoto1{width: 30%; height: 2px; position: relative; top: 50px; left: 50px; text-align: left; color: white;} 
	#sobrefoto1 b {font-family: 'AEROE5'; font-size: 1em; text-shadow: 5px 5px 10px black;}
	#cuadrocompromiso {margin: 0 auto; text-align: center; background-color: white; line-height : 1em; color: #035477; padding-bottom: 30px;}
	#titulocompromiso {margin-top: 20px; font-size: 1.2em; padding-top: 20px; font-family: 'AEROE5';}
	#compromiso {color: #035477; width: 100%; margin: 0 auto;}
	#icon1 {float: center; width:60px; display: inline-block;font-size:10px; margin-left: 2px; margin-right:2px;}
	#icon1 i {font-size:40px;}
	#contacto1 {margin: 0 auto; width: 100%; text-align: center; background-color: #002E42; color: white; line-height : 1em; font-size: 0.8em; padding-top: 50px;}
	
	/*ESTILOS DE CONTACTO.PHP*/
	#formulario {margin: 0 auto; text-align: center; width:100%;}
	#formulario div {float: center; width:100%;}
	#h4edif {color: white; width: 80%; height: 20px; padding: 20px; margin: 0 auto; margin-top: 30px; background-color: #2A2A29; float: center;}
	#edfportasev {width:90%; padding-top:20px;}
	#iframemaps {width:90%; height:300px; padding-top:20px;}
	#imgcontacto {margin: 0 auto; margin-top: 20px; width:60%; float: center; display: inline-block;}				
	#login {margin: 0 auto;  margin-top: 20px; padding-top: 20px; padding-bottom: 30px; width:80%; color: white; background-color: #2A2A29; float: center; display: inline-block;}		
	label {font-size: 20px;}
	input{border: 1px solid #DCDCDC; font-size: 14px; margin-top: 10px; margin-bottom: 10px; width: 70%}					
	textarea{border: 1px solid #DCDCDC; font-size: 14px; height:120px; width: 70%; margin-top: 10px; margin-bottom: 10px;}
	input[type="submit"] {background: none repeat scroll 0 0 #DEDEDE; border: 1px solid #C6C6C6; font-size: 14px;}
	
	/*ESTILOS DE FAQS.HTML*/
	#imgfaqs {margin: 0 auto; margin-bottom: 50px; margin-top: 20px; width:90%; float: center; display: inline-block;}
	.faq-heading{ border-bottom: #777; padding: 20px 60px;}
	.faq-container{display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
			display: -ms-flexbox;  /* TWEENER - IE 10 */
			display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
			display: flex;  /* NEW, Spec - Firefox, Chrome, Opera */justify-content: center; flex-direction: column; width:80%; margin: 0 auto;}
	.hr-line{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42;}
	.hr-line-fin{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42; margin-bottom: 50px;}
		/* Style the buttons that are used to open and close the faq-page body */
		.faq-page {/* background-color: #eee; */ color: #444; cursor: pointer; padding: 30px 20px; padding-right: 10%; padding-left: 10%; width: 80%; border: none; outline: none; transition: 0.4s; margin: auto;}
		.faq-body{padding: 10px 20px; padding-right: 10%; padding-left: 10%; width:80%; background-color: white; display: none; overflow: hidden; margin: auto; /* text-align: center; */ color: #035477;}
		/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
		.active,.faq-page:hover { background-color: #035477; color: white;}
		/* Style the faq-page panel. Note: hidden by default */			
		.faq-page:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px;}
		.active:after {content: "\2796";/* Unicode character for "minus" sign (-) */}
		
	/*ESTILOS DE NOSOTROS.HTML*/
	#global2 {padding-bottom: 10px; background-color: #002E42;}
	#descp2 {float: center; display: inline-block; z-index: 20; height: 600px; width: 90%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp3 {float: center; display: inline-block; z-index: 20; height: 600px; width: 90%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp4 {float: center; z-index: 20; height: 400px; width: 100%; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#intro2 {width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro2 i {font-size: 1em; opacity: 1; z-index:21;}
	#intro2 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#intro3 {width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro3 i {font-size: 1em; opacity: 1; z-index:21;}
	#intro3 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#reconocimiento {margin-bottom: 5px; margin-top: 20px; font-size: 0.8em; padding-top: 50px; font-family: 'AEROE5';}
	#cuadrocompromiso2 {margin: 0 auto; text-align: center; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; line-height : 1em; color: #035477; padding-bottom: 30px; width: 80%;}
	#trofeo {margin-left:5%; margin-right: 5%; margin: 0 auto; width: 50%;}
	
	
	/*ESTILOS DE SERVICIOS.HTML*/
	#portalespublicos {padding-top: 20px; padding-bottom: 20px; width:100%; background-color: #B6CFDA; color: black; float: center;}
	#titportal {font-size: 0.7em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#logoidealista, #logofotocasa {width: 40%;}
	#imgservicios {width:80%;}

	.cuadro {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 25%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 1em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv {
			font-size: 0.8em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 1em; 
			height: 100%;
			}
			
		.cuadro2 {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 80%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 1em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv2 {
			font-size: 0.8em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 1em; 
			height: 100%;
			}
}


/*
 * TAMAÑO PEQUEÑO SIN COMPROBAR
 */

@media screen and (min-width: 480px) and (max-width: 767px){
				/*BOTÓN MENU TODAS LAS PÁGINAS*/
	.menu {-webkit-filter: url("#shadowed-goo");filter: url("#shadowed-goo"); zoom: 0.1em;}
	.menu-item {background: #035477;border-radius: 100%;width: 90px;height: 60px;margin-left: -80px;position: absolute;top: 20px;color: white;text-align: center;line-height: 25px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms;transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;text-decoration: none;padding-top: 20px;padding-bottom: 10px;font-size:0.5em;}
	.menu-open-button {background: #035477; border-radius: 100%;width: 110px;height: 50px;margin-left: -50px;position: absolute;top: 65px;color: white;text-align: center;line-height: 50px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
	.menu-open {display: none;}
	.hamburger {width: 35px;height: 5px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -15.5px;margin-top: -1.5px;-webkit-transition: -webkit-transform 200ms;
		transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms;}
	.hamburger-1 {-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}
	.hamburger-2 {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.hamburger-3 {-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0);}
	.menu-open:checked + .menu-open-button .hamburger-1 {-webkit-transform: translate3d(0, 0, 0) rotate(45deg);transform: translate3d(0, 0, 0) rotate(45deg);}
	.menu-open:checked + .menu-open-button .hamburger-2 {-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);transform: translate3d(0, 0, 0) scale(0.1, 1);}
	.menu-open:checked + .menu-open-button .hamburger-3 { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);transform: translate3d(0, 0, 0) rotate(-45deg);}	
	.menu {position: relative; top: -100px;left: 50%;margin-left: -190px;padding-top: 20px;padding-left: 190px;width: 380px;height: 250px;box-sizing: border-box;font-size: 20px;text-align: left;z-index: 10;}
	.menu-item{opacity: 0.0;}
	.menu-item:hover {background: #FEFFE7;color: #ff4081;}
	.menu-item:nth-child(3) {-webkit-transition-duration: 70ms;transition-duration: 70ms;}
	.menu-item:nth-child(4) {-webkit-transition-duration: 130ms;transition-duration: 130ms;}
	.menu-item:nth-child(5) {-webkit-transition-duration: 190ms;transition-duration: 190ms;}
	.menu-item:nth-child(6) {-webkit-transition-duration: 250ms;transition-duration: 250ms;}
	.menu-item:nth-child(7) {-webkit-transition-duration: 310ms;transition-duration: 310ms;}
	.menu-open-button {z-index: 2;-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);transform: scale(1.1, 1.1) translate3d(0, 0, 0);cursor: pointer;}
	.menu-open-button:hover { -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0); transform: scale(1.2, 1.2) translate3d(0, 0, 0);	}
	.menu-open:checked + .menu-open-button { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms;
		-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);transform: scale(0.8, 0.8) translate3d(0, 0, 0);}
	.menu-open:checked ~ .menu-item {opacity: 1.0;-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);}
	.menu-open:checked ~ .menu-item:nth-child(3) {-webkit-transition-duration: 160ms;transition-duration: 160ms;-webkit-transform: translate3d(179px, 152px, 0);transform: translate3d(179px, 152px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(4) {-webkit-transition-duration: 240ms;transition-duration: 240ms;-webkit-transform: translate3d(100px, 185px, 0);transform: translate3d(100px, 185px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(5) {-webkit-transition-duration: 320ms;transition-duration: 320ms;-webkit-transform: translate3d(35px, 224px, 0);transform: translate3d(35px, 224px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(6) {-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-33px, 185px, 0);transform: translate3d(-33px, 185px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(7) {-webkit-transition-duration: 480ms;transition-duration: 480ms;-webkit-transform: translate3d(-112px, 152px, 0);transform: translate3d(-112px, 152px, 0);}
	
	/*ESTILOS DEL INDEX*/
	body {background-color: #B6CFDA; color: white; font-family: 'AFKCUERPO';}
	#cabecera {width:100%; text-align: center; background-color: white;}
	#logo {margin: 0 auto; width: 50%;}
	#global {background-color: #002E42;}
	#titulo {font-size: 1.5em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#encabezado {margin: 0 auto; width: 100%; text-align: center;}
	#descp1 {z-index: 20; height: 10px; width: 100%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; background-color: #035477; color: black; font-family: 'AFKCUERPO'; font-size: 20px; float: center;}
	#intro1 {display: inline-block; width: 80%; height: 20px; padding: 20px; margin: 0 auto; margin-left: 10px; margin-right: 10px;	margin-bottom: 20px; background-color: #B6CFDA;	box-shadow: 5px 5px 20px black; color: #035477;	float: center;}
	#intro1 i {font-size: 0em; opacity: 0; z-index:21; padding-top: 10px; padding-bottom: 10px;}
	#intro1:hover {height: 165px;padding-bottom: 20px;}
	#intro1:hover i{font-size: 0.8em;opacity: 1; line-height : 0.8em; padding-top: 10px; padding-bottom: 10px;}
	#intro1 b {text-align: center;  font-family: 'AEROE5'; color:black;font-size: 0.9em;}
	#sobrefoto1{width: 40%; height: 2px; position: relative; top: 50px; left: 50px; text-align: left; color: white;} 
	#sobrefoto1 b {font-family: 'AEROE5'; font-size: 1em; text-shadow: 5px 5px 10px black;}
	#cuadrocompromiso {margin: 0 auto; text-align: center; background-color: white; line-height : 1em; color: #035477; padding-bottom: 30px;}
	#titulocompromiso {margin-top: 20px; font-size: 1.2em; padding-top: 20px; font-family: 'AEROE5';}
	#compromiso {color: #035477; width: 100%; margin: 0 auto;}
	#icon1 {float: center; width:90px; display: inline-block;font-size:10px; margin-left: 10px; margin-right:10px;}
	#icon1 i {font-size:60px;}
	#contacto1 {margin: 0 auto; width: 100%; text-align: center; background-color: #002E42; color: white; line-height : 1em; font-size: 0.8em; padding-top: 50px;}
	
	/*ESTILOS DE CONTACTO.PHP*/
	#formulario {margin: 0 auto; text-align: center; width:100%;}
	#formulario div {float: center; width:100%;}
	#h4edif {color: white; width: 80%; height: 20px; padding: 20px; margin: 0 auto; margin-top: 30px; background-color: #2A2A29; float: center;}
	#edfportasev {width:90%; padding-top:20px;}
	#iframemaps {width:90%; height:300px; padding-top:20px;}
	#imgcontacto {margin: 0 auto; margin-top: 20px; width:60%; float: center; display: inline-block;}				
	#login {margin: 0 auto;  margin-top: 20px; padding-top: 20px; padding-bottom: 30px; width:80%; color: white; background-color: #2A2A29; float: center; display: inline-block;}		
	label {font-size: 20px;}
	input{border: 1px solid #DCDCDC; font-size: 14px; margin-top: 10px; margin-bottom: 10px; width: 70%}					
	textarea{border: 1px solid #DCDCDC; font-size: 14px; height:120px; width: 70%; margin-top: 10px; margin-bottom: 10px;}
	input[type="submit"] {background: none repeat scroll 0 0 #DEDEDE; border: 1px solid #C6C6C6; font-size: 14px;}
	
	/*ESTILOS DE FAQS.HTML*/
	#imgfaqs {margin: 0 auto; margin-bottom: 50px; margin-top: 20px; width:90%; float: center; display: inline-block;}
	.faq-heading{ border-bottom: #777; padding: 20px 60px;}
	.faq-container{display: flex; justify-content: center; flex-direction: column; width:80%; margin: 0 auto;}
	.hr-line{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42;}
	.hr-line-fin{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42; margin-bottom: 50px;}
		/* Style the buttons that are used to open and close the faq-page body */
		.faq-page {/* background-color: #eee; */ color: #444; cursor: pointer; padding: 30px 20px; padding-right: 10%; padding-left: 10%; width: 80%; border: none; outline: none; transition: 0.4s; margin: auto;}
		.faq-body{padding: 10px 20px; padding-right: 10%; padding-left: 10%; width:80%; background-color: white; display: none; overflow: hidden; margin: auto; /* text-align: center; */ color: #035477;}
		/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
		.active,.faq-page:hover { background-color: #035477; color: white;}
		/* Style the faq-page panel. Note: hidden by default */			
		.faq-page:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px;}
		.active:after {content: "\2796";/* Unicode character for "minus" sign (-) */}
		
	/*ESTILOS DE NOSOTROS.HTML*/
	#global2 {padding-bottom: 10px; background-color: #002E42;}
	#descp2 {float: center; display: inline-block; z-index: 20; height: 600px; width: 90%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp3 {float: center; display: inline-block; z-index: 20; height: 600px; width: 90%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp4 {float: center; z-index: 20; height: 400px; width: 100%; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#intro2 {width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro2 i {font-size: 1em; opacity: 1; z-index:21;}
	#intro2 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#intro3 {width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro3 i {font-size: 1em; opacity: 1; z-index:21;}
	#intro3 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#reconocimiento {margin-bottom: 5px; margin-top: 20px; font-size: 0.8em; padding-top: 50px; font-family: 'AEROE5';}
	#cuadrocompromiso2 {margin: 0 auto; text-align: center; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; line-height : 1em; color: #035477; padding-bottom: 30px; width: 80%;}
	#trofeo {margin-left:5%; margin-right: 5%; margin: 0 auto; width: 50%;}
	
	
	/*ESTILOS DE SERVICIOS.HTML*/
	#portalespublicos {padding-top: 20px; padding-bottom: 20px; width:100%; background-color: #B6CFDA; color: black; float: center;}
	#titportal {font-size: 0.7em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#logoidealista, #logofotocasa {width: 40%;}
	#imgservicios {width:80%;}

	.cuadro {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 80%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 0.9em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv {
			font-size: 0.9em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 0.9em; 
			height: 100%;
			}
			.cuadro2 {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 80%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 1em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv2 {
			font-size: 0.8em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 1em; 
			height: 100%;
			}
}



/*MOVIL VERTICAL*/
@media screen and (min-width: 320px) and (max-width: 479px){
		/*BOTÓN MENU TODAS LAS PÁGINAS*/
	.menu {-webkit-filter: url("#shadowed-goo");filter: url("#shadowed-goo"); zoom: 0.1em;}
	.menu-item {background: #035477;border-radius: 100%;width: 90px;height: 60px;margin-left: -80px;position: absolute;top: 20px;color: white;text-align: center;line-height: 25px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms;transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;text-decoration: none;padding-top: 20px;padding-bottom: 10px;font-size:0.5em;}
	.menu-open-button {background: #035477; border-radius: 100%;width: 110px;height: 50px;margin-left: -50px;position: absolute;top: 65px;color: white;text-align: center;line-height: 50px;
		-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform ease-out 200ms;transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
	.menu-open {display: none;}
	.hamburger {width: 35px;height: 5px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -15.5px;margin-top: -1.5px;-webkit-transition: -webkit-transform 200ms;
		transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms;}
	.hamburger-1 {-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}
	.hamburger-2 {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.hamburger-3 {-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0);}
	.menu-open:checked + .menu-open-button .hamburger-1 {-webkit-transform: translate3d(0, 0, 0) rotate(45deg);transform: translate3d(0, 0, 0) rotate(45deg);}
	.menu-open:checked + .menu-open-button .hamburger-2 {-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);transform: translate3d(0, 0, 0) scale(0.1, 1);}
	.menu-open:checked + .menu-open-button .hamburger-3 { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);transform: translate3d(0, 0, 0) rotate(-45deg);}	
	.menu {position: relative; top: -100px;left: 50%;margin-left: -190px;padding-top: 20px;padding-left: 190px;width: 380px;height: 250px;box-sizing: border-box;font-size: 20px;text-align: left;z-index: 10;}
	.menu-item{opacity: 0.0;}
	.menu-item:hover {background: #FEFFE7;color: #ff4081;}
	.menu-item:nth-child(3) {-webkit-transition-duration: 70ms;transition-duration: 70ms;}
	.menu-item:nth-child(4) {-webkit-transition-duration: 130ms;transition-duration: 130ms;}
	.menu-item:nth-child(5) {-webkit-transition-duration: 190ms;transition-duration: 190ms;}
	.menu-item:nth-child(6) {-webkit-transition-duration: 250ms;transition-duration: 250ms;}
	.menu-item:nth-child(7) {-webkit-transition-duration: 310ms;transition-duration: 310ms;}
	.menu-open-button {z-index: 2;-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);transform: scale(1.1, 1.1) translate3d(0, 0, 0);cursor: pointer;}
	.menu-open-button:hover { -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0); transform: scale(1.2, 1.2) translate3d(0, 0, 0);	}
	.menu-open:checked + .menu-open-button { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms;
		-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);transform: scale(0.8, 0.8) translate3d(0, 0, 0);}
	.menu-open:checked ~ .menu-item {opacity: 1.0;-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);}
	.menu-open:checked ~ .menu-item:nth-child(3) {-webkit-transition-duration: 160ms;transition-duration: 160ms;-webkit-transform: translate3d(179px, 152px, 0);transform: translate3d(179px, 152px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(4) {-webkit-transition-duration: 240ms;transition-duration: 240ms;-webkit-transform: translate3d(100px, 185px, 0);transform: translate3d(100px, 185px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(5) {-webkit-transition-duration: 320ms;transition-duration: 320ms;-webkit-transform: translate3d(35px, 224px, 0);transform: translate3d(35px, 224px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(6) {-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-33px, 185px, 0);transform: translate3d(-33px, 185px, 0);}
	.menu-open:checked ~ .menu-item:nth-child(7) {-webkit-transition-duration: 480ms;transition-duration: 480ms;-webkit-transform: translate3d(-112px, 152px, 0);transform: translate3d(-112px, 152px, 0);}
	
	/*ESTILOS DEL INDEX*/
	body {background-color: #B6CFDA; color: white; font-family: 'AFKCUERPO';}
	#cabecera {width:100%; text-align: center; background-color: white;}
	#logo {margin: 0 auto; width: 80%;}
	#global {background-color: #002E42;}
	#titulo {font-size: 1.5em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#encabezado {margin: 0 auto; width: 100%; text-align: center;}
	#descp1 {z-index: 20; height: 10px; width: 100%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; background-color: #035477; color: black; font-family: 'AFKCUERPO'; font-size: 20px; float: center;}
	#intro1 {line-height : 0.8em; display: inline-block; width: 80%; height: 20px; padding: 20px; margin: 0 auto; margin-left: 10px; margin-right: 10px;	margin-bottom: 20px; background-color: #B6CFDA;	box-shadow: 5px 5px 20px black; color: #035477;	float: center;}
	#intro1 i {font-size: 0em; opacity: 0; z-index:21; padding-top: 10px; padding-bottom: 10px;}
	#intro1:hover {height: 165px; padding-bottom: 100px; line-height : 0.8em; }
	#intro1:hover i{font-size: 0.8em;opacity: 1; line-height : 0.8em; padding-top: 10px; padding-bottom: 10px;}
	#intro1 b {text-align: center;  font-family: 'AEROE5'; color:black;font-size: 0.8em;}
	#sobrefoto1{width: 30%; height: 2px; position: relative; top: 50px; left: 50px; text-align: left;	color: white;} 
	#sobrefoto1 b {font-family: 'AEROE5'; font-size: 10px; text-shadow: 5px 5px 10px black;}
	#cuadrocompromiso {margin: 0 auto; text-align: center; background-color: white; line-height : 1em; color: #035477; padding-bottom: 30px;}
	#titulocompromiso {margin-top: 20px; font-size: 1.2em; padding-top: 20px; font-family: 'AEROE5';}
	#compromiso {color: #035477; width: 100%; margin: 0 auto;}
	#icon1 {float: center; width:100px; display: inline-block;font-size:14px;}
	#icon1 i {font-size:50px;}
	#contacto1 {margin: 0 auto; width: 100%; text-align: center; background-color: #002E42; color: white; line-height : 1em; font-size: 0.8em; padding-top: 50px;}
	
	/*ESTILOS DE CONTACTO.PHP*/
	#formulario {margin: 0 auto; text-align: center; width:100%;}
	#formulario div {float: center; width:100%;}
	#h4edif {color: white; width: 80%; height: 20px; padding: 20px; margin: 0 auto; margin-top: 30px; background-color: #2A2A29; float: center;}
	#edfportasev {width:90%; padding-top:20px;}
	#iframemaps {width:90%; height:300px; padding-top:20px;}
	#imgcontacto {margin: 0 auto; margin-top: 20px; width:60%; float: center; display: inline-block;}				
	#login {margin: 0 auto;  margin-top: 20px; padding-top: 20px; padding-bottom: 30px; width:80%; color: white; background-color: #2A2A29; float: center; display: inline-block;}		
	label {font-size: 20px;}
	input{border: 1px solid #DCDCDC; font-size: 14px; margin-top: 10px; margin-bottom: 10px; width: 70%}					
	textarea{border: 1px solid #DCDCDC; font-size: 14px; height:120px; width: 70%; margin-top: 10px; margin-bottom: 10px;}
	input[type="submit"] {background: none repeat scroll 0 0 #DEDEDE; border: 1px solid #C6C6C6; font-size: 14px;}
	
	/*ESTILOS DE FAQS.HTML*/
	#imgfaqs {margin: 0 auto; margin-bottom: 50px; margin-top: 20px; width:90%; float: center; display: inline-block;}
	.faq-heading{ border-bottom: #777; padding: 20px 60px;}
	.faq-container{display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
			display: -ms-flexbox;  /* TWEENER - IE 10 */
			display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
			display: flex;  /* NEW, Spec - Firefox, Chrome, Opera */justify-content: center; flex-direction: column; width:80%; margin: 0 auto;}
	.hr-line{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42;}
	.hr-line-fin{ width: 100%; margin: auto; height: 2px; background-color: #002E42; border-color: #002E42; margin-bottom: 50px;}
		/* Style the buttons that are used to open and close the faq-page body */
		.faq-page {/* background-color: #eee; */ color: #444; cursor: pointer; padding: 30px 20px; padding-right: 10%; padding-left: 10%; width: 80%; border: none; outline: none; transition: 0.4s; margin: auto;}
		.faq-body{padding: 10px 20px; padding-right: 10%; padding-left: 10%; width:80%; background-color: white; display: none; overflow: hidden; margin: auto; /* text-align: center; */ color: #035477;}
		/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
		.active,.faq-page:hover { background-color: #035477; color: white;}
		/* Style the faq-page panel. Note: hidden by default */			
		.faq-page:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px;}
		.active:after {content: "\2796";/* Unicode character for "minus" sign (-) */}
		
	/*ESTILOS DE NOSOTROS.HTML*/
	#global2 {padding-bottom: 10px; background-color: #002E42;}
	#descp2 {float: center; display: inline-block; z-index: 20; height: 600px; width: 90%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp3 {float: center; display: inline-block; z-index: 20; height: 600px; width: 90%; margin-top: 20px; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#descp4 {float: center; z-index: 20; height: 400px; width: 100%; padding-top: 30px; margin: 0 auto; text-align: center; color: black; font-family: 'AFKCUERPO'; font-size: 20px;}
	#intro2 {line-height : 0.8em; width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro2 i {font-size: 0.7em; opacity: 1; z-index:21;}
	#intro2 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#intro3 {line-height : 0.8em; width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; margin-left: 5%; margin-right: 5%; margin-bottom: 20px; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; color: #035477;}
	#intro3 i {font-size: 0.7em; opacity: 1; z-index:21;}
	#intro3 b {text-align: center;  font-family: 'AEROE5'; color:black;}
	#reconocimiento {margin-bottom: 5px; margin-top: 20px; font-size: 0.8em; padding-top: 50px; font-family: 'AEROE5';}
	#cuadrocompromiso2 {margin: 0 auto; text-align: center; background-color: #B6CFDA; box-shadow: 5px 5px 20px black; line-height : 1em; color: #035477; padding-bottom: 30px; width: 80%;}
	#trofeo {margin-left:5%; margin-right: 5%; margin: 0 auto; width: 70%;}
	
	
	/*ESTILOS DE SERVICIOS.HTML*/
	#portalespublicos {padding-top: 20px; padding-bottom: 20px; width:100%; background-color: #B6CFDA; color: black; float: center;}
	#titportal {font-size: 0.7em; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 5px; margin-bottom: 15px; font-family: 'AEROE5'; background-color: #035477; color: white;}
	#logoidealista, #logofotocasa {width: 40%;}
	#imgservicios {width:80%;}

	
	.cuadro {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 80%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 0.9em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv {
			font-size: 0.9em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 0.8em; 
			height: 100%;
			}
			
				.cuadro2 {
			color: black; /* Color del texto */
			position: relative;
			font-family: 'AEROE4';
			font-size: 0.9em; 
			display: inline-block;
			float: center;
			margin: 0 auto;
			width: 80%;  
			padding: 1em;  
			margin-left: 0.2em; 
			margin-right: 0.2em;
			margin-bottom: 0.4em; 
			background-color: #B6CFDA;	
			box-shadow: 5px 5px 20px black; 
			color: black;
			text-align: center;
			line-height : 1em;
			padding-top: 30px;
		}
		
		@font-face {font-family: 'AFKCUERPO';src: url('./fonts/AFK.ttf') format('truetype');font-style: normal;font-weight: normal;}
		
		.cuadrodiv2 {
			font-size: 0.8em; width:100%; 
			font-family: 'AFKCUERPO';
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px; 
			position: relative;
			color: #035477;
			line-height : 1em; 
			height: 100%;
			}
}
/*FIN DE PANTALLAS 
 GRANDES 
 ORDENADORES*/