/*GERAL*/
*{
  margin:0;
  padding: 0;
}

img{border: none;}

body{
  font-size: 100%;
  background: #F3F1F1 url(../img/bg_body.png) repeat-x top left;
  text-align:center;
}

p     {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 10px; line-height: 20px;}
label {cursor: pointer;}

/*TIPOGRAFIA DO SITE*/
#MENU, #RODAPE h4, #MENU_PRINCIPAL, #TELEFONE, #LEFT, #RIGHT, #CONTEUDO_EMPRESA h3, #LISTA_DISTRIBUIDORES, #VOLTAR, #CATEGORIAS, #DADOS_CONTATO, #FORM_CONTATO, #PRODUTOS, #RESULTADO h4, form {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

a       {color: #0000FF; text-decoration: none;}
a:hover {color: #0000FF; text-decoration: underline;}

.input_text, .input_text_obrigatorio{
  border: 1px solid #D0CEC8;
  height: 25px;
  margin-bottom: 5px;
}

.input_text_obrigatorio{
  border: 1px solid #FF7E7E;
}

.input_button{
  border: none;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
  background: url(../img/bg_button.png) repeat-x center center;
}

.input_search, .input_combo{
  float: left;
  display: inline;
  width: 150px;
  border: 1px solid #D0CEC8;
  height: 18px;
}

.input_combo{
  width: 160px;
  height: 20px;
  margin-left: 5px;
}

#MOLDURA {
  width: 782px;
  margin: 0 auto;
}

#QUADRO {
  float: left;
  display: inline;
  width: 780px;
  text-align: left;
  margin-left: 1px;
  background: #FFF;
}

#TOP {
  float: left;
  display: inline;
  width: 780px;
  height: 160px;
  padding:0;
  background: #000;	
}

#MARCA {
  float: left;
  display: inline;
  width: 760px;
  height: 130px;
  padding:0;
  text-align: center;
}

#MARCA h1, #MARCA a {
  display: block;
  width: 106px;
  height: 110px;
  margin: 8px auto;
  padding:0;
}

#MARCA h1{ background: url(../img/marca_newback.png) no-repeat top left;}

#TOP h1 span, #TOP h2 {display: none;}

#MENU_LEFT { 
  width: 160px; 
  height: 30px; 
  float:left;  
  display: inline; 
  background: #51b848 url(../img/bg_menu_left.png) no-repeat top right;
}

#MENU_RIGHT { 
  width: 160px; 
  height: 30px;
  float:right;
  display: inline;
  background: #51b848 url(../img/bg_menu_right.png) no-repeat top left;
}

#MENU_PRINCIPAL {
  width: 460px;
  height: 30px;
  float: left;
  display: inline;
  margin:0;
  padding: 0;
  background: #37443C;
}

#MENU_PRINCIPAL ul{
  list-style: none;
  float: left;
  display: inline;
  padding: 0;
}

#MENU_PRINCIPAL li{
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

#MENU_PRINCIPAL a{
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  margin-left: 14px;
}

#MENU_PRINCIPAL a:hover { background: #405749; }
#MENU_PRINCIPAL #ativo  { background: #00854A; }

#CONTEUDO{
  float: left;
  display: inline;
  width: 760px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#BANNER{
  float: left;
  display: inline;
  width: 760px;
  height: 200px;
}

#TELEFONE{
  float: left;
  display: inline;
  width: 760px;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #C8D0C8;
  background: #758A7E;
}

#LEFT{
  float: left;
  display: inline;
  width: 370px;
  margin-top: 10px;
}

#LEFT form{
  float: left;
  display: inline;
  width: 370px;
  background: #F3F1F1;
  margin-bottom: 20px;
  padding: 10px 0;
}

#LEFT form div{
  float: left;
  display: inline;
  width: 350px;
  background: #F3F1F1;
  margin-left: 20px;
}

#DISTRIBUIDORES{
  float: left;
  display: inline;
  width: 370px;
  height: 370px;
}

#DISTRIBUIDORES img{border: none;}

#RIGHT{
  float: right;
  display: inline;
  width: 370px;
  margin-top: 10px;
}

#LEFT h3, #RIGHT h3, #DADOS_CONTATO h3, #FORM_CONTATO h3{
  float: left;
  display: inline;
  width: 370px;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: url(../img/aba_left.png) no-repeat top left;
}

#RIGHT h3, #FORM_CONTATO h3{ background: url(../img/aba_right.png) no-repeat top left;}
#LEFT h3 span, #DADOS_CONTATO h3 span{ margin-right: 60px;}
#RIGHT h3 span, #FORM_CONTATO h3 span{ margin-left: 60px;}

#DESTAQUE{
  float: left;
  display: inline;
  width: 370px;
  height: 150px;
  margin-bottom: 16px;
  background: #F3F1F1;
}

#IMG_DESTAQUE{
  float: left;
  display: inline;
  width: 120px;
  height: 120px;
  border: 1px solid #CCC;
  margin: 10px 0 10px 10px;
  background: #FFF;
}

#IMG_DESTAQUE a{
  float: left;
  display: inline;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  margin-top: 10px;
}

#IMG_DESTAQUE img{
  width: 120px;
  border: none;
}

#INFO_DESTAQUE{
  float: right;
  display: inline;
  width: 220px;
}

#INFO_DESTAQUE h5{
  float: left;
  display: inline;
  width: 200px;
  height: 30px;
  color: #007F44;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

#INFO_DESTAQUE .info{
  float: left;
  display: inline;
  width: 200px;
  height: 70px;
  line-height: normal;
  margin: 5px 0;
  color: #000;
}

#CONTEUDO_EMPRESA, #IMG_EMPRESA{
  float: left;
  display: inline;
  width: 350px;
}

#IMG_EMPRESA{
  float: right;
  display: inline;
  height: 350px;
  background: url(../img/img_empresa.jpg) no-repeat top left;
}

#CONTEUDO_EMPRESA p{
  margin-bottom: 30px;
}

#CONTEUDO_EMPRESA h3{
  float: left;
  display: inline;
  width: 350px;
  height: 30px;
  line-height: 30px;
  color: #778A75;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
}

#LISTA_DISTRIBUIDORES{
  float: left;
  display: inline;
  width: 300px;
  background: #F1F3F2;
}

#LISTA_DISTRIBUIDORES #LOADING{
  float: left;
  display: inline;
  width: 300px;
  height: 250px;
  background: url(../images/loading.gif) no-repeat center center;
}

#LISTA_DISTRIBUIDORES h3{
  float: left;
  display: inline;
  width: 300px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  background: #00854A;
}

#LISTA_DISTRIBUIDORES .lista_clara, #LISTA_DISTRIBUIDORES .lista_escura{
  float: left;
  display: inline;
  width: 300px;
  list-style: none;
}

#LISTA_DISTRIBUIDORES .lista_clara {background: #F1F3F2;}
#LISTA_DISTRIBUIDORES .lista_escura{background: #DBE0DD;}

#LISTA_DISTRIBUIDORES ul{
  float: left;
  display: inline;
  width: 280px;
  margin: 10px;
  list-style: none;
  font-size: 10px;
  text-transform: uppercase;
}

#LISTA_DISTRIBUIDORES li{
  height: 20px;
  line-height: 20px;
  display: block;
}

#LISTA_DISTRIBUIDORES li span{
  font-weight: bold;
  color: #758A7E;
}

#LISTA_DISTRIBUIDORES .revenda{
  font-weight: bold;
  font-size: 12px;
  font-weight: bold;
}

#LISTA_DISTRIBUIDORES p{
  float: left;
  display: inline;
  width: 280px;
  margin: 10px;
  font-weight: bold;
  text-align: center;
}

#MAPA{
  float: right;
  display: inline;
  width: 450px;
}

#CATEGORIAS{
  float: left;
  display: inline;
  width: 200px;
  height: 700px;
  background: #F1F3F2;
}

#CATEGORIAS ul{
  float: left;
  display: inline;
  width: 200px;
  list-style: none;
}

#CATEGORIAS li{
  display: block;
}

#CATEGORIAS ul li a{
  height: 30px;
  line-height: 30px;
  display: block;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
  background: #51B848;
  margin: 5px;
}

#CATEGORIAS a:hover {background: #8ED188; }
#CATEGORIAS #ativo  {background: #00854A url(../img/seta_menu.gif) no-repeat center right; }

#CATEGORIAS a span {margin-left: 10px; }

#PRODUTOS{
  float: right;
  display: inline;
  width: 520px;
}

#PRODUTOS h3{
  float: left;
  display: inline;
  width: 520px;
  height: 35px;
  line-height: 35px;
  color: #778A75;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  border-bottom: 2px solid #F1F2F3;
  text-transform: uppercase;
}

#PRODUTOS h4{
  float: left;
  display: inline;
  width: 520px;
  height: 35px;
  line-height: 35px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

#CAB_PROD{
  float: left;
  display: inline;
  width: 520px;
  height: 115px;
  margin-top: 10px;
}

#CAB_PROD form{
  float: left;
  display: inline;
  width: 325px;
  margin-top: 20px;
}

#CAB_IMG{
  float: right;
  display: inline;
  width: 190px;
  height: 115px;
}

#MENSAGEM{
  float: left;
  display: inline;
  width: 520px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

#LST_PRODUTOS{
  float: left;
  display: inline;
  width: 520px;
}

#LST_PRODUTOS .produtos{ cursor: pointer;}

#LST_PRODUTOS .preview{ text-align: center}

#LST_PRODUTOS img{
  width: 80px;
  height: 60px;
}

#LST_PRODUTOS .cabecalho_top{
  height: 30px;
  line-height: 30px;
  color: #FFF;
  background: #000;
}

#LST_PRODUTOS div{
  padding: 10px;
}

#LST_PRODUTOS .cabecalho_bottom{
  height: 20px;
  background: #00854A;
}

.lista_clara  {background: #F1F3F2; cursor: pointer;}
.lista_escura {background: #E1E6E3; cursor: pointer;}
.lista_sel    {background: #C5FEC0; cursor: pointer;}

#IMG_PROD{
  float: left;
  display: inline;
  width: 520px;
  height: 260px;
  text-align: center;
  background: #F1F2F3;
}

#IMG_PROD img{
  height: 200px;
  text-align: center;
  margin: 10px;
  border: 2px solid #CCC;
}

#IMG_PROD .ampliar{
  float: left;
  display: inline;
  width: 520px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #666;
  text-align: center;
}

#DESC_PRODUTOS{
  float: left;
  display: inline;
  width: 520px;
}

#DESC_PRODUTOS ul{
  margin-left: 40px;
  line-height: 20px;
}

#descricao{
  padding-top: 15px;
}

#DADOS_CONTATO{
  float: left;
  display: inline;
  width: 370px;
  height: 500px;
  background: #F1F3F2 url(../img/bg_dados_contato.png) no-repeat bottom center;
}

#DADOS_CONTATO p{
  float: left;
  display: inline;
  width: 370px;
  height: 50px;
  text-align: center;
  color: #37443C;
}

#DADOS_CONTATO .linha_escura{
  background: #E4E7E5;
}

#DADOS_CONTATO .destaque{
  font-size: 16px;
  font-weight: bold;
}

#DADOS_CONTATO h4{
  float: left;
  display: inline;
  width: 370px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #37443C;
  font-weight: normal;
  background: #E4E7E5;
}

#FORM_CONTATO{
  float: right;
  display: inline;
  width: 370px;
  padding-bottom: 20px;
  background: #F1F3F2;
}

#FORM_CONTATO div{
  float: left;
  display: inline;
  width: 300px;
  margin-left: 40px;
}

#FORM_CONTATO .obs{
  float: left;
  display: inline;
  width: 370px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 10px;
  color: #FF0000;
  margin: 15px 0;
}

#RESULTADO h4{
  float: left; 
  display: inline; 
  width: 760px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.nao_enviada { color: #FF0000 !important; padding: 0px !important;}
.enviada     { color: #00BE00 !important; padding: 0px !important;}

#img_enviada, #img_naoenviada {
  float: left; 
  display: inline; 
  width: 760px; 
  height: 50px; 
  margin-top: 40px; 
}

#img_enviada    { background: url(../img/img_enviada.png) no-repeat center center;}
#img_naoenviada { background: url(../img/img_naoenviada.png) no-repeat center center;}

#VOLTAR{
  float: left;
  display: inline;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

#VOLTAR a{
  color: #0000FF;
  text-decoration: none;
}

#RODAPE{
  float: left;
  display: inline;
  width: 780px;
  height: 45px;
  background: #000 url(../img/bg_rodape.png) repeat-x top left;
}

#RODAPE h4{
  width: 780px;
  height: 40px;
  margin-top: 5px;
  line-height: 40px;
  color: #FFF;
  text-align: center;
}