body {
	font-size: 11px; font-family: Arial, Helvetica, sans-serif; 
	background: url(/imgs/fundo.jpg) repeat-x #173a85;
	color:#333; line-height:18px;
}
a:link, a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration:underline; }
h2 {
	color:#183A84; font-size:24px; font-weight:bolder;
	font-family:"Arial Narrow"; letter-spacing:-1px; margin-bottom:10px;
}
h3 { color:#9d9d9d; font-size:16px; font-weight:bolder; margin-bottom:10px; }
p { padding-top: 4px; padding-bottom: 4px; }

/* estilo para listas */
ul, ol { margin-left: 15px; margin-bottom:10px; }
ol li { margin-bottom: 5px; }

ul li { list-style:none; background:url(/imgs/marcador.png) no-repeat 0 4px; padding-left:17px; }

hr { border-bottom:solid 1px #e1e1e1; width:100%; margin-bottom:5px; }

button { 
	width:99px; height: 33px; padding:0px 10px; color:#fff; font-weight:bold;
	background:url(/imgs/botao-1.png) no-repeat 0 0; font-size:11px;
	cursor:pointer; float:right; margin:2px 6px 0 2px; display:block;
}
button:hover { background:url(/imgs/botao-1.png) no-repeat -99px 0; }

label.information { background-position:right; }

.comunicado { text-align:left; }
.comunicado h3 { color:#e60000; font-size:18px; }
.comunicado p { margin-bottom:2px; }

/* container geral */
#geral{
	width:948px; margin:auto; padding:0 12px; overflow:auto !important; overflow:inherit;
	background:url(/imgs/fundo-geral.png) repeat-y center
}

#topo { overflow:hidden; position:relative; width:948px; height:205px; margin-bottom:8px; }
#topo.caminhao2 { background:url(/imgs/banner-caminhao2.jpg) no-repeat center; }
#topo.caminhao3 { background:url(/imgs/banner-caminhao3.jpg) no-repeat center; }
#topo.natal { background:url(/imgs/banner-natal.jpg) no-repeat center; }
#topo.onibus1 { background:url(/imgs/banner-onibus1.jpg) no-repeat center; }
#topo .logomarca { float:left; }
#topo .logomarca a {
	width:200px !important; width:197px; height:205px; display:block; background:url(/imgs/logomarca.png) no-repeat center;
}
#topo .fim_ano { position:absolute; right:38px; top:75px; }
	
#col-esquerda { width:210px; float:left; clear:both; }

#parceiros { margin-top:20px; text-align:center; clear:both; }
#parceiros img { margin:5px 10px; }

#menu { line-height:0; }
#menu h2 { display:none; }
#menu ul { border:none; background:none; width:208px; }
#menu ul li { 
	border:none; background:none; padding:0; margin:0; height:32px; 
	background:url(/imgs/divisao-item-menu.gif) no-repeat left bottom;
}
#menu ul li a { 
	border:none; background:none; color:#666; padding:16px 0 16px 16px;
}
#menu ul li a:hover, #menu ul li a.selecionado {
	background:url(/imgs/menu-selecionado.gif) no-repeat left center; 
	color:#fff; text-decoration:none;
}

#conteudo { float:right; width:730px !important; width:705px; margin-right:8px; }
#conteudo #contatos-home { 
	width:100%; background:url(/imgs/fundo-contatos-home.gif) no-repeat 5px 0; 
	height:37px; text-align:center; margin:0;
}

#conteudo .miolo { }
#conteudo .caixa { width:730px !important; width:705px; clear:both; overflow:auto; }
#conteudo .caixa .chamada { width:365px !important; width:352px; float:left; }
#conteudo .caixa .chamada a { 
	display:block; width:264px !important; width:254px; height:44px; 
	padding:46px 12px 0 86px; text-decoration:none;
	background-repeat:no-repeat; background-position:center top; line-height:14px;
}
#conteudo .caixa .chamada a:hover { text-decoration:none; }
#conteudo .caixa .chamada.um a { background-image:url(/imgs/chamada-acordos.gif); }
#conteudo .caixa .chamada.um a:hover { background-image:url(/imgs/chamada-acordos-h.gif); }
#conteudo .caixa .chamada.dois a { background-image:url(/imgs/chamada-guias.gif); }
#conteudo .caixa .chamada.dois a:hover { background-image:url(/imgs/chamada-guias-h.gif); }

#conteudo .caixa .chamada.tres { 
	background-image:url(/imgs/chamada-consulta-veiculo.gif); width:266px !important; width:256px;
	background-repeat:no-repeat; background-position:center 4px; height:44px; padding:46px 12px 0 86px; float:left;
}
#conteudo .caixa .chamada.tres a { 
	display:inline; line-height:11px; padding:0 4px 0 0; text-decoration:underline; height:10px; width:auto !important; 
} 
#conteudo .caixa .chamada.tres:hover { background-image:url(/imgs/chamada-consulta-veiculo-h.gif); }

#conteudo .caixa .chamada.quatro a { background-image:url(/imgs/chamada-codigos-leis.gif); }
#conteudo .caixa .chamada.quatro a:hover { background-image:url(/imgs/chamada-codigos-leis-h.gif); }

#conteudo #noticias { padding:8px; margin:0; }
#conteudo #noticias h2 { color:#9d9d9d; font-size:24px; font-weight:bolder; }

#acordos { }
#acordos dl { padding:5px 0; clear:both; border-bottom:dotted 1px #ccc; }
#acordos dl dt { 
	background:url(/imgs/marcador.png) no-repeat 2px 4px; margin-left:15px; 
	font-weight:bold; font-size:14px; color:#1A3783; padding-left:15px; 
}
#acordos dl dd { margin-left:30px; }
#acordos dl a { text-decoration:underline; font-size:12px; }

/* Formulario para associar-se */
#associar {}
#associar form { width:500px; margin:auto; }
#associar form label { float:left; width:120px; margin-top:4px; }
#associar form label.nofloat { float:none; }
#associar form fieldset { border-top:solid 1px #ccc; }
#associar form fieldset legend { font-weight:bold; }

/* Contato */
#contatos-container { margin:30px auto 40px auto; width:500px; }
#contatos-container textarea { width:320px; }
#contatos-container label { width:110px; float:left; }
#contatos-container button { float:right; margin-right: 62px; }

#rodape { 
	width:948px; margin:auto; padding:0 12px;
	background:url(/imgs/rodape.png) no-repeat 2px 0;
}
#rodape p { text-align:center; color:#fff; padding-top:15px; }
#rodape p a { color:#fff; }

.contatos label { width:120px; float:left; }
.contatos input { width: 272px; }
.contatos select { padding: 2px; width: 280px; }
.contatos #fone { width: 140px; }
#contatos .invalid { background-image: none;}

input, select, textarea {
    border: 1px solid #DDDDDD;