/**
 * Ficheiro de estilos Template.css
 * @package	Bangasol II
 * @author	Insert - de Jaime de A. Teixeira (http://insert.pt.vu)
 * @version	Dezembro 2011   
 */
 
/*********************************
 1. Definições Gerais  
 2. Tabela de Preços
 3. Form Tipologia
 4. Página Home
 5. Página Imóveis
 6. Página Imóvel
 7. Página Reservar
 8. Página Ofertas Especiais 
 9. Página Preços
10. Página Contactos
11.	Tagline
12.	Language Menu
13.	Main Menu
 13.1 Submenu
14. Módulo Imóveis
15. Módulo Ofertas Especiais
16. Rodapé
17. Messages    
18. Layout    	
*********************************/

/**
 * Reset 
 * Based on work by Eric Meyer CSS which is licensed under the GNU/GPL
 */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, strong,
ul, li,
fieldset, form, label,
table, caption, tbody, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {	
	font-family: 'ms sans serif', arial, helvetica, sans-serif;		
	line-height: 20px;
	font-size: 14px;	
	text-align: center;
	color: #0e2f48;
	background: #c6ddeb url('images/fundo.jpg') center top no-repeat;	
}
h1, h2, h3, h4 { color: #1a4956; }
h1 { 
	font-size: 24px;
	font-weight: normal; 
}
h2 {
	margin-bottom: 20px;
	font: 26px calibri, arial, sans-serif;
}
h3 { 
	font-size: 16px;
	font-weight: bold; 
}
h4 { font-weight: bold; }
p {	margin: 20px 0; }
a {	text-decoration: none; }
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td { text-align: left; }
caption {	
	font-size: 16px;
	font-weight: bold;	
	color: #1a4956; 
}
th, td { font-weight: normal; }
label {	display: inline-block; }
input, select, textarea {	
	color: #10082c;
	background-color: #c6ddeb;
}
textarea { margin-bottom: 20px; }
iframe { border: 2px solid #c6ddeb; }
strong { font-weight: bold;	}

.button {		
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #162640;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	background: url('images/bg_button.png') repeat-x;
}
.button:hover {	color: #fff; }

.link {
	display: inline-block;	
	color: #254049;	
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	background: #fff url('images/bg_link_button.png') repeat-x;
}
.link:hover { color: #0093dd; }
.link:active { margin-left: 1px; }

/***** Tabela de preços nas páginas Imóvel e Preços *****/
.precos { border-collapse: collapse; }
	.precos caption { margin-bottom: 20px; }
	.precos th {		
		padding: 5px;
		font-size: 11px;	
		text-align: center;
		border: 1px solid #96a1ab;
		border-bottom-width: 2px;	
		background-color: #ccc;
	}
	.precos th.th_left {
		width: 80px;
		text-align: left;
		border-bottom-width: 1px;
		border-right-width: 2px;
	}
	.precos td {
		width: 20px;	
		padding: 2px 5px;
		text-align: right;	
		vertical-align: middle;
		border: 1px solid #96a1ab;
	}			

/***** Form Tipologia nas páginas Imóveis e Reservas *****/ 
.tipologia { padding-top: 10px; }
	.tipologia label {
		width: 115px;		
		font-weight: bold;	
	}
	.tipologia select { margin-right: 5px; }

/********** Página Home **********/	
#slideshow_content {
	width: 953px;	
	height: 280px;	
	color: #2e464a;	
	background-color: #fff;	
	border: 1px solid #c6ddeb;
	-moz-box-shadow: 7px 7px 7px #313131;
	-webkit-box-shadow: 7px 7px 7px #313131;
	box-shadow: 7px 7px 7px #313131;
}
	#slideshow_content p { margin: 0 0 20px; }
#slideshow {
	position: relative;
	float: left;	
	width: 620px;
	height: 210px;
	margin: 35px;	 
}
	#slideshow img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;	
		width: 620px;
		height: 210px;
		opacity: 0.0;
 	}
	#slideshow img.active {
		z-index: 10;
		opacity: 1.0; 
	}
	#slideshow img.last-active { z-index: 9; }	
.interior_slideshow { padding: 35px; }
	
/********** Página Imóveis **********/
#filtro {
	margin-bottom: 10px;
	text-align: right;
}	
.list {	
	width: 100%;
	margin: 5px 0 20px;		
}
	.list th { 
		font-weight: bold;
		text-align: center; 
		color: #2e464a;
	}	
	.list td { padding: 2px 0; }	
.imoveis th { 
	padding-bottom: 10px;
	border-bottom: 1px dotted; 
}
.titulo td { 
	padding-top: 5px;
	font-size: 12px; 
}
.detalhes td { 
	padding-bottom: 10px;
	vertical-align: middle;
	border-bottom: 1px dotted;
}
.detalhes img { border: 4px solid #b0c5d1; }
td.facilidades {
	width: 100px;
	text-align: center;
}
td.link_detalhes { 
	width: 90px;
	text-align: center; 
}
.pagination a {	color: #0093dd; }
.pagination a:hover { color: #10082c; }
.pagination .off, .limit { color: #4f5e6c;}

/********** Páginas Imóvel **********/
.link_back {	
	float: right;
	margin-bottom: 20px;		
	font-weight: bold;
	color: #254049;		
}
.link_back:hover { color: #fff; }
	.link_back img { 
		margin-right: 5px;
		vertical-align: middle; 
	}
#imovel	h2 { 
	clear: right;
	font-size: 20px; 
}
#fotos { 
	margin-bottom: 40px;
	overflow: hidden;
}
	#fotos ul li {
		float: left;
		width: 100px;
		margin: 0 10px 10px;
		line-height: 14px;
	}
	#fotos a { 
		display: block;
		margin-bottom: 5px; 
	}
	#fotos img { border: 4px solid #c6ddeb; }
	#fotos img:hover { border-color: #fff; }
	#fotos span { font-size: 10px; }
	
#caracteristicas { 
	clear: left;
	margin-bottom: 40px;	
}
	#caracteristicas h3 { margin-bottom: 20px; }

#imovel .precos th { width: 105px; }
#imovel .precos td { text-align: center; }
#calendar_area {	
	margin-top: 40px;
	overflow: hidden; 
}
#availability_calendar {
	float: left;
	margin-right: 40px;	
}
#legenda_calendar {
	float: left;
	margin-top: 100px;	
	font-size: 12px;
}
	#legenda_calendar span { float: left; }
#disponivel, #ocupado {	
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 10px;		
}
#disponivel {
	margin-bottom: 10px;
	background-color: #52b7e6;
}
#ocupado {
	clear: left;
	float: left;
	background-color: #e65252;
}
#imovel form { 
	float: right;
	margin: 40px 0; 
}

/********** Página Reservar **********/
#reservar h3 { clear: right; }
#reservar #main_content p { color: #2e464a; }

#reservar label {
	display: inline-block;
	width: 110px;	
}
#reservar input { margin-bottom: 20px; }
#reservar span { font-size: 12px; }

/********** Página Ofertas Especiais **********/
.oferta_especial { margin-bottom: 40px; }
.oferta_especial h4 { color: #2e464a; }

/********** Página Preços **********/
#precos #main_content h3 { margin-top: 40px; }
#precos .precos { margin-top: 20px; }

/********** Página Contactos **********/
#contactos label { width: 110px; }	
#contactos input { margin-bottom: 20px; }

/***** Tagline *****/
#tagline {	
	margin-top: 5px;	
	text-align: right;
	font-family: georgia, 'times new roman', serif;		
}
	#tagline h1 { 
		font-size: 18px;
		color: #fff;
		text-shadow: 2px 2px 2px #2a545a; 
	}
	#tagline h1 strong { 
		font-size: 22px;
		font-weight: normal; 
	}

/***** Language Menu *****/
#language_selection {
	font-size: 12px;
	color: #4f5e6c;	
}
	#language_selection li { display: inline; }
	#language_selection a { color: #4f5e6c; }
	#language_selection a:hover {
		text-decoration: underline;
		color: #2a515a;
	}
	#language_selection .active {
		font-weight: bold;
		color: #2a515a;		
	}

/***** Main Menu *****/
#main_menu {
	margin-top: 80px;	
	font-weight: bold;
}
	#main_menu li {
		position: relative;
		display: inline;
		margin-left: 10px;
	}
		#main_menu a {
			padding-bottom: 4px;
			color: #0e2f48;
		}
		#main_menu a:hover, #main_menu a.active { border-bottom: 3px solid #fff; }				
		#main_menu a.active { color: #fff; }

/* Submenu */
#main_menu li ul {
	position: absolute;	
	z-index: 100;	
	left: 0;
	margin-top: 2px;
	width: 140px;
	text-align: left;	
	border-bottom: 1px solid #fff;
	background-color: #c6deec;	
	display: none;	
}
#main_menu li:hover ul { display: block; }			
	#main_menu li ul li {
		display: block;		
		margin-left: 0;
		padding: 4px 0 4px 5px;	
		color: #2a515a;	
		border: 1px solid #fff;
		border-bottom: none;	
	}
	#main_menu li ul a {
		display: block;
		padding-left: 5px;
		padding-bottom: 0;		
	}
	#main_menu li ul a:hover { border-bottom: none;	}
	#main_menu li ul li.submenu_tipologia:hover {		
		color: #0e2f48;
		border-right: none;
		border-color: #0e2f48;
	}
	#main_menu li ul li.submenu_tipologia ul {
		position: absolute;
		top: -3px;
		left: 139px;		
		border-color: #0e2f48;
		display: none;
	}	
	#main_menu li ul li.submenu_tipologia:hover ul { display: block; } 
	#main_menu li ul li.submenu_tipologia li {	
		padding: 3px 0 3px 5px;	
		border-color: #0e2f48;	 
	}
	#main_menu li ul li.submenu_tipologia li a { color: #0e2f48; }
	#main_menu li ul li.submenu_tipologia li:hover { background-color: #fff; }

/***** Módulo Imóveis *****/
#modulo_imoveis {
	margin-bottom: 20px;
	overflow: hidden;
}
	#modulo_imoveis img {
		float: left;	
		border: 4px solid #fff;
	}
	#modulo_imoveis h3 {
		margin-left: 20px;
		color: #2e464a;
	}
	#modulo_imoveis p {
		margin: 5px 0 0 20px;
		font-size: 12px;
	}	
.tipo {
	clear: left;
	margin-bottom: 20px;
	overflow: hidden;	
}
.tipo_descricao {
	float: left;
	width: 180px;
}

/***** Módulo Ofertas Especiais *****/
#modulo_ofertas_especiais {
	margin-bottom: 40px;
	padding: 10px 20px 20px;
	background-color: #c6ddeb;
	border: 1px outset #c6ddeb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
	#modulo_ofertas_especiais h2 { margin-bottom: 0; }
	#modulo_ofertas_especiais p {
		margin: 10px 0;		
		font-family: 'trebuchet ms', sans-serif;
	}
	
/***** Rodapé *****/
#bottom_area h3 { 
		font-size: 20px;
		font-weight: normal;
		color: #162640;	 
}
#bottom_area p { color: #fff; }
#rodape_contactos a { color: #29166f; }
#footer p { 
	margin: 0;
	font-size: 12px; 
	color: #fff;
	text-align: center;		
}
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }

/***** Messages *****/
p.message {	
	margin-bottom: 20px;
	padding: 20px;	
	border-bottom: 2px outset #c6ddeb;
	background-color: #f0f5f9;	
}
p.message.error { color: #dd4e00; }

/********** Layout **********/
.wrapper {	
	width: 960px;
	min-height: 700px;	
	margin: 0 auto;
	text-align: left;			
}
#top_left {
	float: left;
	width: 255px;
	margin: 20px 0;	
}
#top_right {
	float: right;
	width: 700px;
	margin-top: 20px;
	text-align: right;
}
.main_area {
	clear: both;		
	overflow: hidden;	
}
#sidebar {
	float: left;
	width: 300px;	
}	
#main_content {
	float: left;
	width: 660px;	
}
#bg_bottom {
	position: absolute;	 
	width: 100%;	
	height: 240px;	
	background: url('images/bg_bottom.jpg') center top no-repeat;	
}
#bottom_area {
	width: 980px;
	margin: 0 auto;	
	text-align: left;
	background-color: transparent;  	
  	background-color: rgba(135,224,233,0.2);
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2029166f,endColorstr=#2029166f);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2029166f,endColorstr=#2029166f)";	
}
#rodape_contactos, #endereco {
	float: left;
	margin-top: 20px;	
}
#rodape_contactos {	
	width: 610px;	
	margin-left: 60px;
}
#footer {
	clear: left;
	height: 60px;
	line-height: 60px;	
	border-top: 1px solid #fff;
	background-color: #162640;
}
.modules { padding: 34px 30px 20px 0; }
.interior { padding: 34px 50px 40px; }