#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;}


#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;}

#cadastro-consumidor form { margin:30px 60px 10px 102px; border:0; padding: 0px; padding-top: 10px; font-size: 11px;}
#cadastro-consumidor form h1 { margin:0; padding:0; border:0; background-image: none; text-indent: 0; color:#01135B; height: 34px; vertical-align: middle;
  line-height:34px; font-size:13px; width: 100%; text-align:left;}
#cadastro-consumidor form div.campo { height: 25px; display: block;}
#cadastro-consumidor form div.campo label { display:block; float:left; height:25px; line-height:25px; width:100px; padding-right:3px; text-align:left; color:#01135B;}
#cadastro-consumidor form div.campo input,
#cadastro-consumidor form div.campo select{ font-size: 11px; width:257px; border:1px solid #CCCCCC; color:#906A00;}
#cadastro-consumidor form div.termo { margin:0; padding:0; border:0; height: 122px; _height: 132px; width:339px; _width:349px; margin: 10px;
  padding: 5px; overflow: auto; color:#000; border:1px solid #CCC;}
#cadastro-consumidor form div.termo div.texto { height: 120px; overflow: auto;}
#cadastro-consumidor form div.concordo { margin-left: 10px;}
#cadastro-consumidor form div.anti-spam { margin-left: 10px; margin-right: 50px; color:#990000;}
#cadastro-consumidor form div.enviar { margin-top: 10px; padding-top: 10px; text-align: center;}
#cadastro-consumidor form div.enviar input.enviar { margin:0 auto 0 auto; padding:0; border:0; background:url(botao_cadastrar_pelotascenter.jpg);
  width: 134px; height: 17px; display: block; text-indent: -1000px; line-height: 9999px; cursor: pointer;}
#cadastro-consumidor div.fieldWithErrors { display:inline; border:0;padding:0;border:0;}
#cadastro-consumidor form div.campo input.error,
#cadastro-consumidor form div.concordo-error { border: 2px solid red;}
#usuario_telefone_movel,
#usuario_telefone{ width:215px !important;}
#usuario_telefone_movel_area,
#usuario_telefone_area{ width:22px !important;}
#usuario_endereco_logradouro{ width:135px !important; _width:139px !important;}
#usuario_endereco_numero{ width:46px !important;}
#usuario_endereco_complemento{ width:55px !important;}