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

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

*{ 
  padding: 0em; 
  margin: 0em; 
}
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;
  text-decoration: none;
  color: #797979;
}

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

a:link.azul, a:visited.azul, a:active.azul{
  border: 0px;
  text-decoration: none;
  color: #0039BF;
}

a:hover.azul{
  border: 0px;
  text-decoration: underline;
  color: #0039BF;
}

ul{
  list-style: none;
}

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

/*Classes*/
.campoLogin{
  border: 4px solid #E6E6E6;
  background-color: #E6E6E6;
  display: inline;
}

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

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

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

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

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

.label2{
	float: left; 
	width: 28%; 
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: right;
}

.field{
  float: left;
  width: 62%;
  text-align: left;
  padding-top: 0.2em;
}

.field2{
	float: left; 
	width: 70%; 
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.tituloTrabalheConosco{
  float: left; 
	width: 100%; 
	background-color: #ECECEC; 
	padding-top: 0.2em; 
	padding-bottom: 0.2em;
}

.espaco{
	float: left; 
	width: 100%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.esconde{
  display: none;
}

.menuEsquerdoBorda, .menuDireitoBorda{
  border: 1px solid #C7C7C7;
  float: left;
  width: 200px;
}

.menuEsquerdoTopo{
  background-image: url(../imgs/layout/topo_lateral.jpg); 
  background-repeat: no-repeat;
  float: left;
  width: 200px;
}

.menuEsquerdoItens{
  background-image: url(../imgs/layout/bg_lateral.jpg); 
  background-repeat: repeat-y;
  float: left;
  width: 200px;
}

.menuEsquerdoItens p{
  padding: 0.4em;
}

.menuDireitoItens{
  background-image: url(../imgs/layout/bg_lateral.jpg); 
  background-repeat: repeat-y;
  float: left;
  width: 200px;
}

.menuDireitoItens p{
  padding: 0.4em 0.1em 0.2em 0.1em;
}

.menuDireitoItens p.itensBanners{
  padding: 0.2em 0.1em 0.2em 0.1em;
}

.menuDireitoItens p.anuncios{
  padding: 0.9em;
  background-image: url(../imgs/layout/bg_degrade_amarelo.jpg); 
  background-repeat: repeat-x;
}

.menuEsquerdoItensBanners{
  background-image: url(../imgs/layout/bg_lateral.jpg); 
  background-repeat: repeat-y;
  float: left;
  width: 200px;
}

.menuEsquerdoItensBanners p{
  padding: 0.9em;
  background-image: url(../imgs/layout/bg_degrade_amarelo.jpg); 
  background-repeat: repeat-x;
}

.menuEsquerdoItensBanners p.itensBanners{
  padding: 1em;
  text-align: center;
  background-image: none;
}

.menuEsquerdoRodape{
  background-image: url(../imgs/layout/base_lateral.jpg); 
  background-repeat: no-repeat;
  float: left;
  width: 200px;
}

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

.linhaProdutos{
  float: left; 
  width: 100%; 
  text-align: center; 
  padding-bottom: 1em;
  padding-top: 1em;
}

.itemProdutos{
  float: left; 
}

.nomesItensProdutos{
  float: left; 
  width: 100%; 
  padding-bottom: 0.8em;
}

.menuCategoria{
  float: left;
  text-align: center;
}

.itensMenuCategoria{
  padding: 0.6em 0em 0.6em 0em;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px solid white;
}

.itensMenuCategoria:hover{
  background-color: white;
}
/*Classes*/

/*IDS*/
#centraliza{ 
  position: relative; 
  background: #FFFFFF; 
  margin: 0 auto;
  width: 82.36em; 
  overflow: hidden;
  padding: 0.4em 0em 0.4em;
}

#centroPrincipal{
  padding: 0.56em 0.36em 0.56em 0.36em; 
  min-height: 40em;
}

#menuEsquerdo, #menuDireito{
  float: left; 
  width: 200px;
}

#menuEsquerdo{
  margin-right: 12px;
}

#menuDireito{
  margin-left: 10px;
}

#centro{
  float: left; 
  width: 554px;
  border: 1px solid #CCC;
}

#conteudoPrincipal{
  float: left; 
  width: 97%;
  padding: 1em 0.6em 1em 0.6em;
}

#topo{
  float: left;
  width: 100%;
  padding: 0.4em 0em 1.4em;
}

#topoMenu{
  float: right; 
  width: 496px; 
  margin-right: 1.8em;
}

#topoBusca{
  width: 496px; 
  height: 34px; 
  background-image: url(../imgs/layout/busca.jpg); 
  background-repeat: no-repeat;
}

#topoBusca div{
  float: left;
  padding: 0.6em;
  font-size: 14px;
}

#topoBusca #arg{
  padding: 0.1em; 
  color: #666; 
  font-size: 10px;
}

#topoBusca #submit{
  background-color: #D8D8D8; 
  border: 0px; 
  border-right: 1px solid #949494; 
  border-bottom: 1px solid #949494; 
  font-size: 11px; 
  width: 60px; 
  height: 19px;
}

#logo{
  float: left; 
  padding: 0em 1em 0em 1em;
}

#rodape{
  float: left; 
  width: 978px; 
  margin: 4px; 
  border: 1px solid #CCC; 
  background: #FAFAFA;
}

#atendimento{
  background-image: url(../imgs/layout/bg_degrade_amarelo.jpg); 
  background-repeat: repeat-x; 
  padding: 0.9em;
}

#institucional{
  float: left; 
  width: 120px; 
  border-right: 1px solid #CCC; 
  padding: 1em;
}

#logoClique{
  float: left; 
  width: 806px;
  padding: 1em;
  color: #797979;
}

#institucional p, #logoClique p{
  padding: 0.3em;
}

#ciaClique{
  font-size: 11px;
}

#tituloPrincipal{
  background-image: url(../imgs/layout/bg_degrade_amarelo.jpg); 
  background-repeat: repeat-x; 
  padding: 0.9em;
  font-weight: bold;
}

#tituloHome{
  background-image: url(../imgs/layout/bg_degrade_amarelo.jpg); 
  background-repeat: repeat-x; 
  font-weight: bold;
  float: left;
  width: 100%;
}

#tituloHome p{
  padding: 0.9em;
}

#fotoProduto{
  float: left; 
  text-align: center; 
  width: 30%;
  margin-right: 1%;
}

#conteudoProduto{
  float: left; 
  width: 69%;
}
/*IDS*/