/*--------------------------------------------------------------------
LAYOUT "contactos" Style - ROADPAINT (IE7+ FF1.5+ Opera9+)

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

/*-------------------------------------------------------------------------
=GOOGLE MAPS
-------------------------------------------------------------------------*/
#flashContent{
	position: relative; top: 62px; left:310px; width: 600px; height: 295px; z-index: 500;
}


/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
#contentEsq{float: left; width: 350px;}
#contentDta{float: left;}

#content h3.space{padding:0; margin: 0; line-height: 16px;}
#content h3.formulario{
	padding-top: 46px; clear: both;	font-size: 20px; line-height: 22px; margin:0 0 10px 0; 	
}



#content ul, #content p{font-size: 12px; line-height: 15px; margin: 0 0 3px 0;}
#content ul li{padding: 0 0 3px 16px;}
#content li.tel{background: transparent url(../imgs/icon-telefone.gif) no-repeat 0 4px;}
#content li#vcardFax, #content li#vcardFax2{background: transparent url(../imgs/icon-fax.gif) no-repeat 0 4px;}
#content li.mail{background: transparent url(../imgs/icon-email.gif) no-repeat 0 6px;}
#content li.telemovel{background: transparent url(../imgs/icon-telemovel.gif) no-repeat 0 2px;} 
#content li.lgoogle{background: transparent url(../imgs/icon-googlemaps.gif) no-repeat 0 5px;} 

/* =Vcard */
#content .vcard h3{padding:0; margin: 0; line-height: 16px;}
.street-address{display: block;}
.adr{margin-bottom: 5px; line-height: 17px;}
.vcard .btVcard{position: absolute; top: 40px; left:120px; border: 0;}
#content .vcard .btVcard a{background-image: none!important; border: 0;}
ul abbr, .geo, .url{position: absolute; top: -9999px; left: -9999px; overflow: hidden;}

/* =Formulario*/
#content form{position: relative;}
#content form legend{display:none;}
#content form p{margin-top: 13px;}
#content form label{display: block; font-weight: bold; font-size:11px; text-transform: uppercase;}
#content form label span{font-weight: normal;}
#content form input{
	width: 304px; height: 16px; font: 12px/16px Arial, Helvetica, sans-serif; color: #546464;
	border: solid 1px #adafb0; background: #f6f6f6; vertical-align: middle; width: 500px;
}
#content form input:hover, #content form input:focus{background-color: #fffce7; border: solid 1px #fae414;}
#content form textarea{
	width: 500px; height: 142px; border: solid 1px #adafb0; background: #f6f6f6;
	font: 12px/16px Arial, Helvetica, sans-serif; color: #546464;
}
#content form textarea:hover, #content form textarea:focus{background-color: #fffce7; border: solid 1px #fae414;}
form button.btnEnviar,
.es form button.btnEnviar{
	text-indent: -5555px; overflow: hidden;
	width: 68px; height: 20px; margin: 0 5px 0 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-enviar.gif) no-repeat left top;
}
form button.btnEnviar:hover,
.es form button.btnEnviar:hover{background: transparent url(../imgs/bt-enviar.gif) no-repeat left bottom;}

.en form button.btnEnviar{
	text-indent: -5555px; overflow: hidden;
	width: 68px; height: 20px; margin: 0 5px 0 0; padding:0; border: none; cursor: pointer;
	background: transparent url(../imgs/bt-enviar-en.gif) no-repeat left top;
}
.en form button.btnEnviar:hover{background: transparent url(../imgs/bt-enviar-en.gif) no-repeat left bottom;}


form p.direita{text-align: right; width: 508px;}


/* =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;}
#content p.nota{font-size: 11px;}