* {
	font:11px Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	list-style:none;
	text-decoration: none;
	vertical-align: baseline;	
	color: #6d6d6d;
}
img, a{
	border: 0 none;
}
p { padding: 0 0 5px 0; }

b, strong { font-weight: bold; }
i, em { font-style : italic; }
a { cursor: pointer; }

/*=================================== BODY E CONTEUDO ==================================*/	
body {	
	background: #0097cc;
	text-align: left;
}		


#representantes {
	width: 660px;
	height: 480px;
}



#flash {
	text-align: center;
	font: 12px Arial, Verdana, sans-serif;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width:  100%;
    z-index: 0;
}

#conteudo {	
	width:802px; 
	text-align:left;
	margin:0 auto;
	_margin-top: -25px;
	z-index: 5;
}
	

/*=================================== TOPO ==================================*/	

#fundo-topo {
	width: 764px;
	height: 444px;
	position: relative;
	float: left;
	background: url("../imagens/bg-logo.jpg") top left no-repeat;
	margin-top: -130px;
	margin-left: -285px;
}

#fundo-topo2 {
	width: 764px;
	height: 444px;
	position: relative;
	float: left;
	background: url("../imagens/bg-logo2.jpg") top left no-repeat;
	margin-top: -130px;
	margin-left: -285px;
}

#topo{
	width: 100%;
	height: 100px;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}
#topo img {
	float: left;
	margin-left: 40px;
}
/*#topo ul {
	float: left;
	margin-top: 25px;
	margin-left: 10px;
}
#topo ul li {
	float: left;
	margin-left: 40px;
	color: #000;
	font: bold 12px Arial, verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}
#topo a{
	color: #273a7f;
	font: bold 12px Arial, verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}


#topo a.amarelo{
	color: #866e2b;
	font: bold 12px Arial, verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}

#topo a.bob{
	color: #1a3582;
	font: bold 12px Arial, verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}

#topo ul li.selected{
	border-bottom: #da251d solid 2px;
	padding-bottom: 12px;
}*/

/*================================= MENU DROP DOWN ======================================*/

ul.menubar{
 margin: 0px;
 padding: 0px;
 background-color: none; /* IE6 Bug */
 font-size: 100%;
 margin-top: 25px;
}

ul.menubar .submenu{
 margin: 0px;
 padding: 0px;
 list-style: none;
 background-color: none;
 float:left;
 margin-left: 20px;
 margin-top: 17px;
 _margin-top: -5px;
 *margin-top: -5px;
}

ul.menubar ul.menu{
 display: none;
 position: absolute;
 margin: 0px;
}

ul.menubar a{
 padding: 5px;
 display:block;
 text-decoration: none;
 color: #866e2b;
 font: bold 12px Arial, verdana, Helvetica, sans-serif;
 text-transform: uppercase;

}

ul.menubar a.blue{
 padding: 5px;
 display:block;
 text-decoration: none;
 color: #273a7f;
 font: bold 12px Arial, verdana, Helvetica, sans-serif;
 text-transform: uppercase;


}

ul.menu, ul.menu ul{
 margin: 0;
 padding: 0;
 float: left;
 width: 350px; /* Width of Menu Items */
 background-color: none; /* IE6 Bug */
}

ul.menu li{
 float: left;
 position: relative;
 list-style: none;
 border: 0px;
}

ul.menu li a{
 display: inline;
 text-decoration: none;
 border-bottom: 0px;
 font-weight: normal;
 float: left;
 color: #fff;
 padding: 0px 0px 5px 0px;
}

ul.menu li sup{
 font-weight:bold;
 font-size:7px;
 color: red;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu ul{
 position: absolute;
 display: none;
 left: 149px; /* Set 1px less than menu width */
 top: 0px;
}

ul.menubar a:hover { color: #50420e; }

ul.menubar a.blue:hover { color: #15235a; }

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */

ul.menu li a:hover { text-decoration: underline; color: #fff; }


/*=================================== RODAPE COM IMAGENS ==================================*/
#rodape {
	clear:both;
	width: 640px;
	height: 120px;
	_height: 150px;
	margin-right: 90px;
	float: right;
	_margin-right: 40px;
}

#xthor{
	clear: both;
	width: 166px;
	height: 20px;
	float: right;
	text-align: right;
	padding: 10px 0;
	color: #4c4c4b;
}


#noticias {
	width: 212px;
	heigth: 90px;
	float: left;
}

#chat {
	width: 212px;
	height: 90px;
	border-left: dotted #000 1px;
	border-right: dotted #000 1px;
	float: left;
}

#chat img{
	width:149px;
	height: 89px;
	margin: 0 0 0 30px;
}

#natureza {
	width: 212px;
	height: 90px;
	float: left;
}

#natureza img {
	width: 107px;
	height: 97px;
	margin: -2px 0 0 45px;
}

#rodape img {
	float: left;
}

h2 {
	font-size: 14px;
	color: #035269;
	font-weight: bold;
	margin: -10px 0 0 20px;
}

h2.not {
	font-size: 14px;
	color: #035269;
	font-weight: bold;
	margin: -10px 0 0 0px;
	_margin: 0;
	*margin: 0;
}

#noticia-box {
	width: 630px;
	height: 315px;
	overflow: auto;
	padding-right: 10px;
	
}

/* ====================== RODAPÉ PARA PÁGINA INSTITUCIONAL ============================== */

#rodape-inst {
	clear: both;
	width: 722px;
	float: left;
	padding: 10px 0 10px 85px;
}

#rodape-inst .icone-rodape{
	margin: 0 0 0 80px;
	float:left;
	width: 197px;
}


/*=================================== RODAPE COM MENU ==================================*/
#rodape2 {
	cleat: both;
	width: 640px;
	float: left;
	margin: 0 0 0 80px;
	_margin: 0 0 0 40px;
}

#responsabilidade {
	width: 320px;
	float: left;
}

#responsabilidade img {
	width: 278px;
	height: 78px;
	margin-top: 20px; 
	margin-left: 30px;
}

#ambiente {
	width: 320px;
	float: left;
}

#ambiente img {
	width: 257px;
	height: 78px;
	float: left;
	margin-top: 25px;
}

#rodape2 img.sac {
	float: left;
	margin-top: 15px;
}
#rodape2 ul{
	float: right;
	width: 400px;
	padding-top: 12px;
}
#rodape2 ul li{
	float: right;
	text-transform: uppercase;
	color: #fff;
	font: 11px Arial, verdana, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
}
#rodape2 a{
	color: #fff;
	font: 11px Arial, verdana, Helvetica, sans-serif;
}

#rodape2 a.amarelo{
	color: #837a58;
	font: 11px Arial, verdana, Helvetica, sans-serif;
}

#rodape2 a:hover{
	text-decoration: underline;
}


#noticias a{
	color: #FFF;
	line-height: 20px;
}

#noticias a:hover{
	text-decoration: underline;
}

/*============================ FINAL DE  PÁGINAS ===========================================*/

#fim {
	clear: both;
	width: 100%;
	height: 10px;
}
#clear{
	clear: both;
	width: 100%;
	height: 40px;
	text-transform: uppercase;
}
/*============================ MEIO ===========================================*/
#banner {	
	width:880px;
	float: left;
	text-align: left;
	position: relative;
	z-index: 8000000;
	margin-top: 17px;
	margin-left: -48px;
	height: 640px;

}

#meio {	
	width:802px;	
	float: left;
	/*height: 600px;*/
	text-align: left;
	position: relative;
	
	margin-top: 0px;
	height: 613px;
	background: url('../imagens/meio.png') top left no-repeat;
	/*background: #00f;*/
}

/*============================ INICIAL ===========================================*/
#content{
	width: 802px;
	*height: auto;
	clear:both;
	height: 613px;
	position:relative;
	float:left;
	z-index: 10;
	margin-top: -615px;
}

#inicial{
	margin: 80px 70px 0 85px;
}

p{
	margin-top: 8px;
	color: #6d6d6d;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-align: justify;
}
#menu_box{
	text-transform: uppercase;
	color: #9d9d9d;
	float: right;
}
#menu_box ul li{
	float: left;
	margin-left: 11px;
}
#menu_box a{
	text-transform: uppercase;
	color: #9d9d9d;
	background: url("../imagens/bool.gif") left top no-repeat;
	padding: 0px 0 20px 13px;
}

#menu_box a:hover {
	text-decoration: underline;
}

/* =========================== HISTÓRICO =========================== */

#img-historico {
	width: 625px;
	height: 290px;
	margin-top: 12px;
}

/* =========================== PROCESSOS =========================== */

#img-processos {
	width: 626px;
	height: 187px;
	margin-top: 55px;
}

/* =========================== MEIO AMBIENTE =========================== */

#img-meio {
	width: 728px;
	height: 340px;
	background: url("../imagens/meio-ambiente2.jpg") left top no-repeat;
	margin: -32px 0 0 -53px;
}

/* =========================== QUALIDADE =========================== */

#img-qualidade {
	width: 728px;
	height: 324px;
	background: url(../imagens/qualidade.jpg) no-repeat scroll left top;
	margin: -58px 0 0 -53px;
	z-index: 1;
	position:relative;
}

.texto_qualidade{
	position: relative;
	z-index:80000;
}

#text-texto {
	position: relative;
	z-index: 9000;
}
/* =========================== ESTRUTURA =========================== */

#img-estrutura {
	width: 721px;
	height: 277px;
	margin: 114px 0 0 -48px;
}

/* =========================== FALE CONOSCO =========================== */

#esquerda {
	width: 369px;
	float: left;
}

#representante {
	width: 369px;
}

#representante tr td{
	line-height: 20px;
	color: #3b3b3b;
	font-size:11px;
}
#c_endereco{
	width:356px;
	padding:2px;
}

#c_empresa, #c_assunto{
	width:357px;
	padding: 2px;
	/*height:26px;
	background:url(../imagens/txt-nome.jpg)  left top no-repeat;*/
	}
#arquivo{
	width:200px;
	padding: 2px;
}
	
#c_nome{
	width:357px;
	padding: 2px;
	/*height:26px;
	background:url(../imagens/txt-nome.jpg)  left top no-repeat;*/
	}
	
#c_email{
	width:244px;
	padding:2px;
	float:inherit
}
	 
#c_anexo{
	width:278px;
	padding: 2px;
	/*height:26px;
	background:url(../imagens/txt-nome.jpg)  left top no-repeat;*/
	}
	
#c_compra{
	width:244px;
	padding:2px;
	float:inherit;
	}
	
#c_cep{
	width:100px;
	padding:2px;
	clear:both
	}
	
#c_telefone {	
	width:100px;
	padding: 2px;
	clear:both
}

#idMarca, #idModelo, #c_usuario, #c_senha, #c_senha_conf{
	width:220px;
	/*height:26px;
	background:url(../imagens/text-fone.jpg)  left top no-repeat;*/
	}
#c_cidade{
	padding: 2px;
	width:278px;
	/*height:26px;
	background:url(../imagens/text-cidade.jpg)  left top no-repeat;*/
	}
#c_estado{
	padding: 2px;
	width:70px;
	/*height:26px;
	background:url(../imagens/txt-estado.jpg)  left top no-repeat;*/
	}
#c_mensagem{
	width:362px;
	/*height:100px;
	background:url(../imagens/text-msg.jpg)  left top no-repeat;*/
	}
	
form input,select,textarea {
	border-top:2px #808080 groove;
	border-bottom:1px #d4d0c8 solid;
	border-right:1px #d4d0c8 solid;
	border-left:2px #808080 groove;
}

.btn2 {
	margin-top: -13px;
	margin-right: 3px;
	clear: both;
	border: none;
	float: right;
}

.btn3 {
	margin-right: 3px;
	clear: both;
	border: none;
	float: left;
}

#direita {
	margin-top: 60px;
	width: 230px;
	float: right;
}

#direita p.cont {
	text-align: right;
	line-height: 2px;
}	

h3 {
	font-size: 18px;
	color: #6d6d6d;
	text-align: right;
	margin-top: 160px;
}


/* ======================= TRABALHE CONOSCO ==================*/

#direita-trabalhe {
	margin-top: 10px;
	width: 230px;
	float: right;
}


h4 {
	color: #eb891b;
	font-size: 12px;
}

p.curriculo {
	text-align: right;
	/*line-height: 2px;*/
}

#direita-trabalhe p.cont {
	text-align: right;
	line-height: 2px;
}	

h3.curriculo {
	font-size: 18px;
	color: #6d6d6d;
	text-align: right;
	margin-top: 40px;
}

/* ======================== NOTÍCIAS ============================= */

.data{
	color: #a4a4a4;
}

.titulo-noticia {
	font-weight: bold;
	color: #eb891b;
}

#formulario{
    border:solid 1px #ff0000;
}

.noticia {
	width: 600px;
	height: 30px;
  	border:solid 1px #ccc;
  	padding: 15px;
  	margin-top: 25px;
  	position:relative;
  	z-index: 1000;
  	_padding-bottom: 0px;
}

h5 {
	font-weight: bold;
	color: #eb891b;
}

.titulo {
	margin: -22px 0 0 -13px;
	/*width: 250px;*/
	position: relative;
	z-index: 1500;
}

.titulo a{
	font-weight: bold;
	color: #eb891b;
}

.titulo a:hover{
	text-decoration: underline;
}

.imagem {
	float:left;
	width: 23px;
	height: 50px;
	margin: 6px 20px 0 5px;
}

p.resumo {
	color: #6d6d6d;
}

a.desc {
	color: #6d6d6d;
}

a.desc:hover {
	text-decoration: underline;
}
	
#paginacao_custom {
	float: right;
	margin-top: 85px;
}

#table-pag{
	/*position: absolute;
	top: 520px;
	left: 580px;*/
	}
#table-pag tr td{
	color:#575757;
	font-size:11px;
	font-weight: bold;
	}
	
.pag a{
	text-transform:uppercase;
	color: #575757;
	font-size:11px;
	cursor:pointer;
	padding:0px 8px 5px 8px;
	font-weight: bold;
	}
.pag a:hover{
	color: #da251d;
	font-weight: bold;
	}
.sel a{
	padding:0px 8px 5px 8px;
	font-size:11px;
	font-weight: bold;
	cursor:default;
	color: #da251d;
	}
	
/* ================ VISUALIZAÇÃO NOTÍCIA ==================== */

.data-noticia{
	font-size: 14px;
	color: #a4a4a4;
}

h5.titulo-noticia {
	font-size: 18px;
	color: #eb891b;
	margin-bottom: 20px;
}

div.ferramentas_texto a.menor{  
   padding: 4px;   
   font-size: 14px;  
   font-weight: bold;   
   width: 16px;  
   height: 16px;  
   display: block;  
   float: right; 
   color: #9c9c9c; 
   margin-top: -40px; 
   margin-right: 25px; 
 }  
 
div.ferramentas_texto a.maior{  
   padding: 4px;   
   font-size: 18px;  
   margin-right: 7px;  
   width: 16px;  
   height: 16px;  
   display: block;  
   float: right; 
   color: #565656; 
   margin-top: -45px;   
 }
 
 
#imagem{
	width:300px;
	float:right;
	margin-left: 20px;
	background:#DDDDDD;
}

#caixa{
	width:300px;
	float:right;
	padding: 5px 20px 10px 15px;;
}
p.legenda{
	padding: 5px;
}

#clear-not{
	clear: both;
	margin: 20px 0 0 40px;
}

#imagem2{
	width:220px;
	float:left;
	margin-left: 20px;
	background:#DDDDDD;
}

#caixa2{
	width:220px;
	float:left;
	padding: 5px 20px 10px 0;
}
p.legenda2{
	padding: 5px;
}

#imagem3{
	width:220px;
	float:left;
	margin-left: 20px;
	background:#DDDDDD;
}

#caixa3{
	width:220px;
	float:left;
	padding: 5px 20px 10px 0;
}
p.legenda3{
	padding: 5px;
}

#botoes {
	position: absolute;
	clear: both;
	top: 555px;
	right: 40px;
	width: 300px;
	float: right;
}

h6.repres {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: uppercase;
	font-weight: bold;
	color: #eb891b;

}

.flashTextContent {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6d6d;
}
/*=============================== PÁGINA BOB =============================== */

#produtos-lista{
	width: 628px;
	height: auto;
}

#produtos-esq {
	width: 300px;
	float:left;
}

#produtos-dir{
	width: 300px;
	float:left;
}

/* ====================== MAPA DO SITE ======================================*/

#esquerda-mapa{
	width: 300px;
	float:left;
	margin-top: 15px;
}

#esquerda-mapa ul li{
	line-height: 30px;
}
#esquerda-mapa a{
	color: #3e3e3e;
}

#esquerda-mapa a:hover {
	text-decoration: underline;
}

#direita-mapa{
	width: 300px;
	float:left;
	margin-top: 15px;
}

#direita-mapa ul li{
	line-height: 30px;
}
#direita-mapa a{
	color: #3e3e3e;
}

#direita-mapa a:hover {
	text-decoration: underline;
}

/* REPRESENTANTES */

hr {
	color: #000000;
}

#representantes p.nome_estado {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: uppercase;
	font-weight: bold;
	color: #eb891b;
	text-align: left;
}

#representantes p.estado_content {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6d6d;
}

h6.estado{
	color: #6D6D6D;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid #6D6D6D;
	margin-top: 70px;
	width: 230px;
	*position: absolute;
	*top: 200px;
}

#representantesmap {
	width: 440px;
	height: 480px;
	float: right;
	margin: -80px 0 0 70px;
	position: relative;
	z-index: 1200;
}

#rolagem{
	width: 230px;
	height: 275px;
	position: absolute;
	z-index: 2000;
	overflow: auto;
	margin-top: 15px;
	*top: 300px;
}

p.nao-estado{
	color: #6D6D6D;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	margin-top: 150px;
}

div#scrollbar {
    display:none; /* hide from incapable */
    }