@charset "utf-8";
/* CSS Document */

.estates { clear:both; }
	.estates li { display:inline-block; width:26.5%; position:relative; background:#ddd; padding:1%; margin:0 2% 2% 2%; vertical-align:top; }
		.estates .name  { padding:2% 0 0 0; font-size:1.2em; color:#222; text-align:center; }
		
		.estates div { overflow: hidden; }
		.estates img { width:100%; display:block; }
	
	.estates li *         { transition: color .3s ease-in-out; }
	.estates li img       { transition: all .3s ease-in-out; }
	.estates li:hover img { transform: scale(1.1); }
	.estates li:hover h4  { color:#5E305F; }
	
	.price { padding:2% 0 0 0; font-size:1.5em; color:#F47313; text-align:center; font-weight:bold; }
	
	.zone { position:absolute; bottom:1px; left:1px; padding:8px 10px 8px 30px; width:140px; background:url("../images/zone.png"); color:#ccc;  }

	.rent_sale { position:absolute; top:6%; left:-10px; background:#F47313; color:#fff; padding:2px 7px; }
										   
	.certification { background:url('../images/certification.png') no-repeat; background-position:0 25px; height:25px; width:140px; position:absolute; top:6%; right:-10px; }
		.certification.A  { background-position:0 0px; }
		.certification.B  { background-position:0 -25px; }	
		.certification.C  { background-position:0 -50px; }	
		.certification.D  { background-position:0 -75px; }	
		.certification.E  { background-position:0 -100px; }	
		.certification.F  { background-position:0 -125px; }	
		.certification.G  { background-position:0 -150px; }	
		.certification.EX { background-position:0 -175px; }	
		.certification.ET { background-position:0 -200px; }	

.estate { position:relative; background:#ddd; border-radius:10px; margin-bottom:5%; padding:3%; text-align:center; font-size:1.2em; }
	.estate p { line-height:1.5em; }
		
.estate-column { display:inline-block; vertical-align:top; width:48%; }
	.estate-column + .estate-column { margin-left:3%; }

		
.estates-search { background:#ddd; padding:5%; text-align:center; margin-bottom:20px; border-radius:10px; }
	.estates-search select { padding:3% 4%; width:92%; margin:1% 0; font-size:1.1em; }
	
	
	.estates-search p+p    {margin-top:10px; }
	
	

/* ==========================================================================
   Media Queries
   ========================================================================== */ 


@media only screen and (max-width:1200px) {		

	.estates li { width:43%; }

	.estate-column { display:block; width:auto; }
	.estate-column + .estate-column { margin-left:0; }
		
	#photos li  {  width:30%; }		
}	

@media only screen and (max-width:600px) {		

	.estates li { width:93%; }	
	
	#photos li  {  width:46%; }	
}	

@media only screen and (max-width:450px) {		

	.estates li { width:93%; }	
	
	#photos li  {  width:96%; }	
}