.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix{display:inline-block} * html .clearfix{height:1%} .clearfix{display:block} /*|PADRÃO|*/ *{margin:0; padding:0; list-style:none; border:none; font-family:verdana, tahoma, sans-serif, arial; font-size:12px} body{background:#004E00/*url('img/bg.jpg');*/} a.right{float:right; padding:10px 0px} .semtexto{text-indent:-5000px} h3{background: url('img/bg_verde_comeco.png') no-repeat; padding:6px 15px; font-size:11px; font-weight:bold; color:white; text-transform:uppercase} h3.laranja{background: url('img/bg_laranja_comeco.png') no-repeat; padding:6px 15px; font-size:11px; font-weight:bold; color:white; text-transform:uppercase} h3.azul{background: url('img/bg_azul_comeco.png') no-repeat; padding:6px 15px; font-size:11px; font-weight:bold; color:white; text-transform:uppercase} #all{margin:0 auto; width:918px; background:white url('img/all_bottom.png') bottom no-repeat; padding:0px 3px; padding-bottom:20px;} fieldset{border:0} .inicioimagem{background: url('img/bg_verde.png') repeat-x; padding-top:0px} .iniciolaranja{background: url('img/bg_laranja.png') repeat-x; padding-top:0px} .inicioazul{background: url('img/bg_azul.png') repeat-x; padding-top:0px} /* Classes dos botoes do carrinho de compra */ span.valor{display:block; text-align:center; color:red; font-size:14px; font-weight:bold} a.add{float:left; width:16px; height:16px; text-indent:-5000px; overflow:hidden; background:url('img/cart_put.png') no-repeat left; padding:0px 2px} a.informacoes{float:left; width:16px; height:16px; text-indent:-5000px; overflow:hidden; background:url('img/information.png') no-repeat left; padding:0px 2px} a.excluir{display:block; width:16px; height:16px;text-indent:-5000px; overflow:hidden; background:url('img/delete.png') no-repeat center; padding:0px 2px} a.comprarProdutoRevendedor{display:block; height:21px; width:60px; padding:2px; float:left; text-indent:-5000px; overflow:hidden; background:url('img/Graphic1.jpg') no-repeat center; margin-top:10px;} a.detalhesProdutoRevendedor{display:block; height:21px; width:64px; padding:2px; margin-left:20px; float:left; text-indent:-5000px; overflow:hidden; background:url('img/detalhes.png') no-repeat center; margin-top:10px;} a.detalhesProdutoRevendedorCenter{display:block; height:21px; width:64px; padding:2px; margin:0 auto; text-indent:-5000px; overflow:hidden; background:url('img/detalhes.png') no-repeat center; margin-top:10px;} /*|TOPO DO SITE|*/ #head_description{height:170px; background:url('img/border_head.png') bottom no-repeat;} /*|CONTEUDO|*/ #conteudo{margin-top:5px} /*|CONTEUDO INDEX|*/ #conteudo-produtos{width:565px; float:left; margin-left:1px} #conteudo-produtos2{width:613px; float:left; margin-left:1px} /*|BUSCA AVANCADA / PRODUTOS CATEGORIAS / ULTIMAS NOTICIAS / PROMOCOES|*/ #busca-avancada, #produtos-categorias, #ultimasnoticias{margin-top:10px; color:#009900; font-size:12px; color:#333333} /*|BUSCA AVANCADA|*/ /* #conteudo-produtos #busca-avancada ul{padding:10px 0px} #conteudo-produtos #busca-avancada fieldset{border:1px solid #d7d7d7; margin-top:5px} #conteudo-produtos #busca-avancada fieldset li{padding:2px 10px; font-size:11px; line-height:25px; float:left} #conteudo-produtos #busca-avancada label{padding-right:3px; display:block} #conteudo-produtos #busca-avancada select, input.text{border:1px solid #ccc; padding:2px} #conteudo-produtos #busca-avancada input.text{width:226px} #conteudo-produtos #busca-avancada select{width:226px} #conteudo-produtos #busca-avancada input.btbuscar{width:80px; padding:10px 0px; padding-top:27px} */ /*|PRODUTOS CATEGORIAS|*/ #categorias{width:565px; } #categorias dl{float:left; background: url('img/fundo_cat.jpg') no-repeat; width:140px; margin:2px 0; text-align:center; margin-top:10px; height:200px;} #categorias dl dt{padding-top:15px; } #categorias dl dd{padding-bottom:2px; height:44px;} #categorias dl dd a{display:block; font-size:9px; font-weight:bold; text-transform:uppercase; background:url('img/fundo_categoria.png') no-repeat center; color:white; text-decoration:none; text-align:center; padding:10px 18px; margin:3px;} /*|CONTEUDO DESTAQUES|*/ #conteudo-destaque{width:350px; float:right;} /*|DESTAQUE|*/ #destaque{padding-bottom:10px} #destaque h2{font-size:18px; color:#BF526C; text-indent:-5000px; background:url(img/produtos_destaque.png) no-repeat top left; height:40px;} #destaque dl{width:200px; float:left; font-size:11px; padding:0px 5px; color:#616161} #destaque dl dt{font-weight:bold; padding:10px 0px} #conteudo-destaque #destaque dl dd.link{padding-top:10px} #destaque dl dd.link a{color:#BF526C; line-height:16px} #destaque dl dd.link a:hover{color:#BF526C; line-height:16px; text-decoration:none} #destaque .image {float:right; margin-right:20px; margin-top:10px} #destaque .titulo a {font:verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#006600;} /*|NOT�?CIAS|*/ #ultimasnoticias{background:url('img/mulher.png') no-repeat right bottom; clear:both; padding:0px 0px;} #ultimasnoticias dl{background:blue; display:block; margin-left:10px; padding:10px; background:white; width:200px} #ultimasnoticias dl dt{font-size:11px; color:#666; text-indent:10px; background:url('img/seta_noticia.gif') no-repeat 0px 6px} #ultimasnoticias dl dt a{color:#6780B8; font-weight:bold} #ultimasnoticias dl dd{padding-bottom:10px; padding-top:2px} #ultimasnoticias dl dd a{display:block; font-size:11px; color:#555; text-decoration:none} #ultimasnoticias dl dd a:hover{font-size:11px; color:black; text-decoration:underline} #ultimasnoticias a.todas{font-size:11px; float:left; text-decoration:none; color:#BB7100; padding:10px; padding-top:0px} #ultimasnoticias a:hover.todas{font-size:11px; float:left; text-decoration:underline; color:#BB7100; padding:10px; padding-top:0px} /*|PROMOÇÕES|*/ #promocoes h3{margin-bottom:10px} #promocoes #banner{text-align:center;} #promocoes #banner p img{border-bottom:2px dashed #39C22B; padding:5px 0px;} /*|CONTATO|*/ #msg{width:220px} #contato{float:left; width:605px; margin-left:10px; font-size:12px;} #contato p{margin:10px; font-size:11px} #contato p a{text-decoration:none} #contato p a:hover{text-decoration:underline} #contato p a:visited{color:blue} #contato dl{margin:5px} #contato dl dd{margin-top:40px} #contato h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:3px; padding-bottom:8px; margin-top:10px; color:#006600; margin-left:20px} #contato dl img.foto{float:left; border:1px solid silver; width:80px; height:80px; margin:2px; padding:1px} #contato #sucesso{padding:10px; margin:10px 0px} #contato #sucesso p{font:normal 12px/15px tahoma, verdana, sans-serif, arial; line-height:18px; padding:5px 0px} /* AREA DE REVENDA */ #revenda{margin:5px} #revenda p.ola{float:right;} #revenda p.ola a{color:red; font-size:10px; margin:0px 2px; text-decoration:none} #revenda h4{margin-top:10px} ul.menu li{margin:5px 10px; background:url(img/h2_seta.png) no-repeat; height:22px; padding-left:22px; padding-top:3px} ul.menu li a{color:blue; text-decoration:none; font-size:11px} ul.menu li a:hover{text-decoration:underline} /*CONTATO FORMULARIO*/ #contatoform{float:left; width:555px; margin-left:0px; font-size:12px;} #contatoform dl{margin:5px} #contatoform dl dd{margin-top:40px} #contatoform h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:3px; padding-bottom:8px; margin-top:10px; color:#006600; margin-left:20px} #contatoform dl img.foto{float:left; border:1px solid silver; width:80px; height:80px; margin:2px; padding:1px} #contatoform #sucesso{padding:10px; margin:10px 0px} #contatoform #sucesso p{font:normal 12px/15px tahoma, verdana, sans-serif, arial; line-height:18px; padding:5px 0px} /*LAN�AMENTO*/ #lancamento{float:left; width:605px; margin-left:10px; font-size:12px;} #lancamento dl{margin:0px} #lancamento dl dt.texto{margin-left:118px} #lancamento dl dd{margin-top:5px;} #lancamento h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:100px; padding-bottom:8px; margin-top:10px; color:#006600} #lancamento dl img.foto{float:left; border:1px solid silver; width:80px; height:100px; margin:2px; padding:2px} /*|LOCALIZAÇÃO|*/ #localizacao{padding:1px 0px} #localizacao #texto{ padding:10px; font:normal 12px/15px tahoma, verdana, sans-serif, arial; line-height:16px} #localizacao p{padding:2px 10px; float:left;} .lado{border-right:2px solid silver; margin-left:3px} #localizacao p a{background:url('img/ampliar.gif') no-repeat center; height:15px; padding:5px; text-indent:-5000px; display:block} #commentForm label.error{display:block; clear:both; color:red; width:100%; line-height:30px} /*|PRODUTOS|*/ #produtos {float:left; width:100%; margin:0px auto} ul#produtos {display:block; padding:5px 0px; margin-left:0px} ul#produtos li {font-size:10px; width:170px; height:200px; float:left; display:block; margin:5px; text-align:center; background-color:#FFFFFF; border:1px #489E23 solid; padding:10px 4px} ul#produtos li .btn {background:#E0E0E0; margin:5px; padding:2px 10px; border:1px #bbb solid; text-decoration:none; font:bold 13px verdana, tahoma, times, sans-serif; color:#626262; } #produtos th{ font-size:18px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:left; background: url('img/bg_laranja_comeco.png') no-repeat; height:26px; width:600px} #produtos th span{margin-left:15px} #produtos #descricao{margin-top:5px} #produtos p.p{text-indent:15px; padding-top:10px} #produtos ul.lista{margin:2px 5px; padding:5px; width:110px; float:left; border:1px solid #DA6F0D} #produtos ul.lista{} #produtos td{ font-size:12px; color:#333333; margin-top:40px;text-indent:15px;} #produtos td.imagem{ padding:8px; border:1px solid silver;} #produtos td.imagem img{float:left} #produtos td.imagem a.bt{padding-left:3px; margin-left:0px; float:left} #produtos strong { font:Verdana, Helvetica, sans-serif; font-size:11px; color:#489E23; padding-bottom:3px; } #produtos a.comprar{display:block; background:url("img/Graphic1.jpg")} /*|EMPRESA|*/ #empresa {float:left; width:593px; margin-left:5px;} #empresa #texto p{padding:10px; font:normal 12px/15px tahoma, verdana, sans-serif, arial; line-height:16px; text-indent:10px} /*|RODAPE|*/ #footer{margin:0 auto; width:924px; text-align:center; height:30px; line-height:30px; clear:both} #footer p{font-size:12px; color:white} #footer p a{color:white; text-decoration:none} #footer p a:hover{color:#f1f1f1; text-decoration:underline} #mensagem-erro{background:#f9f9f9 url('img/warning-48x48.png') no-repeat 10px center; padding:20px; padding-left:75px; font:normal 15px/18px tahoma, verdana, sans-serif, arial; color:red; border:1px solid #ccc; margin:20px 0px; width:/*495*/465px} /** * * Páginas Secundárias * */ #sidebar{width:300px; float:left;} #main{width:605px; float:left; margin:0px 5px;} #main #main-produtos{font-size:12px; text-align:left} #main #main-produtos p{margin:15px} #main #main-produtos a{text-decoration:none; color:blue} #main #main-produtos a:hover{text-decoration:underline} #main #main-produtos a:visited{color:blue} div.main-footer{clear:both; display:block; width:100%} div.main-footer img{float:right} /** * * Página de Produtos * */ #menu-categoria, #menu-pesquisa {font-size:12px; font-family:verdana} #menu-categoria ul.categoria{display:block; width:100%; margin-bottom:10px;} #menu-categoria ul.categoria li a{display:block; padding:5px 10px; background-color:#f9f9f9; border-bottom:1px solid #e9e9e9; color:#333; text-decoration:none; height:15px} #menu-categoria ul.categoria li a:hover{background:#ccc; color:#000; text-decoration:underline} #menu-pesquisa{display:block; background-color:#f9f9f9; border-bottom:1px solid #e9e9e9;} #menu-pesquisa fieldset{padding:5px;} #menu-pesquisa select#categoria, #menu-pesquisa select#principio {border:1px solid #ccc; padding:2px; font-size:11px; width:270px; margin-bottom:5px} #menu-pesquisa input#q{border:1px solid #ccc; padding:2px; font-size:11px; width:270px; margin-bottom:5px} #menu-pesquisa input#buscar{background:#eee; color:#666; text-transform:uppercase; border:1px solid #ccc; border-bottom-width:2px; border-right-width:2px; font-size:11px;} #main{} #busca-avancada{border-bottom:1px solid #ccc; padding-bottom:10px;} #busca-avancada ul.busca-avancada{padding:5px 10px} #busca-avancada ul.busca-avancada li{width:200px; float:left} #busca-avancada ul.busca-avancada li.submit{width:100px;} #busca-avancada ul.busca-avancada li label{font:normal 12px/20px tahoma, verdana, times, sans-serif} #busca-avancada ul.busca-avancada li select{width:90%; border:1px solid #ccc; padding:2px;} /* DADOS CONTATO*/ #dadoscontato{ font-family:Verdana, Arial, Helvetica, sans-serif; border:thick; color:#006600; font-size:12px; width:348px; float:left;} #dadoscontato p{ margin-left:10px; padding-top:2px; color:#463835;} #dadoscontato h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:3px; padding-bottom:8px; margin-top:10px} #info{width:500px} /** * * Classe Ul.Form * Sem versão * */ ul.form {display:block} ul.form li{float:left; padding:5px 0px; display:block} ul.form li.um{width:100%} ul.form li.dois{width:49%} ul.form li.tres{width:33%} ul.form li.quatro{width:24%} ul.form li.cinco{width:13%} ul.form li.label{margin-right:5px} ul.form li .max{width:90%} ul.form li .med{width:50%} ul.form li .min{width:25%} ul.form li label{display:block; padding-top:5px; padding-bottom:2px; font-size:12px; color:#463835} ul.form li label small{font-size:10px; padding-bottom:2px; padding-left:10px; color:#DB261D} ul.form li input{border:1px #ccc solid; padding:3px; background:#fff; color:#463835; font-size:12px} ul.form li select{border:1px #ccc solid; padding:2px; font-size:12px} ul.form li textarea{border:1px #ccc solid; padding:3px; background:#fff; color:#463835; height:100px; font-size:12px} ul.form li input.bnt{background:#999; padding:10px; margin:5px 0px; border:0px; font:bold 13px verdana, tahoma, times, sans-serif; color:white} .button{ margin-top:5px; padding:5px 2px; background:#ccc; color:#333; border-right:1px solid #999; border-bottom:1px solid #999; font-size:11px; text-decoration:none } .btn{ width:110px; padding:2px; background:#ccc; } #login fieldset{ margin-bottom:10px; background:#F9F9F9 url('img/cadeado.gif') no-repeat right center; } #login fieldset label{ display:block; margin:0px 5px; margin-top:5px; padding:2px 0px; font-size:11px; letter-spacing:1px; } #login fieldset input{ width:176px; display:block; margin:0px 5px; padding:5px; border:1px solid #c6c6c6; font-size:11px; line-height:11px; color:#666; } #login fieldset input.entrar{ width:100px; margin-top:5px; background:#ccc; color:#333; border-right:2px solid #999; border-bottom:2px solid #999; } #login fieldset a{ margin:5px; display:block; text-decoration:none; color:#333; font: bold 11px tahoma, arial, tahoma, sans-serif; } #login fieldset a.log{ text-decoration:none; color:#333; font: bold 11px tahoma, arial, tahoma, sans-serif; } #login fieldset p{ font-size:12px; margin:5px; } #login fieldset a:hover{ text-decoration:underline; } ul.paginacao li.inicio{padding:5px 0px} ul.paginacao li{float:left} ul.paginacao span{margin:2px 1px; padding:2px 2px; border:1px solid #FEFFAF; color:black; font-weight:bold; display:block} ul.paginacao li a{margin:2px 1px; padding:2px 8px; border:1px solid #ddd; text-decoration:none; color:black; background:white; display:block} ul.paginacao li a:hover{margin:2px 1px; padding:2px 8px; border:1px solid #ddd; text-decoration:none; color:black; background:#E1E7F2; display:block} table.relatorio{width:100%; text-align:center;} table.relatorio th, table.relatorio td{padding:5px} table.relatorio th{border:1px solid #ccc; background: url('../painel/default/img/th.jpg') repeat-x; font-size:10px} table.relatorio td{border:1px solid #dfdfdf; font-size:11px} table.relatorio tfoot td{background:#FEFFAF} table.relatorio tfoot td p{padding-bottom:5px} #produtosLink{ float: right; display: block; margin: 10px 0; } #produtosLink a:link, #produtosLink a:visited{ text-decoration: none !important; color: #000 !important; } #produtosLink a:hover{ text-decoration: underline !important; color: red !important; } a.linkCarrinho:hover{ text-decoration: underline !important; color: red !important; } a.linkCarrinho:visited, a.linkCarrinho:link{ text-decoration: none !important; color: #000 !important; }