/*--------------------------------------------------------------------
LAYOUT "Contactos" Style - ECODIMULTI(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);

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

#flashContent h4{color: #b7d432; font-size: 12px;}
#flashContent p{position:relative; left: 0; top: 0; font-size: 11px;}

#wrapper{
	background: #ffffff url(../imgs/contactos-id-profitinta.gif) no-repeat 275px 58px;
}

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
#content h4{font-size:24px;	font-weight: bold; color: #b7d432; margin: 20px 0 15px 0;}
#contentEsq{float: left; width: 385px; padding-right: 75px; line-height: 16px;}
#contentDta{float: left; width: 180px;}

#contentEsq em{color:#ff6600;	font-style: normal;}
#contentDta h5{font-size:12px;	font-weight: bold; color: #b7d432; text-transform: uppercase;}
#contentDta h6{line-height: 18px;}
#contentDta abbr{color: #b7d432; font-weight: bold;}
#contentDta ul{margin-bottom: 5px;}
#contentDta .espaco{margin-bottom: 10px;}
#contentDta .espacoTopo{margin-top: 40px;}

/* =Vcard */
.vcard{
	position: relative; line-height: 16px; height: 155px;
	background: transparent url(../imgs/picotado-640px.gif) no-repeat left bottom;
}
.vcard p.producao{position: absolute; left: 240px; top: 35px; font-weight: bold; color: #b7d432; text-transform: uppercase;}
.vcard h3{position: absolute; left: 240px; top: 52px;font-size: 12px; width: 50px;}
.vcard .adr{position: absolute; left: 240px; top: 68px; width: 185px;}
.vcard ul{position: absolute; left: 460px; top: 68px; width: 182px;}
.vcard .adr strong{display: block;}
.vcard abbr{font-weight: bold; color: #b7d432;}
.vcard .btVcard{position: absolute; top: 54px; left:206px; border: 0;}
#content .vcard .btVcard a{background-image: none; border: 0;}
.vcard .geo, .vcard .url{position: absolute; top: -9999px; left: -9999px; overflow: hidden;}


/* =Formulario*/
#contentEsq form{position: relative; margin-top: 25px;}
#contentEsq form legend{display:none;}
#contentEsq form p{margin-bottom: 10px;}
#contentEsq form label{display: block; text-transform: uppercase; color: #899089;}
#contentEsq form input, form textarea{
	width: 385px; height: 14px; font: 11px/14px Arial, Helvetica, sans-serif; color: #686868;  
	border: solid 1px #adafb0; background: #ffffff; vertical-align: middle;
}
form textarea{width: 385px; height: 122px;}
#contentEsq form input:hover, #contentEsq form input:focus, form textarea:hover, 
form textarea:focus{border: solid 1px #b7d432;}

#contentEsq form button.btnEnviar{
	text-indent: -5555px; overflow: hidden;
	width: 84px; height: 19px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-enviar.gif) no-repeat left top;
}
#contentEsq form button.btnEnviar:hover,#contentEsq form button.btnEnviar:focus{
background: transparent url(../imgs/bt-enviar.gif) no-repeat left bottom;}
form p.direita{text-align: right;}

/* =mensagem erro*/
#content .erro{
	font-size: 13px; font-weight: normal; color: #ca311e; line-height: 21px; padding-left: 25px;
	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;
	background: url(../imgs/icon-msg-ok.gif) no-repeat;
}
#content .erroSmall{
	display: block; text-transform: uppercase;
	font-size: 11px; color: #ca311e; 
	padding-left: 20px; margin: 2px 2px;
	background: url(../imgs/icon-msg-erroS.gif) no-repeat;
}
#content .erroCor{background-color: #ffffcc !important; border: solid 1px #b54c1f;}
#content .txtSmall{font-size: 10px; text-transform: none;}










/*-------------------------------------------------------------------------
=ENGLISH
-------------------------------------------------------------------------*/
.en #contentEsq form button.btnEnviar{
	text-indent: -5555px; overflow: hidden;
	width: 66px; height: 19px; margin: 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-enviar-en.gif) no-repeat left top;
}
.en #contentEsq form button.btnEnviar:hover,#contentEsq form button.btnEnviar:focus{
background: transparent url(../imgs/bt-enviar-en.gif) no-repeat left bottom;}