* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; margin: 0; padding: 0 }
body { background: #323386 url(../img/bg.jpg) no-repeat center top; margin: 0px }

a { color: #000000; text-decoration: none }
a:hover { color: #ff9600 }

a.link-botao { background-color: #F4F5F9; border: 1px solid #959699; margin-left: 10px; padding: 3px; text-transform: uppercase }
a.link-botao:hover { background-color: #e0e1e4; color: #333333; border: 1px solid #717171 }

table#principal { background-color: #FFFFFF; border: 1px solid #999999; margin: 0 auto; width: 745px }

div#topo { background: url(../img/bg-topo.gif) repeat-x; overflow: hidden; padding: 10px; width: 735px }
div#topo img#logo { border: 0; float: left }

div#topo div#login { display: inline; float: right; width: 405px }
div#topo div#login form { width: 405px  }
div#topo div#login form fieldset { border: 0  }
div#topo div#login form legend { display: none }
div#topo div#login form ul li { display: inline; float: left; list-style: none outside none; margin-right: 15px }
div#topo div#login form ul li label { display: block; height: 10px; margin-bottom: 5px; text-indent: -5000em; width: 33px }
div#topo div#login form ul li label.txt-login { background: url(../img/txt-email.gif) no-repeat }
div#topo div#login form ul li label.txt-senha { background: url(../img/txt-senha.gif) no-repeat }
div#topo div#login form ul li input { background: url(../img/bg-input-login.gif) no-repeat; border: 0; margin-bottom: 5px; padding: 3px; width: 159px }
div#topo div#login form ul li input:focus { background-position: 0 -18px }
div#topo div#login form ul li input#btnLogar { background: url(../img/btn-ok.gif) no-repeat; cursor: pointer; display: block; font-size: 0; line-height: 0; height: 21px; margin: 13px 0 0; padding: 0; text-indent: -5000em; width: 27px }
div#topo div#login form ul li a { display: block }
div#topo div#login form ul li.login-error { color: #F00; padding-top: 5px }
div#topo div#login form ul li.login-error p { color: #F00 }

div#topo ul#logado { background: url(../img/bg-menu-logado.gif) no-repeat; float: right; height: 59px; padding: 10px; width: 132px }
div#topo ul#logado li { list-style: none outside none; text-align: right }
div#topo ul#logado li h2 { color: #FFFFFF }
div#topo ul#logado li a { background: url(../img/ico-lista-logado.gif) no-repeat right 4px; color: #FFFFFF; padding-right: 13px }
div#topo ul#logado li a:hover { background-position: right -10px;  text-decoration: underline }

div#topo div#menu { background: url(../img/bg-menu-topo.gif) no-repeat; clear: both; display: block; height: 57px; width: 735px }
div#topo div#menu ul#laranja { float: right; height: 52px; margin-top: 5px; overflow: hidden; width: 181px }
div#topo div#menu ul#laranja li { list-style: none outside none; padding: 30px 0 0 49px }
div#topo div#menu ul#laranja li a { color: #333333 }
div#topo div#menu ul#laranja li a:hover { color: #333333; text-decoration: underline }

div#topo div#menu ul#azul { display: inline-block; float: right; overflow: hidden; padding: 5px 6px; width: 295px }
div#topo div#menu ul#azul li { float: left; list-style: none outside none }
div#topo div#menu ul#azul li a { background: url(../img/menu-azul-topo.gif) no-repeat; display: block; height: 12px; margin: 0 12px; text-indent: -5000em; overflow: hidden }
div#topo div#menu ul#azul li a#menu-quem-somos { background-position: 0 0; width: 72px }
div#topo div#menu ul#azul li a#menu-quem-somos:hover { background-position: 0 -12px }
div#topo div#menu ul#azul li a#menu-onde-estamos { background-position: -91px 0; width: 77px }
div#topo div#menu ul#azul li a#menu-onde-estamos:hover { background-position: -91px -12px }
div#topo div#menu ul#azul li a#menu-fale-conosco { background-position: -189px 0; width: 70px }
div#topo div#menu ul#azul li a#menu-fale-conosco:hover { background-position: -189px -12px }

div#topo div#menu ul#cinza { float: left; overflow: hidden; padding: 12px 0 7px; width: 552px }
div#topo div#menu ul#cinza li { float: left; list-style: none outside none }
div#topo div#menu ul#cinza li a { background: url(../img/menu-cinza-topo.gif) no-repeat; display: block; height: 16px; margin: 0 9px; overflow: hidden; text-indent: -5000em }
div#topo div#menu ul#cinza li a#menu-produtos { background-position: 0 0; width: 60px }
div#topo div#menu ul#cinza li a#menu-produtos:hover { background-position: 0 -16px }
div#topo div#menu ul#cinza li a#menu-promocoes { background-position: -77px 0; width: 74px }
div#topo div#menu ul#cinza li a#menu-promocoes:hover { background-position: -77px -16px }
div#topo div#menu ul#cinza li a#menu-para-voce { background-position: -168px 0; width: 64px }
div#topo div#menu ul#cinza li a#menu-para-voce:hover { background-position: -168px -16px }
div#topo div#menu ul#cinza li a#menu-sua-empresa { background-position: -249px 0; width: 113px }
div#topo div#menu ul#cinza li a#menu-sua-empresa:hover { background-position: -249px -16px }
div#topo div#menu ul#cinza li a#menu-corporativo { background-position: -380px 0; width: 145px }
div#topo div#menu ul#cinza li a#menu-corporativo:hover { background-position: -380px -16px }

div#fullbanner { margin: 0 auto 10px; width: 735px }

table#conteudo { margin: 0 auto }

h2.para-sua-empresa { background: url(../img/h2-para-empresa.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.para-voce { background: url(../img/h2-para-voce.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.pesquisar { background: url(../img/h2-pesquisar.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 176px; font-size: 0; line-height: 0 }
h2.linhas-produtos { background: url(../img/h2-linhas-produtos.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 176px; font-size: 0; line-height: 0 }
h2.produtos { background: url(../img/h2-produtos.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.promocoes { background: url(../img/h2-promocoes.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.centerpel-corporativo { background: url(../img/h2-centerpel-corporativo.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.onde-estamos { background: url(../img/h2-onde-estamos.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.quem-somos { background: url(../img/h2-quem-somos.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.fale-conosco { background: url(../img/h2-fale-conosco.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.cadastro { background: url(../img/h2-cadastro.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.lembrar-senha { background: url(../img/h2-lembrar-senha.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.meu-carrinho { background: url(../img/h2-meu-carrinho.gif) no-repeat; display: block; height: 31px; text-indent: -5000em; width: 556px; font-size: 0; line-height: 0 }
h2.bg-linhas { background: url(../img/h2-bg-linhas.gif) no-repeat; color: #FFFFFF; display: block; font-size: 14px; margin: 0 0 10px; padding: 7px; text-align: left; width: 542px }
h3 { font-size: 14px; text-align: left; margin: 0 8px 10px }
h4 { font-size: 12px; text-align: left; margin: 0 8px 10px }

p { margin-bottom: 5px; text-align: left }

img.img-centro { display: block; margin: 0 auto 10px }

form#form_pesquisa { margin: 10px 0 }
form#form_pesquisa fieldset { border: 0 }
form#form_pesquisa legend { display: none }
form#form_pesquisa ul li { list-style: none outside none }
form#form_pesquisa ul li input { margin-bottom: 5px; padding: 3px; width: 168px }
form#form_pesquisa ul li input#btn-pesquisar { background: url(../img/btn-buscar.gif) no-repeat; font-size: 0; line-height: 0; border: 0 none; cursor: pointer; float: right; height: 19px; margin: 0; padding: 0; text-indent: -5000em; width: 55px }

div#form-pesquisar-interno { border: 1px solid #CCCCCC; margin: 10px 0; width: 554px }
div#form-pesquisar-interno form {width: 554px }
div#form-pesquisar-interno fieldset { border: 0 }
div#form-pesquisar-interno legend { background-color: #E1E1E1; color: #545454; display: inline; font-size: 12px; font-weight: bold; padding: 5px; text-align: center; text-transform: uppercase; width: 544px }
div#form-pesquisar-interno ul { margin: 5px auto; width: 475px }
div#form-pesquisar-interno ul li { clear: both; list-style: none outside none; overflow: hidden; text-align: left; padding: 3px 0 }
div#form-pesquisar-interno ul li label { display: block; float: left; font-weight: bold; margin-right: 5px; padding: 5px 0; text-align: right; width: 100px }
div#form-pesquisar-interno ul li select { background-color: #f4f5f9; border: 1px solid #959699; padding: 3px }
div#form-pesquisar-interno ul li input { background-color: #f4f5f9; border: 1px solid #959699; padding: 3px; width: 350px }
div#form-pesquisar-interno ul li input:focus, div#form-pesquisar-interno ul li select:focus, div#form-pesquisar-interno ul li input#btn_Buscar:hover, div#form-pesquisar-interno ul li input#btn_Listar:hover { background-color: #e0e1e4; border: 1px solid #717171 }
div#form-pesquisar-interno ul li input#btn_Buscar, div#form-pesquisar-interno ul li input#btn_Listar { cursor: pointer; float: right; font-weight: bold; margin: 0 5px; padding: 3px; width: auto }

form#form-esqueci-senha { margin: 10px auto; width: 267px }
form#form-esqueci-senha fieldset { border: 0 }
form#form-esqueci-senha legend { display: none }
form#form-esqueci-senha ul { margin: 0; overflow: hidden; padding: 0 }
form#form-esqueci-senha ul li { float: left; list-style: none outside none }
form#form-esqueci-senha ul li input { margin-bottom: 5px; padding: 3px; width: 168px }
form#form-esqueci-senha ul li input:focus { background-color: #e0e1e4; border: 1px solid #717171 }
form#form-esqueci-senha ul li input#btn_Incluir { background: url(../img/btn-ok.gif) no-repeat; border: 0 none; cursor: pointer; font-size: 0; line-height: 0; float: right; height: 21px; margin: 0 0 0 10px; padding: 0; text-indent: -5000em; width: 27px; font-size: 0; line-height: 0 }

form#form-alterar-senha { margin: 10px 0 }
form#form-alterar-senha fieldset { border: 0 }
form#form-alterar-senha legend { display: none }
form#form-alterar-senha ul { margin: 5px auto; width: 518px }
form#form-alterar-senha ul li { list-style: none outside none; overflow: hidden; text-align: left; padding: 3px 0 }
form#form-alterar-senha ul li label, form#form-alterar-senha ul li strong { display: block; float: left; font-weight: bold; margin-right: 5px; padding: 5px 0; text-align: right; width: 130px }
form#form-alterar-senha ul li p { line-height: normal; margin: 0; padding: 5px 0 }
form#form-alterar-senha ul li input { background-color: #f4f5f9; border: 1px solid #959699; padding: 3px; width: 250px }
form#form-alterar-senha ul li input:focus { background-color: #e0e1e4; border: 1px solid #717171 }
form#form-alterar-senha input#btn_Incluir { cursor: pointer; margin-left: 159px }
form#form-alterar-senha input#btn_Incluir:hover { background-color: #e0e1e4; border: 1px solid #717171 }
.error { color: #FF0000; font-size: 14px; font-weight: bold; text-align: center }

a#link-atendimento-online { background: url(../img/img-atendimento-online.gif) no-repeat; display: block; height: 89px; margin-bottom: 10px; overflow: hidden; text-indent: -5000em; width: 176px }

table.lista-produtos { border: 1px solid #DADADA; height: 260px; margin: 1px; width: 182px }
table.lista-produtos a.img-produto { display: block; height: 150px; margin: 0 auto; text-align: center; width: 150px }
table.lista-produtos h3 { height: 35px; margin: 5px 10px 0; text-align: center }
table.lista-produtos h3 a { color: #333333; font-size: 9px }
table.lista-produtos h3 a:hover { color: #ad2525 }
table.lista-produtos span.valor { color: #AD2525; display: block; font-size: 12px; font-weight: bold; margin: 5px 10px 0; text-align: center }
table.lista-produtos span.valor s { display: block }
div.botoes-compra-detalhe { margin: 5px auto 0; overflow: hidden; width: 138px }
a.link-comprar { background: url(../img/btn-comprar.gif) no-repeat; display: block; float: left; height: 21px; overflow: hidden; text-indent: -5000em; width: 64px; font-size: 0; line-height: 0 }
a.link-comprar:hover { background-position: 0 -21px }
a.link-detalhes { background: url(../img/btn-detalhes.gif) no-repeat; display: block; float: right; height: 21px; overflow: hidden; text-indent: -5000em; width: 64px; font-size: 0; line-height: 0 }
a.link-detalhes:hover { background-position: 0 -21px }

ul#galeria { overflow: hidden }
ul#galeria li { float: left; list-style: none outside none; margin: 0 9px 9px 0 }
ul#galeria li a {}
ul#galeria li img { border: 0 none }

div.promocao-mes-img { float: left; margin: 0 15px 0 8px }

ul#breadcrumb { clear: both; overflow: hidden; width: 546px }
ul#breadcrumb li { border-right: 1px solid #333; float: left; list-style: none outside none; margin-right: 10px; padding-right: 10px }
ul#breadcrumb li.ativo { border-right: 0 none }
ul#breadcrumb li.ativo a { font-weight: bold }

div#produto-detalhes { overflow: hidden; padding-left: 8px }
div#produto-detalhes div#img-produto { float: left; height: 150px; margin-right: 15px; padding: 10px; text-align: center; width: 150px }
div#produto-detalhes h2 { background-color: #292A66; color: #FFFFFF; float: left; font-size: 12px; line-height: normal; padding: 5px; width: 350px } 
div#produto-detalhes h3 { margin: 0 0 10px }
div#produto-detalhes h4 { clear: both; font-size: 12px; margin: 0 0 10px }
div#produto-detalhes p { padding: 0 }
div#produto-detalhes p.info-preco-corporativo { clear: both; display: block; font-size: 11px; padding-top: 15px }
div#produto-detalhes p.info-preco-corporativo a { color: #FF9600; font-size: 11px; font-weight: bold }
div#produto-detalhes p.info-preco-corporativo a:hover { text-decoration: underline }
div#produto-detalhes p span.txt-de { text-decoration: line-through }
div#produto-detalhes p span.txt-por { font-size: 18px; font-weight: bold }

#form-avise-me { overflow: hidden }
#form-avise-me ul { padding-left: 0 }
#form-avise-me ul li { list-style: none; float: left; margin-right: 10px }
	#txtAvisoEmail { width: 200px }
	#aviso-erro { clear: both; border: 1px solid #CC0000; background-color: #FFEBE8; padding: 5px; margin-top: 5px }
	#aviso-erro p { margin-bottom: 0 }
	#aviso-sucesso { border: 1px solid #5ca72e; background-color: #d2f6bc; padding: 5px }
	#aviso-sucesso p { margin-bottom: 0 }

td.conteudo-interno { padding-left: 3px; width: 556px }
td.conteudo-interno h2 { margin-bottom: 10px }
td.conteudo-interno p { line-height: 18px; margin-bottom: 10px; padding-left: 8px }
td.conteudo-interno ul { padding-left: 10px; margin-bottom: 10px }
td.conteudo-interno ul li { list-style: inside disc }

div.campo-cep p.alinhamento-campo-cep { padding-left: 10px; padding-top: 7px }
div.campo-cep ul { margin-top: 10px; overflow: hidden; padding: 10px }
div.campo-cep ul li { list-style:none outside none;  }

a#link-continuar-comprando { background: url(../img/btn_continuar_comprando.gif) no-repeat; display: block; float: left; font-size: 0; height: 41px; line-height: 0; margin: 0 15px 15px 85px; text-indent: -5000em; width: 190px }
a#link-atualizar-carrinho { background: url(../img/btn_atualizar_carrinho.gif) no-repeat; display: block; float: left; font-size: 0; height: 41px; line-height: 0; margin-bottom: 15px; text-indent: -5000em;  width: 168px }
a#link-concluir-pedido { background: url(../img/btn_concluir_pedido.gif) no-repeat; display: block; font-size: 0; height: 41px; line-height: 0; margin-bottom: 15px; text-indent: -5000em;  width: 168px }
a#link-continuar-comprando:hover, a#link-atualizar-carrinho:hover, a#link-concluir-pedido:hover { background-position: 0 -41px }

form#form_login2 { margin: 10px auto; width: 267px }
form#form_login2 fieldset { border: 0 }
form#form_login2 legend { display: none }
form#form_login2 ul { margin: 0; overflow: hidden; padding: 0 }
form#form_login2 ul li { float: left; list-style: none outside none }
form#form_login2 ul li input { margin-bottom: 5px; padding: 3px; width: 168px }
form#form_login2 ul li input:focus { background-color: #e0e1e4; border: 1px solid #717171 }

div#mapa { padding-left: 8px }

div#rodape { background: url(../img/bg-rodape.gif) repeat-x; margin-top: 10px; padding: 10px }
div#rodape p { color: #FFFFFF; text-align: center }
div#rodape p a#assinatura-princi { background: url(../img/assinatura-princi.gif) no-repeat 0 3px; display: inline-block; height: 10px; text-indent: -5000em; width: 112px }

/* Paginacao */
div.paginacao { margin-top: 10px }
div.paginacao ul { list-style: none; float: right }
div.paginacao ul li { font-size: 11px }
div.paginacao ul li a { padding: 1px 3px; display: block }
li.numero-paginacao, li.numero-paginacao-atual, li.ant-paginacao, li.prox-paginacao, li.total-registros { float: left }
li.numero-paginacao, li.numero-paginacao-atual, li.reticencias { margin-left: 5px }
li.reticencias { font-weight: bold; padding-top: 1px; float: left }
li.ant-paginacao { margin-right: 10px; border-right: 1px solid #000; padding-right: 10px }
li.prox-paginacao { margin-left: 15px; border-left: 1px solid #000; padding-left: 10px }
li.numero-paginacao-atual { font-weight: bold }
li.total-registros { margin-left: 15px; border-left: 1px solid #000; padding-left: 10px }

/* LIXO */

input, textarea, select { background-color: #F4F5F9; border: 1px solid #959699; padding: 3px  }
input:focus, textarea:focus, select:focus { background-color: #e0e1e4; border: 1px solid #717171 }
.fonte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-transform: uppercase; color: #333333; }
.verdana10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; }
.verdana11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
.verdana11bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; }
.verdana10bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #545454; }
.verdana10bold2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #545454; } 
.verdana12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #545454; }
.verdana10red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #A7241C; }
.verdana11red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #A7241C; }
.texteiraVermelhoUp { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-color: #A7241C; }
.verdana12blue { font-size: 12px; font-weight: bold; color: #304187; }
.texteiraCinza { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; background-color: #F0F0F0; text-transform: uppercase; }
.texteiraAzul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #14347D; text-transform: uppercase;  }
.texteiraVermelha { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #D72718; text-transform: uppercase; }
.verdana12bold { font-size: 12px; font-weight: bold; }
.tabela { border-bottom-width: thin; border-bottom-style: double; border-bottom-color: #E5E5E5; }
.tab { border-top: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1;}
.verdana11White { font-size: 11px; font-weight: bold; color: #FFFFFF; }


/* Beneficios para empresa */
#btn-beneficios { background: url(../img/banner-beneficios.jpg) top; width: 172px; height: 79px; display: block; overflow: hidden; text-indent: -9999px; float: left; margin-left: 250px }
#btn-beneficios:hover { background-position: bottom }

#btn-beneficios-ie6 { background: url(../img/banner-beneficios.jpg) top; width: 172px; height: 79px; display: block; overflow: hidden; text-indent: -9999px; float: left; margin-left: 200px }
#btn-beneficios-ie6:hover { background-position: bottom }

/* Menu Lateral */
table#menu-lateral { width: 176px }
table#menu-lateral h2 { background: url(../img/bg-topo-menu-lateral.gif) no-repeat; font-size: 0; height: 32px; line-height: 0; text-indent: -5000em; width: 176px }
table#menu-lateral table td { background: url(../img/bg-menu-lateral.gif) repeat-y; width: 176px }
table#menu-lateral table tr.rodape td { background: url(../img/bg-rodape-menu-lateral.gif) no-repeat; font-size: 0; height: 11px; line-height: 0; text-indent: -5000em }
table#menu-lateral table tr.categoria-pai td { color: #333333; font-size: 11px; padding: 5px 10px }
table#menu-lateral table tr.subcategoria td { padding: 5px 10px 5px 20px }
table#menu-lateral table tr.categoria-pai td a, table#menu-lateral table tr.subcategoria td a { color: #333333; font-size: 11px; }
table#menu-lateral table tr.categoria-pai td:hover, table#menu-lateral table tr.categoria-pai td a:hover, table#menu-lateral table tr.subcategoria td a:hover { color: #ff9600; font-size: 11px; }
.borda { border-bottom: 1px dotted #ACACAC; }

/* Sub-categorias no menu lateral */
.categoria-pai td { padding: 2px 0 3px 12px }
.subcategoria td { padding: 2px 0 3px 23px }
.collapsed td { background: url(../img/ico-expande.gif) no-repeat 0 6px }
.expanded td { background: url(../img/ico-fecha.gif) no-repeat 0 6px; border-bottom: 0 }
.subcategoria td { background: url(../img/arrow_produtos.gif) no-repeat 12px 7px }

/* Listagem lateral de Marcas */
ul#marcas { overflow: hidden }
ul#marcas li { list-style: none outside none; margin: 20px 0 }
ul#marcas li img { border: 0; display: block; margin: 0 auto }