/*--------------------------------------------------------------------
LAYOUT "contacts" Style - CRITICAL ECS(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);

/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
#header{height: 434px;background: transparent url(../imgs/header-contactos-bg.png) no-repeat left top;}
#header h3{top: 397px;}
ul#highl{top: 401px;}
#formPesquisar fieldset{top: 399px;}

#mapaInfo{
	position: absolute; top: 65px; left: 5px;	width: 954px; height: 15px;	text-indent: -5555px;
	background: transparent url(../imgs/contacts-map-sombra.png) no-repeat; z-index: 15;
}
#mapaID{
	position: absolute; top: 65px; left: 6px;	width: 943px; height: 320px; z-index: 10;
	background: transparent url(../imgs/contactos-map-bg.jpg) no-repeat; 
}
#mapaID a{border: 0;}
#mapaID h4{font-weight:bold; color: #b71234;}
#mapaID p{font-size:12px; line-height: 12px; padding-top: 4px;}


/*----------------------------------------------------------------------
=CONTENT TOPO
Notes: no #contentFdo
-------------------------------------------------------------------------*/
#contentTop{
	position: relative; width: 955px; height:7px;
	background: transparent url(../imgs/contacts-contentTop-bg.png) no-repeat;
}


/*-------------------------------------------------------------------------
=CONTENT FUNDO
-------------------------------------------------------------------------*/
#contentFdo{
	position: relative; width: 955px; height:30px; clear: both;
	background: transparent url(../imgs/contacts-contentFdo-bg.png) no-repeat;
}


/*-------------------------------------------------------------------------
=CONTENT 
-------------------------------------------------------------------------*/
#content{
	position: relative; width: 955px;	min-height: 300px; overflow: hidden; height: 1%;
	background: transparent url(../imgs/contacts-content-bg.png) repeat-y;
}
#content h2{
	position: absolute;	top:0px; left: 265px; width: 281px; height: 42px;	text-align: right;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background: transparent url(../imgs/content-separadorMain-big.png) no-repeat;
}
#content h2 span{padding-right: 12px;}


/*-------------------------------------------------------------------------
=CONTENT ESQUERDA
-------------------------------------------------------------------------*/
#contentEsq{
	position: relative; float: left; width: 522px; padding: 0 25px 15px 25px; 
}
#contentEsq h3{
	margin: 22px 0 8px 0; text-transform: uppercase;
	font: bold 17px/17px Corbel, Helvetica, Arial, sans-serif; color: #b71234;
}
#contentEsq h3.world{
	width: 522px; height: 42px;	text-align: right; margin: 30px 0 8px 0;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background: transparent url(../imgs/content-separadorMain-big.png) no-repeat top right;
}
#contentEsq h3.world span{padding-right: 12px; color:#6d6e71;}
#contentEsq h4{
	font-size: 13px; color:#6d6e71; font-weight: normal; padding-left: 14px; margin-bottom: 10px;
	background: transparent url(../imgs/icon-listas-seta.gif) no-repeat 0 5px;
}
#contentEsq h4 a{color:#292c39; text-transform: uppercase; font-weight: bold;}
#contentEsq p.world{font-size:17px; color:#4b4b4b;  margin-bottom: 25px;}
#contentEsq p.world a{color: #b71234;}

/* =vCard e colunas de contactos*/
#contentEsq .vcard{margin: 22px 0 30px 0; position: relative;}
#contentEsq .vcard img{
	float: right; width: 201px; height: 118px;	margin: 73px 18px 0 0; padding-bottom: 21px;
	background: transparent url(../imgs/contacts-pics-bg.png) no-repeat right bottom;
}
#contentEsq .vcard h4{font-size: 13px; color:#292c39; font-weight: bold; padding: 0; margin:26px 0 0 0; background:none;}
#contentEsq .vcard span{color: #292c39;}
#contentEsq .vcard li.adr{padding-bottom: 12px;}
#contentEsq .vcard li.geo{padding-top: 12px;}
#contentEsq .vcard li.geo abbr{font-weight: normal; color:#292c39;}
#contentEsq .vcard span.red{color: #b71234;}
#contentEsq .vcard .btVcard{position: absolute; left: 15px; top: 48px; height:14px;}
#contentEsq .vcard .btVcard a{border: 0; background: none; padding:0;}
#contentEsq .vcard .btVcard img{width: 22px; height: 14px; float: none; margin: 0; padding:0;}

#contentEsq .txtMain, #contentEsq .txtSec, #contentEsq .vcard{
	width: 522px; margin-bottom: 30px;
	overflow: hidden; height: 1%; color:#292c39;  
}
#contentEsq .txtMain img, #contentEsq .txtSec img	{
	float: right; width: 201px; height: 118px; margin: 10px 18px 0 0; padding-bottom: 21px;
	background: transparent url(../imgs/contacts-pics-bg.png) no-repeat right bottom;
}
#contentEsq .txtMain ul, #contentEsq .txtSec ul, #contentEsq .vcard div{float: left; width: 264px; padding: 0 24px 0 15px;}
#contentEsq .txtMain li, #contentEsq .txtSec li, #contentEsq .vcard li{padding-bottom: 3px;}
#contentEsq .txtMain li.space, #contentEsq .txtSec li.space{padding-top: 11px;}
#contentEsq a{color:#292c39}
#contentEsq abbr{font-weight:bold; color: #b71234;}
#contentEsq span{color: #b71234;}




/*-------------------------------------------------------------------------
=CONTENT DIREITA
-------------------------------------------------------------------------*/
#contentDta{
	position: relative; float: left; width: 378px; padding: 0 0 10px 0;	
}
#contentDta h3{
	width: 366px; height: 42px;	text-align: right; padding-right: 12px;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background: transparent url(../imgs/content-separadorColuna.png) no-repeat top right;	
}
#contentDta h4{
	padding: 0 45px 30px 0; font: 18px/20px Corbel, Helvetica, Arial, sans-serif; color:#292c39;
	background: transparent url(../imgs/content-separadorColuna-sec.png) no-repeat bottom right;
}
#contentDta h4 span{color: #b71234;}

/* =Formulario */
#formContac{position: relative; width: 365px; margin-top: 5px; font-size: 12px;}
#formContac p{margin-bottom: 10px;	overflow: hidden; height: 1%; /* :INFO: Clear Floats */}
#formContac p.nota{color: #6d6e71; font-size: 11px; padding-bottom: 5px;}
#formContac em{font-weight: bold; color: #b71234;	font-style: normal;}
#formContac label{
	float:left; width: 111px; padding-right:8px; font-weight: bold; color: #292c39;
	vertical-align: middle; line-height: 17px;
}
#formContac input, #formContac textarea, #formContac select{
	margin: 0; padding: 0; width: 242px; height: 17px; vertical-align: middle;
	font: 11px Arial, Helvetica, sans-serif; color:#6d6e71;
	border: 1px solid #b6b6b8; background-color: #fafafa;
}
#formContac textarea{height: 135px;}
#formContac select{height: 20px;}
#formContac input.file{width: 242px; height: 20px; vertical-align: middle;}
#formContac input:hover, #formContac select:hover,
#formContac textarea:hover, #formContac textarea:focus{background-color: #ffffff; }

form p.botao{text-align: right; width: 365px;}
#formContac button.btnSend{ 
	text-indent: -5555px; overflow: hidden; vertical-align: middle; 
	width: 55px; height: 25px; margin: 0; padding:0; border: 0; cursor: pointer; 
	background: transparent url(../imgs/form-btn-send.png) no-repeat left top;
}
#formContac button.btnSend:hover, #formContac button.btnSend:focus{background-position:left bottom;}
/* =mensagem erro*/
#formContac .erroBig{
	font-size: 16px; font-weight: bold; color: #ca311e; padding-left: 25px;
	background: url(../imgs/icon-msg-erro.png) no-repeat; vertical-align: middle;
}
#formContac .enviado{
	font-size: 16px; font-weight: normal; color: #129d46; padding-left: 25px;
	background: url(../imgs/icon-msg-ok.png) no-repeat; vertical-align: middle
}
#formContac .erroSmall{
	display: block; text-transform: uppercase;
	font-size: 11px; color: #ca311e; 	padding-left: 18px; margin: 2px 2px;
	background: url(../imgs/icon-msg-erroS.png) no-repeat;
}

/*-------------------------------------------------------------------------
=reCAPTCHA
-------------------------------------------------------------------------*/
.recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r2_c2, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2,  .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1{
    background: none!important;
}
.recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field {
    border: 1px solid #b6b6b8!important;
}
