/* Color Scheme

   Page background: #ebe8de
   Menu hover: #f09900
   Menu background: #2b2b2b
   Footer top: #393939
*/

/* ================== CONTENT ==================== */

/* --- Home Page --- */

/* -- slideshow -- */

#box-image {background-color: #7c7c7c;}
#slides {position: relative;}
.image-container {		
	background-position: center;
	background-repeat: no-repeat;					
}
	.image-container img {
		display: block;		
		margin: 0 auto;
		width: 100%;
		height: auto;
		max-width: 66.25em;			
	}
.fade-box {
	width: 100%;
	height: auto;	
	position: absolute;
	top: 0;
	text-align: center;	
}
#scroller .caption {
	line-height: 1.3;
}

#box-home-image {
	float: left;
	padding-top: 1.5em;		
	width: 32.704402515723270440251572327044%; /* optimal width 260px */
	height: 100%;
}
#box-home-right {
	float: right;
	width: 67%;	
}
	#box-home-right div {padding: 0 2.5em;}
	#box-home-right h1 {font-size: 1.125em;}
	#box-home-right p {	
		margin: 0.71em 0;
		line-height: 1.5;	
		font-size: 0.875em;
	}
#featured {
	clear: both;
	max-width: 67.5em;
	margin: 0 auto 6.25em;
	overflow: hidden;	
}
	#featured h2 {margin-left: 0.454em;}

/* --- Page Sell --- */

#sell #main form {	
	padding-right: 0.625em; 
	margin-bottom: 1.25em; 
}
	#sell #main form .btn {margin: 1.25em auto;}
	
#sell #main div {padding: 0 2.5em;}
	#sell #main div p {
		margin: 0.714285em 0;
		line-height: 1.2;
		font-size: 0.875em;
	}
	#sell #main div p:first-of-type {
		font-size: 1rem;
		color: #1a1a1a;
	}
#sell #main h3 {margin: 1.1em 0 0.56em;}
#sell #main label {
	display: inline-block;
	width: 30%;
	text-align: right;
	line-height: 2;
	font-size: 0.875em;
}
#sell #main #label-message {vertical-align: top;}
#sell #main input.btn {margin-left: 30%;}

/* ---	Page Buy --- */

#buy h3 { text-align: center; }
#advanced-search div {margin-bottom: 1.875em;}
#advanced-search select {margin-right: 1.25em;}
#advanced-search select#business {width: 16.875em;}
#advanced-search select#building {width: 10.9375em;}
#advanced-search select#distrito,
#advanced-search select#concelho_3,
#advanced-search select#localidade_3 {width: 12.8125em;}
#advanced-search select#pdesde,
#advanced-search select#pate,	
#advanced-search select#adesde,
#advanced-search select#aate {width: 8.125em;}
#advanced-search .btn { 
	float: right;
	margin-right: 5em;
}
#info-request {margin-top: 1.25em;}
	#info-request label {
		display: inline-block;
		width: 40%;
		text-align: right;
		line-height: 2;
		font-size: 0.875em;
	}
	#info-request input {width: 50%;}
	#info-request textarea {vertical-align: top;}
	#info-request .btn {float: right; width: auto;}

/* --- Page Contacts --- */

#contacts h3 {margin-bottom: 1.25em;}
#contacts .box-50 {
	margin-bottom: 1.25em;
	line-height: 1.4em;
}
	#contacts .box-50 p {margin: 0.625em 0;}
#box-contacts-image {
	float: left;			
	width: 50%; /* optimal width 260px */
	height: 100%;
}

/* --- Page Property --- */

#property h1 {
	font-size: 1.25em;
	margin-bottom: 1.25em;
}
#box-left {
	float: left;
	width: 31.25em;
}
	#box-left h3 { 
		clear: left;
		margin: 1.25em 0; 
	}
	#box-left p {margin-bottom: 1.25em;}
#box-print img {vertical-align: middle;}
#box-print a {font-size: 0.9em;}
#box-property-right {
	float: right;
	width: 18.4375em;
}
	#box-property-right ul,
	#box-property-right h3 {
		margin: 2.23em 0 0.56em;
		padding: 0 1.25em;
	}	
	#box-property-right > ul li {
		margin: 0.714285em 0;
		padding-bottom: 0.714285em; 
		font-size: 0.875em;
		font-weight: bold;		
		border-bottom: 1px solid #a4a4a4;
	} 
		#box-property-right > ul li span {
			display: inline-block;
			width: 8.57142em;
		}
		#box-property-right > ul li span:first-child {			
			font-weight: normal;
		}
	#box-property-right form ul li {margin: 0.625em 0;}
		#box-property-right form ul li label {
			display: inline-block;
			width:  6.25em;
		}
#visita label, #visita input {display: inline; width: 50%;} 
#img-frame img, #thumbs .img img {height: auto;}
#img-frame {
	height: 23.75em;
	overflow: hidden;
}	
#thumbs { 
	overflow: hidden;
	margin-bottom: 1.25rem; 
}
	#thumbs li {
		height: 51px;	
		overflow: hidden;
	}
li.img {
	float: left;
	width: auto;
	margin-top: 0.25em;	
	margin-right: 0.25em;	
}
li.img:nth-child(7n+7) {margin-right: 0;}

#box-property-contacts, #employee {
	font-size: 0.875em;	
	line-height: 1.5em;
}
#box-property-contacts-address {	
	margin-bottom: 1.875em;		
	overflow: hidden;
}
#box-property-contacts-float {
	float: left;
	width: 50%;	
}
#employee {
	clear: left;	
	padding-top: 1.25em;
	padding-bottom: 1.25em;
	border: 1px solid #f09900;
	overflow: hidden;
}
	#employee .photo {
		float: left;
		padding: 0 2.5em; 
	}
	#employee div {padding-left: 2.5em;}

/* --- Page Properties --- */

.bg-img {
	position: relative;
}
.badge {
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px;	
}

#advanced-search-link {	
	margin-top: 1.25em;
	text-align: center;	
}
	#advanced-search-link a {color: #2b2b2b;}
	#advanced-search-link a:hover {text-decoration: underline;}
	
/* --- Page Privacy Policy --- */

#privacy {line-height: 1.25em;}
#privacy h1 {
	margin-bottom: 1.25em;
	font-size: 1.5em;
}
#privacy h2 {
	margin: 2.5em 0 1em;
}

/* -- pagination --- */

#pagination {
	clear: left;
	margin: 1.4285em 0;
	font-size: 0.875em;
}
	#pagination span {
		margin-right: 0.625em;
		padding: 10px;
		display: inline-block;
		color: #777;
		background-color: #ddd;	
	}
	#pagination a {
		margin-right: 0.625em;
		padding: 10px;
		display: inline-block;
		color: #2b2b2b;
		background-color: #ddd;
	}
	#pagination a:hover {background-color: #f09900;}
	#pagination a:visited { color: #2b2b2b; }

/* --- Top --- */

#top {	
	background-color: #ebe8de;
	color: #fff;
}
	#top h1 {
		font: bold 1.5em verdana;
		color: #f09900;
		line-height: 3.34em;
	}
	#top h1 span {font-size: 0.5em;}
#box-top-left {line-height: 5em;}
#box-top-left img {vertical-align: middle;}	
#box-top-right {font-size:0.875em;}
#box-top-right div {position: relative;}
#top-contacts {
	font-size: 0.875em; 
	color: #2b2b2b;
}
	#top-contacts img {vertical-align: middle;}
	#top-contacts a {color: #2b2b2b;}
#top-nav {background-color: #2b2b2b;}

/* --- Gallery --- */

#gallery {
	margin: 0 auto;
	overflow: hidden;	
}
div.img {
	margin: 0.625em;
	width: auto;
	height: auto;
	float: left;	
	background-color: #fff;	
}
 
#body div.img:nth-child(4n+4) {margin-right: 0;}

div.img img {
	display: inline;
	width: 250px;
	height: 180px;
}
#properties div.img img {
	width: 220px;
	height: 165px;
}
.float {
	float: left;
	width: auto;
}
.legend { 
	border-right: 1px solid #e0ded4;
	border-bottom: 2px solid #e0ded4;
	border-left: 1px solid #e0ded4;
	overflow:hidden;
}
	.legend p {
		padding-left: 0.625em;
		line-height: 1.3;		 
	}	
p.building-tipology {
	margin-top: 0.625em;
	font-weight: bold;
}
p.local {font-size: 0.875em;}
p.business-name {margin-bottom: 0.625em;}
span#price {
	display: inline-block;
	width: 50%;
	padding: 0.625em 0;
	text-align: center;	
	background-color: #e3e0d6;
}
#details {	
	display: inline-block;
	width: 50%;
	text-align: center;
	color: #fff;	
}
	#details a {
		display: inline-block;
		width: 100%;
		background-color: #7c7c7c;
		color: #fff;	
	}
	#details a:hover {background-color: #f09900;}
#details span {
	display: inline-block;
	padding: 0.625em 0;	
}

/* --- Main Menu --- */

#box-main-menu ul#menu li {
	display: inline-block;	
	height: 2.5em;	
	border-right: 1px solid #353535;
}
	#box-main-menu ul#menu li a {	
		display: inline-block;	
		padding: 0 1.25em;		
		line-height: 2.5em;			
		font-weight: bold;
		color: #fff;		
	}	 
	#box-main-menu #menu li.active a,
	#box-main-menu #menu li a:hover {background-color: #f09900;}
	
/* --- Language Module --- */

#language li {display: inline-block;}
	#language li a {
		padding: 0 0.125em;
		color: #fff;
		line-height: 2.5em;
	}
	#language li.active a, #language li a:hover {color: #f09900;}
	
/* --- Search Module --- */

#module-search {
	padding: 0.625em;
	background-color: #e3e0d6;
	border: 1px solid #d7d7d7;
}
	#module-search h3 {	
		margin-bottom: 0.55em;
		color: #f09900;
	}
	#module-search label {
		display: block;
		margin-top: 0.35714285714285714285714285714286em;
		font-size: 0.875em;
		line-height: 1.5em;
	}	
#search-btn {
	width: 100%;
	margin-top: 1.25em;
	border: none;
}

/* --- Banners Module --- */

#banners {
	margin: 2.5em 0;
	text-align: center; 
}
	#banners img {height: auto;}

/* --- Footer --- */

footer {color: #fff;}
#footer-top {	
	background-color: #393939;
	overflow: hidden;	
}
#footer-bottom {
	padding-top: 4px;
	border-top: 2px solid #292929;
	background-color: #2b2b2b;
	color: #a1a1a1;
	line-height: 1.25em;	
}
	#footer-bottom span {
		font-family: tahoma;
		font-size: 0.75em; 
	}
		#footer-bottom span a {color: #fff;}
#box-footer-right p {
	padding-top: 0.625em;
	font-size: 0.875em;
	line-height: 1.5;
	color: #a4a4a4;
}
#box-footer-right a {
	white-space: nowrap;
	color: #a4a4a4;
}
#box-footer-bottom-col-left {line-height: 1.125em; }	
#box-footer-bottom-col-right {
	line-height: 1rem;
	font-size: 0.5625em;
	text-align:right;
}	
	#box-footer-bottom-col-right span {font-size:1.34em}

/* -- footer menu -- */

#box-footer-left ul#menu li {display: inline;}
	#box-footer-left ul#menu li a {	
		display: inline-block;	
		padding-right: 1.25em;
		line-height: 7.5em;	
		font-family: 'trebuchet ms';		
		color: #fff;		
	}
	#box-footer-left ul#menu li.active a,
	#box-footer-left ul#menu li a:hover {color: #f09900;}

/* ================ GENERIC CLASSES ================ */

.btn {
	display: inline-block;	
	padding: 0.625em;
	color: #fff;
	background-color: #f09900;
	cursor: pointer;
}
.agency-img {
	max-width: 100%;
	height: auto;	
}
.required {
	clear: right;
	padding-top: 1.667em;
	font-size: 0.75em;	
}
.captcha {margin: 0.3125em 0;}
.form-privacy-info {font-size: 0.75em;}

/* ================= GENERAL TAGS ================= */

body {
	font-family: 'Trebuchet MS';
	color: #393939;
	background-color: #ebe8de;
}
a {text-decoration: none;}
h2 {
	margin-bottom: 1.25em;
	font-size: 1.375em;
}
h3 {font-size: 1.125em;}
h4 {
	margin: 0.625em 0;
	font-size: 0.75em;	
}
input, select, textarea {	
	border: 1px solid #d7d7d7;
	background-color: #fff;
}
img {max-width: 100%; height: auto;}
iframe {clear: left; max-width: 100%;}
form img {vertical-align: middle;}
noscript p {
	padding: 5px 0;
	font: 0.75em arial, helvetica;
	text-align: center;	
	color: #fff;	
	background-color: #555;
}
strong { font-weight: bold; }

@media only print, screen and (max-width: 1095px) {	
	#top{height: auto;}
	#home #gallery {width: 810px;}	
	#advanced-search {padding-left: 10%;}
	#advanced-search label {
		display: block;
		margin: 0.625em 0 0.3125em;
	}
	#intcode {
		display: block;
		margin-bottom: 1.25em;
	}
	#property #box-left, #box-property-right {float: none;}		
}
@media only print, screen and (max-width: 855px) {
	#home #gallery {width: 540px;}	
	#property #box-left { 
		width: auto;
		margin-right: 0.625em;
	}	
	#img-frame {height: auto;}	
}
@media only print, screen and (max-width: 800px) {
	#footer-top {height: auto;}
	#box-footer-left, #box-home-image, #box-contacts-image {display: none;}
	#box-footer-right, #box-home-right {float: none; width: 100%;}	 
	#box-home-right div {padding: 0 2.5em;}
	#box-home-right h1 {font-size: 1.125em;}
	#box-home-right p {	
		margin: 0.71em 0;
		line-height: 1.5;	
		font-size: 0.875em;
	}	
	#sell #main label {
		display: block;
		text-align: left;
		width: 100%;		
	}
	#vender li {margin-bottom: 0.625em;}	 
}
@media only print, screen and (max-width: 695px) {	
	#box-top-left {
		float:none; 
		width: 100%;
		line-height: 1.5em;		
	}
	#box-top-right {float:none; width: 100%;}	
	#top h1 {
		font: bold 1.5em verdana;
		color: #f09900;
		line-height: 1.5em;
	}		
	#pagination span, #pagination a {
		display: block;
		width: 7.1875em;
		margin-bottom: 0.625em;			
	}	
}
@media only print, screen and (max-width: 665px) {			
	#box-main-menu ul#menu li a {padding: 0 0.625em;}		
	#footer-bottom {
		height: auto;
		padding: 0.834em 0;
		font-size: 0.75em;
		line-height: 1.3em;	
	}
	#sell #box-right, #buy #box-right, #property #box-right {display: none;}
	#sell #main, #buy #main, #property #main {margin-right: 0;}
	#buy h2 {padding-left: 10%;}	
}
@media only print, screen and (max-width: 565px) {	
	#top h1 {font-size: 1.25em;}
	#box-main-menu ul#menu li a, #language li a { 
		font-size: 0.75em;
		line-height: 3.34em;	 
	}
	#box-right {
		float: none;
		margin: 0 auto 2.5em;
	}
	#contacts .box-50 {width: 100%;}
	#main {margin-right: 0;}
	#home #gallery {width: 250px;}	
	#banners {display: none;}	
}
@media only print, screen and (max-width: 435px) {
	#top h1 {
		margin-top: 0.625em;
		font-size: 1em;		
	}
		#top h1 span {font-size: 0.625em;}
	#box-main-menu{float: none;	height: auto;}
		#box-main-menu ul#menu li {
			display: block;
			height: auto;
			border-right: none;
			border-bottom: 1px solid #353535;
		}
			#box-main-menu ul#menu li a {
				display: block;
				font-size: 1em;
			}
	#box-language {
		float: none;
		position: absolute;
		top: 0.625em;
		right: 0.625em;	
	}
		#box-language #language li a {
			font-size: 1em;
			color: #888;	
		}
		#box-language #language li.active a,
		#box-language #language li a:hover {color: #333;}
	#box-image {display: none;}	
	#sell #main div {padding-left: 0;}
	#module-search #business { max-width: 15.31em;}	
	
	#box-property-contacts-float {
		float: none;
		width: 100%;	
	}
	#employee .photo {padding: 0 1.25em;}
	
	#scroller, .simply-scroll {display:none;}
}

@media print {	
	#box-top-right, 
	#top-nav, 
	#box-right, 
	#box-footer-left, 
	#box-footer-right,
	#box-property-right h3, #box-property-right form,
	#box-print {display: none;}
		
	#box-center {margin: 0.625em 0;}
	#footer-top {height: 1.5em;}
	#footer-bottom {
		border-top: none;
		background-color: #fff;
		color: #000;
		height: 1em;	
	}
		
	#img-frame {
		height: auto;
		text-align: center;
	}
		#img-frame img {height: auto;}
		
	#box-left h3 {margin: 1.12em 0 0.56em;}
	
	#box-property-right {
		float: none;
		width: 100%;
	}
	#box-property-right ul {
		margin: 0;
		padding: 0;
	}
	#box-property-right > ul li {
		float: left;
		width: 50%;
		margin: 0.5714285em 0;
		padding-bottom: 0.5714285em; 
		font-size: 0.875em;					
	}	
		#box-property-right > ul li span {
			display: inline-block;
			width: 11.428em;
		}		
	
	#main {margin-right: 0;} 
	.container {padding: 0;}
	
	body {
		background-color: #fff;
		color: #000;
		margin: 0;
		font-size: 0.875em;
	}
	img {max-width: 380px;}
	#main h1 {font-size: 1.25em;}	
}