/*--------------------------------------------------------------------
LAYOUT "contacts" Style - CRITICAL (IE7+ FF1.5+ Opera9+)

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

/*-------------------------------------------------------------------------
=MAPA
-------------------------------------------------------------------------*/
#contentWrapper h2{
	position: relative; top: 0; left: -10px; width: 950px; height: 15px; text-indent: -5555px;
	background: transparent url(../imgs/contacts-map-sombra.png) no-repeat left top; z-index: 50;
}
#mapaID{
	position: relative; top: -15px; left: -10px; width: 950px; height: 320px; z-index: 45;
	background: transparent url(../imgs/contactos-map-bg.jpg) no-repeat; 
}
#mapaInfo{
	position: relative; top: -20px; left: -10px; width: 950px; height: 5px; text-indent: -5555px;
	background: transparent url(../imgs/contacts-map-bottom.png) no-repeat; z-index: 48;
}
#mapaID a{border: 0;}
#mapaID h4{font-weight:bold; color: #b71234;}
#mapaID p{font-size:11px; line-height: 12px; padding-top: 4px;}


/*-------------------------------------------------------------------------
=CONTENT ESQUERDA
-------------------------------------------------------------------------*/
#contentEsq{
	position: relative; float: left; width: 470px; padding: 8px 60px 0 20px; 
	font-size: 12px;
}
#contentEsq h3{ 
	margin: 0 0 8px 27px; text-transform: uppercase;
	font: bold 13px/17px Arial, Helvetica, Arial, sans-serif; color: #1e4a69;
}
#contentEsq p.world{font-size:15px; color:#1e4a69; margin: 40px 0 15px 0;}
#contentEsq p.world a{color: #66b2c4;}
#contentEsq ul{width: 250px; padding: 0;}
#contentEsq li{padding-bottom: 3px;}
#contentEsq li.space{padding-top: 11px;}
#contentEsq a{color:#61696b;}
#contentEsq .on>a{color: #66b2c4; border: none;}
#contentEsq abbr{font-weight:bold; color: #66b2c4;}
#contentEsq span{color: #66b2c4;}

/* =vCard e colunas de contactos*/
#contentEsq .vcard{margin: 0 0 30px 0; position: relative;}
#contentEsq .vcard img, #contentEsq .txtslide img{
	float: right; width: 201px; height: 118px; margin: 40px 0 0 0; padding: 0 9px 21px 10px;
	background: transparent url(../imgs/contacts-pics-bg.gif) no-repeat right bottom;
}
#contentEsq .vcard h4{font-size: 13px; color:#61696b; font-weight: bold; padding: 0; margin:0; background:none;}
#contentEsq .vcard span{color: #61696b;}
#contentEsq .vcard li.adr{padding-bottom: 12px;}
#contentEsq .vcard li.geo{padding-top: 12px;}
#contentEsq .vcard li.geo abbr{font-weight: normal; color:#61696b;}
#contentEsq .vcard span.red{color: #66b2c4;}
#contentEsq .vcard .btVcard{position: absolute; left: 0; top: 1px; 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;}
/**/
#contentWrapper .slide{
	font-weight: normal; color: #61696b; text-transform: none; margin: 10px 0 5px 0; padding:0 0 0 20px; 
	background: transparent url(../imgs/icon-listas-accordion.gif) no-repeat 0px 3px; font-size: 13px;
}
#contentWrapper .slide span{text-transform: uppercase; font-weight: bold; color: #61696b!important;}
#contentWrapper .slideon{background-position: left bottom;}
#contentWrapper .slideon span{color: #66b2c4!important; border: 0!important;}
#contentEsq .txtslide{padding-left:0!important; margin:0 0 20px 0;}
#contentEsq .txtslide img{margin: 14px 0 0 0;}


/*-------------------------------------------------------------------------
=CONTENT DIREITA
-------------------------------------------------------------------------*/
#contentDta{
	position: relative; float: left; width: 380px; padding: 8px 0 10px 0;
}
#contentDta h3{color: #1e4a69; font-weight: normal; font-size: 15px; margin-bottom: 5px; padding: 0;}
#contentDta h3 span{color: #3e738f; font-weight: bold;}

/* =Formulario Contacto */
#formContac{position: relative; margin-top: 5px; font-size: 12px;}
#formContac p{margin-bottom: 15px;	padding: 0 10px 0 0;	overflow: hidden; height: 1%; /* :INFO: Clear Floats */}
#formContac p.nota{font-size: 11px; padding: 0 10px 10px 0; line-height: 12px; margin-bottom: 20px; color:#8d9293;}
#formContac em{font-weight: bold; color: #b71234;	font-style: normal;}
#formContac label{
	float:left; width: 100px; padding-right:8px; color: #1e4a69;
	vertical-align: middle; line-height: 17px; font-size: 11px; 
}
#formContac input, #formContac textarea, #formContac select{
	margin: 0; padding: 0; width: 250px; height: 17px; vertical-align: middle;
	font: 11px Arial, Helvetica, sans-serif; color:#61696b;
	border: 1px solid #b6b6b8; background-color: #f8fcfd; 
}
#formContac textarea{height: 90px;}
#formContac select{height: 20px;}
#formContac input.file{width: 250px; height: 20px; vertical-align: middle;}
#formContac input:hover, #formContac select:hover,
#formContac textarea:hover, #formContac textarea:focus{background-color: #ffffff;border: 1px solid #33cccc; }

#formContac p.botao{text-align: right; padding: 0; margin: 0;}
#formContac button.btnSend{ 
	text-indent: -5555px; overflow: hidden; vertical-align: middle; 
	width: 79px; height: 25px; margin: 0 auto; 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: 15px; font-weight: bold; color: #ca311e; padding-left: 25px; line-height: 18px;
	background: url(../imgs/icon-msg-erro.png) no-repeat; vertical-align: middle;
}
#formContac .enviado{
	font-size: 15px; font-weight: normal; color: #129d46; padding-left: 25px; line-height: 18px;
	background: url(../imgs/icon-msg-ok.png) no-repeat; vertical-align: middle
}
#formContac .erroSmall{
	display: block; text-transform: uppercase;
	font-size: 10px; color: #ca311e; 	padding:0 0 0 16px; margin: 2px 2px; line-height: 12px;
	background: url(../imgs/icon-msg-erroS.png) no-repeat;
}