/*TAGs Html*/
body{ 
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  font-size: 12px;
  margin: 1em 0em 1em 0em;
  background-image: url(../imgs/layout/bg.jpg);
}

em{
  font: bold 1em verdana; 
  color: #496881; 
  display: block; 
}

*{ 
  padding: 0em; 
  margin: 0em; 
  border: 0em;
}

a, input, textarea, area, map, img, .pedidosLinhas0, .pedidosLinhas1{
  position: relative;
  z-index: 10;
}

a:link, a:visited, a:active{
  border: 0px;
  color: #000000;
  text-decoration: none;
}

a:hover{
  border: 0px;
  color: #000000;
  text-decoration: underline;
}

a:link.cinza, a:visited.cinza, a:active.cinza{
  border: 0px;
  color: #8A8A8A;
  text-decoration: none;
}

a:hover.cinza{
  border: 0px;
  color: #8A8A8A;
  text-decoration: underline;
}

ul, ol{
  list-style: none;
}

img{
  border: 0px;
}
/*TAGs Html*/

/*Classes*/
.campo1{
  color: #000000;
  border: 1px solid #FF0000;
  background-color: #FFFFCC;
}

.campo2{
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}

.error{
  color: #FF0000;
  font-weight: bold;
}

.sucesso{
  color: #006600;
  font-weight: bold;
}

.espaco{
  float: left;
  width: 100%;
}

.esconde{
  display: none;
}

.topoEspaco{
  float: left;
  text-align: left;
  width: 8.8%;
}

.paginacao{
  float: left;
  width: 100%;
  padding: 0.4em 0em 0.4em;
}

.olTitulo{
  position: relative;
  width: 100%;
  height: 1.85em;
}

.barraEsquerda{
  position: relative;
  float: left;
  height: 1.85em;
}

.barraFundoPequeno{
  position: relative;
  float: left;
  background-image: url(../imgs/barra_fundo.jpg);
  color: white;
  font-size: 12px;
  font-weight: bold;
  height: 1.85em;
  width: 11.8em;
  text-align: left;
  padding-top: 0.15em;
}

.barraFundoGrande{
  position: relative;
  float: left;
  background-image: url(../imgs/barra_fundo.jpg);
  color: white;
  font-size: 12px;
  font-weight: bold;
  height: 1.85em;
  width: 42.6em;
  text-align: left;
  padding-top: 0.15em;
}

.barraDireita{
  position: relative;
  float: left;
  height: 1.85em;
}

.tituloGrande{
  font-size: 16px;
}

.caixa{
  position: relative;
  text-align: left;
  width: 83.4%;
  border-left: 1px solid #8A8A8A;
  border-right: 1px solid #8A8A8A;
  border-bottom: 1px solid #8A8A8A;
  margin: 0em 0em 0.6em 0.6em;
  _margin: -0.3em 0em 0.6em 0.6em;
  padding: 0.1em;
}

.caixaLogin{
  position: relative;
  text-align: left;
  width: 83.4%;
  border-left: 1px solid #8A8A8A;
  border-right: 1px solid #8A8A8A;
  border-bottom: 1px solid #8A8A8A;
  margin: 0em 0em 0.6em 0.6em;
  _margin: -0.3em 0em 0.6em 0.6em;
  padding: 0.1em;
}

.caixaGrande{
  position: relative;
  text-align: left;
  width: 93.4%;
  float: left;
  border-left: 1px solid #8A8A8A;
  border-right: 1px solid #8A8A8A;
  border-bottom: 1px solid #8A8A8A;
  margin: 0em 0em 0.6em 0.6em;
  _margin: -0.3em 0em 0.6em 0.3em;
  padding: 0.4em;
}

.campoBusca{
  width: 8.4em;
  font-size: 16px;
}

.botaoOK{
  text-align: right;
}

.categoriasMenu{
  position: relative;
  width: 100%;
  color: #8A8A8A;
}

.itemCategoriaMenu{
  padding: 0.4em;
}

.campoCadastrese{
  width: 7em;
}

.divTitulo{
  float: left; 
  width: 100%;
  border: 0px;
}

.olProdutos{
  position: relative; 
  width: 100%;
  float: left;
}

.olProdutos li{
  position: relative; 
  width: 25%; 
  float: left;
  text-align: center;
  margin: 0.8em 0em 0.8em;
  padding: 0.8em 0em 0.8em;
}

.label{
  float: left;
  width: 30%;
  text-align: right;
  padding: 0.2em 0.4em;
}

.field{
  float: left;
  width: 64%;
  text-align: left;
  padding: 0.1em 0em;
}

.pedidosOver{
  background-color: #BBBBBB;
  color: #000000;
  cursor: hand;
}
.pedidosLinhas0{
  background-color:#FFFFFF;
}
.pedidosLinhas1{
  background-color:#EEEEEE;
}
/*Classes*/

/*IDS*/
#centraliza{
  position: relative; 
  margin: 0 auto;
  width: 59.25em; 
  overflow: hidden;

}

#webmail{
  text-align: right;
  background-color: white;
  padding: 0.6em;
  position: relative;
}

#topo{
  background-color: white;
  position: relative;
}

#centro{
  float: left;
  width: 100%;
  background-color: white;
  position: relative;
  margin-bottom: 0.4em;
	z-index: 999;
}

#centroPrincipal{
  float: left;
  width: 100%;
  background-color: white;
  position: relative;
  padding: 0.3em;
  min-height: 40em; /*Altura Mínima para todos os Browsers*/
  _height: expression(this.scrollHeight > 400 ? "auto" : "400px"); /*Altura Mínima para IE6*/
}

#olPrincipal{
  position: relative;
  width: 100%;
}

#menuEsquerdo{
  position: relative;
  float: left;
  width: 24%;
}

#liPrincipal{
  position: relative;
  float: left;
  width: 76%;
  padding-top: 1.8em;
}

#pBusca{
  text-align: center;
  margin: 0.4em 0em 0.2em;
}

#olCadastrese{
  position: relative;
  width: 100%;
  height: 8.4em;
}

#emailCadastrese{
  position: relative;
  float: left;
  width: 30%;
  padding: 0.3em 0em;
  margin-top: 0.4em;
  text-align: right;
}

#senhaCadastrese{
  position: relative;
  float: left;
  width: 30%;
  padding: 0.3em 0em;
  text-align: right;
}

#emailCampoCadastrese{
  position: relative;
  float: left;
  width: 56%;
  padding: 0.2em;
  margin-top: 0.4em;
}

#senhaCampoCadastrese{
  position: relative;
  float: left;
  width: 56%;
  padding: 0.2em;
}

#login0{
  position: relative;
  float: center;
  width: 90%;
  padding: 0.2em;
}

#login1{
  position: relative;
  float: center;
  width: 90%;
  padding: 0.2em;
}

#cadastreseEsqueciSenha{
  position: relative;
  float: left;
  width: 70%;
  font-size: 11px;
  padding: 0.4em 0.2em 0.2em 0.2em;
}

#botaoOKCadastrese{
  padding: 0.4em 0.2em 0.2em 0.2em;
}

#olPublicidade{
  position: relative;
  width: 100%;
}

#banner1, #banner2{
  position: relative;
  width: 25%;
  _width: 24.6%;
  float: left;
  text-align: center;
  padding: 0.4em 0em 0.2em;
}

#banner1 img, #banner2 img{
  border: 2px solid #CCCCCC;
}

#qualidade{
  position: relative;
  width: 50%;
  float: left;
  text-align: center;
  padding: 0.4em 0em 0.4em;
}

#localizacao{
  font-size: 11px;
  font-weight: bold;
  padding: 0.4em;
}

#rodape{
  font-size: 11px;
  color: #565656;
  text-align: right;
  padding: 0.2em;
  position: relative;
}
/*IDS*/