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

body { /* fundo do site */
	background-color: #ebe8de;
}
input, select, textarea { /* caixas dos formulários */	
	border-color: #d7d7d7;
	background-color: #fff;
}


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

.btn { /* botões como o "Pesquisar", etc */
	color: #fff;
	background-color: #de2626;	
}


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

/* --- Top --- */

#top { /* parte do topo */	
	background-color: #ffffff;
	color: #fff;
}
#top h1 { /* nome da agência */	
	color: #de2626;	
}	
#top-contacts { /* contactos no topo */
	color: #2b2b2b;
}
#top-nav {	
	background-color: #000000;
}

/* --- Footer --- */

footer {
	color: #fff;	
}
#footer-top {	
	background-color: #393939;		
}
#footer-bottom {
	height:4.375em !important;
	border-top-color: #292929;
	background-color: #000000;
	color: #a1a1a1;	
}
#box-footer-right p, #box-footer-right a {	
	color: #a4a4a4;
}

/* -- footer menu -- */

#box-footer-left ul#menu li a {		
	color: #fff;		
}
#box-footer-left ul#menu li.active a, #box-footer-left ul#menu li a:hover {
	color: #de2626;
}

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

#box-main-menu ul#menu li {	
	border-right-color: #353535;  
}
#box-main-menu ul#menu li a {		
	color: #fff;		
}	 
#box-main-menu #menu li.active a, #box-main-menu #menu li a:hover {
	background-color: #de2626;
}

/* --- Language Module --- */

ul#language li a {
		color: #fff;
	}
#language li.active a, #language li a:hover {
	color: #de2626;
}

/* --- Search Module --- */

#module-search {	
	background-color: #e3e0d6;
	border-color: #d7d7d7;
}
#module-search h3 {
	color: #de2626;
}

/* --- Gallery --- */

div.img {
	background-color: #fff;	
}
.legend {
	border-right-color: #e0ded4;
	border-bottom-color: #e0ded4;
	border-left-color: #e0ded4;	
}
span#price {	
	background-color: #e3e0d6;
}
span#details {	
	color: #fff;	
}
#details a {		
	background-color: #7c7c7c;
	color: #fff;	
}
#details a:hover {
	background-color: #de2626;
}

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

#box-image{ /* laterais da imagem do slideshow */
	background-color: #7c7c7c;
}

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

#advanced-search-link a {
	color: #2b2b2b;	
}

/* --- Footer --- */

#footer-bottom{height: 3.75em;}
#box-footer-bottom-col-left{line-height: 1em;}

/* -- pagination -- */

#pagination span {
	color: #777;
	background-color: #ddd;	
}
#pagination a {	
	color: #2b2b2b;
	background-color: #ddd;
}
#pagination a:hover {	
	background-color: #de2626;
}
#pagination a:visited { 
	color: #2b2b2b; 
}

@media screen and (max-width: 820px) {
	#box-main-menu ul#menu li a {padding: 0 0.625em;}	
}
@media screen and (max-width: 695px) {
	#box-main-menu ul#menu li a, #language li a { 
		font-size: 0.75em;
		line-height: 3.34em;	 
	}
}
@media screen and (max-width: 520px) {
	#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;}
}

.image-container img {
    max-width: 100%;
}
#box-image .container {
    max-width: 100%; 
    padding: 0;
}