#tema {  background:url(tema_background_interna.jpg) repeat-x top #FFFFFF;}
#tema1 { top:467px; left:602px;}
#tema2 { top:245px;}
#maladireta{ left:24px; top:448px; background:url(maladireta_background_interna.jpg);}

#miolo{ position: absolute; left: 223px; top: 250px; width: 550px; height: 490px; margin:0; padding:0px; overflow: auto; z-index:1;}

#identifique-se h1, #institucional h2, #gerencia-compras-loja h1, #gerencia-presentes-loja h1, #consumidor-pedidos-loja h1,
#consumidor-pedidos-loja-detalhe h1, #departamentos h1, #promocoes h1, #contato h1, #presentes-loja h2,#resultado-busca h1, 
#cadastro-consumidor h1, #loja-ajuda h1, div.pedido h1, #consumidor-pedidos-loja h1, #presentes-consumidor h2,#noticias h1 {
  display:block; text-indent:0px; color: #D42825; font-size: 23px; font-family:"Tahoma", Arial, Verdana; font-weight:normal;
  margin:0px; padding:0px; border:0px; width: auto; height: auto;}
  
#produto-detalhe h2{ display:none;}

#noticias{ background:none;}
#noticias div.noticia{ width:auto; height:65px; margin:10px 0 0 0;}
#noticias img{ display:block; float:left; margin-right:10px; border:0px; border:2px solid #000;}
#noticias div.dia{ padding-top:10px;}
#noticias div.chamada{ background:none;}
#noticias table.fotos td { padding:3px }
#noticias table.fotos img { display:block; float:none; margin:0; padding:0; border:2px solid black}
#noticias_foto_container { background-color: black}
#noticias_foto_imagem { text-align:center }
#noticias_foto_legenda { color:white; text-align:center; padding:2px; font-size:11px }
#noticia h2{ display:block; text-indent:0px; font-size:12px; color:#000000; width:auto; height:auto; background:none; margin:10px 0 10px 0;}
#noticia p.dia{ font-size:11px; color:#CC0000;}
#noticia div.texto p{ text-align:justify; color:#000000; line-height:140%; margin-right:20px;}
#noticia a.voltar{  font-size:12px; color:#990000; text-align:justify}
#noticia a { color:#990000; text-decoration:none }
#noticia a:hover { text-decoration:underline }

#loja-ajuda p { margin:10px 35px 4px 35px; color:#000; font-size:12px;}
#loja-ajuda dl { line-height: 130%; margin:20px 0px 0 35px;}
#loja-ajuda dl p{ line-height: 130%; margin:2px; font-size:11px;}
#termos dt,#loja-ajuda dt { cursor: default;}
#loja-ajuda dt { color:#000; line-height: 150%;}
#loja-ajuda dd.sub { position: absolute; left: 75px; background:#F1F1F1; border: 1px solid #666; margin: 0px; padding: 5px; width: 380px; cursor: default;}
#loja-ajuda a { color: #990000;}

div.pedido h3 { margin-left: 10px; font-size:14px; color:#990000;}
div.pedido a { color: #990000;}
div.pedido p { margin:10px 0 0 10px; color:#000;}
div.carrinho table { width: 90%; border-collapse: collapse; margin:6px 0 0 10px;}
div.carrinho table thead th { color: #990000; text-align: left; font-size: 13px;}
div.carrinho table tfoot th { color: #990000; text-align: left; font-size: 13px;}
div.carrinho table tr td { background-color:#D32825; font-size: 11px; padding-left:5px; color:#FFFFFF}
div.carrinho table tr td  a{ text-decoration: none; color:#FFF; }
div.carrinho table tr td  a:hover{ text-decoration: underline;}
div.carrinho table tr.impar td { background-color:#000; font-size: 11px; margin:0; padding:0; padding-left:5px;}
div.carrinho form { text-align: center; margin:20px 0 10px 0; padding:0; border:0;}

div.carrinho form input.avancar { width: 51px; height: 18px; background: url(botao_avancar.jpg); margin:0 0 5px 0; padding:0; border:0;
  margin-left: auto; margin-right: auto; line-height: 9999px; text-indent: -10000px; display: block; cursor: pointer;}

div.entrega form{ margin:0 0 0 10px;}
div.entrega form div.campo { clear: both; height: 17px; line-height: 17px; vertical-align: middle; padding: 3px;}
div.entrega form div.campo label { float: left; color:#000; width: 130px; display: block; height: 20px;}
div.entrega form div.campo input,
div.entrega form div.campo select,
div.entrega form div.campo textarea { width: 320px; border:1px solid #000; color:#990000; font-size: 11px;}
div.entrega form div.campo textarea { height: 80px; overflow: auto;}
div.entrega form div.textarea { height: auto; overflow: auto;}
div.entrega form div.campo input.endereco_logradouro { width: 200px;}
div.entrega form div.campo input.endereco_numero { width: 40px;}
div.entrega form div.campo input.endereco_complemento { width: 60px;}
div.entrega form div.botoes { text-align:center;}
div.entrega form div.botoes input.avancar,
div.frete form div.botoes input.avancar,
div.pagamento form div.botoes input.avancar { width: 51px; height: 18px; background-image: url(botao_avancar.jpg); margin:0 0 5px 0; padding:0; border:0;
  margin-left: auto; margin-right: auto; line-height: 9999px; text-indent: -10000px; display: block; cursor: pointer;}
div.frete table { width: 90%; border-collapse: collapse; margin:20px 0 0 10px;}
div.frete table thead th { color: #990000; text-align: left; font-size: 12px;}
div.frete table tfoot th { color: #990000; text-align: left; font-size: 14px;}
div.frete table tr td { font-size: 11px; border-bottom: 2px dotted #CCC; color:#000; cursor: pointer;}
div.frete table tr td label { cursor: pointer;}

div.frete table thead th.valor,
div.frete table tbody tr td.valor { text-align: center;}
div.frete form div.botoes { text-align:center; margin-top:6px;}

div.pagamento form { margin:20px 0 0 10px;}
div.pagamento dt { color: #990000; font-weight: bold; margin-top: 10px;}
div.pagamento dd { width: 90%; color: #000; font-weight: normal; border-bottom: 2px dotted #CCC; margin:0px; margin-top:6px; cursor: pointer;}
div.pagamento form div.botoes { text-align:center;}

div.confirmacao p { margin-right:20px;}
div.confirmacao form { height:auto; overflow:auto; margin:10px 20px 0 10px;}
div.confirmacao dt { color: #990000; font-weight: bold; margin-top: 2px; font-size: 12px;}
div.confirmacao dd { width: 98%; color: #000; font-weight: normal; border-bottom: 2px dotted #dad8d1; margin:0px;}
div.confirmacao dd div { font-weight: bold; padding: 2px;}
div.confirmacao dd div label { display: block;  width: 200px; float:left; font-weight: normal;}
div.confirmacao td { font-size: 11px; text-align: center;}
div.confirmacao table { width: 100%; border-collapse: collapse;}
div.confirmacao th { text-align: center; color: #990000;}
div.confirmacao table tr td { background-color:#D32825; color:#FFFFFF;}
div.confirmacao table tr.impar td { background-color:#000;}
div.confirmacao form div.botoes { text-align:center; margin-bottom:4px;}
div.confirmacao form div.botoes input.avancar { width: 87px; height: 18px; background-image: url(botao_efetuar_pedido.jpg); margin:0; padding:0; border:0;
  margin-left:auto; margin-right: auto; margin-bottom:4px; line-height: 9999px; text-indent: -10000px; display: block; cursor: pointer;}
div.termino p { margin-right:20px;}

#consumidor-pedidos-loja p{ margin:10px 0 0 10px;}
#consumidor-pedidos-loja a{ color:#990000;}
#consumidor-pedidos-loja table a{ color:#FFF;}
#consumidor-pedidos-loja table { width:90%; border-collapse:collapse; font-size:11px; margin:20px 0 0 10px; color:#FFF;}
#consumidor-pedidos-loja table tr.par td { background-color:#D32825; height:24px; padding:4px;}
#consumidor-pedidos-loja table tr.impar td { background-color:#000; height:24px; padding:4px;}

#consumidor-pedidos-loja table th{ color: #990000; text-align:left;}

#institucional div.miolo div.secao { margin:10px 20px 0 10px; width:auto; border:0; padding:0;}
#institucional div.miolo div.secao img { float: left; margin:0 10px 0 0; border:1px solid #000; padding:0;}
#institucional div.miolo div.secao h2 { text-indent: 0; color: #990000; background-image: none; margin-top: 5px; border: 0; font-size: 13px; width: auto;  height: auto;
  text-align: left; font-weight:bold; margin:0; padding:0;}
#institucional div.miolo div.secao p { color: #000; border: 0; font-size: 11px; text-align:justify; margin:0; padding:0;}

#contato form { position: absolute; top: 40px; left: 80px; width: 360px; height: 315px; margin:0; border:0; padding:0;}
#contato form label { display: block; height: 20px; line-height: 20px; color:#000;}
#contato form input, #contato form select, #contato form textarea { display: block; font-size: 11px; width: 356px; border: 1px solid #000; color:#990000;}
#contato form textarea { overflow: auto;}
#contato form input.error, #contato form select.error, #contato form textarea.error { border: 2px solid red;}
#contato form select { font-size: 11px;}
#contato form input.enviar { width: 42px; height: 18px; background-image: url(botao_enviar.jpg); text-indent: -10000px; line-height: 9999px;
  border:0; padding:0; margin:10px 3px 0 0; cursor: pointer; float:right;}
#spinner_contato { width: 42px; height: 18px; background-image: url(/images/progress.gif); background-repeat: no-repeat; background-position: 50% 50%;
  text-indent: -10000px; line-height: 9999px; border:0; padding:0; margin:10px 3px 0 0; cursor: pointer; float:right;}

#presentes-loja ul,
#gerencia-compras-loja ul,
#gerencia-presentes-loja ul { list-style: none; margin: 20px 0 0 10px; padding:0; width:90%;}

#presentes-loja ul li.par,
#gerencia-compras-loja ul li.par,
#gerencia-presentes-loja ul li.par { display: block; height: 30px; background-color: #D32825;}
#presentes-loja ul li.impar,
#gerencia-compras-loja ul li.impar,
#gerencia-presentes-loja ul li.impar { display: block; height: 30px; background-color: #000;}
#presentes-loja ul li a,
#gerencia-compras-loja ul li a,
#gerencia-presentes-loja ul li a { display: block; height: 30px; vertical-align: middle; line-height: 30px; width: 100%; color: #FFF;
  padding-left: 11px; text-decoration:none;}
#presentes-loja ul li a:hover,
#gerencia-compras-loja ul li a:hover,
#gerencia-presentes-loja ul li a:hover { text-decoration:underline;}

#presentes-loja p,
#gerencia-compras-loja p,
#gerencia-presentes-loja p{ margin-left:10px;}

#gerencia-compras-loja a,
#gerencia-presentes-loja a{ color:#990000;}
#gerencia-compras-loja ul li a.descartar,
#gerencia-presentes-loja ul li a.descartar { float: right; width: auto; margin-right: 5px;}
#gerencia-compras-loja ul li a.comprar,
#gerencia-presentes-loja ul li a.comprar { float: right; width: auto;}
#gerencia-compras-loja ul li a.detalhes,
#gerencia-presentes-loja ul li a.detalhes { float: left; width: auto; font-weight: bold;}

#presentes-consumidor h3 { font-size: 14px; color: #000; display:block; padding-left: 10px;}
#presentes-consumidor ul { list-style: none; margin: 10px 0 0 10px; width:90%; padding:0;}
#presentes-consumidor ul li.par { background-color: #D32825;}
#presentes-consumidor ul li.impar { background-color: #000;}

#presentes-consumidor ul li a { display:block; height:30px; vertical-align:middle; line-height:30px; width:100%; color:#FFF; padding-left:10px; text-decoration:none;}
#presentes-consumidor ul li a:hover { text-decoration:underline;}
#presentes-consumidor p a { padding-left: 10px; color: #990000;}

#produto-detalhe div.departamentos { margin:5px; color:#000; font-size: 13px; font-weight: bold; width:auto; margin-left:10px;}
#produto-detalhe div.detalhes { clear: both; width:auto; margin-left:10px;}
#produto-detalhe img { margin:0 10px 10px 10px; border:1px solid #000;}
img.produto-foto-miniatura { float: right; clear: right;}
img#viewer { float: left;}
#produto-detalhe p.nome { clear:left; font-size: 13px; color: #990000; font-weight: bold;}
#produto-detalhe div.codigo,
#produto-detalhe p.condicoes,
#produto-detalhe p.embalagem{ color: #990000; font-size:11px; font-weight:bold;}
#produto-detalhe div.codigo b,
#produto-detalhe p.embalagem b,
#produto-detalhe div.descricao{ color:#000000; font-size:11px; font-weight:normal; text-align:justify;}
#produto-detalhe ul { list-style:none; margin:0; padding:0;}
#produto-detalhe ul li { color: #000; font-size:11px; font-weight:normal; list-style:none; margin:0; padding:0; margin-left: 10px;}
#produto-detalhe ul li b{ font-weight:normal;}
#produto-detalhe div.preco{ color: #990000;}
#produto-detalhe div.preco div.tabela span.valor { color: #000;}
#produto-detalhe div.preco div.promocional span.rotulo { font-size: 11px;}
#produto-detalhe div.preco div.promocional span.valor { color: #000; font-size: 24px;}
#produto-detalhe div.consulte { margin:10px 0 0 0;}
#produto-detalhe div.consulte a { color: #000;}
#produto-detalhe div.links { clear: left; font-size:11px; padding:8px 8px 4px 0; margin:10px 10px 10px 0; background:url(links_background.jpg);}
#produto-detalhe a.produto-comprar { display: block; background-image: url(botao_comprar.jpg); background-repeat: no-repeat; width: 79px;
  height: 20px; text-indent: -10000px; color:#FFF; float: right; cursor:pointer;}
#produto-detalhe div.links div.esgotado { display: block; width: 148px; height: 27px; float: right; line-height: 27px; vertical-align: middle; text-align: center;
  color: #FFF; font-weight: bold; text-transform: uppercase;}
#produto-detalhe div.links a.lista_publica { margin:0; padding:0; border:0; line-height: 27px; vertical-align: middle; height: 27px; margin:0 4px 0 6px; color: #FFF;
  float: left;}
#produto-detalhe div.links a.lista_privada{ display:none;}
#produto-detalhe a.voltar { display: block; width: 40px; height: 18px; text-indent: -10000px; margin-right: 20px; padding:0; border:0;
  background-image: url(botao_voltar.jpg); float: right; margin:10px 10px 0 0;}
#resultado-busca h2{ display:block; width:auto; height:auto; color:#000; font-size:11px; text-indent:0px; font-weight:normal; margin:5px 0 10px 10px; padding:0;}
#resultado-busca h2 span.expressao,
#resultado-busca h2 span.quantidade{ color:#990000; font-size:12px; font-weight:bold;}

div.paginador { border:0; padding:0; margin: 3px; padding-top: 3px; text-align:center;}
div.paginador div.paginas { margin:0; border:0; padding:0; width:auto; height:25px; background:#D42825; margin-left:auto; margin-right:auto;}
div.paginador div.paginas span.pagina,
div.paginador div.paginas a.pagina,
div.paginador div.paginas div.pagina { color: #FFF; font-size:15px; font-weight:bold; margin:0; border:0; padding:0; line-height: 25px; vertical-align: middle;
  float:left; overflow:hidden; display:block; text-decoration: none; width:25px;height:25px;}
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: 15px; color: #000;}
div.paginador div.paginas a.anterior { margin:0; border:0; padding:0; text-indent: -10000px; font-size:0px; background-image: url(paginador_ant.jpg);
  background-position: center; 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: -10000px; font-size:0px; background-image: url(paginador_prox.jpg);
  background-position: center; background-repeat: no-repeat; line-height: 25px; vertical-align: middle; float:left;overflow:hidden; display:block; width:40px;height:25px;}

#departamentos h2 { clear: both; display: block; text-indent: 0; font-size:13px; color:#000; background-image: none; width:auto; height:auto; margin: 5px;
  margin:10px 0 10px 10px;}
#departamentos p { margin-left:10px; color:#000;}

div.produto { position: relative; float:left; width: 135px; height: 235px; overflow: visible; margin:10px 10px 0 10px; text-align:center;}

#identifique-se h2 { display: block; text-indent:0; width:auto; color: #990000; font-size:14px; margin:0; padding:0; border:0; height: 32px;
  line-height: 32px; vertical-align: middle; margin:10px 0 0 10px;}
#identifique-se a { color: #990000;}
#identifique-se a.cadastro { font-size: 14px;}
#identifique-se p { margin:0 0 0 10px; padding:0; border:0; color:#000;}
#identifique-se form { margin:6px 0 0 10px; padding:0; border:0;}
#identifique-se form label { margin-left: 0.5em; color:#000;}
#identifique-se form input { border: 1px solid #000; color:#990000;}
#identifique-se form.validar input.enviar { background-image: url(botao_entrar.jpg); border:0; margin:0; padding:0; width: 40px; height: 18px; text-indent: -10000px;
  line-height: 9999px; cursor: pointer; margin-left:6px;}
#identifique-se form.senha input.enviar { background-image: url(botao_enviar.jpg); border:0; margin:0; padding:0; width: 42px; height: 18px;
  text-indent: -10000px; line-height: 9999px; cursor: pointer; margin-left:6px;}

#regiao-banner-publicitario {display:none;}

#rodape { position: absolute; top: 750px; left: 0px; width: 779px; height:74px; overflow: auto; color: #FFF;}
#consumidor-pedidos-loja-detalhe p{ margin:5px; margin-left:10px;}
#consumidor-pedidos-loja-detalhe dl{ margin:0 0 0 10px;}
#consumidor-pedidos-loja-detalhe dl p{ margin:0;}
#consumidor-pedidos-loja-detalhe dt{ color:#990000; font-weight:bold;}
#consumidor-pedidos-loja-detalhe table{ color:#333; font-size:11px;}
#consumidor-pedidos-loja-detalhe th{ text-align:left;}
#consumidor-pedidos-loja-detalhe a{ color:#D32825;}

table#descontos{ border-collapse: collapse; margin:10px 0 10px 0; width:300px; clear:both;}
table#descontos tr.cabecalho{ background:#F2F2F2;}
table#descontos tr.rodape{ color:#990000;}
table#descontos td{ border:1px solid #333; padding:4px;}

table#grade{ border-collapse: collapse; margin:10px 0 10px 0; width:auto; border:1px solid #333; clear:both; font-size: 11px;}
table#grade tr{ background:#FFFFFF;}
table#grade tr.par{ background:#F2F2F2;}
table#grade td { padding: 5px; }
table#grade td div.codigo { width:auto;}
table#grade td div.detalhes { width:auto; margin:0; color:#990000;}
table#grade td div.preco, table#grade td div.consulte{ width:auto;}

table#grade td div.consulte a{  font-size:11px; color:#990000;}
table#grade td div.promocional span{  font-size:12px; margin:0; padding:0;color:#990000;}
table#grade td div.preco div.promocional span.rotulo{  text-decoration:none; margin:0; padding:0;  color:#990000; display:inline;}

table#grade td div.preco div.tabela span,
table#grade td div.preco div.tabela span.rotulo{font-size:10px; color:#000; float:none;}
table#grade td a.produto-comprar{ margin:0;}
