#container{ height:735px;}
#tema{ height:686px;}
#tema1{ display:none;}
#maladireta{ top:510px;}
#rodape{ top:605px;}
#miolo{ position: absolute; top:211px; left:199px; border: 1px solid #cccccc; width:565px; _width:567px; height:385px; _height:387px;
  margin: 0px; padding:0; overflow: auto; background:url(miolo_background.jpg) repeat-x top #F4F4F4;}
#miolo h2, #miolo h1{ font-size:16px; text-indent:0px; display:block; color:#003366; font-weight:bold; width:507px; height:35px; vertical-align:middle; line-height:35px;
  background:url(miolo_h2_background.jpg) no-repeat bottom; margin:20px 0 20px 28px;}

#institucional div.secao { margin:0 20px 0 28px; border:0; line-height:160%; text-align:justify;}
#institucional div.secao img { float: right; margin: 5px; padding: 5px; border:0;}
#institucional div.secao h2 { text-indent:0; color:#034A8D; background:none; margin:0; padding:0; border:0; font-size:18px; width:auto; height:auto; font-weight:normal;}
#institucional div.secao p { color:#333333; margin:4px 0 4px 0; padding:0; border: 0; font-size: 12px;}
#institucional div.secao a { color:#034A8D; margin:0; padding:0; border: 0; font-size: 12px;}

#gerencia-compras-loja h1{ color: #0a3b6c;}
#presentes-loja ul,
#gerencia-compras-loja ul,
#gerencia-presentes-loja ul{ list-style: none; margin: 10px; margin-top: 20px;  padding:0;}
#presentes-loja ul li,
#gerencia-compras-loja ul li,
#gerencia-presentes-loja ul li{ display: block; height: 30px;  background-color: white; border-bottom: 2px dotted #a7a7a7;}
#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:550px; _width:560px; color:#990000; padding-left:10px;}

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

#gerencia-compras-loja p,
#gerencia-presentes-loja p { margin-left:10px 10px 10px 20px;}
#consumidor-pedidos-loja table,
#consumidor-pedidos-loja p,
#consumidor-pedidos-loja-detalhe table,
#consumidor-pedidos-loja-detalhe p,
#consumidor-pedidos-loja-detalhe dl { margin-left: 20px;}
#gerencia-presentes-loja a,
#consumidor-pedidos-loja a,
#consumidor-pedidos-loja-detalhe a{ color:#034A8D;}

#presentes-consumidor h3 { font-size: 18px; color: #006600; display:block; padding-left: 10px;}
#presentes-consumidor ul { list-style: none; margin: 10px; margin-top: 20px; padding:0;}
#presentes-consumidor ul li { background-color: white; border-bottom: 2px dotted #a7a7a7;}
#presentes-consumidor ul li a { display: block; height: 30px; vertical-align: middle; line-height: 30px; width: 550px; _width: 560px; color: #990000; padding-left: 10px;}
#presentes-consumidor p a { padding-left: 10px; color: #990000;}

div.ajuda h2 { display: block; text-indent:0; width:auto; border:1px solid red;}

#identifique-se h2 { display: block; text-indent:0; width:auto; color:#034A8D; font-size:16px; margin:0; padding:0; border:0; height: 32px;
  line-height: 32px; vertical-align: middle; margin:10px 0 0 20px; background:none;}
#identifique-se a { color: #990000;}
#identifique-se a.cadastro { font-size: 14px;}
#identifique-se p {  margin:10px 0 0 20px; padding:0; border:0;}
#identifique-se form { margin:10px 0 0 20px; padding:0; border:0;}
#identifique-se form label { margin-left: 0.5em;}
#identifique-se form input { border: 1px solid #cccccc;}
#identifique-se form.validar input.enviar { background: url(miolo_identifique-se_validar_input_enviar.jpg); border:0; margin:0; padding:0;
  width: 53px; height: 22px; text-indent: -1000px; line-height: 9999px; cursor: pointer;}
#identifique-se form.senha input.enviar { background: url(miolo_identifique-se_senha_input_enviar.jpg); border:0; margin:0; padding:0;
  width: 53px; height: 22px; text-indent: -1000px; line-height: 9999px; cursor: pointer;}

div.pedido h1 { margin:0; padding:0; border:0; font-size: 24px; height: 60px; vertical-align: middle; line-height: 60px; color: #023567;}
div.pedido a { color: #990000;}
div.pedido p,
div.pedido table{ margin:0 20px 0 20px;}

div.carrinho table { width:90%; border-collapse: collapse;}
div.carrinho table thead th { color: #006600; text-align: left; font-size: 11px;}
div.carrinho table tfoot th { color: #006600; text-align: left; font-size: 14px;}
div.carrinho table tr td { background-color: white; font-size: 11px; border-bottom: 2px dotted #a7a7a7;}
div.carrinho form { text-align: center; margin:0; padding:0; border:0; margin-top: 5px;}
div.carrinho form input.avancar { width: 68px; height: 22px; background: url(miolo_carrinho_form_input_avancar.jpg); margin:0; padding:0; border:0;
  margin:10px auto 10px auto; line-height: 9999px; text-indent: -1000px; display: block; cursor: pointer;}
div.carrinho h2 { border:1px solid red; text-indent:0; display:block;}

div.entrega form { background-color: white;}
div.entrega form div.campo { clear: both; height: 30px; line-height: 30px; vertical-align: middle; padding: 3px;}
div.entrega form div.campo label { float: left; width: 200px; display: block; height: 20px;}
div.entrega form div.campo input,
div.entrega form div.campo select,
div.entrega form div.campo textarea { width: 315px; border:1px solid #cccccc; font-size: 11px;}
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 { width: 68px; height: 22px; background: url(miolo_carrinho_form_input_avancar.jpg); margin:0; padding:0; border:0;
  margin:10px auto 10px auto; line-height: 9999px; text-indent: -1000px; display: block; cursor: pointer;}

div.frete table { width:90%; border-collapse: collapse;}
div.frete table thead th { color: #4e4e4e; text-align: left; font-size: 11px;}
div.frete table tfoot th { color: #006600; text-align: left; font-size: 14px;}
div.frete table tr td { background-color: white; font-size: 11px; border-bottom: 2px dotted #c4c4bd; cursor: pointer;}
div.frete 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;}
div.frete form div.botoes input.avancar { width: 68px; height: 22px; background-image: url(miolo_carrinho_form_input_avancar.jpg); margin:0; padding:0; border:0;
  margin:10px auto 10px auto; line-height: 9999px; text-indent: -1000px; display: block; cursor: pointer;}


div.pagamento form{ margin:0 0 0 20px;}
div.pagamento dt { color: #006600; font-weight: bold; margin-top: 10px;}
div.pagamento dd { width:90%; color: #4e4e4e; font-weight: normal; background: white; border-bottom: 2px dotted #dad8d1; margin:0px; cursor: pointer;}
div.pagamento label {cursor: pointer;}
div.pagamento form input.avancar { width: 68px; height: 22px; background: url(miolo_carrinho_form_input_avancar.jpg); margin:0; padding:0; border:0;
  line-height: 9999px; text-indent: -1000px; display: block; cursor: pointer; margin-left:250px;}
div.pagamento form div.botoes { text-align:center;}
div.pagamento form div.botoes input.avancar { width: 68px; height: 22px; background: url(miolo_carrinho_form_input_avancar.jpg); margin:0; padding:0; border:0;
  margin:10px auto 10px auto; line-height: 9999px; text-indent: -1000px; display: block; cursor: pointer;}

div.confirmacao form{ margin:0 0 0 20px;}
div.confirmacao dt { color: #006600; font-weight: bold; margin-top: 10px; font-size: 12px;}
div.confirmacao dd { width:90%; color: #4e4e4e; font-weight: normal; background-color: white; 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;}
div.confirmacao table { width: 100%;}
div.confirmacao td { text-align: center;}
div.confirmacao form div.botoes { text-align:center;}
div.confirmacao form div.botoes input.avancar { width: 106px; height: 22px; background: url(confirmacao_form_input_avancar.jpg); margin:0; padding:0; border:0;
  margin:10px auto 10px auto; line-height: 9999px; text-indent: -1000px; display: block; cursor: pointer;}

#contato form { width:auto; margin-left:40px;
 border:0; padding:0; padding-top: 5px;}
#contato form label { display: block; float:left; width:80px;}
#contato form input, #contato form select, #contato form textarea { display: block; font-size: 11px; width:350px; margin:6px 0 0 20px;
 border:1px solid #034A8D;
}
#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: 55px; height: 22px; background: url(contato_form_input_enviar.jpg);
  text-indent: -1000px; line-height: 9999px; border:0; padding:0; margin:10px 10px 10px 80px; cursor: pointer;}

div.paginador{ border:0; padding:0; margin: 3px; border-top: 2px dotted #83827f; padding-top: 3px; 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,
div.paginador div.paginas div.pagina { color:#333333; margin:0; border:0; padding:0; line-height: 25px; vertical-align: middle; float:left;
  overflow:hidden; display:block; 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: 16px; color:#003366;}
div.paginador div.paginas a.anterior { margin:0; border:0; padding:0; text-indent: -1000px; font-size:0px; background: url(paginador_ant.jpg) center 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: url(paginador_prox.jpg) center no-repeat;
  display:block; line-height: 25px; vertical-align: middle; float:left;overflow:hidden; width:40px; height:25px;}

#departamentos h2 { clear: both; display: block; text-indent: 0; background-image: none; width:auto; height:auto; margin: 5px;}
#departamentos p { margin: 10px;}
#resultado-busca div.produto div.consulte a,
#destaques div.produto div.consulte a,
#departamentos div.produto div.consulte a,
#produto-detalhe div.consulte a { color: #333333; text-decoration: underline;}

#resultado-busca h2 { clear:both; display:block; text-indent:0; background-image:none; width:auto; height:auto; font-size:12px; margin:0 5px 0 20px; font-weight:normal;}
#resultado-busca h2 span.expressao,
#resultado-busca h2 span.quantidade { color:#034A8D; font-size: 16px; font-weight: bold;}

#produto-detalhe div.departamentos { margin: 5px; font-size: 16px; font-weight: bold;}
#produto-detalhe a.voltar { float: right;}
#produto-detalhe div.detalhes { clear: both;margin-left: 5px; margin-right: 5px;}
#produto-detalhe img { margin: 10px;}
#produto-detalhe p.nome { font-size:18px; color:#034A8D; padding-left: 10px; margin-top: 10px;}
#produto-detalhe div.descricao,
#produto-detalhe p.descricao { color: #666666; padding-left: 10px;}

#produto-detalhe div.codigo { display: none;}
#produto-detalhe p.embalagem,
#produto-detalhe p.condicoes { color: #666666; padding-left: 10px;}
#produto-detalhe div.preco { color:#333333; padding-left: 10px;}
#produto-detalhe div.preco div.tabela span.valor { color:#333333; text-decoration: line-through;}
#produto-detalhe div.preco div.promocional span.rotulo { font-size:16px; color:#034A8D;}
#produto-detalhe div.preco div.promocional span.valor { color:#034A8D; font-size: 16px; font-weight:bold;}
#produto-detalhe div.links { clear: left; border: 1px solid #cccccc; background-color: #e6e2d5; margin: 10px; padding: 5px;}
#produto-detalhe div.links a.produto-comprar { display: block; background: url(destaques_produto_comprar.jpg) no-repeat; width: 130px;
  height: 22px; text-indent: -1000px; float: right; cursor: pointer;}
#produto-detalhe div.links div.esgotado { display: block; width: 130px; height: 22px; float: right; color: red; font-weight: bold;
  text-transform: uppercase; text-align: center; vertical-align: middle; line-height: 22px;}
#produto-detalhe div.links a.lista_publica { margin:0; padding:0; border:0; line-height: 22px; vertical-align: middle; margin-right: 10px; color: #333333; float: left;}
#produto-detalhe div.links a.lista_privada{ display:none;}
#produto-detalhe a.voltar{ display:block; width:52px; height:22px; text-indent:-1000px; margin:10px; padding:0; border:0;
  background:url(produto-detalhe_voltar_background.jpg) no-repeat top; padding-bottom:20px;}

#noticias{ display:none;}

#loja-ajuda p{ margin-left:20px;}
#loja-ajuda a{ color:#034A8D;}
#loja-ajuda dl {line-height: 130%; margin-left:20px;}
#loja-ajuda dl p{ margin-left:5px;}
#loja-ajuda dt { cursor: default;}
#loja-ajuda dd.sub { position: absolute; left: 25px; background-color: #F5FAFD; border: 2px solid #333; margin: 0px; padding: 5px; width: 380px; cursor: default;}
.negrito { font-weight: bold;}

#produto-detalhe img.produto-foto-miniatura { float: right; clear: right;}
#produto-detalhe img#viewer { float: left;}
#produto-detalhe div.detalhes p.nome{ clear: left;}

table#descontos,
table#grade { border-width: 1px; border-spacing: 2px; border-style: outset; border-color: gray; border-collapse: separate;}
table#descontos td,
table#grade td { border-width: 1px; padding: 1px; border-style: inset; border-color: gray;}

div.produto { margin:0 10px 20px 20px;}