/* CSS Document */

@import url("forms.css");

/*
	-- -- -- -- -- -- --

	TERRAÇOS D'ALVIDE * MAR/2007 v2007 CSS
	
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

	-- -- -- -- -- -- --

*/


/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
* {margin:0; padding:0;}

html {height: 100%;}

body{
	margin:0;
	padding:0;
	font: .72em Corbel, Arial, Helvetica, sans-serif;
	color: #171411;
	line-height:1.30em;
	height:100%;
	background: #cfd2d4;
	text-align:justify;
	}

a:link img,
a:visited img {border:none;}


/* =TIPOGRAFIA
------------------------------------------------------------------------ */
.devnote {color:#FF0000; background:#FFFF99; display:block; padding:10px;}
div.clear {clear:both;}
/*div {border:1px solid #00ff00;}*/

p {margin:0 0 0.9em 0;}
p.note {font-size:85%; color:#999999;}
h1, h2, h3, h4, h5, h6 {margin:0; letter-spacing:-0.10em; line-height:1em;}

h1 {font-size:325%; font-weight:normal; color:#c0c0c0; letter-spacing:-3px;}
h2 {font-size:220%; font-weight:normal;}
h3 {font-size:145%; font-weight:normal; }
h4 {font-size:130%;}
h5 {}
h6 {}

a:link, a:visited {text-decoration:none; color:#fff; font-weight:bold;}
a:hover, a:active {text-decoration:underline; color:#fff;}

hr {color:#fff; width:30%; text-align:left; height:1px;}
blockquote {font-size: 1.2em; font-style:italic; margin:0.5em 0 1em 0;}

/* =LAYOUT
------------------------------------------------------------------------ */
html {height: 100%;}
#globalContainer {
	min-height: 100%;
	}
	#globalContainer img.endtop{position:absolute; left:40px; z-index:1;}
	* html #globalContainer{
		height: 100%;
		}

.inner {position:relative;}

#mainContent {background:#cfd2d4; width:930px; padding:0 0 150px 70px;}
	#mainContent #content{float:right; width:660px; padding:50px 0 0 0;}
	#mainContent #sidebar{float:left; width:230px; padding:0 40px 0 0; text-align:left;}

#header {color:#cfd2d4; background:#171411;}
	#header #header01{height:136px; position:relative;}
		#header #header01 img#slogan{position:absolute; left:60px; top:55px;}
		#header #header01 img#logotipo{position:absolute; left:670px; top:50px;}
		#header #header01 ul#langNav{position:absolute; left:60px; top:10px; list-style:none;}
			#header #header01 ul#langNav li{display:block; width:auto; padding:0 0 0 18px;}
				#header #header01 ul#langNav li.opEng{background: url(../../img/layout/langNav.uk.png) no-repeat left center;}	
				#header #header01 ul#langNav li.opPt{background: url(../../img/layout/langNav.pt.png) no-repeat left center;}	
			#header #header01 ul#langNav a:link,
			#header #header01 ul#langNav a:visited{color:#ccc;}
	#header #header02{background: url(../../img/layout/header02.fundo.gif) repeat-x left top;}
		#secHome #header #header02{background: url(../../img/layout/secHome.header02.fundo.gif) repeat-x left top;}
	#header #header03{}

#footer {
	position:relative;
	height:152px;
	margin-top:-150px;
	clear:both;
	z-index:2;
	color:#cfd2d4;
	background:#171411 url(../../img/layout/footer.fundo.png) repeat-x left top;
	}
	#footer .inner{z-index:2;}
	#footer img.endTop{position:absolute; z-index:1;}
	#footer img#assinatura{position:absolute; left:780px; top:55px; border:none;}
	#footer img#promotores{position:absolute; left:75px; top:35px;}
	





/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */

div.subLayoutA {
	width:660px;
	float:left;
	}
	div.subLayoutA div{}
	div.subLayoutA .subContent{
		float:left;
		width:250px;
		}
	div.subLayoutA .subSidebar{
		float:right;
		width:390px;
		}

.columns02 {display:inline-block; text-align:left;}
	.columns02 .column01{float:left; width:48%; margin-right:1%;}
	.columns02 .column02{float:left; width:48%; margin-left:1%;}
	.columns02.l3070 .column01{float:left; width:28%; margin-right:1%; border-top:1px solid #cfd2d4;}
	.columns02.l3070 .column02{float:left; width:68%; margin-left:1%; border-top:1px solid #cfd2d4;}
	.columns02.l4060 .column01{float:left; width:38%; margin-right:1%;}
	.columns02.l4060 .column02{float:left; width:58%; margin-left:1%;}

.columns03 {float:left; width:620px;}
	.columns03 .column01{float:left; width:32%; margin-right:1%;}
	.columns03 .column02{float:left; width:32%; margin:0 1%;}
	.columns03 .column03{float:left; width:32%; margin-left:1%;}

img.thumb{
	border:1px solid #fff;
	}


.tabZone {position:relative;}

ul.tabBar {
	list-style:none;
	z-index:1;
	font-size:2.5em;
	font-weight:normal;
	}
	ul.tabBar li{display:block; float:left; padding:0; margin:0 5px 0 0;}
	ul.tabBar li a:link span, ul.tabBar li a:visited span {display:block;}
	ul.tabBar li.active a:link, ul.tabBar li.active a:visited{ color:#333333;}
	ul.tabBar li a:link, ul.tabBar li a:visited{
		display:block;
		padding:0 0 0 8px;
		text-decoration:none;
		}
		ul.tabBar li a:link span, ul.tabBar li a:visited span{padding:2px 8px 10px 0;}


ul.tabBar2 {
	list-style:none;
	z-index:1;
	font-weight:normal;
	border-bottom:1px solid #9fa0a4;
	float:left;
	width:100%;
	padding-left:10px;
	font-size:1.2em;
	letter-spacing:-1px;
	}
	ul.tabBar2 li{display:block; float:left; padding:0; margin:0 5px -1px 0;}
		ul.tabBar2 li a:link span, ul.tabBar2 li a:visited span {display:block; padding:3px 8px; border:1px solid #9fa0a4; background:#9e9fa3; color:#cfd2d4;}
			ul.tabBar2 li a:hover span, ul.tabBar2 li a:active span { text-decoration:none; background:#a7a8ac; color:#fff;}
		ul.tabBar2 li.active a:link span, ul.tabBar2 li.active a:visited span {border-bottom:1px solid #cfd2d4; background:#cfd2d4; color:#fff;}		

div.tabContent {
	clear:both;
	position:relative;
	z-index:2;
	padding:15px;
	}

div.tabContent2 {
	clear:both;
	position:relative;
	z-index:2;
	padding:15px;
	background: url(../../img/layout/tabContent2.fundo.gif) no-repeat left top;
	}

	div#cat02, div#cat03, div#cat04, div#cat05 {display:none;}


/* =ZONAS
------------------------------------------------------------------------ */
#secHome {}
	#secHome #mainContent{background: url(../../img/layout/secHome.mainContent.fundo.png) repeat-y left top; padding-top:25px;}
	#secHome #columnA{float:left; width:270px;}
	#secHome #columnB{float:left; width:570px; padding:0 25px 0 25px;}
	#secHome #columnC{display:none;}


/* =LISTAS
------------------------------------------------------------------------ */

/* =siteNav */
ul.siteNav {list-style:none; height:30px; width:565px;	position:absolute;	left:50px;	bottom:15px; z-index:3; margin:0 auto; }
ul.siteNav li{display:inline;}
ul.siteNav li a:link,
ul.siteNav li a:visited{color:#fff;}
ul.siteNav li a {
	display:block;
	float:left;
	height:30px;
	background: url(../../img/layout/sitenav.ops.png) no-repeat;
	}
	ul.siteNav li a span {display:none;}

ul.siteNav li#op01 a:link, ul.siteNav li#op01 a:visited{width:115px; background-position:0 0;}
ul.siteNav li#op02 a:link, ul.siteNav li#op02 a:visited{width:94px; background-position:-115px 0;}
ul.siteNav li#op03 a:link, ul.siteNav li#op03 a:visited{width:86px; background-position:-209px 0;}
ul.siteNav li#op04 a:link, ul.siteNav li#op04 a:visited{width:83px; background-position:-295px 0;}
ul.siteNav li#op05 a:link, ul.siteNav li#op05 a:visited{width:84px; background-position:-378px 0;}
ul.siteNav li#op06 a:link, ul.siteNav li#op06 a:visited{width:103px; background-position:-462px 0;}

ul.siteNav li#op01.active a:link, ul.siteNav li#op01.active a:visited {width:115px; background-position:0 -60px;}
ul.siteNav li#op02.active a:link, ul.siteNav li#op02.active a:visited {width:94px; background-position:-115px -60px;}
ul.siteNav li#op03.active a:link, ul.siteNav li#op03.active a:visited {width:86px; background-position:-209px -60px;}
ul.siteNav li#op04.active a:link, ul.siteNav li#op04.active a:visited {width:83px; background-position:-295px -60px;}
ul.siteNav li#op05.active a:link, ul.siteNav li#op05.active a:visited {width:84px; background-position:-378px -60px;}
ul.siteNav li#op06.active a:link, ul.siteNav li#op06.active a:visited {width:103px; background-position:-462px -60px;}

ul.siteNav li#op01 a:hover{width:115px; background-position:0 -30px;}
ul.siteNav li#op02 a:hover{width:94px; background-position:-115px -30px;}
ul.siteNav li#op03 a:hover{width:86px; background-position:-209px -30px;}
ul.siteNav li#op04 a:hover{width:83px; background-position:-295px -30px;}
ul.siteNav li#op05 a:hover{width:84px; background-position:-378px -30px;}
ul.siteNav li#op06 a:hover{width:103px; background-position:-462px -30px;}


/* featured01 - lista de destaques na sidebar */
ul.featured01 {
	list-style:none;
	margin-bottom:3em;
	}
	ul.featured01 a:link,
	ul.featured01 a:visited{
		font-size:1.1em;
		}
	ul.featured01 img.thumb{float:left; border:none; margin:0 5px 0 -25px;}
	ul.featured01 p{margin-top:10px;}

/* .specs01 - lista de características dos imoveis */
ul.specs01{margin:0 0 2em 15px;}
	ul.specs01 li{}
	ul.specs01 ul{margin:0 0 0 15px;}


/* =SFIR
------------------------------------------------------------------------ */


/* =DATATABLES
------------------------------------------------------------------------ */
.datatable01 { width:100%;} /* LISTA IMÓVEIS */
	.datatable01 td{ vertical-align:top; padding-left:175px; padding-bottom:35px;}
	.datatable01 img.thumb{
		float:left;
		margin:0 8px 8px 0;
		margin-left:-175px;
		border:1px solid #fff;
		-moz-opacity: 0.80;
		opacity: 0.80;
		filter: alpha(opacity=80);
		}
	.datatable01 td:hover img.thumb{
		-moz-opacity: 1.00;
		opacity: 1.00;
		filter: alpha(opacity=100);
		}
	.datatable01 dl{}
		.datatable01 dl dt{float:left; font-weight:bold; margin-right:5px;}
		.datatable01 dl dd{}

.datatable02 {width:620px; margin:15px 0 0 0;} /* AREAS DO IMOVEL */
	#tabsContainer .datatable02 {width:100%;}
	.datatable02 thead th{font-size:1.30em; padding:5px;}
	.datatable02 th{text-align:left;}
	.datatable02 th,
	.datatable02 td{border-bottom:1px solid #bfc2c4; padding:2px 5px;}


.datatable03 {margin:1em 0;} /* LISTA ARTIGOS INSTITUCIONAIS COM FOTO À ESQUERDA */
	.datatable03 td{padding:0 15px 15px 0;}
	.datatable03 img.thumb{}
	.datatable03 a.thickbox{
		position:relative;
		}
		.datatable03 a.thickbox img.icon{
			position:absolute;
			right:1px;
			bottom:1px;
			}

			
/* =COMPONENTS
------------------------------------------------------------------------ */
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4 {
	visibility: hidden;
	line-height: 1em;
	margin:0;
	}

.sIFR-active h1 {font-size:2.8em;}
.sIFR-active h2 {font-size:1.9em;}
.sIFR-active h3 {font-size:1.6em;}