 * {
	margin:0;
	padding:0px;
}

body {
	background:#FFCC00;
}

#geral {
	width:900px;
	margin:0 auto;
}

#cabecario {
	height:133px;
	background:#FFCC00 url(imagens/cabecario.jpg) no-repeat center bottom;
}

#cabecario #logo {
	float:left;
}

#cabecario h1 a {	
	display:block;	
	width:255px;
	height:100px;
	margin-left:20px;
	margin-top:15px;	
	text-indent:-99999px;
	overflow:hidden;
}

#cabecario .topo {
	float:left;
	display:inline;
	font:bold 15px Aial, Helvetica, sans-serif;
	width:560px;
	height:45px;
	margin-left:5px;
	padding-top:5px;
}

#cabecario .topo .central {
	float:left;
	width:250px;
	text-align:center;
}

#cabecario .topo .nome {
	float:right;
	clear:right;
	display:inline;
	width:300px;
	text-align:right;
	margin-bottom:5px;
	font:bold 14px  Arial, Helvetica, sans-serif;
}

#cabecario #titulo {
	float:right;
	display:inline;
	margin-right:30px;
	margin-top:10px;
	padding:8px;
	text-transform:capitalize;
	font:bold 17px Verdana, Arial, Helvetica, sans-serif;
}

#menu {
	float:left;
	display:inline;
	width:555px;
	height:25px;
	margin-left:10px;
	padding-top:5px;
}

#menu ul li {
	display:inline;
	margin-left:10px;
	margin-right:10px;
}

#menu ul li a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

#telefones {
	height:116px;
	background:url(imagens/telefones.jpg) no-repeat;
	padding-right:10px;
}

#telefones h4 {
	font: bold 16px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	text-align:center;
}

#esquerda {
	background:#CCC;
	width:250px;
	height:70px;
	background:url(imagens/barra_lado.jpg) no-repeat right;
	float:left;
	margin-top:7px;
}

#esquerda h2 {
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	color:#003466;
	text-align:center;

}

#esquerda p {
	font: 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:25px;
	margin-left:10px;
	text-align:center;
}



#centro {
	background: #000;
	width: 370px;
	height:70px;
	background:url(imagens/barra_lado.jpg) no-repeat right;
	float:left;
	margin-top:7px;
}

#centro h2 {
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	color:#003466;
	text-align:center;

}

#centro p {
	font: 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:25px;
	text-align:center;
}

#direita {
	width: 250px;
	height:70px;
	float:left;
	margin-top:7px;
}

#direita h2 {
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	color:#003466;
	text-align:center;
}

#direita p {
	font: 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:25px;
	text-align:center;
}

/** A TAG CORPO É SOMENTE PARA A PAGINA INICIAL POR CAUSA DOS FLOAT E FUNDO NAO APARECE *****/
#corpo {
	clear:both;
	float:left;
	width:845px;
	background:#FFFFFF url(imagens/fundo_conteudo.jpg) repeat-y;
	padding-left:25px;
	padding-right:30px;
}

/*** a tag conteudo épara pagimna internas ***/

h1 {
	font: bold 18px Arial, Verdana, Helvetica, sans-serif;
	color:#333;
}

#conteudo {
	clear:both;
	float:left;
	width:845px;
	background:#FFFFFF url(imagens/fundo_conteudo.jpg) repeat-y;
	padding-left:25px;
	padding-right:30px;
	padding-top:20px;
	min-height:380px;
	_height:380px;
}

.sad p {
	margin:12px 1px;
}

.sad ul li {
	margin-left:35px;
}

#animacao {
	height:230px;
}

#servicos {
	background:url(imagens/fundo_conteudo.jpg) no-repeat;
}

#nossos_servicos {
	width:350px;
	height:260px;
	float:left;	
	border-right:#333333 solid 1px;
	overflow:auto;
}

#nossos_servicos h2 {
	font:bold 27px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:15px;
}

#nossos_servicos ul li {
	list-style:none;
	font:12px Arial, Helvetica, sans-serif;
	margin-left:20px;
	line-height:25px;
}

#nossa_realidade {
	float:right;
	width:480px;
	height:260px;	
	margin-bottom:15px;
	overflow:auto;
}

#nossa_realidade h2 {
	font:bold 27px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:15px;
}

#nossa_realidade p {
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	text-align:justify;
}

/*Central de Atendimento do Rodapé*/

#telefones_rodape {
	clear:both;
	height:130px;
	background:url(imagens/telefones_rodape.jpg) no-repeat;
	padding-right:10px;
}

#telefones_rodape h4 {
	font: bold 16px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	text-align:center;
	padding-top: 10px; 
}

#esquerda {
	background:#CCC;
	width:250px;
	height:70px;
	background:url(imagens/barra_lado.jpg) no-repeat right;
	float:left;
	margin-top:7px;
}

#esquerda h2 {
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	color:#003466;
	text-align:center;

}

#esquerda p {
	font: 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	margin-left:10px;
	text-align:center;
}



#centro {
	background: #000;
	width: 370px;
	height:70px;
	background:url(imagens/barra_lado.jpg) no-repeat right;
	float:left;
	margin-top:7px;
}

#centro h2 {
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	color:#003466;
	text-align:center;

}

#centro p {
	font: 14px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
	text-align:center;
}

#direita {
	width: 250px;
	height:70px;
	float:left;
	margin-top:7px;
}

#direita h2 {
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	color:#003466;
	text-align:center;
}


#rodape {
	clear:both;
	background:url(imagens/rodape.jpg) no-repeat;
	height:70px;
	text-align:center;
	padding-left:20px;
	padding-right:30px;
}

#rodape ul {
	border-top:#000000 solid 1px;
	width:855px;
}

#rodape ul li {
	display:inline;
	margin-left:10px;
	margin-right:10px;
}

#rodape ul li a {
	color:#000000;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#rodape ul li a:hover {
	text-decoration:underline;
}


#rodape .copyright {
	margin-top:10px;
	font:11px Arial, Helvetica, sans-serif;
}

.clientes {
	margin:0 auto;
	width:750px;
	min-height:420px;
}

.clientes div {
	float:left;
	text-align:center;
	width:250px;
}

.parceiros {	
	margin: 0 auto;
	width: 750px;
}

.parceiros div {
	float: left;
	text-align:center;
	width:250px;
}

#div_servicos {
	min-height:620px;
}

.servicos {
	clear:both;
	margin: 10px;
}
.servicos img {
	float: right;
	margin:0px 3px;
	display:inline;
	
}

.servicos h3 {
	font:bold 16px Arial, Helvetica, sans-serif;
	margin: 5px 0px; 

}

.servicos p {
	font:14px Arial, Helvetica, sans-serif;
	
}

#mapa_site {
	clear: both;
	margin: 50px 20px 0px;
	min-height:380px;
}

#mapa_site img {
	float: right;
	
}
#mapa_site ul li {
	margin: 15px 300px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#000000;
	list-style: url(imagens/mapa_site/seta.jpg);
	
}
#mapa_site ul li a {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

#mapa_site ul li a:hover {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0099FF;
	text-decoration: none;
}

#empresa {
}

#empresa img {
	float: right;
	margin: 10px 0px;
	display:inline;
}

#empresa p {
	font: 18px Arial, Helvetica, sans-serif;
	color:#000000;
}

.confirmacao {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#contato {
	font:14px Arial, Helvetica, sans-serif;
}

#contato .imagem{
	float:left;
	width:200px;
}

#contato .form {
	float:left;
	width:430px;
	margin-left:5px;
	display:inline;
}

#contato .form .endereco {
	margin-bottom:25px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#contato .form  p {
	text-align:center;
}

#contato .telefones {
	float:right;	
	width:180px;
	height:300px;
	border-left:#333333 solid 1px;
	padding:0px 10px;
	font:14px Arial, Helvetica, sans-serif;
}

#contato .telefones h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	text-align:center;
}

#contato .telefones div p {
	margin-bottom:5px;
}

#contato .telefones div {
	margin-bottom:10px;
}

#contato h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	margin: 5px 0px; 
}


a.chat {
	color: #333;
	text-decoration:none;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:150px;
	margin:auto;
}

#links {
	margin-left:70px;
}

#transito {
	float:left;
	width:150px;
	margin-right:50px;
}

#clima {
	float:left;
	width:150px;
}