/*** GERAIS ***/
#simples, #contato{  width:650px;  float:left;  padding:20px 0 0 290px;  margin:0;  font:12px "trebuchet ms", arial;  color:#666;  line-height:24px;/*  border:1px solid red;*/}

#produtos, #produto, #noticias, #noticia, #representantes{  width:972px;  float:left;  padding:0;  margin:0;/*  border:1px solid red;*/}

#simples h1, #produtos h1, #produto h1, #noticias h1, #noticia h1, #representantes h1, #contato h1{  width:266px;  height:60px;  position:absolute;  top:-60px;  left:8px;  z-index:50;}

#voltar{  width:100%;  clear:both;  text-align:right;  padding:0 0 10px 0;}

/*** SIMPLES (A Empresa, Responsabilidade Ambiental e Contato) ***/
#fotoDestaque{ width:255px; height:206px; position:absolute; z-index:80; left:13px; top:3px; overflow:hidden; }

/*** PRODUTOS - tela1 ***/
#produtos ul.ulProdCategorias{ /* Caixas das categorias */
  width:100%;
  list-style-type:none;
  float:left;
}
#produtos li.liProdCategorias{
  width:200px;
  float:left;
  border:1px solid #dedede;
  padding:5px;
  margin:10px 41px 25px 0;
}
#produtos li.liProdCategoriasUnico{ /* classe no 4º produto: sem padding right para alinhar à direita corretamente */
  width:200px;
  float:left;
  border:1px solid #dedede;
  padding:5px;
  margin:0 0 25px 0;
}
#produtos li.liProdCategorias span, #produtos li.liProdCategoriasUnico span{ float:left; padding:2px 0 25px 0;}
#produtos li.liProdCategorias span a, #produtos li.liProdCategoriasUnico span a{ font:bold 12px arial; color:#005a06; text-transform:uppercase; text-decoration:none;}
#produtos li.liProdCategorias span a:hover, #produtos li.liProdCategoriasUnico span a:hover{ text-decoration:underline;}

/*** PRODUTOS - tela2 e menu PRODUTO - tela3***/
#produtos ul.menuCategorias, #produto ul.menuCategorias{ /* Menu das categorias */
  width:99%;
  _width:98%;
  list-style-type:none;
  float:left;
  padding:5px;
  margin:0 0 20px 0;
  border:1px solid #dedede;
  background:#FFF;
}
#produtos li.menuCategorias, #produto li.menuCategorias{
  float:left;
  border:1px solid #dedede;
  font:12px "trebuchet ms", arial;
  color:#005a06;
  margin:0 3px 8px 3px;
  padding:2px 8px;
  background:#e9e9e9;
}
#produtos li.menuCategorias a, #produto li.menuCategorias a{
  font:12px "trebuchet ms", arial;
  color:#005a06;
  text-decoration:none;
}
#produtos li.menuCategorias a:hover, #produto li.menuCategorias a:hover{
  text-decoration:underline;
}
#produtos h2{ font:11px arial; color:#666;}
#produtos h2 .h2Categoria{ font:bold 12px arial; color:#005a06; text-transform:uppercase; text-decoration:none;}

/*** PRODUTO - tela3 ***/
#produto h2{ font:bold 12px arial; color:#005a06; text-transform:uppercase; text-decoration:none; margin:0 0 20px 0;}
#produto h2 .h2Produto{ font:bold 12px arial; color:#005a06; text-transform:uppercase; background:url(../imagens/seta.gif) no-repeat; padding:0 0 0 15px;}
#produto h3{ font:bold 12px "trebuchet ms", arial; color:#005a06; margin:0 0 20px 0;}

#produto #colunaImagem{ width:388px; float:left; border:1px solid #dedede; padding:5px;}
#produto #colunaDescricao{ width:230px; float:left; font:12px "trebuchet ms", arial; color:#636363; padding:0 10px 0 10px; }
#produto #colunaMedidas{ width:170px; float:left; font:12px "trebuchet ms", arial; color:#636363; padding:0 10px 0 10px; border-right:1px solid #DDD; border-left:1px solid #DDD;}
#produto #colunaCores{ width:100px; float:left; font:12px "trebuchet ms", arial; color:#636363; padding:0 10px 0 10px;}

#produto ul.cores{ width:100%; list-style-type:none;}
#produto li.cores{ width:100%; clear:both; margin:0 0 10px 0; float:left; }
#produto li.cores img{ width:37px; height:37px; float:left; padding:0 5px 0 0; }
#produto li.cores span{ width:50%; padding:10px 0 0 0; float:left; }

/*** NOTÍCIAS - tela1 ***/
#noticias ul{ width:100%; list-style-type:none; padding:20px 0 0 0;}
#noticias li{ border-bottom:1px solid #DDD; padding:0 0 0 30px; margin:0 0 10px 0; float:left;}
#noticias li img.fotoNoticias{ width:135px; border:1px solid #DEDEDE; padding:5px; float:left; margin:0 10px 0 0; }
#noticias h2, #noticias h2 a{ font:bold 14px "trebuchet ms", arial; color:#005a06; text-decoration:none; margin:0 0 20px 0;}
#noticias h3, #noticias h3 a{ font:12px "trebuchet ms",arial; color:#666; text-decoration:none;}
#noticias h2 a:hover, #noticias h3 a:hover{text-decoration:underline;}
#noticias .vejaMais{ width:100%; float:right; clear:both; padding:0 0 10px 0; text-align:right; }

/*** NOTÍCIA - tela2 ***/
#noticia img.fotoNoticia{ border:1px solid #DEDEDE; padding:5px; float:left; margin:0 10px 0 0; }
#noticia h2{ font:bold 18px "trebuchet ms", arial; color:#005a06; margin:20px 0 20px 0;}
#noticia span{ font:12px "trebuchet ms",arial; color:#666; line-height:24px; }

/*** CONTATO ***/
#linkMapa{ width:255px; height:30px; position:absolute; z-index:80; left:13px; top:218px; overflow:hidden; }
#linkMapa a{ font:12px "trebuchet ms", arial; color:#005a06; text-decoration:underline; }

#contato form{  width:500px;  padding:0;  float:left;}
#contato .linhaContato{ width:100%; float:left; padding:0 0 5px 20px; text-align:right; }
#contato label{  width:80px;  font:11px arial;  float:left;  margin:0;  color:#005a06;  padding:0 5px 0 0;}
#contato fieldset{  border:none;  padding:10px 0 0 13px;}
#contato input{  width:350px;  background:#DDD;  border:1px solid #CCC;  font:12px "trebuchet ms", arial;  color:#333;  margin:0; float:left;  padding:2px 5px 2px 2px; }
#contato select{  width:357px;  background:#DDD;  border:1px solid #CCC;  font:12px "trebuchet ms", arial;  color:#333;  margin:0;  padding:0;  float:left;}
#contato textarea{  width:353px;  height:80px;  background:#DDD;  border:1px solid #CCC;  font:11px arial;  color:#333;  margin:0; float:left;}
#contato .button{  width:80px;  border:3px solid #1a8537;  background:#005a06;  font:11px arial;  color:#FFF;  font-weight:bold;  text-decoration:none;  margin:10px 22px 0 0;  float: right;  text-transform:uppercase;}

#divSubmit{  width:100%;  text-align:center;  font:bold 14px arial;  color:#CC3300;  padding:20px 0 0 0;}
#contato span{ width:80%; float:left; font:11px arial;  margin:0;  color:#CC0000;  padding:20px 0 0 120px; }

/**************  GOOGLE MAPS  *****************/
#contatoMapa{
  width:255px;
  height:210px;
  float:left;
}

#contatoMapa span{
  display: none;
}