/*Geral*/
* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-decoration:none; border:none; vertical-align:middle; list-style:none; outline:0}

html, body { height:100%; overflow: hidden}

/*Body*/
body {  background-color:#E3ECF1; font-size:11px; color:#7F8D96}
 
form { padding: 0; margin: 0; display: inline; }

table {border-collapse:collapse;}
thead th { font-size: 11px; font-weight: bold; text-align: left }
tbody th,td { text-align: left }

h2 span {line-height:24px; padding-left:10px; font-weight:bold; display:block}
label { line-height:24px; padding:0px 5px; float:left; display:block}
input, textarea, select { border:1px solid #E1E1E1; font-size:11px; border-bottom-color:#CCC; border-right-color:#CCC; color:#666; margin:4px 2px 0 0}

/*Layout Divs*/
@media screen {#principal{ height:100%; overflow:auto; position:relative;}}

/*Promoção Adsense*/
#adsense { width:160px; height:auto; padding:0; margin:0; background:#FFFFFF; float:left }
/*#adsense #banner { margin-left:2px; margin-top:5px; width: 155px; height: 145px; background: url(../imagem/banner_destaque.jpg) */
#adsense #banner { margin-left:2px; margin-top:5px; width: 155px; height: 145px; }
#adsense #faixa { height:25px; width:155px; margin-left:2px; margin-bottom:6px; background: url(../imagem/fundo_busca.jpg) repeat left; text-align:center; float:left; }
#adsense #faixa span { line-height:25px; font-size:12px; font-weight:bold; color:#063C7A; text-transform:uppercase }
#adsense #destaque-lateral { width: 150px; height: auto; margin:0 auto; border-bottom: 10px solid #FFFFFF; background-color: #E3E8EE; }
#adsense #destaque-lateral img { padding: 5px; float:left }
#adsense #destaque-lateral p { padding: 5px 5px 10px 5px; font-size: 11px; font-weight:bold; color:#000000; text-align: center; text-transform: uppercase }
#adsense #destaque-lateral p.preco { padding-bottom: 5px; font-weight: normal; text-transform:none }
#adsense #destaque-lateral p.preco strong { font-size:14px; color:#ED1B24 }
#adsense #destaque-lateral p a { color:#000000}
#adsense #destaque-lateral p a:hover { text-decoration: underline; }

/*Margens*/
#margem-principal {padding:0 6px 0 5px; float:left}
#margem-conteudo {padding-left:2px; padding-right:2px; background:#FFFFFF; float:left}

/*Topo*/
#topo {width:760px; background-color:#FFFFFF;  float:left }

/*Corpo*/
#corpo {width:760px; height:auto; background-color:#FFFFFF; float:left}

/*Linha Cinza*/
#linha-cinza {width:760px; height:5px; line-height:5px; background-color:#E3E8EE; clear:both; border-bottom:3px solid #FFFFFF; margin:0; padding:0 }

/*Rodape*/
#rodape { width:760px; height:90px; line-height:14px; background-color:#E3E8EE; clear:both; text-align:center; }
#rodape thead th, tbody th { font-size: 11px; font-weight: bold; color: #F1A400; text-align: left }
#rodape tbody td { font-size: 10px; font-weight: bold; color: #65787F; text-align: left }
#rodape a { font-size: 10px; font-weight: bold; color:#7F8D96 }
#rodape a:hover { text-decoration: underline; }

/*Copy Right*/
#copy-right {width:760px; height:60px; background-color:#F3F7F8; border-top:2px solid #FFFFFF; clear:both;}
#copy-right thead th {font-size: 11px; font-weight: bold; color: #65787F; text-align:center;}
#copy-right tbody td, tfoot td {font-size: 10px; color: #65787F; text-align:center;}

/*Menu Topo*/
#testeira { height:150px; margin-bottom:5px; background: url(../imagem/topo.jpg) no-repeat left }
#menu-topo{ width:470px; height:20px; margin-top:5px; line-height:19px; float:left }
#menu-topo a {padding-left:5px;  font-size:11px; font-weight:bold; color:#063C7A; text-align:center; text-transform:uppercase; margin-right:2px;}
#menu-topo a {height:auto !important; float:none !important}
#menu-topo span.guia { padding-left:167px; }
#menu-topo a span.separador-on { border-right:1px solid #063C7A; padding:0 7px 0 0; }
#menu-topo a span.separador-off { border:0; }
#tele-venda{ width:155px; height:20px; margin-top:5px; line-height:19px; float: left}
#tele-venda span { padding-left:22px; font-size:10px; font-weight:bold; color:#7F8D96; text-align:center; margin-right:2px;}
#tele-venda span {height:auto !important; float:none !important}
#on-line { width:131px; height:20px; margin-top:5px; line-height:19px; float: right }
#on-line a { padding-left:5px;  font-size:10px; font-weight:bold; color:#063C7A; text-align:center; }
#on-line a {height:auto !important; float:none !important}
#on-line span { padding-left:40px; }

/*Links da Testeira*/
#topo-home { margin-top:-128px; width:220px; height:105px; float: left }
#topo-banner { margin-top:-128px; width:535px; height:105px; float: right }
#topo-cesta { margin-top:-68px; width:100px; height:45px; float: right }

/*Cesta de Compra*/
#cesta-compra{ margin-top:109px; float:left }
#cesta-compra span { padding-left:607px; font-size:11px; font-weight:bold; color:#063C7A; text-align:center; margin-right:2px; }
#cesta-compra span { height:auto !important; float:none !important }

/*On-Line*/
.on{ margin:0; padding:0; background: url(../imagem/chat_on.jpg) no-repeat right; }
.off{margin:0; padding:0; background: url(../imagem/chat_off.jpg) no-repeat right; }

/*Busca*/
#busca {height:25px; width:230px; margin-bottom:6px; background: url(../imagem/fundo_busca.jpg) repeat left; float:left;}
#busca label { padding-left:10px; font-weight:bold; }
#busca input { width:132px; float:left;}
#busca input.botao_ok { background: #E3E3E3; width:25px; height:15px; line-height:9px; border:1px solid #E3E3E3; padding:0; margin:4px; font-size:10px; font-weight:bold; color:#7F8D96;  text-transform:uppercase}

/*Canais*/
#canal {height:25px; width:530px; margin-bottom:6px; background: url(../imagem/fundo_canal.jpg) repeat left; float:left}
#canal a {height:25px; line-height:25px; padding-left:20px; text-align:center; font-size:12px; font-weight:bold; color:#FFFFFF; margin-right:2px; float:left}
#canal a span { padding:0 12px 0 6px}
#canal p {text-align:right; padding-right:3px}
#canal p a {height:auto !important; line-height:normal !important; padding-left:0 !important; margin-right:0 !important; float:none !important}

/*Menu Lateral*/
#menu_principal {width:212px; background-color:#F3F7F8; border-left: 10px solid #FFFFFF; float:left;}
#menu {width:212px; height: auto; position:relative; background-color:#F3F7F8; border-bottom:5px solid #FFFFFF; float:left;}
#menu ul li.categoria{ padding-top:8px; border-bottom:5px}
#menu ul li.categoria span a { font-weight:bold; color:#BA251E; padding-left:18px; text-transform:uppercase}
#menu ul li.secao { padding-top:1px; }
#menu ul li.secao span a { font-weight: normal; color:#7F8D96; text-transform:none; }
#menu ul li.fim-secao { height:10px;  }

/*Moldura*/
#moldura {height:20px; width:212px; line-height:20px; background-color:#BA251E; border-bottom:5px solid #F8C301;  }
#moldura span { padding-left:10px; font-weight:bold; color:#FFFFFF; }

/*Conteudo*/
#conteudo {width:530px; height: auto; float:right}

/*Newsletter*/
#promocao {width:212px; height:200px; line-height:80px; background-color:#F3F7F8; border-bottom:5px solid #FFFFFF; color:#848479; float:left}
#newsletter {padding-left:5px; margin:0 }
#newsletter label { margin:0 0 1px 0; clear:both; line-height:15px; font-weight:normal; color:#000000; float:left}
#newsletter input { width:170px; float:left; border:0 }
#newsletter input.botao_ok { background: #FFFFFF; width:25px; height:15px; line-height:10px; border:1px solid #E3E3E3; padding:0; margin:4px; font-size:10px; font-weight:bold; color:#7F8D96;  text-transform:uppercase}

/*Certificado*/
#certificado {width:212px; height:auto; border-bottom: 5px solid #FFFFFF; line-height:130px; background-color:#FFFFFF; text-align:center; color:#848479; float:left}
#certificado img { padding-left:35px; padding-top:10px; vertical-align: middle}

/*Banner*/
#banner {width:530px; height:180px; background-color:#FFFFFF; border-bottom:5px solid #FFFFFF; float:left }
#banner img {vertical-align: middle}

/*Produto*/
#produto {width:530px; height: auto; border-bottom:5px solid #FFFFFF; float:left }

/*Box Produto*/
#box { width:170px; height:268px; background-color:#FFFFFF; border:2px solid #F3F7F8; margin:0 }
#box div { padding:0 0 0 15px; vertical-align:top; position:relative; top: 32px;}
#box div table {border-collapse:collapse; width:150px; height:75px; font-size:11px; }
#box div thead th { height:35px; font-weight: bold; color: #000000; vertical-align: text-top; line-height:10px;}
#box div thead span {font-weight: normal; color: #000000; vertical-align: text-top; line-height:10px; text-align: left;}
#box div tfoot td { font-size:11px; height:20px; color: #000000; text-align: left; }
#box div tfoot span.preco-desconto {color: #BA251E; font-weight: bold; text-align: left;}
#box img.detalhe {left:11px; top:39px; position:relative;  }
#box img.comprar {left:18px; top:39px; position:relative; }
#box fieldset {width:158px; height:120px; left:4px; top:141px; position:relative; border:2px solid #F3F7F8; padding:0  }
#box fieldset img {left:18px; top:-137px; position:relative; padding:0; margin:0; float:left }
#box legend span { width:110px; height:20px; left:25px; top:-11px; position: absolute; margin:0; padding:0 }
#box legend span.lancamento { background-image: url(../imagem/lancamento.jpg); }
#box legend span.oferta { background-image: url(../imagem/oferta.jpg); }
/*#box legend span.padrao { background-image: url(../imagem/padrao.jpg); }*/
#box legend span.padrao { visibility:hidden }

#box-vazio { width:170px; height:268px; background-color:#FFFFFF; margin:0 }

/*Barra de Navegação*/
#barra-navegacao{ width:360px; height:25px; line-height:23px; background-color:#F3F7F8; float:left }
#barra-navegacao span { padding:0; font-weight:bold; color:#7F8D96; }
#barra-navegacao span a {padding-left:5px;  font-size:11px; font-weight:bold; color:#7F8D96; text-align:left; margin-right:2px;}
#barra-navegacao span a {height:auto !important; float:none !important}
#barra-navegacao span.atual { padding:0; font-weight:bold; color:#BA251E; }
#barra-navegacao span.atual a {padding-left:5px;  font-size:11px; font-weight:bold; color:#BA251E; text-align:left; margin-right:2px;}
#barra-navegacao span.atual a {height:auto !important; float:none !important}

/*Barra de Navegação de Erro*/
#barra-navegacao-erro { height:20px; padding:0; line-height:18px; margin-bottom:5px; display: block; float:left }
#barra-navegacao-erro span.digito-separador {padding-left:3px; padding-right:3px; line-height:14px; font-size:12px; color:#7F8D96; float:left }
#barra-navegacao-erro span { padding:0; font-size:12px; color:#7F8D96; float:left }
#barra-navegacao-erro span a { padding:0; font-size:12px; color:#7F8D96; }

/*Ambiente Seguro*/
#ambiente-seguro {width:165px; height:25px; line-height:23px; background-color:#F3F7F8; border-left: 5px solid #FFFFFF; float:left }
#ambiente-seguro img{ padding-left:6px; vertical-align:middle; float:left }

/*Galeria de Fotos do Produto*/
#galeria-foto {width:165px; height:200px; margin-top:5px; background-color:#FFFFFF; float:left }
#galeria-foto img{ padding-left:20px; margin-bottom:5px; }
#galeria-foto span a {padding-left:10px; font-size:9px; font-weight:bold; color:#7F8D96; text-align:center; }
#galeria-foto span a {height:auto !important; float:none !important}
#galeria-foto div { margin-top: 35px; text-align:center }
#galeria-foto div img{ padding:0; margin-top:5px; }
#galeria-foto div span {padding-left:5px; font-size:11px; font-weight:bold; color:#7F8D96; }

/*Detalhe Produto*/
#detalhe-produto {width:365px; margin-top:5px; float:left }
#detalhe-produto div { width:365px; float:left }
#detalhe-produto div span { color:#7F8D96; }
#detalhe-produto div span.titulo {font-size:12px; font-weight:bold; color:#BA251E; }
#detalhe-produto div span.codigo { padding-left:5px; font-size:11px; font-weight:normal; color:#7F8D96; }
#detalhe-produto div span.autor {font-weight:bold; font-weight:bold; text-transform:uppercase; float:left}
#detalhe-produto img{ padding:0; margin-top:5px; float:left }
#detalhe-produto #detalhe-pagamento { width:356px; height:90px; margin-top:8px; border: 2px solid #F3F7F8; padding:2px; float:right }
#detalhe-produto #detalhe-pagamento #moldura-cinza { width: 356px; height:90px; background-color:#F3F7F8; }
#detalhe-produto #detalhe-pagamento #moldura-cinza table tbody td { padding-left: 8px;}
#detalhe-produto #detalhe-pagamento #moldura-cinza div { width:171px; float:right }
#detalhe-produto #detalhe-pagamento #moldura-cinza img { float:right }
#detalhe-produto #detalhe-pagamento #moldura-cinza span{ font-weight:bold; color:#7F8D96; line-height:19px; vertical-align: text-bottom; }
#detalhe-produto #detalhe-pagamento #moldura-cinza span.texto-destaque{ font-size:13px; color:#BA251E; }
#detalhe-produto #detalhe-pagamento #moldura-cinza span.preco-destaque{ font-size:16px; color:#BA251E; }
#detalhe-produto #detalhe-pagamento #moldura-cinza #prazo-entrega { width:100%; top:5px; position:relative; float:right }
#detalhe-produto #detalhe-pagamento #moldura-cinza #prazo-entrega span.prazo-entrega{ color:#BA251E; font-weight:bold; vertical-align:text-bottom; padding-right:5px;  float:left }
#detalhe-produto #detalhe-pagamento #moldura-cinza #prazo-entrega span.local-entrega{ color:#7F8D96; font-weight:normal; vertical-align:text-bottom; float:left }
#detalhe-produto #detalhe-pagamento #moldura-cinza #prazo-entrega img { float:right }
#detalhe-produto #forma-pagamento { width:365px; height:24px; vertical-align:middle; background-color:#F3F7F8; margin-top:3px; margin-bottom:10px; float:left }
#detalhe-produto #forma-pagamento img { padding-left:10px; vertical-align:middle; float:left }
#detalhe-produto #avaliar-produto span { font-weight:bold; color:#7F8D96; float:left }
#detalhe-produto #avaliar-produto table { margin-left:5px; top:-9px; position:relative; float:left }
#detalhe-produto #avaliar-produto table img { float:left  }
#detalhe-produto #comentario-produto span a {font-weight:bold; color:#7F8D96; float:left  }
#detalhe-produto #comentario-produto span a {height:auto !important; float:left !important}
#detalhe-produto #comentario-produto span a:hover { text-decoration: underline; }

/*Aba*/
#aba {width:520px; height:19px; margin-top:18px; margin-left:5px; clear:both; float:left }
#aba ul {height:18px; list-style:none; float:left}
#aba ul li {margin:0; line-height:18px; }
#aba ul li.liga { width:108px; height:18px; display:block; background-color:#E8E8E8; border:1px solid #F8C301; float:left; text-align:center; display:inline}
#aba ul li.liga span {font-weight:bold; color:#FFFFFF; text-transform:uppercase }
#aba ul li.liga {height:19px; font-weight:bold; background-color:#F8C301; border-bottom:0}
#aba-conteudo {width:520px; margin-left:5px; border-top:3px solid #F8C301; float:left}

/*Compre Junto*/
#compre-junto {width:520px; height:160px; margin-top:10px; margin-left:5px; float:left }
#compre-junto img { float:left }
#compre-junto div { margin-left:20px; margin-top:5px; }
#compre-junto div span { font-weight:normal; line-height:15px; }
#compre-junto div span a { font-weight:normal; color:#7F8D96; }
#compre-junto div span a:hover { text-decoration: underline; }
#compre-junto table tbody td{ color:#7F8D96; text-align:right; line-height:15px;  }
#compre-junto table tbody td span.economize{ color:#BA251E; font-weight:bold; }
#compre-junto div img { float:right }

/*Aba Detalhes*/
#aba-detalhes {width:520px; height:19px; margin-top:20px; margin-left:5px; clear:both; float:left }
#aba-detalhes ul {height:19px; list-style:none; float:left}
#aba-detalhes ul li {margin-left:0; line-height:19px; }
#aba-detalhes ul li a {display:block; text-decoration:none!important}
#aba-detalhes ul li.desliga {  height:17px; display:block; background-color:#E8E8E8; border:1px solid #FFFFFF; float:left; text-align:center; display:inline}
#aba-detalhes ul li.desliga span {font-weight:bold; color:#7F8D96; text-transform:uppercase }
#aba-detalhes ul li.liga {  height:19px; display:block; background-color:#E8E8E8; border:1px solid #F8C301; float:left; text-align:center; display:inline}
#aba-detalhes ul li.liga span {font-weight:bold; color:#FFFFFF; text-transform:uppercase }
#aba-detalhes ul li.desliga:hover {font-weight:bold;}
#aba-detalhes ul li.liga {height:20px; font-weight:bold; background-color:#F8C301; border-bottom:0}
#aba-detalhes-conteudo {width:520px; height:auto; margin-left:5px; border-bottom:10px solid #FFFFFF; border-top:3px solid #F8C301; clear:both; float:left}
.abre {display:block}
.fecha {display:none}

/*Descrição Produto*/
#div-busca-descricao {height: auto; margin-top:8px; margin-left:5px; clear:both }
#div-busca-descricao {font-size:11px; font-weight:normal; color:#7F8D96; }

/*Dados Tecnicos*/
#div-busca-dados-tecnicos {height: auto; margin-top:8px; margin-left:5px; clear:both }
#div-busca-dados-tecnicos ul li span {font-size:11px; font-weight:normal; color:#7F8D96; }
#div-busca-dados-tecnicos ul li span.titulo-tecnico { font-weight:bold; }

/*Opiniao dos Clientes*/
#div-busca-opiniao {height: auto; margin-top:8px; margin-left:5px; clear:both }
#div-busca-opiniao ul li span {font-size:11px; font-weight:normal; color:#7F8D96; }
#div-busca-opiniao ul li span a { font-weight:bold; color:#7F8D96; }
#div-busca-opiniao ul li span a:hover { text-decoration: underline; }
#div-busca-opiniao ul li.opiniao-autor { height:20px; margin:0; }
#div-busca-opiniao ul li.opiniao-autor img { top:-18px; padding:0; margin:0; position:relative;  float:right   }
#div-busca-opiniao ul li.opiniao-autor span.titulo-autor {font-weight:bold; float:left  }
#div-busca-opiniao ul li.opiniao-autor span.local-autor { font-weight:normal; text-transform:uppercase; float:none }
#div-busca-opiniao ul li.espaco-opiniao { margin-bottom:5px;  }

/*Barra Fases*/
#barra-fases { width:760px; height:25px; background-color:#F3F7F8; border-bottom:10px solid #FFFFFF; float:left }
#barra-fases table { width:760px; float:left }
#barra-fases table td { padding-left:10px; line-height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#65767E; text-transform:uppercase; }
#barra-fases table td.tbliga { padding-left:10px; line-height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#E67817; text-transform:uppercase; }
#barra-fases table td #bloco-desliga { width:35px; height:25px; display:block; background-color:#D0D8DB; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:19px; color:#FFFFFF; text-align:center; clear:both; float:right }
#barra-fases table td #bloco-liga { width:35px; height:25px; display:block; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:19px; color:#FFFFFF; text-align:center; clear:both; float:right }

/*Barra de Avisos*/
#barra-avisos {width:760px; height:25px; background-color:#F3F7F8; border-bottom:10px solid #FFFFFF; text-align:center; float:left }
#barra-avisos span { line-height:24px; padding-left:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#E67817; text-transform:uppercase;  }

/*Carrinho*/
#carrinho{width:760px; height:810px; float:left }

/*Barra Grid*/
#barra-grid{width:760px; height:30px; border-bottom:1px solid #FFFFFF; background-color:#65767E; float:left }
#barra-grid ul li { display:block; float:left; }
#barra-grid ul li span { line-height:28px; padding-left:5px; font-size:12px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; text-align:center; float:left }
#barra-grid table td { text-align:center }
#barra-grid table td { width:50px; font-size:12px; font-weight:bold; color:#FFFFFF; }
#barra-grid table td.sup { font-size:12px; font-weight:bold; }

/*Itens Carrinho*/
#cesta-produto{width:760px; height:auto; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; float:left }
#cesta-produto ul li { height:60px; line-height:55px;  float:left; }
#cesta-produto ul li.desc-produto div { width:425px; display:block; float:left }
#cesta-produto ul li.desc-produto div img { float:left; }
#cesta-produto ul li.desc-produto div span { font-size:11px; font-weight:normal; color:#000000; float:left }
#cesta-produto ul li span { font-size:12px; font-weight:bold; color:#000000; float:left }
#cesta-produto ul li input {width:30px; height:17px; top:13px; left:27px; font-size:12px; color:#000000; text-align:center;  position:relative; display:block; float:left; }
#cesta-produto ul li img { float:left; }
#cesta-produto ul li.remover-item { top:17px; left:24px; position:relative; display:block; float:left; }
#cesta-produto ul li.total { background-color:#D0D8DB; }
#cesta-produto ul li.total span { padding-right:10px; float:right }

/*Cep Carrinho*/
#calculo-cep {width:760px; height:auto; background-color:#E5EAED; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; float:left }
#calculo-cep ul li {line-height:50px; display:block; float:left; }
#calculo-cep ul li span { font-size:12px; font-weight:bold; color:#000000; text-align:center; float:left }
#calculo-cep ul li span.saber-valor-frete { padding-left:15px; text-transform:uppercase }
#calculo-cep ul li input { height:16px; margin-right:7px; top:12px; left:5px; position:relative; font-size:12px; font-weight:normal; color:#000000; float:left; }
#calculo-cep ul li input.cep { width:50px; }
#calculo-cep ul li input.digito-cep { width:35px; }
#calculo-cep ul li input.botao-ok{ width:30px; height:18px; background-color:#65767E; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; } 
#calculo-cep ul li.total { background-color:#D0D8DB; }
#calculo-cep ul li.total span { padding-right:10px; float:right }

/*Mensagem Cupom Carrinho*/
#mensagem-cupom {width:760px; background-color:#E5EAED; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; text-align:center;  float:left }
#mensagem-cupom span { width:760px; font-size:11px; font-weight:bold; color:#FF0000; }

/*Cupom Carrinho*/
#calculo-cupom {width:760px; height:55px; background-color:#E5EAED; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; float:left }
#calculo-cupom ul li { display:block; float:left; }
#calculo-cupom ul li span { top:18px; position:relative; font-size:12px; font-weight:bold; color:#000000; text-align:center; text-transform:uppercase; float:left }
#calculo-cupom ul li span.info-cupom { padding-left:15px; top:5px; position:relative }
#calculo-cupom ul li input { height:16px; margin-right:7px; top:12px; left:5px; position:relative; font-size:12px; font-weight:normal; color:#000000; float:left; }
#calculo-cupom ul li input.cupom { width:195px; }
#calculo-cupom ul li input.botao-ok{ width:30px; height:18px; background-color:#65767E; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; } 
#calculo-cupom ul li.total { height:55px; background-color:#D0D8DB; }
#calculo-cupom ul li.total span.calc-cupom { padding-right:10px; float:right }

/*Total Carrinho*/
#calculo-total{width:760px; height:25px; background-color:#65767E; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; float:left }
#calculo-total ul li { display:block; float:left; }
#calculo-total ul li span { padding-right:10px; line-height:24px; font-size:15px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; float: right}
#calculo-total ul li span.calc-total { font-size:13px; font-weight:bold; color:#E9E100; }

/*Info Carrinho*/
#info-carrinho{width:760px; height:50px; background-color:#FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; float:left }
#info-carrinho ul li { display:block; float:left; }
#info-carrinho ul li span { margin-left:15px; font-size:11px; font-weight:normal; color:#000000;  float: left}
#info-carrinho ul li img { display:block; float:left; }

/*Botoes de Ação do Carrinho*/
#botoes-acao-carrinho{width:760px; height:50px; background-color:#FFFFFF; border-top:5px solid #FFFFFF; float:left }
#botoes-acao-carrinho ul { display:block;  float:left; }
#botoes-acao-carrinho ul li { display:block;  float:left; }
#botoes-acao-carrinho ul li img { padding-right:1px;  float:right }
#botoes-acao-carrinho ul li input { top:-5px; position:relative; float:right }

/*Identifiar Usuario*/
#identificar-usuario{width:760px; height:810px; float:left }

/*Primeira Compra*/
#primeira-compra{width:310px; height:240px; margin-left:50px; border:2px solid #65767E; float:left }
#primeira-compra ul li { width:310px; display:block; float:left }
#primeira-compra ul li.titulo-primeira-compra { height:40px; background-color:#65767E; display:block; }
#primeira-compra ul li span.primeira-compra { line-height:40px; background-color:#65767E; padding-left:32px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; float:left }
#primeira-compra ul li span.primeira-vez { height:25px; line-height:45px; padding-left:60px; font-size:12px; color:#65767E; float:left }
#primeira-compra ul li.box input { width:220px; height:17px; top:12px; left:5px; margin-left:25px; border:1px solid #E5EAED; position:relative; background-color:#E5EAED; font-size:12px; font-weight:normal; color:#000000; text-align:center; float:left; }
#primeira-compra ul li.box input.botao-ok{ width:30px; height:20px; margin-left:7px; background-color:#65767E; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:left }
#primeira-compra ul li.sac { height:60px; padding-top:30px; padding-left:25px;  display:block; float:left } 
#primeira-compra ul li.sac span { line-height:15px; text-align:center; font-size:12px; color:#65767E; float:left }

/*Ja Cadastrado*/
#cadastrado{width:310px; height:240px; margin-left:30px; border:2px solid #65767E; float:left }
#cadastrado ul li { width:310px; display:block; float:left }
#cadastrado ul li.titulo-cadastrado { height:40px; background-color:#65767E; display:block; }
#cadastrado ul li span.sou-cadastrado { line-height:40px; background-color:#65767E; padding-left:55px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; float:left }
#cadastrado ul li span { height:25px; line-height:45px; padding-left:30px; font-size:12px; color:#65767E; float:left }
#cadastrado ul li.dados-acesso { height:60px; top:12px; position:relative; display:block; float:left }
#cadastrado ul li.dados-acesso label { padding-left:30px; font-size:12px; color:#65767E; float:left }
#cadastrado ul li.dados-acesso input { width:200px; height:17px; margin-left:5px; border:1px solid #E5EAED; background-color:#E5EAED; font-size:12px; font-weight:normal; color:#000000; float:left; }
#cadastrado ul li input.botao-continuar{ width:125px; height:25px; margin:5px 0 0 0 ; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:right }
#cadastrado ul li.esqueci-senha { height:85px; background-color:#E5EAED; display:block; float:left }
#cadastrado ul li.esqueci-senha span { padding-left:30px; font-size:11px; color:#65767E; float:left }
#cadastrado ul li.esqueci-senha span.esqueceu-senha { font-size:12px; font-weight:bold; text-transform:uppercase; float:left }
#cadastrado ul li.esqueci-senha label { top:12px; position:relative; padding-left:30px; font-size:12px; color:#65767E; float:left }
#cadastrado ul li.esqueci-senha input { width:163px; height:18px; line-height:17px; top:10px; margin-left:3px; border:1px solid #E5EAED; position:relative; background-color:#FFFFFF; font-size:12px; font-weight:normal; color:#000000; float:left; }
#cadastrado ul li.esqueci-senha input.botao-ok{ width:30px; height:20px; margin-left:8px; background-color:#65767E; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:left }
#cadastrado ul li.esqueci-senha span.enviar-senha { padding-left:77px; font-size:10px; }

/*Erro*/
#erro { height:50px; line-height:45px; border: 1px solid #E8E8E8; margin: 0px 0px 8px 0px;  display: block; clear: both; }
#erro span { padding-left:10px; font-size:12px; color:#BA251E; float:left }
#botoes input { width:90px; padding:0; margin:0; font-size:12px; text-align:center; float:right }

/*Sucesso*/
#sucesso { height:auto; margin: 0px 0px 8px 0px;  display: block; clear: both; }
#sucesso p { padding-left:10px; font-size:12px; color:#000000;  }
#sucesso a { color:#000000; }
#sucesso a:hover { text-decoration: underline; }
#sucesso #botoes { padding-top:20px; }
#sucesso #botoes input { width:125px; height:25px; margin:5px 0 0 0 ; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:right }

/*Mensagem*/
#mensagem { height:25px; line-height:25px; background-color:#E3E8EE; border-bottom:3px solid #FFFFFF; text-align:center; clear:both }
#mensagem span { padding-left:15px; font-size:12px; font-weight:bold; color:#E67817; text-transform:uppercase  } 

/*Paginacao*/
#paginacao { height:30px; top:-5px; position:relative; padding:0; margin:0;  display: block; clear:both; }
#paginacao span.resultado-paginacao { padding-left:5px; padding-right:10px; top:7px; position:relative; font-size:11px; color:#7F8D96; float:left }
#paginacao form input { font-size:11px; color:#7F8D96; }

/*Barra de Resultado da Busca*/
#barra-resultado-busca{ height:25px; padding:0; line-height:25px; margin-bottom:5px; background-color:#F3F7F8; display: block; clear:both;  }
#barra-resultado-busca span { padding-left:10px; font-size:11px; color:#7F8D96; text-transform:uppercase; font-weight:bold; float:left }
#barra-resultado-busca span.criterio { padding-left:3px; color:#BA251E; }

/*Barra de Ordenacao do Resultado da Busca*/
#barra-ordenar-busca { height:25px; padding:0; line-height:25px; margin-bottom:5px; background-color:#F3F7F8; display: block; clear:both;  }
#barra-ordenar-busca label { padding-left:10px; font-size:11px; color:#7F8D96; float:left }
#barra-ordenar-busca select { width:auto; margin-left:1px; margin-right:10px; padding:0; top:-1px; position:relative; border: 1px solid #E8E8E8; font-size:11px; color:#000000; float:left }

/*Barra Resultado Encontrados*/
#barra-resultado-top { width:100%; height:25px; padding:0; display: block; float:left; }
#barra-resultado-top span { padding-left:10px; font-size:11px; color:#7F8D96; float:left  } 
#barra-resultado-top strong { padding-left:5px; font-size:11px; float:left }

/*Imagem do Produto*/
#imagem-busca { height:147px; padding:0; display: block; float:left  }
#imagem-busca img { padding:25px 5px 0 0;  } 

/*Detalhe Produto*/
#detalhe-busca {width:395px; float:left; }
#detalhe-busca #detalhe-produto { padding:0; margin:0; clear:both  }
#detalhe-busca #detalhe-produto span { color:#7F8D96; float:left }
#detalhe-busca #detalhe-produto span.titulo { font-size:12px; font-weight:bold; color:#BA251E; }
#detalhe-busca #detalhe-produto span.codigo { padding-left:10px; font-size:11px; color:#7F8D96; }
#detalhe-busca #detalhe-produto span.autor { font-weight:bold; font-weight:bold; text-transform:uppercase; }
#detalhe-busca #avaliacao-produto { padding-top:2px; clear:both  }
#detalhe-busca #avaliacao-produto img { float:left }
#detalhe-busca #avaliacao-produto span { padding-left:95px; padding-right:10px; height:20px; line-height:25px; font-weight:bold; color:#7F8D96; float:left }
#detalhe-busca #detalhe-pagamento { width:386px; height:80px; top:5px; position:relative; border: 2px solid #F3F7F8; padding:2px; clear:both  }
#detalhe-busca #detalhe-pagamento #moldura-cinza { width: 386px; height:80px; background-color:#F3F7F8; }
#detalhe-busca #detalhe-pagamento #moldura-cinza table tbody td { padding-top:5px; padding-left: 8px;}
#detalhe-busca #detalhe-pagamento #moldura-cinza div { width:171px; float:right }
#detalhe-busca #detalhe-pagamento #moldura-cinza img { float:right }
#detalhe-busca #detalhe-pagamento #moldura-cinza span{ font-weight:bold; color:#7F8D96; line-height:19px; padding-right:5px; }
#detalhe-busca #detalhe-pagamento #moldura-cinza span.texto-destaque{ padding:0; font-size:12px; color:#BA251E; }
#detalhe-busca #detalhe-pagamento #moldura-cinza span.preco-destaque{ font-size:15px; color:#BA251E; }
#detalhe-busca #detalhe-pagamento #moldura-cinza #prazo-entrega { width:100%; height:30px; padding-top:5px; float:right }
#detalhe-busca #detalhe-pagamento #moldura-cinza #prazo-entrega span.prazo-entrega{ color:#BA251E; font-weight:bold;  padding-right:5px;  float:left }
#detalhe-busca #detalhe-pagamento #moldura-cinza #prazo-entrega span.local-entrega{ color:#7F8D96; font-weight:normal; float:left }
#detalhe-busca #detalhe-pagamento #moldura-cinza #prazo-entrega img { top:-5px; position:relative; float:right }

/*Barra Separador de Resultados*/
#barra-separador-busca { width:100%; height: auto; padding-top:12px; padding-bottom: 12px; display: block; float:left }
#barra-separador-busca div {  height:1px; background-color:#E8E8E8; clear:both }

/*Barra Resultados Encontrados*/
#barra-resultado-bottom { width:100%; padding:0; display: block; float:left; }
#barra-resultado-bottom span { width:435px; font-size:11px; text-align:right; color:#7F8D96; float:left } 
#barra-resultado-bottom strong { padding-left:3px; padding-right:5px; font-size:11px; float:left }
#barra-resultado-bottom select { margin-right:0; top:-7px; position:relative; float:right }

/*Barra de Instruções sobre o cadastro */
#info-cadastro { width:760px; top:-5px; position:relative; float:left  }
#info-cadastro strong.asteristico { color:#4F4F4F; }
#info-cadastro p span { padding-right:5px; font-size: 14px; font-weight: bold; text-transform:uppercase; }
#info-cadastro p { padding-right:2px;  margin:5px; font-size: 12px; text-align:justify }

/*Cadastro de Usuarios*/ 
#cadastro { width: 760px; height:600px; font-size:12px; color:#65767E; float:left; }  
#cadastro #barra-titulo { width:760px; height:25px; line-height:25px; background-color:#E3E8EE; border-bottom:7px solid #FFFFFF; float:left }
#cadastro #barra-titulo span { padding-left:25px; font-size:12px; font-weight:bold; color:#E67817; text-transform:uppercase  } 
#cadastro fieldset { width:370px; padding:2px 2px 3px 2px; border:1px solid #E4E4E4; float:left;}
#cadastro label {width:115px; height:23px; line-height:23px; background:#F3F7F8; margin:2px 2px 0 2px; padding:0 2px ; float:left; display:block}
#cadastro label.ref {width:115px; height:48px; line-height:23px; background:#F3F7F8; margin:2px 2px 0 2px; padding:0 2px ; float:left; display:block}
#cadastro input, textarea, select { border:1px solid #E1E1E1; font-size:11px; border-bottom-color:#CCC; border-right-color:#CCC; color:#666; margin:3px 0 0 2px }
#cadastro input, textarea { padding:2px; }
#cadastro input { width:236px }
#cadastro textarea { width:236px; height:24px; text-align:left }
#cadastro select { min-height:20px }
#cadastro label span { padding-left:7px }
#cadastro #separador-vertical { width:5px; border: 1px solid #FFFFFF; float:left }
#cadastro #separador-horizontal { height:5px;  border: 1px solid #FFFFFF; float:left }
#cadastro #newsletter { width:755px; height:40px;  }
#cadastro #newsletter span { padding-left:5px; width:400px; background: none;  float:left; display:block}
#cadastro #newsletter input { width: auto; height:auto; border:0; margin:0 auto; font-size:11px; float:left }
#cadastro #newsletter input.botao-cadastrar { width:108px; border:0; top:-7px; position:relative; float:right }
#cadastro span.erro { font-size:10px; color:#E67817 }
#cadastro span.dica { padding:5px; font-size:10px; }

/*Moldura Nossa Loja*/
#moldura-loja { height:20px; width:530px; line-height:20px; background-color:#BA251E; border-bottom:5px solid #F8C301;  }
#moldura-loja span { padding-left:10px; font-weight:bold; color:#FFFFFF; text-transform:uppercase }

/*Loja*/
#loja { width:520px; height:100%; padding-left:5px; padding-bottom:30px; clear:both; float:left }
#loja img { margin-top:15px; margin-bottom:10px; float:left }
#loja h2 { margin-bottom:5px; font-size:12px; font-weight:bold; color:#BA251E; text-transform:uppercase }
#loja p { font-size: 12px; margin-bottom:15px; }
#loja ul { width:252px; border: 1px solid #E3E8EC; float:left }
#loja ul li.titulo-moldura { padding-left:5px; height:25px; line-height:25px; background-color: #E3E8EC; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#BA251E; text-transform:uppercase }
#loja ul li.titulo-moldura span { top:-1px; position:relative; font-size: 12px; font-weight:bold; color:#BA251E; text-transform: lowercase }
#loja ul li { height:78px; font-size:12px; font-weight:bold; color:#7F8D96; text-transform: none }
#loja ul li img { margin:4px; clear:right; float:left }
#loja ul li p { padding: 3px 5px 4px 7px; }
#loja ul li a { font-size: 11px; color:#7F8D96 }
#loja ul li a:hover { text-decoration: underline; }
#loja #separador-vertical { width:10px; border: 1px solid #FFFFFF; float:left }
#loja #separador-horizontal { height:10px;  border: 1px solid #FFFFFF; clear:both }

/*Moldura Auto Atendimento*/
#moldura-auto-atendimento { height:25px; line-height:25px; margin-bottom:5px; background-color:#F3F7F8; display: block; clear:both;  }
#moldura-auto-atendimento span { padding-left:10px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase }

/*Auto Atendimento*/
#auto-atendimento { width:530px; height:100%; padding-bottom:30px; margin: 0 auto; text-align:center; float:left  }
#auto-atendimento span.atendimento { font-size:13px; font-weight:bold; color:#65767E; text-transform:uppercase; clear:both  }
#auto-atendimento span.duvidas { font-size:11px; font-weight:bold; color:#65767E; text-transform:uppercase }
#auto-atendimento ul.coluna-esquerda { width:250px; text-align:right; float:left  }
#auto-atendimento ul.coluna-esquerda li span{ font-size:11px; color:#65767E; text-transform: none }
#auto-atendimento ul.coluna-esquerda li.titulo-coluna span { font-size:11px; font-weight:bold; color:#65767E; text-transform:uppercase }
#auto-atendimento ul.coluna-esquerda li.separador { height:15px; }
#auto-atendimento #separador-vertical { width:25px; height:auto; border: 1px solid #FFFFFF; float:left  }
#auto-atendimento #separador-vertical #separador { margin:0 auto; width:2px; height:28px; background-color: #65767E; }
#auto-atendimento #separador-vertical #separador-maior {  margin:0 auto; width:2px; height:236px; background-color: #65767E; }
#auto-atendimento ul.coluna-direita { width:250px; text-align:left; float:left  }
#auto-atendimento ul.coluna-direita li span { font-size:11px; color:#65767E; text-transform: none }
#auto-atendimento ul.coluna-direita li.titulo-coluna span { font-size:11px; font-weight:bold; color:#65767E; text-transform:uppercase }
#auto-atendimento ul.coluna-direita li.separador { height:15px; }
#auto-atendimento ul li a { color:#65767E }
#auto-atendimento li a:hover { text-decoration: underline; }

/*Moldura Atendimento*/
#moldura-atendimento { width:354px; height:25px; line-height:25px; margin-bottom:5px; background-color:#F3F7F8; display: block; float:left }
#moldura-atendimento span { padding-left:10px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase; clear:both
 }
 
/*Central de Atendimento*/
#central-atendimento { width:165px; height:25px; line-height:23px; background-color:#6F8694; border-left: 5px solid #FFFFFF; float:left }
#central-atendimento img{ padding-left:6px; vertical-align:middle; float:left }

/*Atendimento*/
#atendimento { width:530px; height:100%; padding-bottom:30px; float:left  }
#atendimento #conteudo { margin:9px; width:325px; height:auto; float: left  }
#atendimento #conteudo p { font-size:12px; color:#000000; font-weight:normal }
#atendimento #conteudo a { color:#000000 }
#atendimento #conteudo a:hover { text-decoration: underline; }
#atendimento #menu { padding-top:10px; padding-bottom:15px; width:171px; height: auto; background-color:#F3F7F8; float:right  }
#atendimento #menu ul { width:161px; text-align: right;  }
#atendimento #menu ul li span { font-size:11px; color:#65767E; text-transform: none }
#atendimento #menu ul li.titulo-coluna span { font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase }
#atendimento #menu ul li.separador { height:15px; }
#atendimento #menu ul li a { color:#65767E }
#atendimento #menu li a:hover { text-decoration: underline; }

/*Conta do Usuário*/
#conta { height:auto; font-size:12px; color:#000000 }
#conta #barra-titulo { height:25px; line-height:25px; background-color:#E3E8EE; border-bottom:3px solid #FFFFFF; clear:both }
#conta #barra-titulo span { padding-left:15px; font-size:12px; font-weight:bold; color:#E67817; text-transform:uppercase  } 
#conta div { margin-bottom: 2px; }
#conta div ul li { padding: 2px 2px 5px 20px; }
#conta a { color:#000000; text-decoration: none; }
#conta a:hover { text-decoration: underline; }

/*Historico de Pedidos*/
#historico { margin-top: 10px; font-size:12px; color:#000000 }
#historico .a { padding-bottom: 3px; } 
#historico .b { text-align: left; padding-bottom: 3px; float: left; } 
#historico .c { text-align: right; padding-bottom: 3px; float: right; }
#historico .d { border: 1px solid #EEEEEE; margin-bottom: 10px; clear: both; }
#historico table { width: 100%; }
#historico input{ width:35px; height:20px; margin:5px 0 0 0 ; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center;  }
#historico #barra-botoes input.continuar { width:125px; height:25px; margin:5px 0 0 0 ; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:right }

/*Resultados*/
.resultados { width: 100%; margin-top: 10px; margin-bottom: 10px; height: 20px; font-size:12px; color:#000000; clear: both; }
.resultados .left { float: left; padding-top: 4px; }
.resultados .right { float: right; }

/*Preview Pedido*/
#preview { margin: 0 auto; font-size:12px; color:#000000; width: 100%; }
#preview .a, #preview .b, #preview .e { border: 1px solid #EEEEEE; margin-bottom: 10px; padding: 5px; }
#preview .a td { width: 33%; vertical-align: top; }
#preview .d { padding-bottom: 3px; }
#preview .a table, #preview .c { width: 100%; }
#preview .c td { vertical-align: top; }
#preview .f { text-align: right; }
#preview .left { text-align: left; }
#preview .right { text-align: right; }
#preview .center { text-align: center; }
#preview .g, #preview .h { width: 100%; }
#preview .preco_velho { text-decoration: line-through; }
#preview .preco_novo { color: #E67817; }
#preview #barra-botoes input.continuar { width:125px; height:25px; margin:5px 0 0 0 ; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:right }
#preview #barra-botoes { padding-bottom:100px }

/*Entrega*/
#entrega { padding: 5px; margin-bottom: 10px;  font-weight: normal; color: #000000; }
#entrega b { margin-bottom: 2px; font-weight: bold; color: #000000; text-transform:uppercase }
#entrega label { display: block; width: 100%; height: 100%; cursor: pointer; }
#entrega #barra-botoes input.continuar { width:125px; height:25px; margin:5px 0 0 0 ; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:right }
#entrega #barra-botoes input.voltar { width:125px; height:25px; margin:5px 0 0 0 ; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:left }
#entrega input.mudar { width:225px; height:25px;  background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; }
#entrega #barra-botoes { padding-bottom:100px }

/************************    daqui pra baixo css novo   ************************/

/*Dados Pessoais*/
#tarja-usuario { width:760px; border-bottom:8px solid #FFFFFF; float:left }
#tarja-usuario ul { list-style:none; }
#tarja-usuario ul li.cadastro { width:170px; height:23px; background-color:#65767E; display:block; float: left }
#tarja-usuario ul li.cadastro span { padding-left:15px; line-height:23px; font-size:12px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; }
#tarja-usuario ul li.cadastro { border-right: 5px solid #FFFFFF }
#tarja-usuario ul li { margin-left:0; width:585px; height:23px; background-color:#EAEFF3; float: left }
#tarja-usuario ul li span { line-height:23px; color:#65767E; }
#tarja-usuario ul li span.usuario { padding:0; font-weight:normal; color:#ED1B24 }
#tarja-usuario ul li span a { line-height:23px; color:#65767E; }
#tarja-usuario ul li span a:hover { text-decoration: underline; }

/*Menu Area do Usuario*/
#menu-usuario { width:170px; border-right:5px solid #FFFFFF; float:left }
#menu-usuario ul { list-style:none; }
#menu-usuario ul li.titulo-menu { width:170px; height:23px; line-height:23px; background-color:#EAEFF3; border-bottom:5px solid #F3F7F8; display:block; float: left }
#menu-usuario ul li.titulo-menu span { padding-left:15px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase; }
#menu-usuario ul li { width:170px; background-color:#F3F7F8; border-bottom:4px solid #F3F7F8; display:block; float: left }
#menu-usuario ul li span { padding-left: 15px; color:#65767E; }
#menu-usuario ul li span a { color:#65767E; }
#menu-usuario ul li span a:hover { text-decoration: underline; }

/*Tarja de Localização*/
#tarja-localizacao { width:585px; height:23px; background-color:#ED1B24; border-bottom:5px solid #FFFFFF; float:left }
#tarja-localizacao span { padding-left:12px; line-height:23px; font-size:12px; font-weight:bold; color:#FFFFFF; }

/*Área de Conteúdo do Usuário*/
#area-conteudo { width:585px; height: auto; float:left }
#area-conteudo table { display:block; float:left }
#area-conteudo thead tr { height:23px;  }
#area-conteudo thead th { border-bottom:5px solid #FFFFFF; }
#area-conteudo thead th { background-color:#EAEFF3; border-right: 5px solid #FFFFFF; color: #65767E; text-transform:uppercase  }
#area-conteudo thead th.nr { width:140px; text-align:center }
#area-conteudo thead th.dt { width:125px; text-align:center }
#area-conteudo thead th.vl { width:125px; text-align:center }
#area-conteudo thead th.st { width:140px; text-align:center }
#area-conteudo thead th.bc { width:55px; background-color:#FFFFFF  }
#area-conteudo tbody tr { height:23px; }
#area-conteudo tbody td { border-bottom:5px solid #FFFFFF; }
#area-conteudo tbody td { background-color:#F3F7F8; border-right: 5px solid #FFFFFF; color: #65767E; text-transform:uppercase  }
#area-conteudo tbody td.nr { padding-left: 25px; width:140px; }
#area-conteudo tbody td.dt { width:130px; text-align:center }
#area-conteudo tbody td.vl { width:130px; text-align:center }
#area-conteudo tbody td.st { width:130px; text-align:center; text-transform:none;  }
#area-conteudo tbody td.bc { width:55px; background-color:#EAEFF3; font-weight:bold; color:#E67817; text-align:center;   }
#area-conteudo tbody td.bc a { color:#E67817; }
#area-conteudo tbody td.bc a:hover { text-decoration: underline; }
#area-conteudo tbody tr.dpOFF { display: none; }
#area-conteudo tbody tr.dpON { display: table-row; }
#area-conteudo tbody td.pd { display:block; background-color:#FFFFFF }
#area-conteudo tbody td.jx { width:585px; background-color:#FFFFFF }
#area-conteudo tbody td.jx div div.tarja { width:100%; height:25px; line-height:25px; border-bottom:5px solid #FFFFFF; background-color:#F3F7F8; float:left }
#area-conteudo tbody td.jx div div.tarja span { padding-left:15px; font-size:12px; font-weight:bold; color:#E67817; text-transform:uppercase }
#area-conteudo tbody td.jx #endereco-pedido { width:328px; height:auto; border-bottom:5px solid #F3F7F8; background-color:#F3F7F8; float:left }
#area-conteudo tbody td.jx #endereco-pedido ul { list-style:none; }
#area-conteudo tbody td.jx #endereco-pedido ul li.titulo { padding-top:5px; }
#area-conteudo tbody td.jx #endereco-pedido ul li span { padding-left:15px; font-size:11px; color:#000000; text-transform: none }
#area-conteudo tbody td.jx #status-pedido { width:252px; height:auto; float:left }
#area-conteudo tbody td.jx #status-pedido ul li.titulo { padding-top:18px; padding-bottom:5px; padding-left:15px; }
#area-conteudo tbody td.jx #status-pedido ul li span { font-size:12px; font-weight:bold; color:#E67817; text-align:center; text-transform:uppercase }
#area-conteudo tbody td.jx #status-pedido p { padding-left:15px; padding-right:20px; font-size: 11px; text-align: left; text-transform:none }

#area-conteudo tbody td.jx #itens-pedido table { margin-top:5px; float:left }
#area-conteudo tbody td.jx #itens-pedido table tr { height: auto; }
#area-conteudo tbody td.jx #itens-pedido table td {  font-size: 11px; color: #000000; background-color:#FFFFFF   }
#area-conteudo tbody td.jx #itens-pedido table td.p { padding-left:15px; width:370px; text-align: left; text-transform:none }
#area-conteudo tbody td.jx #itens-pedido table td.pt { padding-left:15px; width:410px; color:#7F8D96; font-weight:bold; text-align: left; }
#area-conteudo tbody td.jx #itens-pedido table td.q { width:80px; text-align: center }
#area-conteudo tbody td.jx #itens-pedido table td.qt { width:80px; color:#7F8D96; font-weight:bold; text-align: right }
#area-conteudo tbody td.jx #itens-pedido table td.pu { padding-right:15px; width:100px; text-align: right }
#area-conteudo tbody td.jx #itens-pedido table td.put { width:100px; color:#7F8D96; font-weight:bold; text-align: right }

#area-conteudo tbody td.jx #itens-pedido #preco-unitario { width:65px; top:-6px; position:relative; float: right; }
#area-conteudo tbody td.jx #itens-pedido #preco-unitario  ul { text-align:center;  }
#area-conteudo tbody td.jx #itens-pedido #preco-unitario  ul li { height:12px; color:#7F8D96; font-weight:bold; }
#area-conteudo tbody td.jx #itens-pedido #preco-unitario  ul li span { text-align:center; font-size:12px; color:#7F8D96; font-weight:bold;  }
#area-conteudo tbody td.jx #itens-pedido #preco-unitario  ul li span.sup { font-size:10px; color:#7F8D96; font-weight:bold; text-align:center  }

#area-conteudo tbody td.jx #itens-pedido table td.tg strong { font-size: 12px; font-weight:bold; color:#000000; text-transform:uppercase }
#area-conteudo tbody td.jx #itens-pedido table td.t {  padding-right:15px; width:100px; text-align: right }
#area-conteudo tbody td.jx #itens-pedido table td.tg { font-size:11px; text-align: right; text-transform:uppercase }
#area-conteudo tbody td.jx #itens-pedido table td.tg strong { font-size: 11px; font-weight:bold; color:#000000; text-transform:uppercase }
#area-conteudo tbody td.jx #itens-pedido table td.ln { height:10px; }
#area-conteudo tbody td.jx #itens-pedido table td.ln div { height:2px; background-color: #F3F7F8;  }
#area-conteudo tbody td.jx #itens-pedido table td strong { font-size:10px; font-weight:bold; color:#FF0000; }
#area-conteudo tbody td.jx #itens-pedido table td.tf { padding-right:15px; width:100px; line-height:22px; background-color:#D0D8DB; font-weight:bold; text-align: right }

#area-conteudo #editar-cadastro { height:300px; font-size:12px; color:#65767E; clear:both }  
#area-conteudo #editar-cadastro fieldset { padding:2px 2px 3px 2px; border:1px solid #E4E4E4; clear:both }
#area-conteudo #editar-cadastro label {width:115px; height:23px; line-height:23px; background:#F3F7F8; margin:2px 2px 0 2px; padding:0 2px ; float:left; display:block}
#area-conteudo #editar-cadastro label.ref {width:115px; height:48px; line-height:23px; background:#F3F7F8; margin:2px 2px 0 2px; padding:0 2px ; float:left; display:block}
#area-conteudo #editar-cadastro input, textarea, select { border:1px solid #E1E1E1; font-size:11px; border-bottom-color:#CCC; border-right-color:#CCC; color:#666; margin:3px 0 0 2px; }
#area-conteudo #editar-cadastro input, textarea { padding:2px; }
#area-conteudo #editar-cadastro input { width:236px }
#area-conteudo #editar-cadastro textarea { width:236px; height:24px; text-align:left }
#area-conteudo #editar-cadastro select { min-height:20px }
#area-conteudo #editar-cadastro label span { padding-left:7px }
#area-conteudo #editar-cadastro #separador-horizontal { height:5px;  border: 1px solid #FFFFFF; clear:both  }
#area-conteudo #editar-cadastro #info-news { height:30px; line-height:30px; margin:10px; clear:both }
#area-conteudo #editar-cadastro #info-news label.news {width:315px; background:#FFFFFF; }
#area-conteudo #editar-cadastro #info-news input.check { width: auto; height:auto; margin:5px 0 0 10px; border:0; font-size:11px; float:left }
#area-conteudo #editar-cadastro span.erro { font-size:10px; color:#E67817 }
#area-conteudo #editar-cadastro span.dica { font-size:10px; float:left }
#area-conteudo #editar-cadastro #barra-botoes { height:50px; border:0; margin:0 auto; font-size:11px; clear:both  }
#area-conteudo #editar-cadastro #barra-botoes input.continuar { width:125px; height:25px; margin:5px 0 0 0 ; background-color:#D7DFE1; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#65767E; font-weight:bold; text-transform:uppercase; text-align:center; float:right }
#area-conteudo #editar-cadastro #barra-botoes input.voltar { width:125px; height:25px; margin:5px 0 0 0 ; background-color:#D7DFE1; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#65767E; font-weight:bold; text-transform:uppercase; text-align:center; float:left }

/*Mensagem*/
#mensagem-area-privada { width:585px; height:25px; line-height:25px; background-color:#E3E8EE; border-bottom:3px solid #FFFFFF; text-align:center; float:left }
#mensagem-area-privada span { padding-left:15px; font-size:12px; font-weight:bold; color:#E67817; text-transform:uppercase  } 

/*################################*/
/*Mudança de Endereço*/
#fases { width:760px; height:auto; padding-bottom:70px; float:left }
#fases #endereco-usuario { width:375px; height:auto; margin-bottom:10px; font-size:12px; float:left; }
#fases #endereco-usuario ul { width:375px; }
#fases #endereco-usuario ul li.titulo-user { height:25px; line-height:25px; border: 1px solid #E5EAED; background-color:#F3F7F8; }
#fases #endereco-usuario ul li.titulo-user span { padding-left:15px; font-weight:bold; color:#E67817; text-transform:uppercase }
#fases #endereco-usuario ul li.endereco-user { margin-top:10px; height:100px; border: 1px solid #E5EAED; background-color:#F3F7F8; }
#fases #endereco-usuario ul li.endereco-user ul li span { padding-left:15px; font-size:11px; color:#65767E; text-transform:uppercase; }
#fases #endereco-usuario input { top:325px; position: absolute; margin:5px 4px 0 171px; width:200px; height:25px; background-color:#D7DFE1;  font-size:11px; color:#65767E; font-weight:bold; text-align:center; float:right  }

#fases #forma-envio { margin-top:10px; margin-bottom:10px; width:374px; height:120px; border: 1px solid #E5EAED; float:left }
#fases #forma-envio p { padding-left:14px; padding-right:5px; font-size: 12px; text-align: left; }
#fases #forma-envio label { margin: 5px 0 0 0; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase; float:left }
#fases #forma-envio input { margin: 9px 0 0 15px; border:0; float:left }
/*#fases #forma-envio img { margin:-9px 5px 0 0 ; border:0; float:right }*/
#fases #forma-envio img { top:488px; padding-left:260px;  position:absolute; border:0; float:right }


#fases #separador-vertical { width:8px; border: 1px solid #FFFFFF; float:left }
#fases #botoes-shop { height: auto; }
#fases #botoes-shop input.botao-continuar{ margin:5px 0 0 0 ; width:125px; height:22px; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:right }
#fases #botoes-shop input.botao-voltar{ margin:5px 0 0 0 ; width:125px; height:22px; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:left }

/*Formas de Pagamento*/
#fases #pagamento { height:25px; line-height:25px; border: 1px solid #F3F7F8; background-color:#F3F7F8; clear:both }
#fases #pagamento span { padding-left:15px; font-size:12px; font-weight:bold; color:#E67817; text-transform:uppercase }
#fases #pagamento span.destaque { padding-left:1px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase }
#fases #pagamento { margin-bottom:10px; }
#fases #tarja { height:25px; line-height:25px; border: 1px solid #F3F7F8; background-color:#F3F7F8; clear:both }
#fases #tarja span { padding-left:15px; font-size:12px; font-weight:bold; color:#E67817; text-transform:uppercase }
#fases #tarja span.destaque { padding-left:1px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase }
#fases #tarja { margin-bottom:10px; }
#fases #cartao { margin-top:10px; height:100px; border: 1px solid #E5EAED; background-color:#F3F7F8; }
#fases #cartao span { top:5px; position:relative; padding-left:15px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase }
#fases #cartao table { margin-top:15px; }
#fases #cartao table tr { text-align: center }
#fases #cartao table td { padding-top:5px; font-size: 11px; font-weight: bold; color: #000000; text-align: center }
#fases #cartao table td img { border:0 }
#fases #cartao table td input { border:0 }

#fases #boleto { margin-top:10px; height:110px; border: 1px solid #E5EAED; background-color:#F3F7F8; }
#fases #boleto span { top:5px; position:relative; padding-left:15px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase }
#fases #boleto table { margin-top:15px; }
#fases #boleto table tr { text-align: center }
#fases #boleto table td { padding-top:5px; font-size: 11px; font-weight: bold; color: #000000; text-align: center }
#fases #boleto table td img { border:0 }
#fases #boleto table td input { border:0 }

#fases #confirmar { margin-top:5px; margin-bottom:10px; height:25px; line-height:25px; clear:both }
#fases #confirmar span { padding-left:15px; font-size:18px; font-weight:bold; color:#FF0000; text-transform:uppercase; float:left }
#fases #confirmar input { margin:5px 0 0 0; width:225px; height:22px; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-align:center; float:right }

#fases #desc-forma-pagamento { margin-top:10px; height:130px; border: 1px solid #E5EAED; background-color:#F3F7F8; }
#fases #desc-forma-pagamento span { top:5px; position:relative; padding-left:15px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase }
#fases #desc-forma-pagamento p { padding-left:14px; padding-right:25px; font-size: 12px; text-align:left }
#fases #desc-forma-pagamento p strong { font-size:12px; font-weight:bold; color:#FF0000; text-transform:uppercase;  }

#fases #produtos table { margin-top:5px; float:left }
#fases #produtos table td {  font-size: 12px; color: #000000;  }
#fases #produtos table td.p { width:380px; text-align: left }
#fases #produtos table td.q { width:100px; text-align: center }
#fases #produtos table td.pu { width:100px; text-align: center }
#fases #produtos table td.d { width:90px; text-align: center }
#fases #produtos table td.t { padding-right:15px; width:100px; text-align: right }
#fases #produtos table td.tg strong { font-size: 12px; font-weight:bold; color:#000000; text-transform:uppercase }
#fases #produtos table td.tg { padding-right:15px; text-align: right; text-transform:uppercase }
#fases #produtos table td.ln { height:10px; }
#fases #produtos table td.ln div { height:2px; background-color: #F3F7F8;  }
#fases #produtos table td strong { font-size:10px; font-weight:bold; color:#FF0000; }
#fases #produtos table td.tf { padding-right:15px; width:100px; line-height:22px; background-color:#D0D8DB; font-weight:bold; text-align: right }


#fases #conf-forma-pagamento { margin-top:10px; margin-bottom:10px; height:120px; border: 1px solid #E5EAED; background-color:#F3F7F8; }
#fases #conf-forma-pagamento p { padding-top:5px; padding-bottom:10px; padding-left:14px; font-size: 12px; text-align:justify; }
#fases #conf-forma-pagamento span { margin-top:10px; padding-left:15px; font-size:12px; font-weight:bold; color:#65767E; text-transform:uppercase; float:left }
#fases #conf-forma-pagamento input { margin:50px 3px 0 0; width:225px; height:22px; background-color:#D7DFE1; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#65767E; font-weight:bold; text-align:center; float:right }

#fases #sucesso { margin-top:5px; height:50px; clear:both }
#fases #sucesso p.titulo-sucesso { padding-left:15px; font-size:18px; font-weight:bold; color:#00B35C; text-align:justify; float:left }
#fases #sucesso p { padding-left:14px; font-size: 12px; text-align:justify; float:left }

#fases #conf-sucesso { margin-top:10px; margin-bottom:10px; height:120px; border: 1px solid #E5EAED; background-color:#F3F7F8; }
#fases #conf-sucesso p { padding-top:5px; padding-bottom:5px; padding-left:14px; padding-right:20px; font-size: 12px; text-align: left; }
#fases #conf-sucesso p strong { color:#FF0000; font-weight:normal }
#fases #conf-sucesso p a { color:#4097C4; font-weight:bold }
#fases #conf-sucesso p a:hover { text-decoration: underline; }
#fases #conf-sucesso span { margin-left:14px; margin-bottom:5px; width:230px; height:25px; line-height:32px; background-color:#E67817; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#FFFFFF; font-weight:bold; text-align:center; float:left }
#fases #conf-sucesso span strong { top:-4px; position:relative; font-size:20px; text-transform:uppercase; }
#fases #conf-sucesso input { margin:-4px 3px 0 0; padding:0; width:225px; height:22px; background-color:#D7DFE1; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#65767E; font-weight:bold; text-transform:uppercase; text-align:center; float:right }

/*Dados Pessoais*/
#tarja-usuario { width:760px; border-bottom:8px solid #FFFFFF; float:left }
#tarja-usuario ul { list-style:none; }
#tarja-usuario ul li.cadastro { width:170px; height:23px; background-color:#65767E; display:block; float: left }
#tarja-usuario ul li.cadastro span { padding-left:15px; line-height:23px; font-size:12px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; }
#tarja-usuario ul li.cadastro { border-right: 5px solid #FFFFFF }
#tarja-usuario ul li { margin-left:0; width:585px; height:23px; background-color:#EAEFF3; float: left }
#tarja-usuario ul li span { line-height:23px; color:#65767E; }
#tarja-usuario ul li span.usuario { padding:0; font-weight:normal; color:#ED1B24 }
#tarja-usuario ul li span a { line-height:23px; color:#65767E; }
#tarja-usuario ul li span a:hover { text-decoration: underline; }

/*Janela*/
#msg_iframe {width:100%; height:100%; background:#000; filter: alpha(opacity=50); opacity: .5; position:absolute; top:0; left:0; z-index:4}
.janela { border:3px solid #E0E0E0; background:#F9F9F9; position:absolute; top:50%; left:50%; z-index:5 }
.janela_titulo { height:20px; font-size:11px; line-height:20px; background-color:#E0E0E0; font-weight:bold }
.janela_titulo span { padding-left:5px }
.janela_titulo a { padding-right:5px; color:#65767E; }
.janela_titulo a:hover { text-decoration: underline; }
.janela_conteudo { padding:0; height:100%; display: block }

/*Resenha*/
#resenha { width:100%; height:160px; float:left }
#resenha fieldset { padding:0; margin:0; width: 100%; float:left }
#resenha fieldset label { font-weight: normal; float:left }
#resenha fieldset textarea { width:340px; height:95px; margin-bottom:5px; line-height:normal; font-size:11px; float:left }
#resenha fieldset input.botao-enviar { width:55px; background-color:#E0E0E0; font-size: 11px; font-weight: bold; color:#66758B; text-align: center; float: right }