/* GERAL
--------------------------------------------- */
fieldset legend { display: none; }

.clear-both { clear: both; }

.centralizar {
	display: block;
	width: 960px;
	margin: 0 auto;
}

h2 {
	margin: 0 0 10px 0;
	font: 20px Verdana, Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #fff;
}

h3 {
	margin: 0 0 10px 0;
	text-decoration: none;
	font: bold 20px Verdana, Geneva, sans-serif;
	color: #cb0000;
}


body {
	background: url('../_imagens/fundo-body.png') repeat 0 0;
	font: 12px Verdana, Verdana, Geneva, sans-serif;
	text-align: center;
}

/* TOPO
--------------------------------------------- */
#topo{
	display: block;
	width: 100%; height: 175px;
	background: url('../_imagens/fundo-topo.jpg') repeat 0 0;
}

/* Topo > NAVEGAÇÃO PRINCIPAL */
#topo #navegacao-principal {
	display: inline; float: left; /*Cria flutuação no lado esquerdo */
	width: 960px; height: 20px; /*Define o espaço com a largura de 940px e altura de 20x */
}
#topo #navegacao-principal li {
	display: inline;
	float: left; /*Cria flutuação no lado esquerdo */
	height: 40px; /*Define o espaço do bloco com a altura de 20x */
	margin: 0 20px 0 0;	/* Dá um espaçamento da margens direita de 20px fazenco com os links fiquem separados*/
	font-family: Arial,%20Helvetica,%20sans-serif;
}
#topo #navegacao-principal li a {
	display: block; 
	line-height: 40px; /* Necessário para posicionar o link ao centro (verticalmente). Deve ser o mesmo valor da altura do LI e o link deve estar com display: block; */
	font-size: 10px; /* tamano da fonte no link é de 10px */
	text-decoration: none; /* Não há nenhuma decoração no texto exemplo: underline, riscado, etc*/
	text-transform: uppercase; /* Transforma a fonte do link em maiúsculo */
	color: #fff; /* Define a cor da fonte do link */
}

#topo #navegacao-principal li a:hover {
	display: block; 
	font-size: 10px; 
	text-decoration: underline; 
	text-transform: uppercase;
	color: #F60; 
}

/* Topo > LOGO */
#topo h1 a {
	display: inline; float: left; 
	width: 243px; height: 134px; 
	margin: 21px 0; 
	font-size: 1px; 
	background:url('../_imagens/logo.png') no-repeat 0 0;
	text-decoration: none; 
	color: #fff; 
}
#topo h1 a span { visibility: hidden; } 

/* TOPO > NAVEGAÇÃO SECUNDÁRIA */
#topo #navegacao-secundaria {
	float: right;  
	height: 113px;
	margin: 20px 0 0 0;
}

/* TOPO > NAVEGAÇÃO SECUNDÁRIA > li*/
#topo #navegacao-secundaria li {
	float: left; 
	height: 113px;
	
}

/* TOPO > NAVEGAÇÃO SECUNDÁRIA > li > a */
#topo #navegacao-secundaria li a {
	display: block;
	height: 113px;
	margin-left: 7px;
	background: url('../_imagens/fundo-nav-sec-esq.png') no-repeat;
	font: 12px Verdana, Geneva, sans-serif; 
	text-decoration: none; 
	text-transform: uppercase;
	color: #fff; 
}

/* TOPO > NAVEGAÇÃO SECUNDÁRIA > li > a > span */
#topo #navegacao-secundaria li a span {
	display: block;
	float: left;
	height: 113px;
	line-height: 180px;
	margin: 0 0 0 9px; padding: 0 9px 0 0;
	background: url('../_imagens/fundo-nav-sec-dir.png') no-repeat right top;
}
#topo #navegacao-secundaria li a:hover { background: url('../_imagens/fundo-nav-sec-esq-hover.png') no-repeat; color: #fff; }
#topo #navegacao-secundaria li a:hover span { background: url('../_imagens/fundo-nav-sec-dir-hover.png') no-repeat right top;}
#topo #navegacao-secundaria li a.ativo { background: url('../_imagens/fundo-nav-sec-esq-hover.png') no-repeat; color: #fff; }
#topo #navegacao-secundaria li a.ativo span { background: url('../_imagens/fundo-nav-sec-dir-hover.png') no-repeat right top;}

/* CORPO
--------------------------------------------- */
#corpo {
	display: block;
	width: 960px;
	margin: 0 auto;
	text-align: justify;
}

/* CORPO > ÁREA DO CLIENTE */
#corpo #area-cliente {
	float: left;
	width: 280px; height: 200px;
	background: url('../_imagens/fundo-area-cliente.jpg') no-repeat 0 0;
}

/* CORPO > ÁREA DO CLIENTE > h3 */
#corpo #area-cliente h3 {
	float: left;
	width: 192px; height: 28px;
	padding: 0 0 5px;
	background: url('../_imagens/titulo-area-cliente.png') no-repeat 0 0;;
	margin: 17px 44px;
	text-indent: -5000em;
}

/* CORPO > ÁREA DO CLIENTE > FORM */
#corpo #area-cliente form {
	float: right;
	width: 250px;
	margin: 10px 10px 0 0;
}

/* CORPO > ÁREA DO CLIENTE > FORM > LABEL */
#corpo #area-cliente form label {
	float: right;
	width: 190px;
	margin: 0 0 4px 0;
}

/* CORPO > ÁREA DO CLIENTE > LABEL > FORM > INPUT */
#corpo #area-cliente form label input {
	width: 175px; height: 17px;
	padding: 4px 5px;
	border: 1px solid #000;
	font: 12px Arial,%20Helvetica,%20sans-serif;
}

/* CORPO > ÁREA DO CLIENTE > LABEL > FORM > SUBMIT */
#corpo #area-cliente form #submit {
	float: right;
	width: 46px; height: 30px;
	margin: 4px 0 0 0;
	border: none;
	background: url('../_imagens/botao-ok.png') no-repeat 0 0;
	text-indent: -5000em;
	font-size: 1px;
	color: #333;
}

/* CORPO > ÁREA DO CLIENTE > a */
#corpo #area-cliente a {
	float: left;
	height: 40px;
	font: 12px/40px Verdana, Geneva, sans-serif; 
	text-transform: uppercase;
	color: #fff; 
}

/* CORPO > ÁREA DO CLIENTE > a:hover */
#corpo #area-cliente a:hover { 
	text-decoration: none; 
}

/* CORPO > BANNER */
#corpo #banner {
	float: right;
	width: 680px; height: 200px;
	background: url('../_imagens/fundo-banner.jpg') no-repeat 0 0;
}

/* CORPO > COLUNA ESQUERDA */
#corpo #coluna-esquerda {
	float: left;
	width: 290px;
}

/* CORPO > COLUNA ESQUERDA > SERVIÇOS */
#corpo #coluna-esquerda #servicos {
	float: left;
	width: 280px;
	padding: 10px 0 0 0;
	background: #0d0d0d url('../_imagens/fundo-lateral-esq-topo.jpg') no-repeat left top;
}

#corpo #coluna-esquerda #servicos h2 {
	text-align: center;	
}

#corpo #coluna-esquerda #servicos ul {
	float: left;
	width: 260px;
	padding: 0 10px 10px;
}

#corpo #coluna-esquerda #servicos li {
	float: left;
	width: 260px;
	height: 30px;
	padding-bottom: 5px;
}

#corpo #coluna-esquerda #servicos li a {
	font: 14px Verdana, Verdana, Geneva, sans-serif;
	text-decoration: none; 
	color: #fff;
}


#corpo #coluna-esquerda #servicos li a { padding: 0 0 0 25px; background: url('../_imagens/seta.png') no-repeat center left; }

#corpo #coluna-esquerda #servicos li a:hover { color: #F60; text-decoration: underline; }

#corpo #principal {
	float: left;
	width: 960px;
	margin: 10px 0;
    background: url('../_imagens/fundo-menu-esq.gif') no-repeat left bottom;
}
/* CORPO > COLUNA DIREITA */
#corpo #coluna-direita {
	float: right;
	width: 670px;
	background: #fff url('../_imagens/fundo-lateral-dir-topo.jpg') no-repeat left top;
}

/* CORPO > COLUNA DIREITA > CONTEÚDOS*/
#corpo #coluna-direita #conteudo {
	float: left;
	width: 650px;
	padding: 10px;
	background: url('../_imagens/fundo-lateral-dir-rodape.jpg') no-repeat left bottom;
}
#corpo #coluna-direita #conteudo h2{ font-weight:bold; color:#CB0000;}
/* Corpo > COLUNA DIREITA > CONTEUDO > NOTICIAS */
#corpo #coluna-direita #conteudo #noticias {
	float: left;
	width: 650px;
	margin-bottom: 20px;
}

/* Corpo > COLUNA DIREITA > CONTEUDO > EMPRESA */
#corpo #coluna-direita #conteudo #empresa {
	float: left;
	width: 650px;
	border-top: solid 1px #CCC;
}

/* Corpo > COLUNA DIREITA > CONTEUDO > EMPRESA > H4*/
#corpo #coluna-direita #conteudo #empresa h4 {
	width: 650px;
	text-decoration: none;
	font: bold 20px Verdana, Geneva, sans-serif;
	color: #cb0000;
	margin: 10px 0 20px 0;
	
}

/* RODAPE
--------------------------------------------- */
/*CONTEÚDO RODAPÉ*/
#rodape{
	float: left;
	width: 960px;
	margin: 0 0 10px;
}

/* CORPO > CONTEÚDO BAIXO*/
#rodape #conteudo-baixo {
	float: left;
	width: 940px;
	padding: 10px;
	background: #fff url('../_imagens/fundo-conteudo-baixo-topo.png') no-repeat left top;
}

/* CORPO > CONTEÚDO BAIXO > NEWSLETTER */
#rodape #conteudo-baixo #newsletter {
	float: left;
	width: 275px; height: 150px;
	border-right: solid 1px #bbb;
}

/* CORPO > CONTEÚDO BAIXO > NEWSLETTER > h3 */
#rodape #conteudo-baixo #newsletter h3 {
	float: left;
	width: 140px; height: 16x;
	padding: 0 0 5px;
	background: url('../_imagens/titulo-newsletter.png') no-repeat 0 0;;
	margin: 10px 65px;
	text-indent: -5000em;
}

/* CORPO > CONTEÚDO BAIXO > NEWSLETTER > FORM */
#rodape #conteudo-baixo #newsletter form {
	float: right;
	width: 220px;
	margin: 10px 32px 0 10px;
}

/* CORPO > CONTEÚDO BAIXO > NEWSLETTER > FORM > LABEL */
#rodape #conteudo-baixo #newsletter form label {
	float: left;
	width: 210px;
	margin: 0 20px 4px 0;
}

/* CORPO > CONTEÚDO BAIXO > NEWSLETTER > LABEL > FORM > INPUT */
#rodape #conteudo-baixo #newsletter form label input {
	float: left;
	width: 210px; height: 17px;
	padding: 4px 5px;
	border: 1px solid #000;
	font: 12px Arial,%20Helvetica,%20sans-serif;
}

/* CORPO > CONTEÚDO BAIXO > NEWSLETTER > LABEL > FORM > SUBMIT */
#rodape #conteudo-baixo #newsletter form #submit {
	float: right;
	width: 64px; height: 29px;
	margin: 4px 5px 0 0;
	border: none;
	background: url('../_imagens/botao-enviar.png') no-repeat 0 0;
	text-indent: -5000em;
	font-size: 1px;
	color: #333;
}

#rodape #conteudo-baixo #indicadores {
	float: left;
	width: 640px;
	margin: 0 10px;
}

#rodape #conteudo-baixo #indicadores h3 {
	float: left;
	width: 640px;
	text-decoration: none;
	font: bold 20px Verdana, Geneva, sans-serif;
	color: #cb0000;
}

#rodape #conteudo-baixo #indicadores table {
	float: left;
	margin: 5px;
}

#rodape #conteudo-baixo-rodape {
	float: left;
	width: 960px; height: 10px; 
	background: url('../_imagens/fundo-conteudo-baixo-rodape.png') no-repeat left bottom;
}

#rodape #infos {
	float: left;
	width: 920px;
	margin: 10px 0 0 0; padding: 20px;
	background: url('../_imagens/rodape.jpg') repeat 0 0;
}
#rodape #infos #endereco{
	float: left;
	width: 460px;
	color: #fff;
}

#rodape #infos #copyright{
	float: right;
	width: 400px;
	color: #fff;
}

#rodape #infos #copyright span{
	float: right;
	text-align: right;
}

/* Rodapé > UL */
#rodape #infos ul {
	float: right; 
	width: 273px;
}
#rodape #infos ul li {
	float: left; 
	height: 20px;
	margin: 0 0 0 20px;
}
#rodape #infos ul li a {
	float: right; 
	line-height: 20px; 
	font-size: 10px; 
	text-decoration: none;
	text-transform: uppercase;
	color: #fff; 
}
#rodape #infos li a:hover { text-decoration: underline; color: #f60; }