/*--------------------------------------------------------------------
LAYOUT "corpo" Style - GRUPO LENA(IE7+ FF1.5+ Opera9+)

Version: 	1.0 - 2008
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);

/*-------------------------------------------------------------------------
=FLASH
-------------------------------------------------------------------------*/
#flashContent{
	position: relative; width: 955px; height: 350px; margin: 0 30px;
	background: transparent url(../pics/contactos-header.jpg) no-repeat left top;
}
#mapaID{
	position: absolute; top: 80px; left: 30px; width: 955px; height: 59px; z-index: 10;
	background: transparent url(../imgs/contacts-map-sombra.png) no-repeat;
}


/*-------------------------------------------------------------------------
=MAIN
-------------------------------------------------------------------------*/
#content{padding-bottom: 0px;}
#contentMain{position: relative; float: left; width: 490px;}

/*contactos*/
#contentMain ul.contactos {position: relative; width: 490px; height: 1%; overflow: hidden; display: inline;}
#contentMain ul.contactos li {display: block; float: left; width: 210px; margin-right: 60px;}
#contentMain ul.contactos li.mapa {width: 100px; margin-right: 20px;}
#contentMain ul.contactos li.mapa p{font-size: 11px; line-height: 13px;}
#contentMain ul.contactos li.last {margin-right: 0px;}
#contentMain ul.contactos li h4 {font: bold 11px Arial, Helvetica, sans-serif; color: #3ca2d5; text-transform: uppercase; padding-bottom: 5px;}
#contentMain ul.contactos li h4 a{font: bold 11px Arial, Helvetica, sans-serif; color: #3ca2d5; text-transform: uppercase; padding-bottom: 5px; text-decoration: none;}
#contentMain ul.contactos li h4 a:hover, #contentMain ul.contactos li h4 a:focus{color: #f96e27; text-decoration: none;}
#contentMain ul.contactos li h5 {font: normal 11px Arial, Helvetica, sans-serif; color: #3ca2d5; padding-bottom: 5px;}
#contentMain ul.contactos li p.data{font-weight: normal; font-size: 9px; color: #7dc2de;}
#contentMain ul.contactos li img{margin-bottom: 10px;}
#contentMain ul.contactos li a img{border: none;}

a{color: #3ca2d5; text-decoration: none; font-weight: bold;}
a:hover, #contentMain a:focus{color: #f96e27; text-decoration: none;}


/*CONTENT SECUNDÁRIO*/
#contentSec{
	position: relative; float: left; width: 390px; padding-left: 75px;
	background: transparent url(../imgs/formContacto-bg.gif) no-repeat left top;
	font-size: 16px; line-height: 18px;	color: #3ca2d5;
}
#contentSec span{color: #f96e27;}
#contentSec p.nota{color: #828b8a; font-size: 11px; line-height: 13px; padding-top: 5px;}


/* =Contacto
--------------------------------------------------------------------------*/
#formContacto fieldset{position: relative; margin-top: 25px;}
#formContacto fieldset p{padding-bottom: 10px; display: block; overflow: hidden;}
#formContacto fieldset p.direita{text-align: right;}
#formContacto legend{display: none;}
#formContacto label{font: bold 12px Arial, Helvetica, sans-serif; color: #3ca2d5; display: block; width: 100px; float: left;}
#formContacto input, 
#formContacto textarea{
	font: 11px Arial, Helvetica, sans-serif; color: #6d6e71; padding: 2px;
	background-color: #fafafa; border: 1px solid #7dc2de; width: 284px;
}
#formContacto input:hover, #formContacto input:focus, 
#formContacto textarea:hover, #formContacto textarea:focus{background-color: #fafafa; border: 1px solid #f96e27;}

#formContacto button.btnEnviar{
	text-indent: -5555px; overflow: hidden; position: relative; top: 1px;
	width: 56px; height: 25px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/formContacto-bt.gif) no-repeat left top;
}
#formContacto button.btnEnviar:hover, #formContacto button.btnEnviar:focus{background: transparent url(../imgs/formContacto-bt.gif) no-repeat left bottom;}



/* =vCard e colunas de contactos*/
#contentMain .vcard{position: relative;}
#contentMain .vcard h4{font-size: 13px; color:#292c39; font-weight: bold; padding: 0;}
#contentMain .vcard abbr{color: #7dc2de;}
#contentMain .vcard ul li{padding: 0px; margin: 0px;}
#contentMain .vcard li.adr{padding-bottom: 15px;}
#contentMain .vcard li.url{display: none;}

#contentMain .vcard .btVcard{position: absolute; left: 75px; top: 153px; height:14px;}
#contentMain .vcard .btVcard a{border: 0; background: none; padding:0;}
#contentMain .vcard .btVcard img{width: 22px; height: 14px; float: none; margin: 0; padding:0;}



/*-------------------------------------------------------------------------
=LINKS EXTERNOS
-------------------------------------------------------------------------*/
#contentMain ul.contactos li.mapa a.externo{
	padding-right: 10px;
	background: transparent url(../imgs/icon-linkexterno.gif) no-repeat right top;
}





/*-------------------------------------------------------------------------
=MENSAGEM ERRO
-------------------------------------------------------------------------
#content .erro{
	font-size: 13px; font-weight: normal; color: #ca311e; line-height: 21px; padding-left: 25px; margin-top: 10px;
	background: url(../imgs/icon-msg-erro.gif) no-repeat;
}
#content .enviado{
	font-size: 13px; font-weight: normal; color: #129d46; line-height: 21px; padding-left: 25px;margin-top: 10px;
	background: url(../imgs/icon-msg-ok.gif) no-repeat;
}
#content .erroSmall{
	display: block; text-transform: uppercase;
	font-size: 11px; color: #ca311e; height: 16px; 
	padding-left: 20px; margin: 2px 2px;
	background: url(../imgs/icon-msg-erroS.gif) no-repeat;
}
#content .erroCor{background-color: #ffffcc !important; border: solid 1px #7dc2de;}
#content .txtSmall{font-size: 10px;}
*/