#container { background:url(container_background_interna.jpg) repeat-x 0 24px;}
#container2{ height:867px;}
#container3{ top:949px;}
#container4{ top:796px;}

/*parte externa (branca)*/
#tema { height:1023px;}
#tema1{ position:absolute; left:210px; top:0px; width:569px; height:157px; background:url(tema1_background_interna.jpg);}
#tema2, #tema3{display:none;}
#tema5{ top:943px;}
#tema6{display:none;}
#tema8{ top:925px;}
#regiao-banner-publicitario { left:262px; top:164px;}
#rodape{ top:935px; _top:937px; height:88px;}

/* #regiao-topo-interna{ position:absolute; left:210px; top:0px; width:569px; height:157px; z-index:1;} */

#container1{ position:absolute; left:0px; top:24px; width:50%; height:159px; background:url(container1_background_interna.jpg);}
#logotipo{ position:absolute; left:0px; top:0px; width:210px; height:159px; background:url(logotipo_background_interna.jpg);}

#produtos, #produto-detalhe, #acesso-negado, #institucional, #contato, #identifique-se, #cadastro-consumidor, div.texto-clientes, #noticias{
  position:absolute; left:163px; top:232px; width:616px; height:630px; background:url(interna_background.jpg) repeat-x top; overflow:auto;}

#acesso-negado h1, #produtos h2, #produto-detalhe h2, #institucional h2, #contato h1, #identifique-se h1, #cadastro-consumidor h1, div.texto h2, #noticias h1{
  display:block; text-indent:0px; font-size:16px; color:#906A00; margin:0px; padding:16px 16px 20px 0; width:600px; height:auto; text-align:right;}
#noticias table.fotos td { padding:1px }
#noticias table.fotos img { display:block; float:none; margin:0; padding:0; border:4px solid #01135B }
#noticias_foto_container { background-color: #01135B; border:4px solid #01135B }
#noticias_foto_imagem img { border:0 !important; }
#noticias_foto_legenda { color:white; text-align:center; padding:4px 0 0 0; font-size:11px; }
#noticia{ margin:0 10px 0 20px; text-align:justify;}
#noticias h1{ background:url(artigos_h1_background.jpg) no-repeat right; text-indent:-10000px; text-align:left;}
#produtos h2,
#produto-detalhe h2{ background:url(produto_h2_background.jpg) no-repeat right; text-indent:-10000px; text-align:left;}


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

#institucional a{ color:#01135B;}
#institucional div.secao{ margin:15px 20px 0 20px; text-align:justify;}
#institucional div.secao h2{ display: block; width:auto; height:auto; color:#01135B; font-size:13px; text-indent:0px; height: 13px; text-align:left;
  background-image:none; margin:0 0 10px 0; padding:0px;}
#institucional div.secao img{ float:left; margin:0 10px 0 0;}
#institucional div.secao p{ font-size:11px; color:#01135B; margin:6px 0 6px 0; padding:0;}
#institucional.texto-produtos div.secao p{ margin-left:160px; font-family:Arial, Helvetica, sans-serif;}

div.produto{ float:left; width:290px; height:155px; margin:10px 0 0 10px;}
div.produto img{ float:left; border:6px solid #01135A; margin:0 10px 10px 0;}
div.separador-impar{ width:2px; height:185px; float:left; margin:0px; padding:0px; border:0px;}
div.produto div.detalhes a{ margin-left:145px;}

div.separador{display:none;}

#produto-detalhe div.detalhes div.consulte a{ color:#223351; text-decoration:none; font-size: 11px;}

#produto-detalhe div.detalhes div.consulte a:hover{ color:#223351; text-decoration:underline;}
#produto-detalhe div.departamentos{ display:none;}
#produto-detalhe a.voltar{ clear:both; display:block; margin: 5px 6px 0px 25px; color: #223351; text-decoration: none;}
#produto-detalhe a:hover.voltar{ text-decoration: underline;}
#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:#C21A38; height:auto; width:auto; font-weight: bold; margin:0; padding:0px; border:0px; clear: left;}
#produto-detalhe div.detalhes div.descricao{ color:#333; 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:#C21A38;}
#produto-detalhe div.detalhes div.preco div.tabela{ font-size:10px; color:#223351;}

div.paginador { width:600px; border:0; padding:0; margin:0; padding-top:10px; text-align:center; clear:both;}
div.paginador div.paginas { margin:0; border:0; padding:0; width:auto; height:20px; margin-left:auto; margin-right:auto;}
div.paginador div.paginas span.pagina,
div.paginador div.paginas div.pagina,
div.paginador div.paginas a.pagina { color:#01135B; margin:0; border:0; padding:0; line-height: 20px; vertical-align: middle; float:left; overflow:hidden;
  display:block; font-size:12px; width:25px;height:20px; text-decoration: none; font-weight: bold; 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: 20px; vertical-align: middle; float:left; overflow:hidden;
  display:block; width:25px;height:20px; font-weight: bold; font-size: 12px; background:#FEB708; color:#01135B;}

div.paginador div.paginas a.anterior { margin:0; border:0; padding:0; text-indent: -1000px; font-size:0px; background: url(paginador_ant.jpg) right center no-repeat;
  line-height: 20px; vertical-align: middle; float:left; display:block; overflow:hidden; width:40px;height:20px;}

div.paginador div.paginas a.proximo { margin:0; border:0; padding:0; text-indent: -1000px; font-size:0px; background: url(paginador_prox.jpg) left center no-repeat;
  line-height: 20px; vertical-align: middle; float:left; display:block; overflow:hidden; width:40px;height:20px;}

#contato form{ margin:30px 0 0 102px;}
#contato form div.campo label { color:#1A086B; float: left; width: 100px; display: block; font-size:11px; padding-top:3px;}
#contato form div.campo input,
#contato form div.campo select,
#contato form div.campo textarea{ width: 257px; border:1px solid #CCCCCC; color:#906A00; font-size:11px; line-height:19px; vertical-align: middle; margin-bottom:3px;}
#contato form div.campo textarea { height:110px; font-family:Arial, Helvetica, sans-serif; overflow: auto;}
#contato form div.campo input.enviar{ background-image:url(botao_enviar.jpg); height:17px; width:43px; display:block;
  text-indent:-1000px; border:0; padding:0; margin-left:316px; cursor: pointer;}
#spinner_contato { background-image:url(/images/progress.gif); background-position: 50% 50%; background-repeat: no-repeat; height:18px;
  width:43px; display:block; text-indent:-1000px; border:0; padding:0; margin-left:316px;}
#contato form div.campo input.error,
#contato form div.campo select.error,
#contato form div.campo textarea.error { border: 2px solid red;}

#identifique-se h2{ display:block; font-size:13px; color:#01135B; width:auto; height:26px; _height:16px; margin:10px 0 0 32px; padding:0px; border:0px;
  clear:both; text-indent:0px;}
#identifique-se p{ color:#333; font-size:11px; margin:0 0 0 32px; 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 32px; padding:0; border:0; clear:both;}
#identifique-se form label { display: block; float: left; color:#333; font-size: 11px; margin: 5px 4px; 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:1px solid #CCC; font-size:11px; color:#C8231E;
  line-height:18px; vertical-align: middle; margin:5px 4px 0 0 ;}
#identifique-se form.validar input.enviar{ display:block; height:18px; width:43px; float:left; background:url(botao_entrar.jpg);
  text-indent:-1000px; font-size:0px; cursor:pointer; border:0px;}
#identifique-se form.senha input.enviar{ display:block; height:18px; width:43px; float:left; background:url(botao_enviar.jpg);
  text-indent:-1000px; font-size:0px; cursor:pointer; border:0px;}
#identifique-se p a{ color:#003E71;}