﻿
/*<-------- reset ---------->*/
*{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
a{
	overflow: hidden;
	text-decoration: none;
}
body{
	background: #FFF;
	color: #1F3039;
	font-family: Calibri, Arial, Tahoma;
	font-size: 14px;
	margin-bottom: 245px;
}
.clear-both{
	clear: both;
}
input[type="submit"],input[type="reset"]{
	cursor: pointer;
	letter-spacing: 1px;
	text-indent: -999em;
}
input[type="radio"]{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
label{
	color: #1F3039;
	display: block;
	font-size: 15px;
	padding-left: 8px;
}
legend{
	display: none;
}
.modalBackground{
	filter: alpha(opacity=70);
	opacity: 0.7;
	background-color: Gray;
}
/*<-------- estrutura de pagina ---------->*/
div#pagina{
	background: url(../layout/background-sombra.png) top center repeat-y;
	overflow: hidden;
	width: 100%;
}
div#container-pagina{
	background: url(../layout/background.jpg) no-repeat top center;
	margin: 0 auto;
	min-height: 1200px;
	overflow: hidden;
	position: relative;
	width: 990px;
}
div#container-topo{
	background: url(../layout/fundo-topo-bandeira.png) no-repeat;
	height: 250px;
	position: relative;
	z-index: 999;
}
div#container-topo h1{
	height: 144px;
	margin: 14px 0 0 34px;
	position: relative;
	width: 488px;
}
div#container-topo h1 a span{
	background: url(../layout/seta-topo.gif) no-repeat 160px 102px;
	color: #1A74BA;
	float: left;
	font-size: 15px;
	padding: 100px 0 0 170px;
}
div#container-topo h1 a{
	background: url(../layout/topo-logo-bh.png) no-repeat;
	float: left;
	height: 144px;
	/*text-indent: -999em;*/
	width: 488px;
}
div#container-menu{
	position: relative;
	width: 100%;
}
div#container-menu ul{
	height: 68px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}
div#container-menu ul li{
	float: left;
	margin-left: 3px;
	position: absolute;
}
div#container-menu ul li:first-child{
	margin-left: 0px;
}
div#container-menu ul li a{
	background: url("../layout/icones-menu.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	height: 68px;
	padding: 10px 0 68px 8px;
	text-align: left;
	width: 102px;
}
div#container-menu ul li a span{
	bottom: 58px;
	color: #1C6BAC;
	float: left;
	font-size: 12px;
	font-weight: bold;
	left: 0px;
	position: absolute;
	text-align: center;
	width: 100px;
}
div#container-menu ul li.menu-historico{
	background: url(../layout/menu-historico.png) left top no-repeat;
	left: 0px;
	top: 0px;
}
div#container-menu ul li.menu-historico a{
	background-position: 92px 46px;
}
div#container-menu ul li.menu-associe-se{
	background: url(../layout/menu-associe.png) left top no-repeat;
	left: 112px;
	top: 0px;
}
div#container-menu ul li.menu-associe-se a{
	background-position: -20px 44px;
}
div#container-menu ul li.menu-form-s{
	background: url(../layout/menu-form.png) left top no-repeat;
	left: 227px;
	top: 0px;
}
div#container-menu ul li.menu-form-s a{
	background-position: -148px 44px;
}
div#container-menu ul li.menu-inspetores{
	background: url(../layout/menu-inspetores.png) left top no-repeat;
	left: 342px;
	top: 0px;
}
div#container-menu ul li.menu-inspetores a{
	background-position: -252px 44px;
}
div#container-menu ul li.menu-taxas{
	background: url(../layout/menu-taxas.png) left top no-repeat;
	left: 457px;
	top: 0px;
}
div#container-menu ul li.menu-taxas a{
	background-position: -382px 44px;
}
div#container-menu ul li.menu-contato{
	background: url(../layout/menu-contato.png) left top no-repeat;
	left: 572px;
	top: 0px;
}
div#container-menu ul li.menu-contato a{
	background-position: -488px 44px;
}
div#container-menu ul li.menu-links{
	background: url(../layout/menu-links.png) left top repeat-x;
	left: 687px;
	top: 0px;
	width: 155px;
}
div#container-menu ul li.menu-links a{
	background-position: -638px 44px;
	width: 98px;
	z-index: 999;
}
/*div#container-menu ul li.menu-links a span{
	padding-left: 20px;
}*/
div#container-menu ul li.menu-hover a{
	color: #000;
}
/*<-------- coluna esquerda conteudo ---------->*/
div#container-conteudo{
	float: left;
	width: 750px;
}
/*<-------- coluna direita ---------->*/
div#container-coluna-direita{
	float: right;
	position: static;
	width: 221px;
}
div.box-login{
	background:transparent url(../layout/fundo-box-login.png) no-repeat scroll 0 0;
	height: 165px;
	padding: 30px 45px 0 21px;
	position: relative;
	width: 155px;
}
div.box-login fieldset{
	margin: 0 10px;
  overflow: hidden;
  width: 160px;
}
div.box-login label{
	display: block;
	font-size: 15px;
	padding-right: 11px;
	text-align: right;
}
div.box-login p{
	background: url(../layout/componentes-box-login.png) no-repeat;
	height: 19px;
	padding: 5px 2px 0 22px;
	width: 136px;
}
div.box-login p.input-senha{
	background: url(../layout/componentes-box-login.png) no-repeat 0 -24px;
}
div.box-login p input{
	background: url(../layout/fundo-input-barra-busca.png) repeat-x left bottom;
	height: 18px;
	width: 134px;
}
div.box-login a{
	color: #5A5A5A;
	float: left;
	font-size: 9px;
	margin: 20px 0 0 10px;
}
div.box-login a:hover{
	text-decoration: underline;
}
div.box-login input[type="submit"]{
	background: url(../layout/componentes-box-login.png) no-repeat 0 -49px;
	float: right;
	height: 24px;
	margin-top: 12px;
	width: 61px;
}
div.box-login input[type="submit"]:hover{
	background: url(../layout/componentes-box-login.png) no-repeat -62px -49px;
}
/*--------- box login - área restrita -------*/
.logado{
	top: 28px;
	height: 163px;
	position: absolute;
	right: -4px;
	width: 222px;
}
.logado label:first-child{
	background: url(../layout/borda-area-restrita-login.png) center 20px no-repeat;
	font-size: 16px !important;
	height: 22px;
	padding: 0 !important;
	text-align: center;
	width: 222px !important;
}
.logado label{
	font-size: 13px !important;
	padding: 6px 18px 0 0 !important;
	text-align: right;
	width: 204px !important;
}
.logado .btn-area-restrita{
	background: url(../layout/botoes-area-restrita-login.png) left -1px no-repeat;
	float: left;
	height: 24px;
	text-indent: -999em;
	width: 97px;
}
.logado .btn-area-restrita:hover{
	background: url(../layout/botoes-area-restrita-login.png) left -26px no-repeat;
}
.logado .btn-logout{
	background: url(../layout/botoes-area-restrita-login.png) right -1px no-repeat;
	float: left;
	height: 24px;
	text-indent: -999em;
	width: 75px;
}
.logado .btn-logout:hover{
	background: url(../layout/botoes-area-restrita-login.png) right -26px no-repeat;
}
.logado a{
	margin: 32px 0 0 16px !important;
}
/*<-------- menu acesso rápido ---------->*/
div.menu-acesso-rapido{
	position: relative;
	width: 227px;
	z-index: 999;
}
div.menu-acesso-rapido h2{
	background: url(../layout/titulos-menu-navegacao-direito.png) no-repeat;
	height: 49px;
	left: -17px;
	position: absolute;
	text-indent: -999em;
	top: -17px;
	width: 239px;
}
div.menu-acesso-rapido ul{
	list-style-type: none;
	padding-top: 24px;
}
div.menu-acesso-rapido ul li{
	border-top: 1px solid #254C6D;
	height: 34px;
	line-height: 34px;
	width: 220px;
}
div.menu-acesso-rapido ul li:first-child{
	border-top: none;
}
div.menu-acesso-rapido ul li a{
	background: url(../layout/icones-menu-acesso-rapido.png) 8px 0px no-repeat;
	color: #254C6C;
	display: block;
	height: 34px;
	padding-right: 30px;
	text-align: right;
	width: 191px;
}
div.menu-acesso-rapido ul li a:hover{
	background: url(../layout/icones-menu-acesso-rapido.png) -231px 0px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-loja-virtual{
	background: url(../layout/icones-menu-acesso-rapido.png) 8px -34px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-loja-virtual:hover{
	background: url(../layout/icones-menu-acesso-rapido.png) -231px -34px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-saiba-fazer{
	background: url(../layout/icones-menu-acesso-rapido.png) 8px -68px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-saiba-fazer:hover{
	background: url(../layout/icones-menu-acesso-rapido.png) -231px -68px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-garanhoes{
	background: url(../layout/icones-menu-acesso-rapido.png) 8px -98px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-garanhoes:hover{
	background: url(../layout/icones-menu-acesso-rapido.png) -231px -98px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-cruzamento-virtual{
	background: url(../layout/icones-menu-acesso-rapido.png) 8px -130px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-cruzamento-virtual:hover{
	background: url(../layout/icones-menu-acesso-rapido.png) -231px -130px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-classificados{
	background: url(../layout/icones-menu-acesso-rapido.png) 8px -162px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-classificados:hover{
	background: url(../layout/icones-menu-acesso-rapido.png) -231px -162px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-fale-presidente{
	background: url(../layout/icones-menu-acesso-rapido.png) 8px -196px no-repeat;
}
div.menu-acesso-rapido ul li a.menu-fale-presidente:hover{
	background: url(../layout/icones-menu-acesso-rapido.png) -231px -196px no-repeat;
}
/*<-------- menu publicidade ---------->*/
div.menu-publicidade{
	height: 360px;
	position: relative;
	width: 222px;
}
div.menu-publicidade h2{
	background: url(../layout/titulos-menu-navegacao-direito.png) left bottom no-repeat;
	height: 52px;
	left: -17px;
	position: absolute;
	text-indent: -999em;
	top: -8px;
	width: 239px;
}
div.menu-publicidade ul{
	list-style-type: none;
	position: absolute;
	top: 40px;
}
div.menu-publicidade ul li{
	float: left;
	height: 74px;
	padding-top: 4px;
	width: 206px;
}
div.menu-publicidade ul li:first-child{
	padding-top: 7px;
}
div.menu-publicidade ul li a{
	color: #1A75B3;
	display: block;
	height: 74px;
	width: 206px;
}
div.menu-publicidade ul li a img:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}
/*<-------- estrutura rodape ---------->*/
div#container-rodape{
	background: url(../layout/fundo-container-rodape.jpg) repeat;
	border-top: 3px solid #1B75BB;
	display: block;
	height: 64px;
	margin-top: 6px;
	padding: 8px 0;
}
div#container-rodape div{
	background: url(../layout/borda-vertical-rodape.gif) left center no-repeat;
	float: left;
	height: 64px;
	padding-right: 24px;
	padding-left: 24px;
}
div#container-rodape div:first-child{
	background: none;
	height: 48px;
	margin-left: 28px;
	padding-top: 16px;
	width: 494px;
}
div#container-rodape address.vcard{
	background: url(../layout/imagem-endereco-rodape.png) no-repeat;
	float: left;
	height: 48px;
	letter-spacing: 1px;
	text-indent: -999em;
	width: 494px;
}
div#container-rodape div ul{
	display: block;
	list-style-type: none;
	padding-top: 16px;
}
div#container-rodape div ul li{
	float: left;
	height: 42px;
	width: 42px;
}
div#container-rodape div ul li a{
	display: block;
	height: 42px;
	width: 42px;
}
div#container-rodape div ul li a img{
	padding-top: 0px;
}
div#container-rodape div img{
	padding-top: 6px;
}
div#container-rodape div.logo-macro{
	padding: 0 24px;
	position: relative;
}
div#container-rodape div.logo-macro img{
	left: 14px;
  position: absolute;
  top: -4px;
}
/*<-------- estrutura de componentes da pagina ---------->*/
div.barra-busca-topo{
	float: right;
	margin: 10px 105px 0 0;
	height: 24px;
	position: relative;
	width: 474px;
}
div.barra-busca-topo p.input-busca{
	background: url(../layout/componentes-barra-busca.png) no-repeat;
	float: left;
	height: 22px;
	padding: 2px 0 0 22px;
	width: 248px;
}
div.barra-busca-topo p.input-busca .marca-d-agua{
	color: #B0B0B0;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: center;
}
div.barra-busca-topo p input[type="text"]{
	background: url(../layout/fundo-input-barra-busca.png) repeat-x left bottom;
	height: 20px;
	padding-left: 5px;
	width: 248px;
}
div.barra-busca-topo input[type="submit"]{
	background: url(../layout/componentes-barra-busca.png) no-repeat -270px top;
	float: left;
	height: 24px;
	margin-left: 3px;
	width: 54px;
}
div.barra-busca-topo input[type="submit"]:hover{
	background: url(../layout/componentes-barra-busca.png) no-repeat -270px bottom;
}
div.barra-busca-topo div{
	float: left;
	margin-left: 4px;
	width: 140px;
}
div.barra-busca-topo div div input[type="radio"]{
	float: left;
	height: 10px;
	width: 10px;
}
div.barra-busca-topo div label{
	color: #000;
	font-family: Trebuchet MS;
	font-size: 11px;
	line-height: 12px;
	padding: 0 0 4px 0;
}
div.barra-busca-topo div label.label-google{
	background: url(../layout/label-google.jpg) no-repeat;
	float: left;
	height: 17px;
	text-indent: -999em;
	width: 50px;
}
/*----------- box paginacao ---------------*/
div.box-paginacao{
	background: #DEE0E2;
	bottom: 26px;
	height: 27px;
	margin: 32px 0 0 47px;
	padding: 10px 30px 0;
	position: absolute;
	min-width: 125px;
}
div.box-paginacao span span{
	font-weight: bold;
	margin-left: 8px;
	text-decoration: underline;
}
div.box-paginacao span a{
	color: #203039;
	font-size: 15px;
	margin-left: 8px;
}
div.box-paginacao span a:hover{
	text-decoration: underline;
}
div.box-paginacao span a.previous{
	background: url(../layout/botoes-paginacao.gif) no-repeat;
	float: left;
	height: 12px;
	left: 5px;
	position: absolute;
	text-indent: -999em;
	top: 12px;
	width: 8px;
}
div.box-paginacao span a.next{
	background: url(../layout/botoes-paginacao.gif) right top no-repeat;
	float: right;
	height: 12px;
	position: absolute;
	right: 10px;
	text-indent: -999em;
	top: 12px;
	width: 8px;
}
/*---- botoes formulario -----*/
div.box-botoes-formulario{
	margin: 14px auto 0;
	width: 352px;
}
div.box-botoes-formulario input[type="reset"]{
	background: url(../layout/botoes-formulario.png) left top no-repeat;
	float: left;
	height: 46px;
	width: 161px;
}
div.box-botoes-formulario input[type="submit"]{
	background: url(../layout/botoes-formulario.png) right top no-repeat;
	float: right;
	height: 46px;
	width: 161px;
}
/*--- erro ---*/
div#container-erro{
	background: #FFF url(../layout/fundo-erro.png) top center no-repeat;
	height: 760px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	width: 980px;
}
div#container-erro p{
	color: #1A74BA;
	font-size: 39px;
	padding-top: 98px;
	text-align: center;
}
div#container-erro img{
	display: block;
	margin: 77px auto 0;
}
div#container-erro a img{
	bottom: 12px;
	left: 17px;
	position: absolute;
}
