/****************************************************************************** DOCUMENTO: Arquivo com os estilos do projeto CRIAÇÃO: 05/04/2008 AUTOR: Juliano Torriani (juliano@torriani.com.br) VERSÃO: 004 ATUALIZAÇÕES: 1) 12/04/2010 (autor): _____________ 2) dd/mm/aaaa (autor): _____________ OBSERVAÇÕES: ******************************************************************************/ /**** CSS Reset ****/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } ol, ul, dt, dl {list-style: none; } blockquote, q {quotes: none; } fieldset,img {border: none; } legend {display: none; } input[type=text], textarea {padding: 2px; border:1px solid #000000; } a, a:link a:active a:visited {color: #000000; text-decoration: none; } a:hover {text-decoration: underline; } caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: normal; } /**** end:CSS Reset ****/ /********************** * TOOLS **********************/ * html>body .clearfix {display: inline-block; width: 100%;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear {clear:both; margin:0; padding:0; font-size: 15px; line-height: 1px;} .replace {background-repeat: no-repeat; background-position: left top; background-color:transparent; text-indent:-50000px; overflow:hidden; display:block;} .replace-bt {background-repeat: no-repeat; background-position: left top; background-color:transparent; text-indent:-50000px; cursor:pointer; overflow:hidden; display:block;} .replace * {text-indent: -10000px; display:block; background-repeat: no-repeat; background-position: left top; background-color:transparent;} .hidden {display:none;} .bn {border:0 !important;} .b1px {border-width:1px !important;} .mn{margin:0 !important;} .pn {padding:0 !important;} .al {text-align:left !important;} .ac{text-align:center !important;} .ar{text-align:right !important;} .fl {float:left !important;} .fr {float:right !important;} .cb {clear:both !important;} .cl {clear:left !important;} .cn {clear:none !important;} .bgn{background:none !important;} /********************** * END:TOOLS **********************/ /**** Headings ****/ h1 {font-size: 15px; line-height: 16px; color: black; } h2 {font-size: 13px; line-height: 14px; padding: 0; color: black; } h3 {font-size: 11px; line-height: 12px; padding:0; color: black; } h4 {color: #697999; font-size: 14px; text-transform: uppercase;} h5 {font-size: 9px; line-height: 10px; padding: 0; color: black; } h6 {font-size: 8px; line-height: 9px; padding: 0; color: black; } /**** end:headings ****/ /*** texto ***/ body {font:11px Arial, Helvetica, Sans-serif; color:#646464; display:block; width:100%; height:100%; } p {font:11px Arial, Helvetica, sans-serif; color:#646464; } strong, b {font-weight: bold;} em, i {font-style:italic;} code {font-family: "Courier New", Courier, monospace; font-size: 11px; white-space: pre; } /**** fim de textos ****/ /**** tabelas ****/ table {border-collapse: collapse; border-spacing: 0; } th {font-weight: bold; text-align: center; } /**** fim de tabelas ****/ /********************** * TEMPLATE *********************/ html {background: url(../imgs/backgrounds/fundo_territorio.png) repeat-x;display:block; width:100%; height:100%; } body {background: url(../imgs/backgrounds/bg-body.png) center 119px no-repeat;display:block; width:100%; height:100%; } body#home #header{width:100%; height:178px; position:absolute; top:0; left:0;} body#home #content{width:1000px;margin:0 auto; height:auto; display:table; } body#home #wrapper{width:1000px; margin:0 auto; height:auto; position:relative; padding:178px 0 30px 0; background: url(../imgs/backgrounds/bg-wrapper.png) center top no-repeat;} body#home #local-menu{display:block; width:150px; padding: 15px 0 0 10px; float:left;left:0px; top:28px; background: url(../imgs/backgrounds/bg-menu-local.png) no-repeat;} body#home #main,body#listaprodutos #main{display:inline; margin-top:10px; width:670px; margin-left:10px;float:left; overflow: hidden; padding-bottom:40px;} #wrapper{width:1000px; margin:0 auto; height:auto; position:relative; padding:177px 0 30px 0; background: url(../imgs/backgrounds/bg-wrapper.png) center top no-repeat;} #header{width:100%; height:78px; position:absolute; top:0; left:0;} #content{width:1000px; margin:0 auto; height:auto; display:table;background: #FFF;} #local-menu{display:block; width:150px; padding: 15px 0 0 10px; float:left;left:0px; top:28px; background: url(../imgs/backgrounds/bg-menu-local.png) no-repeat;} #main{display:inline; margin-top:10px; width:840px; float:right; overflow: hidden; padding-bottom:40px;} #sidebar{width:142px; float:right;margin-top:15px; } #global-menu{ width:1000px; height:40px;} #footer { width:100%; height:260px; background:url(../imgs/backgrounds/bg-footer.png) repeat-x; } /********************** * END:TEMPLATE *********************/ /********************** * Header **********************/ #logo {width: 216px; height: 83px; top:3px; left: 10px; position: absolute; z-index: 100;} #logo a{width: 216px; height: 83px; background: url(../imgs/logo-territorio.png) no-repeat; top:20px; left: 10px; position: absolute; z-index: 100;} #logo a {display: block} .header .tit-sobre-empresa {width: 94px; height: 9px; display: block; background: url(../imgs/titles/titulos.png) -1px 0 no-repeat;} .header .tit-areas-atuacao {width: 94px; height: 9px; display: block; background: url(../imgs/titles/titulos.png) -1px 0 no-repeat;} .header .tit-minha-conta {width: 94px; height: 9px; display: block; background: url(../imgs/titles/titulos.png) -1px 0 no-repeat;} .header .tit-como-comprar {width: 94px; height: 9px; display: block; background: url(../imgs/titles/titulos.png) -1px 0 no-repeat;} .header {width: 1000px; margin: 0 auto; position: relative; height: 178px;} .header ul.institucional {width: 655px; position: absolute; right: 1px; top: 0; height: 37px; background: url(../imgs/backgrounds/backgrounds.png) 0 0 no-repeat;} .header ul.institucional li {height:37px; float: left; background: url(../imgs/backgrounds/bg-l-iinstitucional.png) right center no-repeat;} .header ul.institucional li a {margin: 12px 14px 0 14px; font-size: 11px; font-style: italic; text-transform: uppercase; color:#FFF; display: block;} .header ul.institucional li span {float: right;} .header .visitante {width: 235px; height: 35px; float: left; top:65px; left:270px; position:absolute;} .header .central-atendimento {width:399px; height: 41px; top:60px; right: 3px; position: absolute; background: url(../imgs/backgrounds/backgrounds.png) 1px -199px no-repeat;} .header .offline { background: url(../imgs/backgrounds/backgrounds.png) 1px -46px no-repeat;} .header .online { background: url(../imgs/backgrounds/backgrounds.png) 1px -199px no-repeat;} .header .central-atendimento li {float: left; padding-top:7px; text-align: center;} .header .central-atendimento li a{font-family: Helvetica, Arial, sans-serif; color:#474B55;} .header .central-atendimento li.cen-atendimento {width: 258px; height:41px; position: absolute;*position: relative; } .header .central-atendimento li.cen-atendimento h4 {color: #646464; font-size: 11px; margin-left:73px;*margin-left:53px; position: absolute;*position: relative; text-transform: none;} .header .central-atendimento li.atend-online {width: 80px; height: 41px; margin-left:307px; *margin-top:-45px; } .header .busca-carrinho {width:885px; height:40px; position: absolute; top: 125px; left: 113px; } .header .busca-carrinho li, .header .busca-carrinho input {float: left;} .header .busca-carrinho li {margin-right:15px; } .header .busca-carrinho li .tit-busca {width:30px; height: 10px; margin-bottom:7px; background: url(../imgs/titles/titulos.png) -110px -24px no-repeat; } .header .busca-carrinho li .tit-Preco {width:50px; height: 10px; margin-bottom:7px; background: url(../imgs/titles/titulos.png) -2px -24px no-repeat; } .header .busca-carrinho li .tit-calce {width:67px; height: 10px; margin-bottom:7px; background: url(../imgs/titles/titulos.png) 0px -402px no-repeat; } .header .busca-carrinho li .tit-categoria {width:75px; height: 10px; margin-bottom:7px; background: url(../imgs/titles/titulos.png) 0px -413px no-repeat; } .header .busca-carrinho .bt-search-ok {width: 22px; height: 18px; margin:2px 5px 0 5px; float:right; background: url(../imgs/buttons/icones.png) no-repeat 0 -290px; display:block; *margin-right:148px !important; *margin-top:-18px !important;} @media screen and (-webkit-min-device-pixel-ratio:0){ .header .busca-carrinho .bt-search-ok {width: 22px; height: 18px; margin:-25px 5px 0 5px; float:right; background: url(../imgs/buttons/icones.png) no-repeat 0 -290px; display:block;} } .header .busca-carrinho .search select {width: 135px;} .header .meu-carrinho {width: 140px; height: 30px; float: right; margin:18px 5px 0 0; display:block;*margin-top:-25px !important;} .header .busca-carrinho input {border: none; color: #818181;} .header .busca-carrinho select {padding:3px; color: #818181; font-size: 11px;} .header .busca-carrinho input.txtKeyword {width: 200px; padding: 3px;} .header .busca-carrinho input[type="text"] {border-color:#81858d; } .header .busca-carrinho .bt-search {width: 19px; height: 18px; margin:2px 5px 0 5px; background: url(../imgs/buttons/icones.png) no-repeat 0 -30px;} .header .busca-carrinho #frmSearch { float: left;} .header .busca-carrinho .meu-carrinho .carrinho {height:25px; width:29px; float: left; background: url(../imgs/buttons/icones.png) no-repeat 0 2px; margin-right:10px; } .header .busca-carrinho .meu-carrinho .tit-meucarrinho {width:93px; height:11px; background: url(../imgs/titles/titulos.png) -83px -101px no-repeat; float: left;} .header .busca-carrinho .meu-carrinho .total-carrinho{float: left; margin-top:3px; display: block; color: #F2F2F2; } .header .tamanhos li {width: 26px; height: 26px; float: left; background: url(../imgs/buttons/icones.png) 0 -233px; line-height: 26px; text-align: center; margin-right: 5px; display:block; cursor:pointer; font-weight:bold;} /* O IE não suporta opacidade em png, logo... .header .tamanhos li.opacity80 {filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;} */ .header .tamanhos li.opacity80 {width: 26px; height: 26px; float: left; background: url(../imgs/buttons/icones.png) 0 -263px; line-height: 26px; text-align: center; margin-right: 5px; display:block; cursor:pointer; font-weight:bold;} .header .tamanhos li a{color:#737374; text-decoration:none;} #gallery{width: 1000px; margin: 0 auto; position:relative; float: left; background: #FFF;} .bt-seta-esquerda {width: 38px; height:253px; position:absolute; left: 0; top: 0; background: url(../imgs/backgrounds/backgrounds.png) -414px -46px no-repeat; } .bt-seta-direita {width: 38px; height:253px; position:absolute; right: 0; top: 0; background: url(../imgs/backgrounds/backgrounds.png) -460px -46px no-repeat; } /********************** * end:Header **********************/ /********************** * Menu-Local **********************/ #local-menu dl dd dl dd {width: 115px; height:18px; border-bottom: 1px solid #D0D0D0; line-height: 20px; padding-left: 5px;} #local-menu dl dd dl dt {width: 115px; height:20px;} #local-menu dl dd dl dd a {color: #646464;} #local-menu dl dd dl dt{margin-top:20px; } #local-menu dl dd dl dt a {text-transform: uppercase; color:#697999; font-size: 14px;} #local-menu dl dd dl dt a.tit-feminino {width: 61px; height:12px; background: url(../imgs/titles/titulos.png) -2px -38px no-repeat;} #local-menu dl dd dl dt a.tit-masculino {width: 75px; height:12px; background: url(../imgs/titles/titulos.png) -68px -38px no-repeat;} #local-menu dl dd dl dt a.tit-infantil {width: 52px; height:12px; background: url(../imgs/titles/titulos.png) -145px -38px no-repeat;} #local-menu dl dd dl dt a.tit-loja {width: 85px; height:11px; background: url(../imgs/titles/titulos.png) -4px -85px no-repeat;} #local-menu dl dd h4{margin: 15px 0;} #local-menu dl dd.newsletter {margin-top:40px; margin-bottom:25px; } #local-menu dl dd.newsletter .tt-cadastre-se {width: 79px; height:12px; background: url(../imgs/titles/titulos.png) -2px -103px no-repeat;} #local-menu dl dd.newsletter .txt-newsletter {color: #3F3F48; margin: 0 0 10px 0;} #local-menu dl dd.newsletter #Nome_TXT1{background:transparent; border: none; color: #4D4D4D; margin-bottom:5px; width:104px; float:left;} #local-menu dl dd.newsletter #E-mail_EML1{background:transparent; border: none; color: #4D4D4D; margin-bottom:5px; width:104px; float:left; } #local-menu dl dd.newsletter span.email{background:url(../imgs/backgrounds/backgrounds.png) -22px -99px no-repeat ; width:126px; float:left; *margin-top:5px !important; } #local-menu dl dd.newsletter span.nome{background:url(../imgs/backgrounds/backgrounds.png) -2px -126px no-repeat ; width:126px; float:left; } #local-menu dl dd.newsletter .bt-enviar-dados {float: left; width: 17px; height: 17px; background: url(../imgs/buttons/icones.png) no-repeat -1px -52px; border: none; margin-top: 4px;} #local-menu dl dd.depoimentos {margin-bottom:25px; } #local-menu dl dd.depoimentos .tt-depoimentos {width: 87px; height:12px; background: url(../imgs/titles/titulos.png) -2px -131px no-repeat;} #local-menu dl dd.depoimentos p {margin-bottom:10px; } #local-menu dl dd.depoimentos a.lnk-leia {width: 123px; text-align: right; margin-right:10px; text-transform: uppercase; color:#697999; display:block;} #local-menu dl dd.rastreio {margin-top:40px; margin-bottom:25px; } #local-menu dl dd.rastreio .tt-cadastre-se {width: 79px; height:12px; background: url(../imgs/titles/titulos.png) -2px -103px no-repeat;} #local-menu dl dd.rastreio .txt-newsletter {color: #3F3F48; margin: 0 0 10px 0;} #local-menu dl dd.rastreio #Numero_TXT1{background:transparent; border: none; color: #4D4D4D; margin-bottom:5px; width:104px; float:left;} #local-menu dl dd.rastreio span.rastreio{background:url(../imgs/backgrounds/backgrounds.png) -22px -99px no-repeat ; width:126px; float:left; } #local-menu dl dd.rastreio .bt-enviar-dados {float: left; width: 17px; height: 17px; background: url(../imgs/buttons/icones.png) no-repeat -1px -52px; border: none; margin-top: 4px;} #local-menu dl dd.tags .tt-mais-procurados {width: 120px; height:12px; background: url(../imgs/titles/titulos.png) -95px -131px no-repeat; } #local-menu dl dd.tags a{color: #7E8187;} #local-menu dl dd.tags .tag-8{font-size:8px; } #local-menu dl dd.tags .tag-9{font-size:9px; } #local-menu dl dd.tags .tag-11{font-size:11px; } #local-menu dl dd.tags .tag-12{font-size:12px; } #local-menu dl dd.tags .tag-13{font-size:13px; } #local-menu dl dd.tags .tag-15{font-size:15px; } #local-menu dl dd.tags .tag-17{font-size:17px; } #local-menu dl dd.tags .tag-22{font-size:22px; } /********************** * end:Menu-Local **********************/ /********************** * Content **********************/ /* lista produtos */ .lista-produtos li {width:127px; height: 230px; float: left; padding:20px 10px 10px 10px; margin:0 25px 40px 0; background:url(../imgs/backgrounds/bg-produto.png) no-repeat; position:relative; } .dados-produto {width: 100%; background:url(../imgs/backgrounds/bg-dados-prod.png) center top no-repeat; float:left; text-align: center;} .preco {width: 100%; background:url(../imgs/backgrounds/bg-dados-prod.png) center top no-repeat; float:left; text-align: center; padding-top: 8px;} .nome-produto a{margin-top:4px; color:#808080; display: block; line-height:16px } .referencia {margin-bottom:4px; display: block; font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#646464;padding-top:4px; } .precode {width: 100%; display: block; text-decoration: line-through;} .precopor {font-size: 16px; font-weight: bold; color:#565E7F; width:100%; display: block;} .parcelamento {width: 100%; display: block;} .condicao {width: 100%; display: block;} .bt-comprar {width: 123px; height:37px; position: absolute; left: 12px; bottom: 8px; background:url(../imgs/buttons/botoes.png) 0 -39px no-repeat } /* end:lista produtos */ #main .tt-produtos {width: 90px; height:15px; background: url(../imgs/titles/titulos.png) -106px -146px no-repeat; margin-bottom: 17px;} .promocao-10 {width: 74px; height: 93px; position:absolute; top: -6px; left: -9px; background:url(../imgs/others/desconto-10.png) no-repeat; } #main p.imagem{width: 122px; height: 100px; float: left; } #main p.imagem a {display: block; text-align: center; } span.detalhe-esquerda {width: 96px; height: 348px; position: absolute; top:-55px; left:-97px; background:url(../imgs/backgrounds/bg-detalhe-esquerda.png) center top no-repeat;} span.detalhe-direita {width: 96px; height: 348px; position: absolute; top:-55px; right:-97px; background:url(../imgs/backgrounds/bg-detalhe-direita.png) center top no-repeat;} /********************** * end:content **********************/ /********************** * produtos vistos **********************/ .produtos-vistos {height:284px; width:1000px; overflow: hidden; position: relative; margin-top:0px; *margin-top:20px !important;} .prod-lista {width:900px; height:235px; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; margin-left:38px; margin-top: 15px; padding-top:15px; } .tt-ultimosvistos {width: 161px; height:14px; background: url(../imgs/titles/titulos.png) -3px -180px no-repeat; margin-bottom: 17px;} .bt-anterior {background:url("../imgs/backgrounds/backgrounds.png") no-repeat -414px -46px; height:253px; left:0; position:absolute; top:31px; width:38px;} .bt-proximo {background:url("../imgs/backgrounds/backgrounds.png") no-repeat -460px -46px; height:253px; right:24px; position:absolute; top:32px; width:38px;} .produtos-vistos ul.lista-produtos li {background: none; margin: 0 16px;} /********************** * end:produtos vistos **********************/ /********************** * sidebar **********************/ #sidebar .tt-dumond {width:98px; height:21px; background:url(../../banners/logo-dumond.jpg) no-repeat; } #sidebar .tt-carrano {width:98px; height:21px; background:url(../../banners/logo-carrano.png) no-repeat; } #sidebar .tt-miucha {width:90px; height:18px; background:url(../../banners/logo-miucha.png) no-repeat; } #sidebar .tt-capadarte {width:100px; height:20px; background:url(../../banners/logo-capadarte.png) no-repeat; } #sidebar .lojas-especiais li {float:left; width:100%; height:25px; padding:10px 0; background:url("../imgs/backgrounds/bg-dados-prod.png") no-repeat center bottom ;} #sidebar .lojas-especiais li a {margin: 0 auto; display:block;} /********************** * end:sidebar **********************/ /********************** * listaproduto **********************/ #listaprodutos .breadcrumbs {width: 799px; height: 29px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;} #listaprodutos .breadcrumbs ul li {float: left; height: 29px;} #listaprodutos .breadcrumbs ul li a {color: #A4A6A9; font: 11px/29px Arial, Helvetica,Sans-serif;} #listaprodutos .breadcrumbs ul li span{ margin:0 5px 0 5px; } #listaprodutos h4.recomendamos2 { font-size: 18px; color: #464950; width: 670px;font-style:italic; letter-spacing:-2px; margin-top:16px;} /********************** * end:listaproduto **********************/ /********************** * paginação **********************/ .paginacao {color:#697999 !important;font-size:14px !important;padding-left:20px !important;color: #A4A6A9 !important;} .paginacao ul li a {font-size:14px !important;font-weight:bold !important;} .paginacao ul li a.selecionado {text-decoration:underline !important;color:#697999 !important;} .paginacao ul li img {padding-top:10px !important;} /********************** * end:paginação **********************/ /********************** * produto **********************/ #produto .breadcrumbs {width: 799px; height: 29px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;} #produto .breadcrumbs ul li {float: left; height: 29px;} #produto .breadcrumbs ul li a {color: #A4A6A9; font: 11px/29px Arial, Helvetica,Sans-serif;} #produto .breadcrumbs ul li span{ margin:0 5px 0 5px; } #produto .box-produto {float: left; margin-top: 10px; margin-bottom: 60px; width: 810px;} #produto .box-produto .img-produto {width: 387px; float: left; margin-right: 20px;} #produto .box-produto .info-produto {width: 396px; float: right; } #produto .box-produto ul.imgs li {float: left;} #produto .box-produto .img-principal {width: 383px; height: 286px; border: 1px solid #ccc;} #produto .box-produto .img-produto h4{margin: 5px 0;} #produto .box-produto .lnk-lupa {padding-left:23px; height:19px; line-height:18px; display: block; color:#808080; margin-top: 5px; background: url(../imgs/buttons/icones.png) -2px -211px no-repeat;} #produto .box-produto .imgs li { margin-right:2px; } #produto .box-produto .imgs li.ativo {border: 1px solid #CCC; } #produto .info-produto ul li {float: left; width: 380px;} #produto .info-produto li.cod-produto {background:url(../imgs/backgrounds/backgrounds.png) 0 -158px no-repeat; width: 390px; height: 31px; text-align: right;} #produto .info-produto li.cod-produto span{color:#FFF; line-height: 31px; margin-right: 25px; font-size: 12px; } .cod-xxx span{color:#FFF; line-height: 31px; margin-right: 25px; font-size: 12px; } #produto .info-produto h1 {font-size: 22px; font-weight: bold; color: #697999; margin: 15px 0;} #produto .info-produto li.valores {height:85px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; background: #F3F3F3; padding: 10px 0 0 10px;} #produto .info-produto li.valores p {color: #787878;} #produto .info-produto li.valores p.parc {margin-bottom: 3px;} #produto .info-produto li.valores p.juros {margin-bottom: 3px;} #produto .info-produto li.valores p span {font-size: 16px; font-weight: bold; color: #697999;} #produto .info-produto li.valores p a {color: #787878;} #produto .info-produto li.numeracao {margin: 10px 0;} #produto .info-produto li h4 {margin-bottom: 10px;} #produto .info-produto li.botoes-compra {border-top: 1px solid #CCC; border-bottom: 1px solid #ccc; padding: 10px 0; margin-bottom: 10px;} #produto .info-produto ul li.botoes-compra ul li{width: 150px;} #produto .info-produto ul li.botoes-compra ul li.adicionar-carrinho {width: 210px;} #produto .info-produto ul li a.bt-comprar {position: static;} #produto .info-produto ul li li.adicionar-carrinho a {width: 208px; height:37px; background:url(../imgs/buttons/botoes.png) 0 -1px no-repeat; float: left;} #produto .info-produto ul.desc li p{color:#808080;} #produto .info-produto .tamanhos li {width: 26px; height: 26px; float: left; background: url(../imgs/buttons/icones.png) 0 -178px; line-height: 26px; text-align: center; margin-right: 5px;} #produto .comments {float: left; margin:0 0 50px 50px; position: relative;width:715px;} #produto .comments .compartilhe {position: absolute; right: 30px; top: -20px; width: 90px; height: 40px;} #produto .comments .compartilhe h4 {margin-bottom: 5px;} #produto .comments .compartilhe ul li {border:none; margin-right:4px;} #produto .comments .compartilhe a {margin:0;} #produto .comments .compartilhe a.bt-twitter {background: url(../imgs/buttons/icones.png) -1px -73px no-repeat;} #produto .comments .compartilhe a.bt-orkut {background: url(../imgs/buttons/icones.png) -1px -91px no-repeat;} #produto .comments .compartilhe a.bt-facebook {background: url(../imgs/buttons/icones.png) -1px -110px no-repeat;} #produto .comments .compartilhe a.bt-blogger {background: url(../imgs/buttons/icones.png) -1px -129px no-repeat;} #produto .comments h4{margin-bottom: 10px;} #produto .comments ul {width: 715px;} #produto .comments ul li {border-bottom: 1px solid #E6E6E6; margin-bottom: 10px;} #produto .comments ul li h5 {font-size: 11px; font-weight: bold;} #produto .comments ul li p {margin:5px 0 15px 0; display: block; color: #929292;} #produto .comments a {font-size: 13px; text-transform: uppercase; color: #697999; margin-right: 20px;} #produto ul.lista-produtos {margin-left: 50px;} #listaprodutos ul.lista-produtos {display:table;} #produto .prod-lista ul.lista-produtos {margin-left:0px;} #produto h4.recomendamos {margin: 0 0 10px 50px; font-size: 20px; color: #464950; width: 670px; float: left; font-style:italic; letter-spacing:-2px;} #produto .comments .compartilhe {position: absolute; right: 259px; top: -35px; width: 90px; height: 40px;} #produto .comments #form_comente { width:650px; margin-top:25px; } #produto .comments #form_comente form span {display: block; float: left;} #produto .comments #form_comente form span.field {margin-top: 10px; margin-right:15px; width:280px; text-align: right;} #produto .comments #form_comente form span.r {margin-right: 0;} #produto .comments #form_comente form span.t {width:576px;} #produto .comments #form_comente form span.field input[type=text]{width:199px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px; float:right;} #produto .comments #form_comente form span.field textarea{width:494px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px; overflow:auto; float:right;} #produto .comments #form_comente form span.field img {float:right;} #produto .comments #form_comente form span.field span.label {float:right;text-align: right; margin-right: 10px; margin-top:2px; font-family:arial;font-size:11px;} #produto .comments #form_comente form span.field input.enviar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -422px no-repeat; width:100px; height:33px;border:none; display:block; cursor:pointer;text-indent:-50000px;} #produto .compartilhe ul li{float: left; width: 16px; height: 16px; } .box-produto .info-produto li.numeracao select {padding:3px; color: #818181; font-size: 11px; width:162px;} /********************** * end:produto **********************/ /********************** * carrinho1 **********************/ #carrinho .breadcrumbs {width: 799px; height: 29px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;} #carrinho .breadcrumbs ul li {float: left; height: 29px;} #carrinho .breadcrumbs ul li a {color: #A4A6A9; font: 11px/29px Arial, Helvetica,Sans-serif;} #carrinho .breadcrumbs ul li span{ margin:0 5px 0 5px; } #carrinho .box-carrinho {float: left; margin-top: 10px; margin-bottom: 60px; width: 810px;} #carrinho .box-carrinho .info-produto {width: 396px; float: right; } #carrinho .box-carrinho .lnk-lupa {padding-left:23px; height:19px; line-height:18px; display: block; color:#808080; margin-top: 5px; background: url(../imgs/buttons/icones.png) -2px -211px no-repeat;} #carrinho .box-carrinho .tit-carrinho{background:url(../imgs/titles/carrinho.png) no-repeat; width:825px; height:31px; display:block;} #carrinho .box-carrinho .caminho {display:block; height:30px; margin-bottom:13px;} #carrinho .box-carrinho .caminho .caminho_carrinho{width:644px; height:25px; float:left; margin-top:4px;} #carrinho .box-carrinho .caminho .caminho_carrinho .meu_carrinhoOver{background:url(../imgs/titles/titulos.png) 0 -231px; width:163px; height:20px; display:block;float:left} #carrinho .box-carrinho .caminho .caminho_carrinho .meu_carrinho{background:url(../imgs/titles/titulos.png) 0 -324px; width:113px; height:12px; margin-top:5px; display:block;float:left} #carrinho .box-carrinho .caminho .caminho_carrinho .identificacao{background:url(../imgs/titles/titulos.png) 0 -255px; width:87px; height:15px; display:block;float:left; margin-top:3px;} #carrinho .box-carrinho .caminho .caminho_carrinho .identificacaoOver{background:url(../imgs/titles/titulos.png) 0 -299px; width:128px; height:23px; display:block;float:left;} #carrinho .box-carrinho .caminho .caminho_carrinho .pagamento{background:url(../imgs/titles/titulos.png) 0 -271px; width:72px; height:11px; display:block;float:left;margin-top:3px;} #carrinho .box-carrinho .caminho .caminho_carrinho .pagamentoOver{background:url(../imgs/titles/titulos.png) -251px -189px; width:106px; height:15px; display:block;float:left;} #carrinho .box-carrinho .caminho .caminho_carrinho .endereco{background:url(../imgs/titles/titulos.png) 0 -286px; width:61px; height:13px; display:block;float:left;margin-top:5px;} #carrinho .box-carrinho .caminho .caminho_carrinho .enderecoOver{background:url(../imgs/titles/titulos.png) -253px -51px; width:89px; height:20px; display:block;float:left;} #carrinho .box-carrinho .caminho .caminho_carrinho .setinha{background:url(../imgs/buttons/botoes.png) -79px -365px no-repeat; width:8px; height:7px; display:block; float:left; margin:7px 12px 0 12px;} #carrinho .box-carrinho a.bt_finalizarPedido{background:url(../imgs/buttons/botoes.png) 0 -76px no-repeat; width:155px; height:33px; display:block;} #carrinho .box-carrinho .conteudo{ margin-top:13px;} #carrinho .box-carrinho .conteudo .linhaSepara{ font-size:1px; line-height:1px; height:1px; background-color:#CCC} #carrinho .box-carrinho .conteudo a.fechar{background:url(../imgs/buttons/botoes.png) 0 -359px no-repeat; width:22px; height:21px; display:block;} #carrinho .box-carrinho .conteudo a.setaMenos{background:url(../imgs/buttons/botoes.png) -33px -364px no-repeat; width:14px; height:16px; display:block; margin-top:4px;} #carrinho .box-carrinho .conteudo a.setaMais{background:url(../imgs/buttons/botoes.png) -56px -364px no-repeat; width:14px; height:16px; display:block; margin-top:4px;} #carrinho .box-carrinho .conteudo .td_cont{height:88px; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; font-size:14px; color:#6a7a99; background-color:#F2F2F2} #carrinho .box-carrinho .conteudo .tdCarrinho1{padding-left:12px; padding-top:10px; text-align:left; vertical-align:top} #carrinho .box-carrinho .conteudo .tdCarrinho1 .img{float:left; padding-right:23px;} #carrinho .box-carrinho .conteudo .tdCarrinho1 .descricao{height:52px; vertical-align:middle; padding-top:18px;} #carrinho .box-carrinho .conteudo .tdCarrinho1 .numeracao{font-family:arial; font-size:11px; color:#000; font-weight:normal} #carrinho .box-carrinho .valoresCarrinho{background:url(../imgs/backgrounds/bg-carrinho2.png) no-repeat; width:803px; height:115px; display:block; border-top:1px solid #ccc;} #carrinho .box-carrinho .valoresCarrinho span.txt{color:#474a50;} #carrinho .box-carrinho .valoresCarrinho a.descontar{background:url(../imgs/titles/titulos.png) -253px 0 no-repeat; width:65px; height:9px; display:block;} #carrinho .box-carrinho .valoresCarrinho input[type=text]{width:115px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px;} #carrinho .box-carrinho .valoresCarrinho select{width:115px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px;} #carrinho .box-carrinho .valoresCarrinho a.calcular{background:url(../imgs/titles/titulos.png) 0 -353px no-repeat; width:55px; height:9px; display:block;} #carrinho .box-carrinho .valoresCarrinho .descCep{float:left; padding-top:5px; padding-left:5px;} #carrinho .box-carrinho .valoresCarrinho .divValores{ width:175px; text-align:right;float:left;} #carrinho .box-carrinho .valoresCarrinho .divValores .titSubtotal{background:url(../imgs/titles/titulos.png) -251px -227px no-repeat; width:59px; height:11px; display:block; margin-top:14px; margin-bottom:25px;} #carrinho .box-carrinho .valoresCarrinho .divValores .titDesconto{background:url(../imgs/titles/titulos.png) -253px -15px no-repeat; width:70px; height:11px; display:block;margin-bottom:25px;} #carrinho .box-carrinho .valoresCarrinho .divValores .titFrete{background:url(../imgs/titles/titulos.png) -253px -99px no-repeat; width:34px; height:10px; display:block;margin-bottom:23px;} #carrinho .box-carrinho .valoresCarrinho .divValores .titPrazo{background:url(../imgs/titles/titulos.png) -251px -262px no-repeat; width:223px; height:10px; display:block;margin-bottom:23px;} #carrinho .box-carrinho .valoresCarrinho .divValores .titTotal{background:url(../imgs/titles/titulos.png) -250px -245px no-repeat; width:37px; height:11px; display:block;} #carrinho .box-carrinho .valoresCarrinho .precoValor{float:left; width:140px;} #carrinho .box-carrinho .valoresCarrinho .precoValor .descValores{color:#82858d; font-weight:bold; font-size:12px; width:140px;display:block; margin-left:15px;} #carrinho .box-carrinho .valoresCarrinho .precoValor .valoTotal{font-size:14px; font-weight:bold; color:#6a7a99; display:block;margin-left:15px;} #carrinho .box-carrinho .botoes{ } #carrinho .box-carrinho a.bt_comprarMais{background:url(../imgs/buttons/botoes.png) 0 -111px no-repeat; width:137px; height:33px; display:block;} #carrinho .box-carrinho a.bt_esvaziarCarrinho{background:url(../imgs/buttons/botoes.png) 0 -147px no-repeat; width:165px; height:33px; display:block;} #carrinho .box-carrinho .tit-carrinho2{background:url(../imgs/titles/titulos.png) 0 -370px no-repeat; width:644px; height:31px; display:block;} #carrinho .box-carrinho .conteudo input[type=text]{width:219px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px;} #carrinho .box-carrinho .conteudo input[type=password]{width:219px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px;padding:2px;} #carrinho .box-carrinho .conteudo select{width:219px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px;} #carrinho .box-carrinho a.prosseguir{background:url(../imgs/buttons/botoes.png) 0 -322px no-repeat; width:146px; height:37px; display:block; } #carrinho .box-carrinho .conteudo input.prosseguir[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -322px no-repeat; width:146px; height:37px;border:none; display:block; cursor:pointer} #carrinho .box-carrinho .conteudo .enderecoEntrega h3{ color:#6a7a99; font-size:14px; font-weight:bold; padding-bottom:17px;} #carrinho .box-carrinho .conteudo .enderecoEntrega .titEnderecoEntrega{margin-top:25px; display:block; background:url(../imgs/titles/titulos.png) -253px -31px no-repeat; width:155px; height:14px; margin-bottom:15px;} #carrinho .box-carrinho .conteudo .enderecoEntrega a.confirmar{background:url(../imgs/buttons/botoes.png) 0 -219px no-repeat; width:137px; height:33px; display:block;} #carrinho .box-carrinho .conteudo .enderecoEntrega a.novoEndereco{background:url(../imgs/buttons/botoes.png) 0 -287px no-repeat; width:167px; height:33px; display:block;} #carrinho .box-carrinho .conteudo .enderecoEntrega span{display:block;} #carrinho .box-carrinho .conteudo .enderecoEntrega .titCadastroEndereco{margin-top:33px; background:url(../imgs/titles/titulos.png) 0 -339px no-repeat; width:214px; height:14px; margin-bottom:20px;} #carrinho .box-carrinho .conteudo input.cadastrar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -183px no-repeat; width:137px; height:33px;border:none; display:block; cursor:pointer} #carrinho .box-carrinho .conteudo .enderecoEntrega .titPedido{margin-top:25px; display:block; background:url(../imgs/titles/titulos.png) -251px -210px no-repeat; width:48px; height:11px; margin-bottom:15px;} #carrinho .box-carrinho .conteudo .enderecoEntrega .txtBlue{font-size:14px; font-weight:bold; font-size:14px; color:#6a7a99;} #carrinho .box-carrinho .conteudo .enderecoEntrega .txtDesc{font-size:12px; color:#7f7f7f;} #carrinho .box-carrinho .conteudo .enderecoEntrega .txtDescBold{font-size:12px; color:#7f7f7f; font-weight:bold;} #carrinho .box-carrinho .conteudo .enderecoEntrega .titSubtotal{background:url(../imgs/titles/titulos.png) -251px -227px no-repeat; width:59px; height:11px; display:block; margin-top:9px; margin-bottom:10px;} #carrinho .box-carrinho .conteudo .enderecoEntrega .titFrete{background:url(../imgs/titles/titulos.png) -253px -99px no-repeat; width:34px; height:10px; display:block;margin-bottom:10px; margin-top:9px;} #carrinho .box-carrinho .conteudo .enderecoEntrega .titDesconto{background:url(../imgs/titles/titulos.png) -253px -15px no-repeat; width:70px; height:11px; display:block;margin-top:9px; margin-bottom:10px;} #carrinho .box-carrinho .conteudo .enderecoEntrega .titTotal{background:url(../imgs/titles/titulos.png) -250px -245px no-repeat; width:37px; height:11px; display:block; margin-top:16px;} #carrinho .box-carrinho .conteudo .enderecoEntrega .table{display:block; margin-top:26px;} #carrinho .box-carrinho .conteudo .enderecoEntrega .table .td{padding-left:30px; vertical-align:top;} #carrinho .box-carrinho .conteudo .enderecoEntrega .linha{font-size:1px;height:1px;line-height:1px; background-color:#D0D0D0} #carrinho .box-carrinho .conteudo .enderecoComprador{float:left;} #carrinho .box-carrinho .conteudo .enderecoComprador .titEnderecoComprador{background:url(../imgs/titles/titulos.png) -253px -85px no-repeat; width:179px; height:14px; display:block;margin-bottom:10px; margin-top:9px;} #carrinho .box-carrinho .conteudo .enderecoEntregaDiv{float:left; margin-left:30px;} #carrinho .box-carrinho .conteudo .enderecoEntregaDiv .titEnderecoEntrega2{background:url(../imgs/titles/titulos.png) -253px -71px no-repeat; width:179px; height:14px; display:block;margin-bottom:10px; margin-top:9px;} #carrinho .box-carrinho .conteudo a.efetuarPagamento{background:url(../imgs/buttons/botoes.png) 0 -254px no-repeat; width:155px; height:33px; display:block;} #carrinho .box-carrinho .dadosComprador{display:block; height:135px; margin-top:40px;} #carrinho ul.lista-produtos {margin-left: 50px;} #carrinho .prod-lista ul.lista-produtos {margin-left:0px;} #carrinho h4.recomendamos {margin: 0 0 10px 50px; font-size: 20px; color: #464950; width: 670px; float: left; font-style:italic; letter-spacing:-2px;} #carrinho .comments .compartilhe {position: absolute; right: 259px; top: -35px; width: 90px; height: 40px;} #carrinho .compartilhe ul li{float: left; width: 16px; height: 16px; } /********************** * end:carrinho1 **********************/ /********************** * FALE CONOSCO **********************/ #frm_contato span.label{ width:150px; display:block;float:left; text-align:right; padding-right:10px; margin-top:3px;} #frm_contato span.spaceInput{ display:block;} #frm_contato input{[type="text"]font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px;} #frm_contato select{font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px;} #frm_contato textarea{font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px; height:70px;} #frm_contato span.separaContato{height:8px; font-size:1px; line-height:8px; clear:both; display:block;} #frm_contato span.botaoEnvio{padding-left:370px; text-align:right;display:block; width:100px;} #frm_contato span.botaoEnvio input.enviar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -422px no-repeat; width:100px; height:33px;border:none; display:block; cursor:pointer} /********************** **********************/ /********************** * CADASTRO **********************/ #frm_cadastro span.label{ width:150px; display:block;float:left; text-align:right; padding-right:10px; margin-top:3px;} #frm_cadastro span.spaceInput{ display:block;} #frm_cadastro input.cadastro[type=text]{font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px;} #frm_cadastro select{font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px;} #frm_cadastro textarea{font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px; height:70px;} #frm_cadastro span.separaContato{height:8px; font-size:1px; line-height:8px; clear:both; display:block;} #frm_cadastro span.botaoEnvio{padding-left:370px; text-align:right;display:block; width:100px;} #frm_cadastro span.botaoEnvio input.enviar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -422px no-repeat; width:100px; height:33px;border:none; display:block; cursor:pointer} #frm_cadastro span.botaoEnvio input.enviar[type=button]{background:url(../imgs/buttons/botoes.png) 0 -422px no-repeat; width:100px; height:33px;border:none; display:block; cursor:pointer} #frm_cadastro .tipoPessoa{display:block;height:30px; padding-left:150px;} #frm_cadastro .tipoPessoa .label2{float:left; width:100px;padding-top:3px;} #frm_cadastro .tipoPessoa .radio2{float:left; padding-right:10px; display:block; width:20px;} #frm_cadastro .sexo{display:block;height:15px; float:left} #frm_cadastro .none{display:none;} /********************** * end:CADASTRO **********************/ /********************** * MEUS PEDIDOS **********************/ #meuspedidos .tit-carrinho{background:url(../imgs/titles/meuspedidos.jpg) no-repeat; width:802px; height:31px; display:block} #meuspedidos .conteudo{ margin-top:13px;} #meuspedidos .conteudo .linhaSepara{ font-size:1px; line-height:1px; height:1px; background-color:#CCC} #meuspedidos .conteudo a.fechar{background:url(../imgs/buttons/botoes.png) 0 -359px no-repeat; width:22px; height:21px; display:block;} #meuspedidos .conteudo a.setaMenos{background:url(../imgs/buttons/botoes.png) -33px -364px no-repeat; width:12px; height:12px; display:block; margin-top:4px;} #meuspedidos .conteudo a.setaMais{background:url(../imgs/buttons/botoes.png) -56px -364px no-repeat; width:12px; height:12px; display:block; margin-top:4px;} #meuspedidos .conteudo .td_cont{height:88px; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; font-size:14px; color:#6a7a99; background-color:#F2F2F2} #meuspedidos .conteudo .tdCarrinho1{padding-left:12px; padding-top:10px; text-align:left; vertical-align:top} #meuspedidos .conteudo .tdCarrinho1 .img{float:left; padding-right:23px;} #meuspedidos .conteudo .tdCarrinho1 .descricao{height:auto; margin-bottom:20px; vertical-align:middle; padding-top:18px;} #meuspedidos .conteudo .tdCarrinho1 .numeracao{font-family:arial; font-size:11px; color:#000; font-weight:normal;vertical-align:middle;} #meuspedidos .conteudo .linhaSepara{ font-size:1px; line-height:1px; height:1px; background-color:#CCC} #meuspedidos .conteudo a.refazerPedido{color:#a1a2a6; font-size:11px; text-decoration:underline; font-weight:normal} #meuspedidos .conteudo a:hover.refazerPedido{color:#a1a2a6; font-size:11px; text-decoration:none} #meuspedidos .breadcrumbs {width: 799px; height: 29px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;} #meuspedidos .breadcrumbs ul li {float: left; height: 29px;} #meuspedidos .breadcrumbs ul li a {color: #A4A6A9; font: 11px/29px Arial, Helvetica,Sans-serif;} #meuspedidos .breadcrumbs ul li span{ margin:0 5px 0 5px; } /********************** * end:MEUS PEDIDOS **********************/ /********************** * AVISEME **********************/ .linkAvisa:hover{text-decoration:underline;cursor:pointer;} #frm_aviseme span.label{ width:150px; display:block;float:left; text-align:right; padding-right:10px; margin-top:3px;} #frm_aviseme span.spaceInput{ display:block;} #frm_aviseme input{[type="text"]font-size:11px;border-top:1px solid #AEAEB0;border-left:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;border-right:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:372px;} #frm_aviseme select{font-size:11px;border-top:1px solid #AEAEB0;border-left:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;border-right:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:120px;} #frm_aviseme textarea{font-size:11px;border-top:1px solid #AEAEB0;border-left:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;border-right:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px; height:70px;} #frm_aviseme span.separaContato{height:8px; font-size:1px; line-height:8px; clear:both; display:block;} #frm_aviseme span.botaoEnvio{padding-left:370px; text-align:right;display:block; width:100px;} #frm_aviseme span.botaoEnvio input.enviar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -422px no-repeat; width:100px; height:33px;border:none; display:block; cursor:pointer} #desc_depoimento h3{display:block; margin-bottom:28px;font-size:14px; font-weight:bold; color:#6a7a99;} /********************** * end:AVISEME **********************/ /********************** * DEPOIMENTO **********************/ #frm_depoimento span.label{ width:150px; display:block;float:left; text-align:right; padding-right:10px; margin-top:3px;} #frm_depoimento span.spaceInput{ display:block;} #frm_depoimento input{[type="text"]font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px;} #frm_depoimento select{font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px;} #frm_depoimento textarea{font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px; height:70px;} #frm_depoimento span.separaContato{height:8px; font-size:1px; line-height:8px; clear:both; display:block;} #frm_depoimento span.botaoEnvio{padding-left:370px; text-align:right;display:block; width:100px;} #frm_depoimento span.botaoEnvio input.enviar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -422px no-repeat; width:100px; height:33px;border:none; display:block; cursor:pointer} #desc_depoimento h3{display:block; margin-bottom:28px;font-size:14px; font-weight:bold; color:#6a7a99;} /********************** * end:DEPOIMENTO **********************/ /********************** * LOGIN **********************/ #frm_depoimento input.entrar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -387px no-repeat; width:100px; height:33px;border:none; display:block; cursor:pointer} #frm_depoimento .esqueciMinhaSenha{padding-left:160px;} /********************** * end:LOGIN **********************/ /********************** * AREA CLIENTE **********************/ #areacliente dl{height:95px;width:730px;} #areacliente .colunas{width:241px;height:95px;display:block;float:left;background-color:#F3F3F3;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;} #areacliente .titBox{width: 726px; height:31px; background: url(../imgs/titles/titulos.png) 0 -426px no-repeat;border-bottom:1px solid white;} #areacliente .divisor{width:2px;height:97px;display:block;float:left;background-color:white;margin-top:-1px;} #areacliente .textoLista{margin-left:20px;margin-top:12px;color:#717378;font-weight:bold;font-size:13px;} #areacliente .itemPedidos{margin-left:20px;margin-top:0px;width: 116px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -164px no-repeat;cursor:pointer;} #areacliente .itemPedidos:hover{margin-left:20px;margin-top:0px;width: 116px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -177px no-repeat;cursor:pointer;} #areacliente .itemPedidoAberto{margin-left:20px;margin-top:12px;width: 116px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -26px no-repeat;cursor:pointer;} #areacliente .itemPedidoAberto:hover{margin-left:20px;margin-top:12px;width: 116px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -39px no-repeat;cursor:pointer;} #areacliente .itemPedidoEntregue{margin-left:20px;margin-top:12px;width: 116px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -52px no-repeat;cursor:pointer;} #areacliente .itemPedidoEntregue:hover{margin-left:20px;margin-top:12px;width: 116px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -65px no-repeat;cursor:pointer;} #areacliente .itemAlteraCadastro{margin-left:20px;margin-top:0px;width: 116px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -78px no-repeat;cursor:pointer;} #areacliente .itemAlteraCadastro:hover{margin-left:20px;margin-top:0px;width: 116px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -91px no-repeat;cursor:pointer;} #areacliente .itemEndereco{margin-left:20px;margin-top:12px;width: 143px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -104px no-repeat;cursor:pointer;} #areacliente .itemEndereco:hover{margin-left:20px;margin-top:12px;width: 143px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -117px no-repeat;cursor:pointer;} #areacliente .itemRastrear{margin-left:20px;margin-top:0px;width: 109px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 0px no-repeat;cursor:pointer;} #areacliente .itemRastrear:hover{margin-left:20px;margin-top:0px;width: 109px; height:13px; background: url(../imgs/titles/areacliente_tit.png) 0 -13px no-repeat;cursor:pointer;} #areacliente .itemTroca{margin-left:20px;margin-top:12px;width: 113px; height:15px; background: url(../imgs/titles/areacliente_tit.png) 0 -130px no-repeat;cursor:pointer;} #areacliente .itemTroca:hover{margin-left:20px;margin-top:12px;width: 113px; height:15px; background: url(../imgs/titles/areacliente_tit.png) 0 -145px no-repeat;cursor:pointer;} .areaBtFechar{display:block;float:right;width:58px;height:20px;background-color:#B8BDC6;color:white;cursor:pointer;margin-top:24px;} #pedidoaberto .linhaSepara{ font-size:1px; line-height:1px; height:1px; background-color:#CCC;border-right:1px solid white;} #pedidoaberto a.fechar{background:url(../imgs/buttons/botoes.png) 0 -359px no-repeat; width:22px; height:21px; display:block;} #pedidoaberto a.setaMenos{background:url(../imgs/buttons/botoes.png) -33px -364px no-repeat; width:14px; height:16px; display:block; margin-top:4px;} #pedidoaberto a.setaMais{background:url(../imgs/buttons/botoes.png) -56px -364px no-repeat; width:14px; height:16px; display:block; margin-top:4px;} #pedidoaberto .td_cont{height:88px; vertical-align:middle; text-align:center; font-weight:bold; font-size:14px; color:#6a7a99; background-color:#F2F2F2;border-right:1px solid white;border-top:1px solid white;border-bottom:1px solid white;} #pedidoaberto .td_cont a{height:88px; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; font-size:14px; color:#6a7a99; background-color:#F2F2F2} #pedidoaberto .tdCarrinho1{padding-left:12px; padding-top:10px; text-align:left; vertical-align:top} #pedidoaberto .tdCarrinho1 .img{float:left; padding-right:23px;} #pedidoaberto .tdCarrinho1 .descricao{height:52px; vertical-align:middle; padding-top:18px;} #pedidoaberto .tdCarrinho1 .numeracao{font-family:arial; font-size:11px; color:#000; font-weight:normal} #pedidoaberto a.refazerPedido{color:#a1a2a6; font-size:11px; text-decoration:underline; font-weight:normal} #pedidoaberto a:hover.refazerPedido{color:#a1a2a6; font-size:11px; text-decoration:none} #pedidoaberto .titBox{width: 705px; height:31px; background: url(../imgs/titles/titulos.png) 0 -465px no-repeat;border-bottom:1px solid white;} #pedidoaberto .status{vertical-align:middle; text-align:center; font-weight:bold; font-size:11px;} .linha_1 {width:67px; *width:66px; width /*\**/: 66px\9;} .linha_2 {width:89px; *width:90px; width /*\**/: 90px\9;} .linha_3 {width:222px; *width:222px; width /*\**/: 222px\9;} .linha_4 {width:65px; *width:65px; width /*\**/: 65px\9;} .linha_5 {width:129px; *width:129px; width /*\**/: 129px\9;} .linha_6 {width:128px; *width:128px; width /*\**/: 128px\9;} .linhap_1 {width:91px; *width:91px; width /*\**/: 91px\9;} .linhap_2 {width:223px; *width:223px; width /*\**/: 223px\9;} .linhap_3 {width:129px; *width:129px; width /*\**/: 129px\9;} .linhap_4 {width:129px; *width:129px; width /*\**/: 129px\9;} .linhap_5 {width:129px; *width:129px; width /*\**/: 129px\9;} .rastreioPendenteCor {background: url(../imgs/backgrounds/bg-rastreio.png) 0px -180px no-repeat;height:41px;width:266px;} .rastreioPendenteHover {background: url(../imgs/backgrounds/bg-rastreio.png) 0px -135px no-repeat;height:41px;width:266px;} .rastreioPendenteNone {clear:both; display:none;} /*.rastreioPendente {background: url(../imgs/backgrounds/bg-rastreio.png) 0px -9px no-repeat;height:41px;width:266px;}*/ .rastreioPago {background: url(../imgs/backgrounds/bg-rastreio.png) 0px -3px no-repeat;height:41px;width:266px;} .rastreioPagoCor {background: url(../imgs/backgrounds/bg-rastreio.png) 0px -92px no-repeat;height:41px;width:266px;} .rastreioPagoHover {background: url(../imgs/backgrounds/bg-rastreio.png) 0px -48px no-repeat;height:41px;width:266px;} .rastreioPagoNone {clear:both; display:none;} .rastreioDespachado {background: url(../imgs/backgrounds/bg-rastreio.png) 0px -224px no-repeat;height:41px;width:266px;} .rastreioDespachadoHover {background: url(../imgs/backgrounds/bg-rastreio.png) 0px -268px no-repeat;height:41px;width:266px;} .rastreioDespachadoNone {clear:both; display:none;} .rastreioCancelado {display:block; position:relative;} .rastreioCanceladoNone {display:none;} .rastreioBtFechar {background:url(../imgs/buttons/botoes.png) 0 -607px no-repeat; width:58px; height:19px;border:none; display:block; cursor:pointer;float:right;margin-right:10px;padding-bottom:2px;} .rastreioLink2 {color:#6a7a99;vertical-align:middle;text-align:center;height:45px;} .rastreioLink2 a {color:#6a7a99;} .rastreioLink2 a:hover {color:#6a7a99;} .rastreioLink3{color:#646464;} .rastreioLink3:hover{font-weight:bold;cursor:pointer;color:#000000;} #pedidoentregue .linhaSepara{ font-size:1px; line-height:1px; height:1px; background-color:#CCC;border:1px solid white;} #pedidoentregue a.fechar{background:url(../imgs/buttons/botoes.png) 0 -359px no-repeat; width:22px; height:21px; display:block;} #pedidoentregue a.setaMenos{background:url(../imgs/buttons/botoes.png) -33px -364px no-repeat; width:14px; height:16px; display:block; margin-top:4px;} #pedidoentregue a.setaMais{background:url(../imgs/buttons/botoes.png) -56px -364px no-repeat; width:14px; height:16px; display:block; margin-top:4px;} #pedidoentregue .td_cont{height:88px; vertical-align:middle; text-align:center; font-weight:bold; font-size:14px; color:#6a7a99; background-color:#F2F2F2;border-right:1px solid white;border-top:1px solid white;border-bottom:1px solid white;} #pedidoentregue .td_cont a{height:88px; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; font-size:14px; color:#6a7a99; background-color:#F2F2F2} #pedidoentregue .tdCarrinho1{padding-left:12px; padding-top:10px; text-align:left; vertical-align:top} #pedidoentregue .tdCarrinho1 .img{float:left; padding-right:23px;} #pedidoentregue .tdCarrinho1 .descricao{height:52px; vertical-align:middle; padding-top:18px;} #pedidoentregue .tdCarrinho1 .numeracao{font-family:arial; font-size:11px; color:#000; font-weight:normal} #pedidoentregue a.refazerPedido{color:#a1a2a6; font-size:11px; text-decoration:underline; font-weight:normal} #pedidoentregue a:hover.refazerPedido{color:#a1a2a6; font-size:11px; text-decoration:none} #pedidoentregue .titBox{width: 705px; height:31px; background: url(../imgs/titles/titulos.png) 0 -465px no-repeat;border-bottom:1px solid white;} #pedidoentregue .status{vertical-align:middle; text-align:center; font-weight:bold; font-size:11px;} #pedidos .linhaSepara{ font-size:1px; line-height:1px; height:1px; background-color:#CCC;border:1px solid white;} #pedidos a.fechar{background:url(../imgs/buttons/botoes.png) 0 -359px no-repeat; width:22px; height:21px; display:block;} #pedidos a.setaMenos{background:url(../imgs/buttons/botoes.png) -33px -364px no-repeat; width:14px; height:16px; display:block; margin-top:4px;} #pedidos a.setaMais{background:url(../imgs/buttons/botoes.png) -56px -364px no-repeat; width:14px; height:16px; display:block; margin-top:4px;} #pedidos .td_cont{height:88px; vertical-align:middle; text-align:center; font-weight:bold; font-size:14px; color:#6a7a99; background-color:#F2F2F2;border-right:1px solid white;border-top:1px solid white;border-bottom:1px solid white;} #pedidos .td_cont a{height:88px; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; font-size:14px; color:#6a7a99; background-color:#F2F2F2} #pedidos .tdCarrinho1{padding-left:12px; padding-top:10px; text-align:left; vertical-align:top} #pedidos .tdCarrinho1 .img{float:left; padding-right:23px;} #pedidos .tdCarrinho1 .descricao{height:52px; vertical-align:middle; padding-top:18px;} #pedidos .tdCarrinho1 .numeracao{font-family:arial; font-size:11px; color:#000; font-weight:normal} #pedidos a.refazerPedido{color:#a1a2a6; font-size:11px; text-decoration:underline; font-weight:normal} #pedidos a:hover.refazerPedido{color:#a1a2a6; font-size:11px; text-decoration:none} #pedidos .titBox{background:url(../imgs/titles/meuspedidos.jpg) no-repeat; width:705px; height:31px; display:block} #pedidos .status{vertical-align:middle; text-align:center; font-weight:bold; font-size:11px;} #enderecoentrega .enderecoEntrega h3{ color:#6a7a99; font-size:14px; font-weight:bold; padding-bottom:17px;} #enderecoentrega .enderecoEntrega .titEnderecoEntrega{margin-top:25px; display:block; background:url(../imgs/titles/titulos.png) -253px -31px no-repeat; width:155px; height:14px; margin-bottom:15px;} #enderecoentrega .enderecoEntrega a.confirmar{background:url(../imgs/buttons/botoes.png) 0 -219px no-repeat; width:137px; height:33px; display:block;} #enderecoentrega .enderecoEntrega a.novoEndereco{background:url(../imgs/buttons/botoes.png) 0 -287px no-repeat; width:167px; height:33px; display:block;} #enderecoentrega .enderecoEntrega span{display:block;} #enderecoentrega .titCadastroEndereco{margin-top:33px; background:url(../imgs/titles/titulos.png) 0 -339px no-repeat; width:214px; height:14px; margin-bottom:20px;} #enderecoentrega input.cadastrar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -183px no-repeat; width:137px; height:33px;border:none; display:block; cursor:pointer} #enderecoentrega input.atualizar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -565px no-repeat; width:165px; height:37px;border:none; display:block; cursor:pointer;float:left;margin-bottom:20px;} #enderecoentrega input.excluir[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -530px no-repeat; width:165px; height:33px;border:none; display:block; cursor:pointer;float:left;margin-bottom:20px;margin-left:10px;} #enderecoentrega .enderecoEntrega .titPedido{margin-top:25px; display:block; background:url(../imgs/titles/titulos.png) -251px -210px no-repeat; width:48px; height:11px; margin-bottom:15px;} #enderecoentrega .enderecoEntrega .txtBlue{font-size:14px; font-weight:bold; font-size:14px; color:#6a7a99;} #enderecoentrega .enderecoEntrega .txtDesc{font-size:12px; color:#7f7f7f;} #enderecoentrega .enderecoEntrega .txtDescBold{font-size:12px; color:#7f7f7f; font-weight:bold;} #enderecoentrega .enderecoEntrega .titSubtotal{background:url(../imgs/titles/titulos.png) -251px -227px no-repeat; width:59px; height:11px; display:block; margin-top:9px; margin-bottom:10px;} #enderecoentrega .enderecoEntrega .titFrete{background:url(../imgs/titles/titulos.png) -253px -99px no-repeat; width:34px; height:10px; display:block;margin-bottom:10px; margin-top:9px;} #enderecoentrega .enderecoEntrega .titDesconto{background:url(../imgs/titles/titulos.png) -253px -15px no-repeat; width:70px; height:11px; display:block;margin-top:9px; margin-bottom:10px;} #enderecoentrega .enderecoEntrega .titTotal{background:url(../imgs/titles/titulos.png) -250px -245px no-repeat; width:37px; height:11px; display:block; margin-top:16px;} #enderecoentrega .enderecoEntrega .table{display:block; margin-top:26px;} #enderecoentrega .enderecoEntrega .table .td{padding-left:30px; vertical-align:top;} #enderecoentrega .enderecoEntrega .linha{font-size:1px;height:1px;line-height:1px; background-color:#D0D0D0} #enderecoentrega .enderecoComprador{float:left;} #enderecoentrega .enderecoComprador .titEnderecoComprador{background:url(../imgs/titles/titulos.png) -253px -85px no-repeat; width:179px; height:14px; display:block;margin-bottom:10px; margin-top:9px;} #enderecoentrega .enderecoEntregaDiv{float:left; margin-left:30px;} #enderecoentrega .enderecoEntregaDiv .titEnderecoEntrega2{background:url(../imgs/titles/titulos.png) -253px -71px no-repeat; width:179px; height:14px; display:block;margin-bottom:10px; margin-top:9px;} #enderecoentrega .enderecoEntrega input[type=text]{width:219px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px;} #enderecoentrega .enderecoEntrega input[type=password]{width:219px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px;padding:2px;} #enderecoentrega .enderecoEntrega select{width:115px; border:1px solid #E6E6E6; color:#a5a5a5; font-family:arial; font-size:11px;} /********************** * end:AREA CLIENTE **********************/ #frm_politica span.label{ width:150px; display:block;float:left; text-align:right; padding-right:10px; margin-top:3px;} #frm_politica span.spaceInput{ display:block;} #frm_politica input{[type="text"]font-size:11px;border:1px solid #E6E6E6;color:#A5A5A5;font-family:arial;font-size:11px;width:305px;} #frm_politica span.separaContato{height:8px; font-size:1px; line-height:8px; clear:both; display:block;} #frm_politica .espacoBotao{display:block; width:100px; padding-left:390px;p} #frm_politica input.enviar[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -422px no-repeat; width:100px; height:33px;border:none; display:block; cursor:pointer} #enviar_email {padding-left:650px; padding-bottom:20px;} #enviar_email input.enviarEmail[type=submit]{background:url(../imgs/buttons/botoes.png) 0 -458px no-repeat; width:156px; height:33px;border:none; display:block; cursor:pointer} /********************** * QUEM SOMOS **********************/ #box-institucional{width: 810px; height:800px; margin-left:10px;} #box-institucional h4.recomendamos2 { font-size: 20px; color: #464950; width: 670px;font-style:italic; letter-spacing:-2px; margin-top:16px;} /********************** * end:QUEM SOMOS **********************/ /********************** * NOSSAS LOJAS **********************/ .titNossasLojasGramado{width:400px; height:18px; display:block; font-family:"Arial"; font-weight:bold; font-size:14pt; color:#A4A6A9;} .titNossasLojasPoa{background-image:url('../imgs/titles/titLojaPoa.png'); background-repeat:no-repeat; width:160px; height:18px; display:block;} .nossasLojas{padding-top:20px; padding-left:10px; width:775px; border-bottom:1px; border-bottom-color:#A4A6A9; border-bottom-style:solid;} .internaLoja{width:785px; padding-top:20px; padding-bottom:20px;} .fotoLojaGrande{width:420px; height:337px; float:left;} .endLoja{width:300px; height:337px; float:left;} .endLoja h2{font-family:"Arial"; font-weight:bold; font-size:12pt; color:#A4A6A9;} .maisImagensLoja{clear:both; background-image:url('../imgs/titles/maisImagensDaLoja.png'); background-repeat:no-repeat; width:146px; height:11px; display:block; padding-bottom:20px;} .comoChegar{background-image:url('../imgs/buttons/comoChegar.png'); background-repeat:no-repeat; width:98px; height:11px; display:block; margin-top:10px;} /********************** * end:NOSSAS LOJAS **********************/ /********************** * FOOTER **********************/ .footer {width: 1000px; height:260px; margin: 0 auto; background: url(../imgs/backgrounds/bg-footer-interno.png) center no-repeat;} .footer .formas-pagamento {height: 58px;} .footer .bt-facebook {width:160px; height:46px; margin-left: 619px; margin-top: -47px; background: url(../imgs/others/img-facebook.png) no-repeat; left: 10px; bottom:10px; } .footer .bt-twitter {width:158px; height:67px; margin-left: 803px; margin-top: -58px; background: url(../imgs/others/img-twitter.png) no-repeat; left: 0px; bottom:10px; } .footer .formas-pagamento .tt-formapagamento {width: 120px; height:10px; background: url(../imgs/titles/titulos.png) -3px -198px no-repeat; margin:24px 20px 0 0; float: left;} .footer .formas-pagamento img{float: left; margin-top:9px; } .footer .bt-wtprime{width: 28px; height:12px; margin-left:950px; margin-top:-17px; background: url(../imgs/buttons/icones.png) -0px -151px no-repeat; float: left;} .footer .desenvolvido {width: 123px; float: right; margin: 20px 27px 0 0;} .footer .desenvolvido p {float: left; color: #FFF;} .footer .sub-footer {position:relative; height: 140px; width: 1000px; padding-top: 40px; background: url(../imgs/backgrounds/bg-subfooter.png) 488px no-repeat;} .footer .sub-footer a{color:#C8CaCD;} .footer .sub-footer p{color:#DFE0E2;} .footer .sub-footer ul li ul {float: right;} .footer .sub-footer ul li ul li {float: left; text-align: right;} .footer .sub-footer ul li.servicos-duvidas {padding:5px 20px 0 0; float: left; width: 467px;} .footer .sub-footer ul li.servicos-duvidas h4{text-transform: uppercase; color: #C8CaCD; float: right;} .footer .sub-footer ul li.servicos-duvidas p {float: right; width: 465px; text-align: right;} .footer .sub-footer ul li.servicos-duvidas ul.serv-duv {width: 250px;} .footer .sub-footer ul li.servicos-duvidas ul.serv-duv li.titulos{text-align: right; width: 240px; display: block; float: right;} .footer .sub-footer ul li.servicos-duvidas ul.serv-duv li span {margin: 0 3px; color: #F2F2F2; width: 2px;} .footer .sub-footer ul li.servicos-duvidas ul.serv-duv li.servicos{float: right; margin-bottom:15px; } .footer .sub-footer ul li.servicos-duvidas ul.serv-duv li.duvidas{float: right; margin-bottom: 27px;} .footer .sub-footer ul li.servicos-duvidas ul.serv-duv li.duvidas ul{text-align: right; width: 147px;} .footer .sub-footer ul li.servicos-duvidas ul.serv-duv li.direitos {clear:both; float: right;} .footer .sub-footer .enderecos {width: 480px; float: right; text-align: left;} .footer .sub-footer .enderecos a{cursor:pointer;} .footer .sub-footer .enderecos p {color:#DCDEE0; text-align: left;} .footer .sub-footer .enderecos ul li {margin-bottom: 15px; display: block; float: left; width: 480px;} .footer .sub-footer .enderecos ul li span {float: left; margin:0; }