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

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

/*-------------------------------------------------------------------------
=GENERICOS
-------------------------------------------------------------------------*/
#wrapperMaster{background: transparent url(/imgs/wrapperMaster-bg7.jpg) no-repeat bottom center;}

/*-------------------------------------------------------------------------
=CONTENT 
-------------------------------------------------------------------------*/
#content{
	float: left; position: relative; width: 955px; padding:30px 0 50px 0; 
	background: transparent url(/imgs/content-bg.png) repeat-x; overflow: hidden;
}

/*-------------------------------------------------------------------------
=CONTENT LEFT
-------------------------------------------------------------------------*/
#contentLeft{
	position: relative; float: left; width: 230px; padding: 0 5px 0 25px;
}
#contentLeft h2{
	position: relative; text-indent: -5555px; margin-bottom: 15px;
	width: 184px; height: 48px; background: url(/imgs/txt-contactos-pt.png) no-repeat;
}
#contentLeft .import{font-size: 15px; color: #1c1d3d; line-height: 15px;}

#formP{position: relative; padding: 15px 0;}
#formP p{margin: 1px 0;}
p.nota{font-size: 11px; padding: 0; line-height: 12px;}
#formP em, p.nota em{font-weight: bold; color: #b71234;	font-style: normal;}
#formP legend{display: none;}
#formP label{display: block; font-size: 11px;}
#formP input, #formP textarea, #formP select{
	width: 198px; height: 14px; vertical-align: middle;	border: 1px solid #cccccc; background-color: #ffffff;
	font: 12px Corbel, Helvetica, Arial, sans-serif; color: #1c1d3d;  padding-left: 2px;
}
#formP select{height: 18px;}
#formP textarea{height: 90px;}
#formP input.file{width: 250px; height: 20px; vertical-align: middle;}
#formP input:hover, #formP input:focus, #formP textarea:hover, #formP textarea:focus,
#formP select:hover, #formP select:focus{border: 1px solid #fb5e0c;}
#formP button.btnEnviar{ 
	text-indent: -5555px; overflow: hidden; vertical-align: middle; position: relative; 
	width:62px; height: 25px; margin: 0; padding:0; border: 0; cursor: pointer;
	background: transparent url(/imgs/form-btn-send.png) no-repeat left top;
}
#formP button.btnEnviar:hover,#formP button.btnEnviar:focus{background-position:left bottom;}
#formP p.botao{text-align: right; width: 200px;}
/* =mensagem erro*/
#formP .erroBig{
	font-size: 14px; font-weight: bold; color: #ca311e; padding-left: 24px; line-height: 18px;
	background: url(/imgs/icon-msg-erro.png) no-repeat; vertical-align: middle;
}
#formP .enviado{
	font-size: 14px; font-weight: normal; color: #129d46; padding-left: 24px; line-height: 18px;
	background: url(/imgs/icon-msg-ok.png) no-repeat; vertical-align: middle
}
#formP .erroSmall{
	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;
}

/*-------------------------------------------------------------------------
=CONTENT MAIN
-------------------------------------------------------------------------*/
#contentMain{
	position: relative; float: left; width: 670px; padding: 0;
}

/* =MAPA*/
#mapaID{position: relative; width: 670px; height: 345px;}
#mapaSombra{
	position: relative; width: 670px; height: 38px;
	background: transparent url(/imgs/contactos-mapa-bg.png) no-repeat left top; 
}
#mapaID a{border: 0; background: none!important;}
#mapaID h4{font-weight:bold; color: #1c1d3d; margin: 0; padding: 0;}
#mapaID p{font-size:13px; line-height: 12px;}

/* =LOCAIS*/
#contentMain ul.locais{
	position: relative; overflow: hidden; padding: 0; font-size: 12px;
}
#contentMain ul.locais li{
	position: relative; display: block; float: left; width: 150px;
	background: none; padding: 0 0 0 23px; margin: 0;
}
#contentMain ul.locais li:first-child{padding: 0;}
#contentMain ul.locais ul{padding: 0; margin: 0;}
#contentMain ul.locais ul li{padding: 0 0 2px 0;}
#contentMain ul.locais ul li.space{padding: 8px 0 0 0;}
#contentMain ul.locais p.foto{
	margin: 0; padding: 0; width: 150px; height: 103px;
	background: transparent url(/imgs/contactos-fotos-bg.png) no-repeat left bottom; 
}
#contentMain ul.locais h5{color: #1c1d3d; font-size: 24px;}
#contentMain ul.locais abbr, #contentMain ul.locais span{color: #07afb8;}
#contentMain ul.locais a{color: #858585;}
#contentMain ul.locais a:hover{color: #fb5e0c;}