#tema { height:700px;}

#tema1 { top:160px; height:484px; left:516px;}

#rodape { left:438px; width:340px; top:577px;}

#noticias,
#produtos,
#produto-detalhe,
#institucional,
#contato,
#identifique-se,
#cadastro-consumidor { position:absolute; top:167px; left:20px; width:384px; height:470px; z-index:10; overflow:auto;}

#noticias h1{ display:block; width:110px; height:25px; background-image:url(manchete_h1_background.jpg); text-indent:-1000px; font-size:0px; margin-bottom:20px;}
#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 }
#noticia{
  margin:0; color:#FFFFFF;
}

#noticia h2{
  display:block; text-indent:0px; font-size:14px;
  width:auto; height:auto; background:none; margin-top:10px;
  color:#FFFF00;
}
#noticia p{ font-size:11px;}
#noticia p.dia{
  font-size:10px; color:#FFFF00;
}
#noticia a {
  font-size:12px; color:#FFFFFF; text-align:justify
}
#noticia p.compartilhe img { border:0 }


#produtos h2 {
  display:block;
  width:97px; height:23px;
  background-image:url(destaques_h2_background.gif);
  text-indent:-1000px;
  font-size:0px;
}
#produtos div.separador-inicial{
  display:block; height:12px;
}
#produtos div.separador{
  display:block;
  height:5px;
  margin:0px; padding:0px; border:0px;
  font-size:0px;
}
#produtos div.separador-final{
  display:none;
}
#produtos div.produto{
  height:128px;
  margin:0px; padding:0px; border:0px;
}

#produtos div.produto div.foto{
  float:left;
  margin-right:16px;
}
#produtos div.produto div.foto a img{
  border:0;
}
#produtos div.produto div.nome a{
  font-size:13px; color:#FFFF00;
  display:block; height:21px;
  width:100%; text-decoration:none;
  font-weight: bold;
}
#produtos div.produto div.preco{
  color:white; font-size:10px;
  width:256px; float:right;
}
#produtos div.produto div.preco div.tabela{
  margin:5px; color:#CCCCCC;
}
#produtos div.produto div.preco div.promocional {
  margin:5px; font-size:12px;
}
#produtos div.produto div.detalhes{
  width:256px; float:right;
  height:36px; text-indent:-5px;
  font-size:0px;
}
#produtos div.produto div.detalhes a{
  display: block;
  width:54px; height:36px;
  background:url(destaques_div_produto_div_detalhes_background.jpg) no-repeat;
}
#produto-detalhe h2{
  display:block; width:75px; height:19px;
  background:url(destaques_h2_background.jpg);
  text-indent:-1000px; font-size:0px; float:left;
}

#produto-detalhe div.departamentos{
  display:none;
}
#produto-detalhe a.voltar{
  width:36px; height:26px;
  font-size:0px; float:right;
  margin-right:40px; text-indent:-1000px;
  background:url(produto_detalhe_a_voltar_background.jpg);
}
#produto-detalhe div.detalhes {
  margin-top: 20px;
}
#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:#FFFF00;
  background-image:url(destaques_div_nome_background.jpg) repeat-x bottom;
  height:21px; width:357px; font-weight: bold;
  margin:0px; padding:0px; border:0px; 
  clear: left;
}
#produto-detalhe div.detalhes div.descricao{
  color:white; font-size:12px;
  margin:0px; 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:white;
}
#produto-detalhe div.detalhes div.preco div.tabela{
  font-size:10px; color:#CCC;
}
#institucional h2{
  display:block;
  width:108px; height:27px;
  background:url(institucional_h2_background.jpg);
  text-indent:-1000px; font-size:0px;
}
#institucional div.secao{
  margin-top:14px
}

#institucional div.secao h2{
  display: block;
  width:100%;
  color:#FFFF00;
  font-size:13px;
  text-indent:0px;
  height:auto;
  background-image: none;
}
#institucional div.secao img{
  float:left;
  margin:0 10px 10px 0;
}
#institucional div.secao p{
  font-size:11px;
  color:white;
}

#contato h1{
  display:block;
  font-size:0px;
  text-indent:-1000px;
  background-image:url(contato_h1_background.jpg);
  height:19px;
  width:142px;
}
#contato form{
  margin-top:30px;
}
#contato form div.campo {
  clear: both;
  height:25px;
}
#contato form div.campo label {
  color: white;
  float: left;
  width: 60px;
  display: block;
  font-size:11px;
  padding-top:3px;
}
#contato form div.campo input,
#contato form div.campo select {
  width: 251px;
  height:17px;
  display: block;
  float: left;
  border: 1px solid #E1E1BB;
  background-color:#BB036E;
  font-size:10px;
  color:#FFFF00;
  line-height:17px;
  vertical-align: middle;
}
#contato form div.campo textarea {
  width: 251px;
  height:110px;
  display: block;
  float: left;
  border: 1px solid #E1E1BB;
  background-color:#BB036E;
  font-size:11px;
  font-family: arial;
  color:#FFFF00;
  overflow: auto;
}
#contato form div.campo input.enviar{
  float:right;
  background-image:url(maladireta_form_input_enviar_background.jpg);
  height:24px;
  width:42px;
  text-indent:-1000px;
  border:0; padding:0;
  margin:8px 69px 0 0;
  _margin:8px 34px 0 0;
  cursor: pointer;
}
#spinner_contato {
  float:right;
  background-image:url(/images/progress.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height:24px;
  width:42px;
  text-indent:-1000px;
  border:0; padding:0;
  margin:8px 69px 0 0;
  _margin:8px 34px 0 0;
}
#contato form div.campo input.error,
#contato form div.campo select.error,
#contato form div.campo textarea.error {
  border: 2px solid red;
}

#identifique-se h1{
  display:block;
  width:138px;
  height:28px;
  background-image:url(identifique_se_h1_background.jpg);
  text-indent:-1000px;
  font-size:0px;
}
#identifique-se h2{
  display:block;
  font-size:13px;
  color:#FFFF00;
  width:auto;
  height:26px;
  _height:16px;
  margin:0; padding:0px; border:0px;
  margin-top:10px;
  clear:both;
  text-indent:0px;
}
#identifique-se p{
  color:white;
  font-size:11px;
  margin:0; padding:0px; border:0px;
}
#identifique-se p a.cadastro{
  background-image:url(identifique_se_p_a_cadastro_background.jpg);
  text-indent:-1000px;
  font-size:0px;
  display:block;
  height:50px;
  width:85px;
  margin:0; padding:0px; border:0px;
  margin:0 0 0 25px;
}
#identifique-se form{
  display:block;
  height:25px;
  margin:0; padding:0; border:0;
  clear:both;
}
#identifique-se form label {
	display: block;
	float: left;
	color:white;
	font-size: 10px;
	margin: 5px 4px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}
#identifique-se form.validar input{
  width: 72px;
  height:18px;
  display: block;
  float: left;
  border: 1px solid #E1E1BB;
  background-color:#BB036E;
  font-size:10px;
  color:#FFFF00;
  line-height:18px;
  vertical-align: middle;
  margin:5px 4px 0 0 ;
}
#identifique-se form.validar input.enviar{
  display:block;
  height:26px;
  width:42px;
  float:left;
  background-image:url(identifique_se_form_validar_input_enviar_background.jpg);
  background-repeat: no-repeat;
  text-indent:-1000px;
  font-size:0px;
  cursor:pointer;
  border:0px;
}
#identifique-se form.senha input{
  width: 150px;
  height:18px;
  display: block;
  float: left;
  border: 1px solid #E1E1BB;
  background-color:#BB036E;
  font-size:10px;
  color:#FFFF00;
  line-height:18px;
  vertical-align: middle;
  margin:5px 4px 0 0 ;
}
#identifique-se form.senha input.enviar{
  display:block;
  height:26px;
  width:42px;
  float:left;
  background-image:url(maladireta_form_input_enviar_background.jpg);
  background-repeat: no-repeat;
  text-indent:-1000px;
  font-size:0px;
  cursor:pointer;
  border:0px;
}
#identifique-se p a{
  color:white;
  font-weight:bold;
  text-decoration: none;  
}
#identifique-se p a:hover{
  text-decoration: underline;  
}

div.paginador {
  position:absolute;
  top:0px;
  left:114px;
  border:0; padding:0;
  margin: 0px;
  padding-top:0px;
  text-align:center;
}
div.paginador div.paginas {
  margin:0; border:0; padding:0;
  width:auto;
  height:25px;
  margin-left:auto;
  margin-right:auto;
}
div.paginador div.paginas span.pagina,
div.paginador div.paginas a.pagina {
  color: #FFFF00;
  margin:0; border:0; padding:0;
  line-height: 25px; vertical-align: middle;
  float:left;
  overflow:hidden;
  display:block;
  font-size:13px;
  width:25px;height:25px;
  text-decoration: none;
  background-image:url(paginador_paginas_background.jpg);
  font-weight: bold;
}
div.paginador div.paginas a.pagina:hover {
  text-decoration: underline;
}
div.paginador div.paginas div.atual {
  margin:0; border:0; padding:0;
  line-height: 25px; vertical-align: middle;
  float:left;
  overflow:hidden;
  display:block;
  width:25px;height:25px;
  font-weight: bold;
  font-size: 13px;
  color: #FFFF00;
  background-image:url(paginador_paginas_background.jpg);
}
div.paginador div.paginas a.anterior {
  margin:0; border:0; padding:0;
  text-indent: -1000px; font-size:0px;
  background-image: url(paginador_ant.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  line-height: 25px; vertical-align: middle;
  float:left;overflow:hidden;
  display:block;
  width:40px;height:25px;
}
div.paginador div.paginas a.proximo {
  margin:0; border:0; padding:0;
  text-indent: -1000px; font-size:0px;
  background-image: url(paginador_prox.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  line-height: 25px; vertical-align: middle;
  float:left;overflow:hidden;
  display:block;
  width:40px;height:25px;
}