
#produtos,
#produto-detalhe,
#institucional,
#contato,
#identifique-se,
#cadastro-consumidor,
#noticias {
  position:absolute; display:block;
  top:293px;
  left:201px;
  width:527px;
  height:229px;
  background:url(apresentacao_background.jpg);
  overflow:auto;
}

#institucional h2{
  display:block; text-indent:-10000px; font-size:0px;
  width:527px;
  height:39px;
  background:url(apresentacao_h2_background.jpg);
}
#institucional div.secao{
  margin:6px 20px 20px 30px;
  text-align:justify;
}

#institucional div.secao h2{
  display: block;
  width:auto;
  color:#005551;
  font-size:13px;
  text-indent:0px;
  height: 13px;
  background-image: none; margin:0px;
}
#institucional div.secao img{
  float:left;
  margin:0 10px 0 0;
}
#institucional div.secao p{
  font-size:11px;
  color:#005551; margin:6px 0 0 0; padding:0;
}

#produtos h2,
#produto-detalhe h2 {
  display:block;
  width:527px;
  height:39px;
  background:url(produtos_h2_background.jpg) no-repeat;
  text-indent:-1000px; font-size:0px;
}
div.produto{
  margin:10px 0 0 30px;
  _margin:10px 0 0 15px;
  float:left;
  width:130px; _width:145px;
  height:200px;
}
div.produto img{
  border:0px;
}
div.produto div.nome{
  font-weight:bold;
  font-size:13px;
}
div.produto div.descricao{
  color:#333333;
  margin:5px 0 5px 0;
}
div.produto div.preco div.promocional{
  font-weight:bold;
  font-size:13px;
}
div.produto div.detalhes,
div.produto div.consulte{
  display:none;
}

#produto-detalhe div.departamentos{
  display:none;
}
#produto-detalhe a.voltar{
  width:51px;
  height:21px;
  font-size:0px;
  float:right;
  text-indent:-1000px;
  background-image:url(botao_voltar.jpg);
  margin-top:20px;
}
#produto-detalhe div.detalhes {
  margin: 5px 6px 0 25px;
}
#produto-detalhe div.detalhes img{
  margin: 10px 0 10px 0;
}
img.produto-foto-miniatura {
  float: right;
  clear: right;
}
img#viewer {
  float: left;
}
#produto-detalhe div.detalhes p.nome{
  font-size:13px;
  color:#005551;
  height:auto;
  width:auto;
  font-weight: bold;
  margin:0; padding:0px; border:0px; 
  clear: left;
}
#produto-detalhe div.detalhes div.descricao{
  color:#333333;
  font-size:12px;
  margin:0 20px 0 0; padding:0px; border:0px;
}
#produto-detalhe div.detalhes div.codigo,
#produto-detalhe div.detalhes p.embalagem {
  display:none;
}
#produto-detalhe div.detalhes div.preco{
  font-size:12px;
  color:#005551;
  font-weight:bold;
}
#produto-detalhe div.detalhes div.preco div.tabela{
  font-size:10px;
  color:#005551;
  font-weight:normal;
}
#produto-detalhe div.detalhes div.consulte a{
  text-decoration:none; font-size:12px; display:block;
  color:#005551;
}

div.paginador {
  width:520px;
  border:0; padding:0;
  margin:0;
  padding:20px 0 10px 0;
  text-align:center;
  clear:both;
}
div.paginador div.paginas{
  margin:0; border:0; padding:0;
  width:auto;
  height:26px;
  margin-left:auto;
  margin-right:auto;
}
div.paginador div.paginas span.pagina,
div.paginador div.paginas a.pagina {
  color:#005551;
  margin:0; border:0; padding:0;
  line-height: 26px; vertical-align: middle;
  float:left;
  overflow:hidden;
  display:block;
  font-size:18px;
  width:26px;height:26px;
  text-decoration: none;
  font-weight:normal;
  vertical-align: middle;
}
div.paginador div.paginas a.pagina:hover {
  text-decoration: underline;
}
div.paginador div.paginas div.atual {
  margin:0; border:0; padding:0;
  line-height: 26px; vertical-align: middle;
  float:left;
  overflow:hidden;
  display:block;
  width:26px;height:26px;
  font-weight:normal;
  font-size: 18px;
  color:#005551; border:1px solid #005551;
}
div.paginador div.paginas a.anterior {
  margin:0; border:0; padding:0;
  text-indent: -1000px; font-size:0px;
  background: url(paginador_ant.jpg) left bottom no-repeat;
  line-height: 26px; vertical-align: middle;
  float:left; display:block;
  overflow:hidden;
  width:26px;height:26px;
}
div.paginador div.paginas a.proximo {
  margin:0; border:0; padding:0;
  text-indent:-1000px; font-size:0px;
  background:url(paginador_prox.jpg) right bottom no-repeat;
  line-height:26px; vertical-align: middle;
  float:left; display:block;
  overflow:hidden;
  width:26px;height:26px;
}

#contato h1{
  display:block;
  width:527px;
  height:39px;
  background:url(contato_h1_background.jpg);
  text-indent:-1000px;
  font-size:0px;
}
#contato form{
  margin:30px 0 0 50px;
}
#contato form div.campo label {
  color:#005551;
  float: left;
  width: 100px;
  display: block;
  font-size:12px;
  padding-top:3px;
}
#contato form div.campo input,
#contato form div.campo select,
#contato form div.campo textarea {
  width: 257px;
  border:0;
  font-size:12px;
  color:#333333;
  padding:1px;
  margin-bottom:3px;
  border:1px solid #CCCCCC;
}
#contato form div.campo textarea {
  height:110px;
  font-family:Arial, Helvetica, sans-serif;
  overflow: auto;
}
#contato form div.campo input.enviar{
  background:url(botao_enviar.jpg);
  width:51px;
  height:21px;
  display:block;
  text-indent:-10000px; font-size:0px; 
  border:0; padding:0; margin-left:315px;
  cursor: pointer; line-height:999px;
}
#spinner_contato {
  background-image: url(/images/progress.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width:51px;
  height:21px;
  display:block;
  text-indent:-10000px; font-size:0px; 
  border:0; padding:0; margin-left:315px;
  line-height:999px;
}
#contato form div.campo input.error,
#contato form div.campo select.error,
#contato form div.campo textarea.error {
  border: 2px solid red;
}
#noticias h1{
  display:block;
  text-indent:-10000px; font-size:0px;
  background:url(noticias_h2_background.jpg);
  width:527px;
  height:39px;
}
#noticias h2{
  display:block;
  text-indent:0px; font-size:12px;
  background:none;
  width:auto;
  height:auto;
  color:#06756F; font-weight:bold;
  margin:20px 0 10px 30px;
  font-size:13px;
}
#noticias div.noticia{
  width:480px;
  height:68px;
  margin:3px 0 0 20px;
}
#noticias div.separador{
  display:none;
}
#noticias img{
  float:left;
  margin:0 10px 0 0;
  border:2px solid #E0DDED;
}
#noticias div.dia{
  font-size:10px;
  color:#06756F;
  padding:10px 0 0 0;
}
#noticias p.dia{
  font-size:10px;
  color:#333333;
  padding:10px 0 10px 0; margin-left:30px;
}
#noticias a{
  text-decoration:none;
  color:#06756F; font-size:12px;
}
#noticia p.compartilhe,
#noticia p.ultimas,
#noticia p {
  margin:10px 10px 10px 30px;
}
#noticias a.voltar{
  width:51px;
  height:21px;
  font-size:0px;
  float:right;
  margin-right:20px;
  text-indent:-1000px;
  background:url(botao_voltar.jpg) no-repeat;
  margin-top:20px;
}
#noticias table.fotos { margin-left:24px !important; _margin-left:12px !important}
#noticias table.fotos td { padding:3px }
#noticias table.fotos img { display:block; float:none; margin:0; padding:0; border:2px solid #E0DDED }
#noticias_foto_container { background-color: #E0DDED }
#noticias_foto_imagem { text-align:center }
#noticias_foto_legenda { color:black; text-align:center; padding:2px; font-size:11px }

#identifique-se h1{
  display:block;
  width:527px;
  height:39px;
  background-image:url(identifique-se_h1_background.jpg);
  text-indent:-1000px;
  font-size:0px;
}
#identifique-se h2{
  display:block;
  font-size:13px;
  color:#06756F;
  width:auto;
  height:26px;
  _height:16px;
  margin:10px 0 0 30px; padding:0px; border:0px;
  clear:both;
  text-indent:0px;
}
#identifique-se p{
  color:#06756F;
  font-size:11px;
  margin:0 0 0 30px; padding:0px; border:0px;
}
#identifique-se p a.cadastro{
  font-size:13px;
  font-weight:bold;
}
#identifique-se form{
  display:block;
  height:25px;
  margin:0 0 0 30px; padding:0; border:0;
  clear:both;
}
#identifique-se form label {
	display: block;
	float: left;
	color:#06756F;
	font-size: 11px;
	margin: 5px 0 0 0;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}
#identifique-se form.validar input,
#identifique-se form.senha input{
  width: 120px;
  display: block;
  float: left;
  border:0;
  font-size:12px;
  color:#333333;
  border:1px solid #CCCCCC;
  margin:5px 6px 0 4px; padding:2px;
}
#identifique-se form.validar input.enviar{
  display:block; text-indent:-1000px;  font-size:0px; float:left;
  height:21px;
  width:51px;
  background:url(botao_entrar2.jpg);
  cursor:pointer;
  border:0px; margin:0 0 0 5px;
}
#identifique-se form.senha input.enviar{
  display:block; text-indent:-1000px;  font-size:0px; float:left;
  height:21px;
  width:51px;
  background:url(botao_enviar.jpg);
  cursor:pointer;
  border:0px; margin:0 0 0 5px;
}
#identifique-se p a{
  color:#06756F;
}
