/*--------------------------------------------------------------------
LAYOUT "index" Style - PSIKONTACTO (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2007
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com

-----------------------------------------------------------------------*/
@import url(reset.css);
@import url(corpo.css);


/* =HEADER : varia consuante a secção
------------------------------------------------------------------*/
#header{height: 345px;}
#header h2{
	width: 540px; height: 230px; margin:0; padding: 0;
	text-indent: -5555px; overflow: hidden;
	background: transparent url(../pics/index-header.jpg) no-repeat;
}
#header #destaqueWrapper{width: 280px; margin:0; padding: 23px 0 0 40px;}
form#formPesquisar fieldset{
	position: absolute; right: 0px; top: 230px; 
	background: transparent url(../imgs/pesquisar-bg-index.gif) no-repeat left top;
}	
	
	
/* =CONTENT : 
------------------------------------------------------------------*/
#content{width: 510px; padding: 0 30px 0 0; margin: 0;}

#apresentacao{
	width: 470px; padding: 0 0 40px 40px; margin: 0; 
	font: normal 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #6e664f;
}
#apresentacao span{font-weight: bold; color: #fdb813;}

/* :NOTA: O clear e feito no div de contentRodape e o de contactos no footer*/
#noticiaFoto{ /* :INFO: para a foto ficar alinhada com o txt a dta tenho de compensar 3px */
	float: left; width: 100px; height: 126px; padding: 4px 0 45px 40px; margin: 0; 
	background: transparent url(../imgs/index-noticiaFoto-bg.gif) no-repeat;
}

#noticiaPrim{float: left; width: 160px; padding: 0 40px 45px 0; margin: 0;}
#noticiaSec{float: left; width: 170px; padding-bottom: 45px; margin: 0;}
#noticiaPrim h3, #noticiaSec h3{font-weight: bold; font-size: 12px; color: #fdb813;}
#noticiaPrim p.data, #noticiaSec p.data{color: #aca38d; padding-bottom: 10px; line-height: 12px;}
#noticiaPrim p, #noticiaSec p{padding-bottom: 4px;}
#noticiaPrim strong, #noticiaSec strong{color: #7f765d;}
#noticiaPrim a.linkNoticia, #noticiaPrim a.linkNoticiaMenos,
#noticiaSec a.linkNoticia, #noticiaSec a.linkNoticiaMenos
{font-weight: bold; color: #fdb813; text-decoration:none;}



/* =CONTACTO E NEWSLETTER :
------------------------------------------------------------------*/
#contentRodape{
	width: 500px; height: 120px; margin-left: 40px;
	overflow: hidden; clear: both;	
	color: #aca38d; line-height: 13px; font-size: 11px;
}
#contentRodape .vcard{
	float: left; width: 280px; height: 120px; position: relative;
	background: transparent url(../imgs/index-vcard-bg.gif) no-repeat;
}
#contentRodape .newsletter{
	float: left; width: 220px; height: 120px; position: relative;
	background: transparent url(../imgs/index-newsletter-bg.gif) no-repeat;
}
#contentRodape h2{position: absolute; left: -5555px;}

/* :Vcard */
.vcard .adr{position: absolute; top: 37px; left: 1px;}
.vcard ul{margin: 0; padding:0; list-style: none; font-size: 9px;}
.vcard abbr, .vcard span.abbr{position: absolute; left: -5555px;} /* BUG: IE6- nao reconhece abbr*/
.vcard ul li {display: block; line-height: 17px; text-indent: 16px;}
.vcard ul.coluna1{width: 75px; height: 30px; position: absolute; top: 70px; left: 0px;}
.vcard ul.coluna2{width: 75px; height: 30px; position: absolute; top: 70px; left: 80px;}
.vcard ul.coluna3{width: 100px; height: 30px; position: absolute; top: 70px; left: 90px;}
.vcard .telef{background: transparent url(../imgs/icon-telefone.gif) no-repeat 0px 4px;}
.vcard .mobil{background: transparent url(../imgs/icon-telemovel.gif) no-repeat 2px 2px;}
.vcard .mail{background: transparent url(../imgs/icon-mail.gif) no-repeat 0px 5px;}
.vcard .mapa{background: transparent url(../imgs/icon-mapa.gif) no-repeat 0px 5px;}
.vcard a{text-decoration: underline; color: #aca38d; display: block;}
.vcard a:hover, .vcard a:focus{text-decoration: none; color: #aca38d;}
* html .vcard a{display: inline;} /* :HACK: IE6*/
.btVcard{position: absolute; top: 16px; left: 90px;}
.vcard .fn, .vcard .mail a.url{display: none;}

/* :Newsletter */
form#formNewsletter label{position: absolute; top: 37px; left: 20px;}
form#formNewsletter label span{color: #fdb813; font-weight: bold;}
form#formNewsletter input.text{
	position:absolute; top: 80px; left: 23px; width: 138px; height: 16px; 
	font: 10px/16px Tahoma, Arial, Helvetica, sans-serif; color: #aca38d;
	border: none; background: transparent;
}
* html form#formNewsletter input.text{top: 78px;} /* :HACK: IE6*/
form#formNewsletter input#inscrever{
	position: absolute; top: 79px; left: 165px;
	width: 25px; height: 18px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-submeter.gif) no-repeat left top;
}