/* CSS - MIO e-commerce Brasil */ * { margin: 0; padding: 0; } html { font: 100% Arial, sans-serif; overflow: -moz-scrollbars-vertical; } html body #all { width: 915px; margin: 0 auto; font-size: .75em; color: #7b7a7a; background: #fff; border-width: 0 1px; border-style: solid; border-color: #d7d7d5; } img { border: 0; } /* teaser */ #teaser img { position: absolute; top: 50%; left: 50%; margin: -215px 0 0 -390px; width: 780px; height: 430px; } /*------ PADRAO ------*/ /* cores TEXTO AZUL #0093dd */ /* cores TEXTO LARANJA #f37021 */ /* cores TEXTO CINZA ESCURO #535249 */ /* cores TEXTO CINZA PADRAO #7b7a7a */ /* cores TEXTO VERMELHO PADRAO #b50d1a */ /* 10px = font-size: 0.83em; */ /* contendo float */ html body #all .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html body #all .contemfloat { display: inline-block; } /* Hides from IE-mac \*/ * html body #all .contemfloat { height: 1%; } html body #all .contemfloat { display: block; } /* End hide from IE-mac */ #all a { color: #6b6b6b; text-decoration: underline; } #all ul, #all ol { list-style: none; } /* form padrao */ form fieldset { border: 0; } form fieldset ol li { margin-bottom: 12px; } form fieldset input { border: 1px #878582 solid; padding: 1px 3px 1px; height: 13px; font-size: 0.83em; color: #535249; } form fieldset label input { border: 0; } form fieldset select { border: 1px #878582 solid; height: 13px; font-size: 0.83em; color: #535249; } form button { padding: 0 6px; background: #605f5f; border: 0; color: #fff; font-size: 0.83em; text-align: center; text-transform: lowercase; } /* classes padrao - inputs */ #all #conteudo form fieldset ol li input.maior { width: 254px; } #all #conteudo form fieldset ol li input.tel_ddd { width: 26px; } #all #conteudo form fieldset ol li input.tel { width: 72px; } #all #conteudo form fieldset ol li label.radio { margin-right: 10px; } #all #conteudo form fieldset input.cep1 { width: 35px; } #all #conteudo form fieldset input.cep2 { width: 21px; } #all #conteudo form fieldset ol li input.dd, #all #conteudo form fieldset ol li input.mm, #all #conteudo form fieldset ol li input.aaaa { width: 30px; } #all #conteudo form fieldset a { font-size: 10px; } /* titulos */ #all #conteudo h3 { color: #0093dd; font-size: 1.1em; margin-bottom: 10px; } .interna #all #conteudo h1 { margin-bottom: 15px; font-family: Helvetica, Arial, sans-serif; font-size: 1.41em; color: #0093dd; } .interna #all #conteudo h3 { margin: 20px 0 0; font-size: 1.25em; color: #0093dd; } /* botoes */ #all #conteudo a.botao_comprar { display: block; width: 174px; height: 61px; padding: 20px 0 0 23px; background: url(images/botao_comprar.gif) no-repeat; text-align: center; text-transform: uppercase; font: bold 18px helvetica, arial; color: #fff; text-decoration: none; } #all #conteudo a.botao_indisponivel { display: block; width: 174px; height: 61px; padding: 20px 0 0 23px; background: url(images/botao_comprar.gif) no-repeat; text-align: center; text-transform: uppercase; font: bold 15px helvetica, arial; color: #fff; text-decoration: none; } #all #conteudo a.botao_comprar_menor { display: block; width: 60px; height: 18px; padding: 8px 0 0 25px; background: url(images/botao_comprar_menor.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: Helvetica, Arial, sans-serif; font-size: 11px; color: #fff; text-decoration: none; } #all #conteudo a.botao_azul_mais { display: block; width: 101px; height: 33px; padding: 8px 0 0 32px; background: url(images/botao_azul_mais.gif) no-repeat; color: #fff; } #all #conteudo a.botao_azul_voltar { display: block; width: 89px; height: 27px; padding: 14px 0 0 44px; background: url(images/botao_azul_voltar.gif) no-repeat; color: #fff; } #all #conteudo a.botao_azul_avancar { display: block; width: 108px; height: 35px; padding: 6px 0 0 25px; background: url(images/botao_azul_avancar.gif) no-repeat; color: #fff; text-decoration: none; text-transform: uppercase; } #all #conteudo a.botao_verde_avancar { display: block; width: 80px; height: 28px; padding: 13px 0 0 35px; background: url(images/botao_verde_avancar.gif) no-repeat; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px; } #all #conteudo a.botao_verde_avancar_maior { display: block; width: 160px; height: 28px; padding: 13px 0 0 25px; background: url(images/botao_verde_avancar_maior.gif) no-repeat; color: #fff; } #all #conteudo a.botao_verde_mais_maior { display: block; width: 158px; height: 35px; padding: 6px 0 0 27px; background: url(images/botao_verde_mais_maior.gif) no-repeat; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 12px; } /* navegacao */ #all #conteudo ul.navegacao li { display: inline; margin: 0 2px; } #all #conteudo ul.navegacao li a { text-decoration: none; } #all #conteudo ul.navegacao li a:hover { text-decoration: underline; } #all #conteudo ul.navegacao li.ativo a { color: #0093dd; font-weight: bold; } /* caixa */ #all #conteudo .caixa { display: block; border: 2px #d7d7d5 solid; background: #f0f0f0; padding: 18px; } #all #conteudo .caixa h4 { color: #0093dd; font-size: 1.25em; } /* tabela padrao */ #all #conteudo table.padrao { background: #d7d7d5; } #all #conteudo table.padrao caption { padding: 15px; text-align: left; border: 2px #d7d7d5 solid; border-bottom: 0; color: #0093dd; font-size: 1.25em; background: #f0f0f0; } #all #conteudo table.padrao thead tr th { padding: 3px 15px; background: #e8e8e8; text-align: center; color: #858481; } #all #conteudo table.padrao tbody tr td { padding: 3px 0; background: #f0f0f0; text-align: center; } #all #conteudo table.padrao tbody tr td.xparcelas { text-align: left; width: 147px; padding-left: 10px; } #all #conteudo table.padrao tbody tr td.xparcelas label input { margin-right: 5px; } /* lista de programas (pdf etc) */ #all #conteudo ul.programas { margin-top: 20px; } #all #conteudo ul.programas li { display: block; height: 20px; padding: 5px 0 0 25px; margin-bottom: 5px; font-size: 0.9em; color: #7a7979; } #all #conteudo ul.programas li.pdf { background: url(images/icone_programas_pdf.gif) left center no-repeat; } #all #conteudo ul.programas li.zip { background: url(images/icone_programas_zip.gif) left center no-repeat; } /* coluna1 */ .interna #all #conteudo #coluna1 ul li { margin-bottom: 10px; } .interna #all #conteudo #coluna1 ul li a { text-decoration: none; font-size: 1.083em; } .interna #all #conteudo #coluna1 ul li.ativo a { color: #0093dd; } .interna #all #conteudo #coluna1 ul li a:hover { text-decoration: underline; } /* coluna2 */ .interna #all #conteudo #coluna2 h1 { margin-bottom: 20px; color: #0093dd; font-size: 17px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; } /*------ TOPO ------*/ #all #topo { padding-top: 8px; height: 120px; } #all #topo .logo { float: left; width: 135px; margin: 0 0 0 60px; padding-top: 0px; } #all #topo .logo h2 { width: 135px; height: 100px; background: url(images/logo_navman.jpg) no-repeat; } #all #topo .logo h2 a { height: 100%; width: 100%; text-indent: -999em; overflow: hidden; display: block; width: 140px; height: 100px; } #all #topo .logo p { font-size: 10px; padding-right: 25px; background: url(images/icone_bandeira_brasil.gif) right no-repeat; text-align: center; } /* painel com menu e busca */ #all #topo #painel { float: right; width: 650px; } #all #topo #painel .saudacao { display: inline; font-size: 0.83em; color: #535249; } #all #topo #painel .pessoal { margin-left: 60px; display: inline; } #all #topo #painel .pessoal li { display: inline; } #all #topo #painel .pessoal li a { font-size: 0.83em; } #all #topo #painel .pessoal li a.cadastro { border-right: 1px #6b6b6b solid; padding-right: 2px; } #all #topo #painel .menu_topo { position: relative; height: 45px; margin-top: 10px; background: url(images/topo_menu_canto.jpg) #dededd left no-repeat; list-style: none; } #all #topo #painel .menu_topo li { float: left; margin-top: 15px; padding: 0 15px; border-right: 1px #0093dd solid; } #all #topo #painel .menu_topo li a { text-decoration: none; font: bold 11px arial; color: #0093dd } #all #topo #painel .menu_topo li a:hover { text-decoration: underline; } #all #topo #painel .menu_topo li.carrinho { padding-right: 0; border: 0; } #all #topo #painel .menu_topo li.carrinho p {position: absolute; height: 17px; top: 8px; right: 13px; padding: 7px 0 0 21px; background: url(images/icone_carrinho_pequeno.gif) left no-repeat; color: #999999; } /* busca do topo */ #all #topo #painel .busca { height: 29px; margin-left: 177px; background: url(images/topo_busca_canto.gif) #7b7a7a left no-repeat; } #all #topo #painel .busca form { float: left; width: 280px; } #all #topo #painel .busca form fieldset { margin-left: 13px; padding-top: 7px; } #all #topo #painel .busca form fieldset label { color: #fff; font-size: 11px; } #all #topo #painel .busca form fieldset button { margin-left: 5px; } /* aumentar diminuir fontes */ #all .fontes { float: left; margin: 7px 0 0; color: #fff; font-size: 10px; } #all .fontes p { float: left; margin: 2px 4px 0 0; } #all .fontes ul li { float: left; margin: 0 1px; } #all .fontes ul li a {display: block; height: 12px; width: 12px; background: #9f9f9f; color: #fff; text-transform: uppercase; padding: 2px 2px; text-decoration: none; text-align: center; } #all .fontes ul li a:hover { background: #f37021; } /*------ CONTEUDO ------*/ #all #conteudo { clear: both; } /* breadcrumb */ #all #conteudo #breadcrumb { display: block; background: #d7d7d5; margin-bottom: 5px; padding: 5px 0 5px 18px; font-size: 0.83em; } #all #conteudo #breadcrumb p { display: inline; } #all #conteudo #breadcrumb a.voltar { float: right; padding-right: 20px; } .interna #all #conteudo #breadcrumb { margin-bottom: 20px; } .interna #all #conteudo #coluna1 h3 { margin: 0 0 14px; } .interna #all #conteudo #coluna1 ul li a { font-weight: bold; } .interna #all #conteudo #coluna1 dl dd ul { margin-left: 10px; } .interna #all #conteudo #coluna1 dl dd ul li { font-size: .9em; } .interna #all #conteudo #coluna1 dl dd ul li a { font-weight: normal; font-size: 1.1em; } .interna #all #conteudo #coluna2 h1 { margin: 0 0 15px 0; } .interna #all #conteudo #coluna2 img { margin-bottom: 10px; } .interna #all #conteudo #coluna2 p { margin-bottom: 1.4em; } /*--- HOME ---*/ #home #all #conteudo h1 { padding: 4px 18px; background: #d7d7d5; color: #0089e1; font-size: 1.4em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; } /* destaques de produtos */ #home #all #conteudo .destaques { padding: 28px 0 0 17px; margin-top: 5px; background: url(images/home_destaques_bg.gif) repeat-x; } #home #all #conteudo .destaques .produto { float: left; width: 437px; text-align: center; } #home #all #conteudo .destaques .produto h3 { font-size: 1.6em; font-family: "Trebuchet MS", sans-serif; text-align: left; } #home #all #conteudo .destaques .produto.primeiro { width: 417px; padding-right: 20px; margin-right: 20px; background: url(images/home_destaques_divisao.gif) right repeat-y; } #home #all #conteudo .destaques .produto.primeiro .navegador { margin: 25px 0 20px; } #home #all #conteudo .destaques .produto .navegador { margin: 25px 0 20px; } #home #all #conteudo .destaques .produto .descricao { text-align: left; color: #color: #535249; } #home #all #conteudo .destaques .produto ul.vantagens { margin-top: 20px; } #home #all #conteudo .destaques .produto ul.vantagens li { margin-bottom: 14px; padding-left: 25px; background: url(images/icone_check.gif) left no-repeat; color: #535249; text-align: left; } #home #all #conteudo .destaques .produto .preco_compra p { color: #535249; float: left; } #home #all #conteudo .destaques .produto .preco_compra p .preco { color: #b50d1a; font-size: 15px; } #home #all #conteudo .destaques .produto .preco_compra p .preco span { font-size: 27px; } #home #all #conteudo .destaques .produto .preco_compra p .preco span span { font-size: 15px; } #home #all #conteudo .destaques .produto .preco_compra p .parcelado { display: block; font-size: 11px; } #home #all #conteudo .destaques .produto .botao_comprar { float: left; margin-left: 14px; } #home #all #conteudo .destaques .produto .saiba_mais { clear: both; float: left; text-decoration: none; font-size: 0.9em; color: #b50d1a; } #home #all #conteudo .destaques .produto .saiba_mais:hover { text-decoration: underline; } /* outros produtos */ #home #all #conteudo .outros { margin: 30px 20px 0; padding-top: 22px; background: url(images/bg_pontilhado.gif) top left repeat-x; } #home #all #conteudo .outros h3 { margin-bottom: 20px; font-family: Helvetica, Arial, sans-serif; font-size: 17px; font-weight: normal; color: #535249; } #home #all #conteudo .outros .outros_produtos { float: left; } #home #all #conteudo .outros .outros_produtos ul li { float: left; height: 77px; padding-right: 25px; margin-right: 7px; background: url(images/bg_bubble.gif) right top no-repeat; } #home #all #conteudo .outros .outros_produtos ul li a { text-decoration: none; font-size: 13px; } #home #all #conteudo .outros .outros_produtos ul li a:hover { text-decoration: underline; } #home #all #conteudo .outros .outros_produtos h3 {font: bold 8pt verdana; color: #b50d1a} #home #all #conteudo .outros .outros_produtos ul li.c320 a { display: block; width: 240px; height: 40px; margin: 15px 0 0 10px; } #home #all #conteudo .outros .outros_produtos ul li.c320 a img { float: left; border: 0; } #home #all #conteudo .outros .outros_produtos ul li.c320 a p { float: left; height: 40px; padding: 5px 0 0 15px; } #home #all #conteudo .outros .outros_produtos ul li.mapas { padding: 10px 20px 15px 0; } #home #all #conteudo .outros .outros_produtos ul li.mapas a { display: block; width: 44px; height: 45px; padding: 20px 0 0 41px; background: url(images/home_icone_mapas.gif) left top no-repeat; } #home #all #conteudo .outros .outros_produtos ul li.acessorios { padding-top: 20px; } #home #all #conteudo .outros .outros_produtos ul li.acessorios a { display: block; width: 57px; height: 23px; padding: 10px 0 0 55px; background: url(images/home_icone_acessorios.gif) left top no-repeat; } /* saiba mais */ #home #all #conteudo .outros .saiba_mais { float: left; width: 210px; height: 118px; margin-left: 20px; padding: 0 20px 0 0; background: url(images/bg_bubble.gif) right bottom no-repeat; } * html #home #all #conteudo .outros .saiba_mais { margin-left: 10px; } #home #all #conteudo .outros .saiba_mais p { margin: 15px 0 8px; font-size: 0.83em; color: #535249; } #home #all #conteudo .outros .saiba_mais h3 {font: bold 8pt verdana; color: #b50d1a} #home #all #conteudo .outros .saiba_mais ul.pagamento li { float: left; margin: 0 10px; text-align: center; } #home #all #conteudo .outros .saiba_mais ul.pagamento li a { display: block; padding-top: 23px; text-decoration: none; font-size: 0.83em; } #home #all #conteudo .outros .saiba_mais ul.pagamento li a:hover { text-decoration: underline; } #home #all #conteudo .outros .saiba_mais ul.pagamento li.amex a { width: 70px; background: url(images/icone_cartao_4.gif) center top no-repeat; } #home #all #conteudo .outros .saiba_mais ul.pagamento li.visa { margin-left: 0; } #home #all #conteudo .outros .saiba_mais ul.pagamento li.visa a { width: 33px; background: url(images/icone_cartao_1.gif) no-repeat; } #home #all #conteudo .outros .saiba_mais ul.pagamento li.master { width: 37px; background: url(images/icone_cartao_2.gif) no-repeat; } #home #all #conteudo .outros .saiba_mais ul.pagamento li.boleto { width: 30px; background: url(images/icone_3.gif) no-repeat; } #home #all #conteudo .outros .saiba_mais ul.pagamento li.financiamento { width: 67px; background: url(images/icone_financiamento.gif) no-repeat; } #home #all #conteudo .outros .compra_segura { float: left; width: 75px; height: 8px; margin: 46px 0 0 10px; padding-top: 38px; background: url(images/icone_compra_segura.gif) center top no-repeat; font-size: 0.83em; color: #535249; text-align: center; text-decoration: none; } #home #all #conteudo .outros .compra_segura:hover { text-decoration: underline; } /*--- CARRINHO DE COMPRAS ---*/ #carrinho #all #conteudo h4 { color: #858481; font-size: 1.25em; margin-bottom: 10px; } #carrinho #all #conteudo ul.passos { height: 73px; margin-bottom: 5px; display: block; background: #d8d9d8; } #carrinho #all #conteudo ul.passos li { float: left; width: 227px; height: 73px; margin-right: 1px; text-align: center; background: #f2f2f1; } #carrinho #all #conteudo ul.passos li.um { width: 229px; } #carrinho #all #conteudo ul.passos li.quatro { width: 229px; margin: 0; } #carrinho.passo1 #all #conteudo ul.passos li.um { background: #e2e9ec; } #carrinho.passo2 #all #conteudo ul.passos li.dois { background: #e2e9ec; } #carrinho.passo3 #all #conteudo ul.passos li.tres { background: #e2e9ec; } #carrinho.passo4 #all #conteudo ul.passos li.quatro { background: #e2e9ec; } #carrinho #all #conteudo ul.passos li a { width: 86px; text-align: left; padding: 0 0 0 23px; display: block; text-decoration: none; font-weight: bold; background: url(images/carrinho_passos.gif) no-repeat; margin: 22px auto 0; } #carrinho #all #conteudo ul.passos li a:hover { cursor: default; } #carrinho #all #conteudo ul.passos li.um a { background-position: top left; } #carrinho.passo1 #all #conteudo ul.passos li.um a { background: url(images/carrinho_passos_ativo.gif) top left no-repeat; } #carrinho #all #conteudo ul.passos li.dois a { background-position: 0 -46px; } #carrinho.passo2 #all #conteudo ul.passos li.dois a { background: url(images/carrinho_passos_ativo.gif) 0 -46px no-repeat; } #carrinho #all #conteudo ul.passos li.tres a { background-position: 0 -92px; } #carrinho.passo3 #all #conteudo ul.passos li.tres a { background: url(images/carrinho_passos_ativo.gif) 0 -92px no-repeat; } #carrinho #all #conteudo ul.passos li.quatro a { background-position: 0 -137px; } #carrinho.passo4 #all #conteudo ul.passos li.quatro a { background: url(images/carrinho_passos_ativo.gif) 0 -137px no-repeat; } /* tabela do carrinho */ #carrinho #all #conteudo .tabela_carrinho { width: 890px; background: #d7d7d5; border: 1px #d7d7d5 solid; margin: 0 10px; } #carrinho #all #conteudo .tabela_carrinho thead tr th { height: 27px; color: #858481; font-size: 1.25em; font-weight: normal; text-align: center; border-right: 1px #fff solid; } #carrinho #all #conteudo .tabela_carrinho thead tr th.ultimo { border: 0; } #carrinho #all #conteudo .tabela_carrinho tbody tr td { background: #f2f2f1; text-align: center; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.claro { background: #f8f8f8; } #carrinho #all #conteudo .tabela_carrinho tbody tr.produtos td { border-width: 0 1px 1px 0; border-color: #fff; border-style: solid; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.produto { width: 400px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.produto { text-align: left; padding: 25px 10px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.produto img { float: left; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.produto p { float: left; margin-left: 15px; width: 310px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.quantidade { width: 100px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.quantidade input { width: 23px; text-align: center; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.quantidade a { font-size: 0.83em; display: block; text-transform: lowercase; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.excluir { width: 130px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.excluir a { width: 97px; height: 66px; margin: 20px auto 0; padding-top: 35px; display: block; background: url(images/icone_carrinho_excluir.gif) top center no-repeat; text-align: center; font-size: 0.83em; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.unitario { width: 120px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.subtotal { width: 140px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.cep { text-align: left; padding: 20px 30px 10px 20px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.consultar_cep { text-align: left; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.consultar_cep a { margin-right: 13px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.consultar_cep input { width: 37px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.consultar_cep input#cep_2 { width: 23px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.consultar_cep button { margin-left: 10px; } #carrinho #all #conteudo .tabela_carrinho tbody tr td .frete_calculado { display: none; margin: 10px 10px 10px 20px; padding: 10px; background: #d7d7d5; color: #7a7979; text-align: left; font-size: 0.9em; } #carrinho #all #conteudo .tabela_carrinho tbody tr td .frete_calculado.ativo { display: block; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.total { padding: 20px 10px 20px 20px; border-top: 1px #dededc solid; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.total p { text-align: left; font-size: 1.25em; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.total p.preco_final { color: #f37021; text-align: right; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.total span { float: right; font-size: 1em; } #carrinho #all #conteudo .tabela_carrinho tbody tr td.carrinho_vazio { padding: 30px 0; font-weight: bold; font-size: 1.5em; } #carrinho #all #conteudo .botoes { clear: both; margin: 30px 10px 0; padding-bottom: 20px; } #carrinho #all #conteudo .botoes a { text-decoration: none; text-transform: uppercase; margin: 0; position: relative;} #carrinho #all #conteudo .botoes a.direita { float: right; } /*-- CARRINHO - PASSO 2 - LOGIN -- */ #carrinho.login #all #conteudo p.introducao { font-size: 1.25em; color: #535249; } #carrinho.login #all #conteudo form { float: left; width: 420px; height: 180px; background: #f2f2f1; padding: 2px; margin: 0 10px 20px; } #carrinho.login #all #conteudo form fieldset { text-align: center; } #carrinho.login #all #conteudo form fieldset h3 { padding: 10px 0 ; text-align: center; background: #d7d7d5; color: #7a7979; font-size: 1.66em; } #carrinho.login #all #conteudo form#frm_cadastrado fieldset ol li input { width: 163px; } #carrinho.login #all #conteudo form#frm_cadastrado fieldset ol li.senha input { width: 81px; } #carrinho.login #all #conteudo form#frm_cadastrado fieldset ol li.senha a { font-size: 10px; } #carrinho.login #all #conteudo form fieldset button.button_verde_continuar { width: 115px; height: 41px; float: left; margin-left: 170px; text-indent: -999em; overflow: hidden; background: url(images/button_verde_continuar.gif) no-repeat; } #carrinho.login #all #conteudo form fieldset p { margin-bottom: 12px; } #carrinho.login #all #conteudo form#frm_cadastrado fieldset button { margin-top: 13px; } #carrinho.login #all #conteudo form#frm_naocadastrado fieldset button { margin-top: 12px; } /*-- CARRINHO - PASSO 2 - CADASTRO PESSOA FISICA - MEU CADASTRO-- */ .cadastro #all #conteudo form { width: 570px; margin-left: 20px; background: #fff; } .cadastro #all #conteudo form fieldset h4 { margin: 20px 0 10px; font-size: 1.25em; color: #0093dd; } .cadastro #all #conteudo form ul.seleciona_pessoa { position: relative; background: #d7d7d5; padding: 10px 20px 0; } .cadastro #all #conteudo form ul.seleciona_pessoa li fieldset { float: left; width: 550px; margin: 10px 0 0 -20px; padding-left: 20px; display: none; background: #f2f2f1; } * html .cadastro #all #conteudo form ul.seleciona_pessoa li fieldset { padding-left: 40px; } .cadastro #all #conteudo form ul.seleciona_pessoa li fieldset.ativo { display: block; } .cadastro #all #conteudo form ul.seleciona_pessoa li.radio { display: inline; } .cadastro #all #conteudo form ul.seleciona_pessoa li.radio label.titulo { color: #7a7979; font-size: 20px; margin-right: 30px; } .cadastro #all #conteudo form ul.seleciona_pessoa li.radio label.titulo input { margin: -3px 5px 0 0; } .cadastro #all #conteudo form ul.seleciona_pessoa li.radio ul { background: 0; width: auto; padding: 0; } .cadastro #all #conteudo form fieldset ol li.sexo ul { display: inline; } .cadastro #all #conteudo form fieldset ol li.sexo ul li { display: inline; } .cadastro #all #conteudo form fieldset ol li.sexo ul li label { margin-right: 5px; } .cadastro #all #conteudo form fieldset ol li.sexo ul li label input { margin-right: 3px; } .cadastro #all #conteudo form ul.seleciona_pessoa li.email label.check { display: block; margin: 5px 0; } .cadastro #all #conteudo form ul.seleciona_pessoa li.email label.check input { margin-right: 5px; } .cadastro #all #conteudo form fieldset ol li span { margin-left: 5px; font-size: 10px; } .cadastro #all #conteudo form fieldset li.referencia input { margin-top: 5px; width: 370px; } /*-- CARRINHO - PASSO 2 - CADASTRO PESSOA JURIDICA -- */ .cadastro #all #conteudo form ul.seleciona_pessoa li.cnpj input.check { margin-right: 5px; } .cadastro #all #conteudo form .botoes { clear: both; margin-top: 20px; } .interna.cadastro #all #conteudo form#meu_cadastro { background: #F2F2F2; margin: 20px 0; padding: 0 10px 20px; } .interna.cadastro #all #conteudo form#meu_cadastro button.salvar { display: block; margin: 0 auto; width: 115px; height: 41px; border: 0; background: url(images/meucadastro_botao_salvar.gif) no-repeat; text-indent: -999em; overflow: hidden; } .interna.cadastro #all #conteudo form#meu_cadastro button.salvar:hover { cursor: hand; } .interna.cadastro #all #conteudo form#meu_cadastro fieldset ol li.nova_senha { padding: 5px; background: #d7d7d5; } .interna.cadastro #all #conteudo form#meu_cadastro fieldset ol li.nova_senha p { margin-bottom: 5px; } /*-- CARRINHO - PASSO 3 - ENDERECO -- */ #carrinho.endereco #all #conteudo fieldset.caixa { width: auto; margin-right: 20px; } #carrinho.endereco #all #conteudo fieldset.caixa ul li { position: relative; display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #858481 solid; } #carrinho.endereco #all #conteudo fieldset.caixa ul li label.titulo { font-size: 1.25em; color: #0093dd; margin-bottom: 20px; } #carrinho.endereco #all #conteudo fieldset.caixa ul li label.titulo input { margin-right: 10px; } #carrinho.endereco #all #conteudo fieldset.caixa ul li .descricao { margin-top: 20px; } #carrinho.endereco #all #conteudo fieldset.caixa .valor { position: absolute; padding-right: 100px; right: 100px; top: 10px; font-size: 1.25em; background: url(images/icone_frete.gif) right no-repeat; } #carrinho.endereco #all #conteudo fieldset.caixa .valor .preco { color: #dd2517; margin-top: 10px; } #carrinho.endereco #all #conteudo fieldset.caixa .valor a.excluir { padding: 1px 0 0 20px; background: url(images/icone_excluir.gif) left center no-repeat; text-transform: lowercase; font-size: 11px; } #carrinho.endereco #all #conteudo fieldset.caixa .valor a.excluir:hover { color: #b50d1a; } #carrinho.endereco #all #conteudo fieldset.caixa .novo_endereco h4 { color: #0093dd; } #carrinho.endereco #all #conteudo fieldset.caixa .novo_endereco { display: none; } #carrinho.endereco #all #conteudo fieldset.caixa .novo_endereco.ativo { display: block; } #carrinho.endereco #all #conteudo form fieldset.caixa li.referencia input { margin-top: 5px; width: 370px; display: block; } /*-- CARRINHO - PASSO 4 - ENDERECO -- */ #carrinho.pagamento #all #conteudo .caixa { width: auto; margin-right: 20px; background: #fff; } #carrinho.pagamento #all #conteudo .caixa dl.cartoes { clear: both; float: none; margin-bottom: 20px; } #carrinho.pagamento #all #conteudo .caixa dl dt { color: #0093dd; font-size: 1.25em; } /*-- Tiago -- */ #carrinho.pagamento #all #conteudo .caixa dl.cartoes dd ul li {float: left; width: 150px; font: bold 10pt arial; text-align: center; margin-right: 20px; color: #cc0000; border: 1px solid #f1f1f1; padding: 20px 0px 20px 0px } #carrinho.pagamento #all #conteudo .caixa dl.cartoes dd p { margin-bottom: 10px; font-size: 0.85em; color: #535249; text-align: left;} #carrinho.pagamento #all #conteudo .caixa dl { margin: 0 50px 20px 0; } #carrinho.pagamento #all #conteudo .caixa dl dd { text-align: center; } #carrinho.pagamento #all #conteudo .caixa dl dd a { text-decoration: none; font: bold 10pt arial; color: #999999 } #carrinho.pagamento #all #conteudo .caixa dl dd a:hover { text-decoration: none; } #carrinho.pagamento #all #conteudo .caixa dl dd a:visited { text-decoration: none;} #carrinho.pagamento #all #conteudo .caixa dl dd img { display: block; border: 0; } html > body#carrinho.pagamento #all #conteudo .caixa dl dd img { margin: 0 auto; } #carrinho.pagamento #all #conteudo .caixa dl { float: left; } #carrinho.pagamento #all #conteudo .botoes { margin-top: 20px; } /*-- CARRINHO - FINALIZACAO COM BOLETO BANCARIO -- */ #carrinho #all #conteudo p.introducao { margin: 15px; } #carrinho #all #conteudo p.introducao strong { font-size: 1.25em; } #carrinho #all #conteudo p.introducao span { display: block; margin-top: 20px; } #carrinho #all #conteudo .instrucao { margin: 20px; } /*-- CARRINHO - FINALIZACAO COM CARTAO DE CREDITO -- */ #carrinho.cartao #all #conteudo form { position: relative; } #carrinho.cartao #all #conteudo form .parcelamento { margin: 20px 20px 0 20px; } #carrinho.cartao #all #conteudo form .dados { float: right; width: 400px; margin: 20px 20px 0 0; } #carrinho.cartao #all #conteudo form .dados .caixa { margin-top: 50px; } #carrinho.cartao #all #conteudo form .dados ol li { margin-bottom: 12px; } #carrinho.cartao #all #conteudo form .dados ol li input.mm { width: 25px; } #carrinho.cartao #all #conteudo form .dados ol li input.aaaa { width: 25px; } #carrinho.cartao #all #conteudo form .dados ol li.numero_cartao input { width: 25px; } /*#carrinho.cartao #all #conteudo form .dados ol li.verificador { position: relative; }*/ #carrinho.cartao #all #conteudo form .dados ol li.verificador input { width: 25px; } #carrinho.cartao #all #conteudo form .dados ol li.verificador .obs { position: absolute; display: block; width: 90px; right: 30px; top: 0; font-size: 0.83em; } * html #carrinho.cartao #all #conteudo form .dados ol li.verificador .obs { position: absolute; display: block; width: 90px; right: 50px; top: 0; } /* -- CARRINHO - COMPROVANTE -- */ #carrinho #all #conteudo .comprovante { margin-left: 100px; } #carrinho #all #conteudo .comprovante table { width: 715px; } #carrinho #all #conteudo .comprovante table tbody tr td.valor_frete { padding: 10px 0 10px 20px; text-align: left; } #carrinho #all #conteudo .comprovante h3 { margin: 20px 0 5px; } #carrinho #all #conteudo .caixa { width: 375px; margin-top: 10px; } /*--- MEUS PEDIDOS ---*/ #carrinho.pedido #all #conteudo .botoes li a.botao_azul_voltar { width: 104px; height: 33px; padding: 7px 0 0 29px; } #pedidos #all .texto form.caixa { width: 629px; } #pedidos #all .texto form.caixa legend { margin: 0 0 9px -7px; font-size: 1.1em; font-weight: bold; color: #f37021; } #pedidos #all .texto form.caixa input, #pedidos #all .texto form.caixa button { vertical-align: middle; font: .9em Arial, Helvetica, sans-serif; } #pedidos #all .texto form.caixa input { margin-right: 3px; } #pedidos #all .texto #informacoes { width: 665px; margin-top: 20px; padding: 18px 0 0; } #pedidos #all .texto #informacoes h3, #pedidos #all .texto #informacoes p { margin: 0 18px; } #pedidos #all .texto #informacoes h3 { margin-top: 0; } #pedidos #all .texto #informacoes table { width: 100%; margin: 10px 0; border-collapse: collapse; text-align: center; } #pedidos #all .texto #informacoes table thead td { height: 27px; background: #d7d7d5; border-left: 1px solid #fff; font-weight: bold; color: #858481; } #pedidos #all .texto #informacoes table thead td.primeiro { border: 0; } #pedidos #all .texto #informacoes table col { background: #fff; } #pedidos #all .texto #informacoes table col.alt { background: #f2f2f1; } #pedidos #all .texto #informacoes table tbody td { padding: 20px 0; } #pedidos #all .texto #informacoes table tbody td.primeiro { font-size: 1.25em; text-decoration: underline; color: #7a7979; } /*-- PRODUTOS --*/ .interna #all #conteudo #coluna1 { float: left; width: 252px; padding: 30px 0 0 15px; } .interna #all #conteudo #coluna1 h3 { font-family: Helvetica, Arial, sans-serif; font-size: 1.20em; color: #0093dd; font-weight: normal; } .interna #all #conteudo #coluna1 dl dt { font-weight: bold; font-size: 1.1em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0089e1; margin-bottom: 10px} .interna #all #conteudo #coluna1 dl dd { margin-bottom: 20px; } .interna #all #conteudo #coluna1 dl dd ul {margin: 0; padding: 0; width: 237px;} .interna #all #conteudo #coluna1 dl dd ul li { font: bold 9pt arial; margin: 0px 0px 0px 0px; padding: 0px; line-height: 0px; width: 100%; text-align: left} .interna #all #conteudo #coluna1 dl dd ul li.ativo a:link {font: 8pt verdana; color: #0089e1; border: 1px solid #0089e1;} .interna #all #conteudo #coluna1 dl dd ul li.ativo a:visited {font: 8pt verdana; color: #0089e1; border: 1px solid #0089e1;} .interna #all #conteudo #coluna1 dl dd ul li a:visited {font: 8pt verdana; text-decoration: none; background-color: #f9f9f9; padding: 5px 5px 5px 5px; border: 1px solid #e2e2e2; display: block} .interna #all #conteudo #coluna1 dl dd ul li a:link {font: 8pt verdana; text-decoration: none; background-color: #f9f9f9; padding: 5px 5px 5px 5px; border: 1px solid #e2e2e2; display: block} .interna #all #conteudo #coluna1 dl dd ul li a:hover {font: 8pt verdana; text-decoration: none; background-color: #f9f9f9; padding: 5px 5px 5px 5px; border: 1px solid #0089e1; display: block} .interna #all #conteudo #coluna1 dl dd ul li span {font-size: 10px; } #produtos #all #conteudo #coluna2 h3 { margin-bottom: 15px; font-size: 1em; text-transform: uppercase; } #produtos #all #conteudo #coluna2 ul.produtos { margin-bottom: 15px; list-style: none; } #produtos #all #conteudo #coluna2 ul.produtos li { float: left; width: 196px; height: 218px; margin-left: 3px; padding-top: 15px; background: url(images/produtos_bg.jpg) no-repeat; text-align: center; color: #535249; } #produtos #all #conteudo #coluna2 ul.produtos li img { display: block; margin: 0 auto 2px; } #produtos #all #conteudo #coluna2 ul.produtos li label { display: block; font: bold 1.66em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; color: #7a7979; } #produtos #all #conteudo #coluna2 ul.produtos li input { vertical-align: middle; } #produtos #all #conteudo #coluna2 ul.produtos li span { display: block; font-size: .8em; } #produtos #all #conteudo #coluna2 ul.produtos li strong { color: #b50d1a; } #produtos #all #conteudo #coluna2 form button { display: block; width: 137px; height: 41px; margin: 0 auto; background: url(images/botao_comparar.jpg) no-repeat; cursor: pointer; } #produtos #all #conteudo #coluna2 form button span { display: block; text-indent: -999em; overflow: hidden; } /* PRODUTO */ .interna #all #conteudo #coluna2 { float: left; width: 600px; margin-bottom: 10px; padding: 27px 0 10px 20px; border-left: 2px #d7d7d5 solid; } #produtos.detalhes #all #conteudo #coluna2 h1 { font: bold 1.90em "Trebuchet MS", sans-serif; color: #0093dd} #produtos.detalhes #all #conteudo #coluna2 .galeria { float: left; width: 210px; height: 245px; margin: 0 10px 15px 0;} #produtos.detalhes #all #conteudo #coluna2 .descricao { float: left; width: 380px; } #produtos.detalhes #all #conteudo #coluna2 ul.vantagens { margin-top: 20px; } #produtos.detalhes #all #conteudo #coluna2 ul.vantagens li { margin-bottom: 14px; padding-left: 25px; background: url(images/icone_check.gif) left no-repeat; color: #535249; text-align: left; } #produtos.detalhes #all #conteudo #coluna2 .preco_compra p { float: left; color: #535249; } #produtos.detalhes #all #conteudo #coluna2 .preco_compra p .preco { color: #b50d1a; font-size: 15px; } #produtos.detalhes #all #conteudo #coluna2 .preco_compra p .preco span { font-size: 27px; } #produtos.detalhes #all #conteudo #coluna2 .preco_compra p .preco span span { font-size: 15px; } #produtos.detalhes #all #conteudo #coluna2 .preco_compra p .parcelado { display: block; font-size: 10px; } #produtos.detalhes #all #conteudo #coluna2 a.botao_comprar { float: right; } #produtos.detalhes #all #conteudo #coluna2 ul.acoes { clear: both; margin-top: 20px; } #produtos.detalhes #all #conteudo #coluna2 ul.acoes li { display: inline; text-transform: uppercase; } #produtos.detalhes #all #conteudo #coluna2 ul.acoes li.primeiro { margin-right: 5px; padding-right: 5px; border-right: 1px #7b7a7a solid; } #produtos.detalhes #all #conteudo #coluna2 ul.acoes li a { text-decoration: none; } #produtos.detalhes #all #conteudo #coluna2 ul.acoes li a:hover { color: #535249; text-decoration: underline; } /* abas */ #produtos.detalhes #all #conteudo #coluna2 ul.abas { clear: both; padding-top: 30px; } #produtos.detalhes #all #conteudo #coluna2 ul.abas li { float: left; margin: 0 1px; } #produtos.detalhes #all #conteudo #coluna2 ul.abas li div { display: none; } #produtos.detalhes #all #conteudo #coluna2 ul.abas li.aba.ativa div { display: block; } #produtos.detalhes #all #conteudo #coluna2 ul.abas li.aba.ativa { background-position: 0 -33px; } #produtos.detalhes #all #conteudo #coluna2 ul.abas li.aba.ativa a { color: #fff; } #produtos.detalhes #all #conteudo #coluna2 ul.abas li.aba { width: 117px; height: 21px; padding-top: 8px; background: url(images/produtos_detalhes_aba.gif) no-repeat; background-position: top; text-align: center; } #produtos.detalhes #all #conteudo #coluna2 ul.abas li.aba a { color: #535249; text-decoration: none; font-size: 10px; } /* aba detalhes */ #produtos.detalhes #all #conteudo #coluna2 .detalhes { display: none; float: left; width: 570px; padding: 20px 0 0 7px; text-align: left; } #produtos.detalhes #all #conteudo #coluna2 .detalhes.ativo { display: block; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li { margin-bottom: 20px; padding: 5px 0 30px 70px; background-position: left center; background: url(images/icone_produto_generico.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li h4 { font-size: 1.083em; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.voz { background: url(images/icone_produto_voz.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.gps { background: url(images/icone_produto_gps.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.display { background: url(images/icone_produto_display.jpgifg) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.pois { background: url(images/icone_produto_pois.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.abrangencia { background: url(images/icone_produto_abrangencia.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.touchscreen { background: url(images/icone_produto_touchscreen.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.navegacao { background: url(images/icone_produto_navegacao.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.modos { background: url(images/icone_produto_modos.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.rotas { background: url(images/icone_produto_rotas.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.avancado { background: url(images/icone_produto_avancado.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.software { background: url(images/icone_produto_software.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li.mapas { background: url(images/icone_produto_mapas.gif) no-repeat; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li ul { display: block; position: relative; } #produtos.detalhes #all #conteudo #coluna2 .detalhes ul.caracteristicas li ul li { margin-bottom: 5px; padding: 0 0 0 5px; background: url(images/coluna1_itens_bg.gif) left 8px no-repeat; } /* aba ficha tecnica */ #produtos.detalhes #all #conteudo #coluna2 #ficha ol { float: right; margin-right: 50px; list-style: decimal inside; } * html #produtos.detalhes #all #conteudo #coluna2 #ficha ol { margin-right: 20px; } #produtos.detalhes #all #conteudo #coluna2 #ficha .produto_indicado { margin-bottom: 30px; min-height: 70px; } #produtos.detalhes #all #conteudo #coluna2 #ficha table { width: 395px; margin: 10px 0; } #produtos.detalhes #all #conteudo #coluna2 #ficha table caption { position: relative; margin: 0; color: #535249; font-size: 1.08em; } #produtos.detalhes #all #conteudo #coluna2 #ficha table tbody tr th { text-align: left; padding-left: 15px; } #produtos.detalhes #all #conteudo #coluna2 #ficha table tbody tr td, #produtos.detalhes #all #conteudo #coluna2 #ficha table tbody tr th { background: #f0f0f0; } #produtos.detalhes #all #conteudo #coluna2 #ficha table tbody tr.alt td, #produtos.detalhes #all #conteudo #coluna2 #ficha table tbody tr.alt th { background: #e8e8e8; } /* aba acessorios */ #produtos.detalhes #all #conteudo #coluna2 #acessorios .produtos_indicados { float: left; height: 170px; width: 240px; } html > body #produtos.detalhes #all #conteudo #coluna2 #acessorios .produtos_indicados { min-height: 170px; min-width: 240px; } #produtos.detalhes #all #conteudo #coluna2 #acessorios dl { float: left; margin-left: 20px; } #produtos.detalhes #all #conteudo #coluna2 #acessorios dl dd ol { list-style: decimal inside; } #produtos.detalhes #all #conteudo #coluna2 #acessorios dl dt { font-size: 1.08em; color: #535249; margin-bottom: 15px; } #produtos.detalhes #all #conteudo #coluna2 #acessorios table { clear: both; width: 470px; margin: 10px 0; } #produtos.detalhes #all #conteudo #coluna2 #acessorios table caption { position: relative; margin: 0; color: #535249; font-size: 1.08em; } #produtos.detalhes #all #conteudo #coluna2 #acessorios table tbody tr th, #produtos.detalhes #all #conteudo #coluna2 #acessorios table tbody tr td { background: #f0f0f0; } #produtos.detalhes #all #conteudo #coluna2 #acessorios table tbody tr td { font-size: 0.83em; padding: 5px 15px 10px 5px; } #produtos.detalhes #all #conteudo #coluna2 #acessorios table tbody tr th { padding-left: 10px; font-weight: normal; width: 233px; } #produtos.detalhes #all #conteudo #coluna2 .tbl_acessorios { width: 100%; } #produtos.detalhes #all #conteudo #coluna2 .tbl_acessorios td { text-align: center; } #produtos.detalhes #all #conteudo #coluna2 .tbl_acessorios img { display: block; border-bottom: 1px solid #CCC; margin: 5px auto; padding-bottom: 5px; } /* aba downloads */ #produtos.detalhes #all #conteudo #coluna2 #downloads h4 { color: #f37021; margin-bottom: 10px; font-size: 1.08em; } #produtos.detalhes #all #conteudo #coluna2 #downloads table { margin-bottom: 20px; } #produtos.detalhes #all #conteudo #coluna2 #downloads table thead tr th { padding: 15px 5px; text-align: center; } #produtos.detalhes #all #conteudo #coluna2 #downloads table thead tr th.descricao { padding: 15px 0 15px 10px; text-align: left; } #produtos.detalhes #all #conteudo #coluna2 #downloads table tbody tr td { text-align: center; padding: 0 10px; } #produtos.detalhes #all #conteudo #coluna2 #downloads table tbody tr th { text-align: left; padding: 10px; background: #f0f0f0; font-weight: normal; } /*-- PRODUTOS - ACESSORIOS -- */ .acessorios #all #conteudo #coluna2 { border: 1px red solid; } /* COMPARACAO DE PRODUTOS */ #comparacao #all #conteudo { padding: 10px; } #comparacao #all #conteudo h1 { margin-top: 20px; color: #0093dd; font-size: 1.25em; margin-bottom: 10px; } #comparacao #all #conteudo a.fechar { float: right; margin-top: 10px; text-decoration: none; font-size: 0.75em; } #comparacao #all #conteudo a.fechar:hover { color: #b50d1a; } #comparacao #all #conteudo .fontes { float: right; margin-right: 30px; font-size: 0.75em; color: #535249; } #comparacao #all #conteudo table { width: 100%; clear: both; margin-top: 20px; } #comparacao #all #conteudo table tr td, #comparacao #all #conteudo table tr th { border: 1px #d7d7d5 solid; } #comparacao #all #conteudo table thead tr th { background: #fff; padding: 10px 0; } #comparacao #all #conteudo table thead tr td { background: #fff; font-size: 1.6em; font-family: "Trebuchet MS", sans serif; text-align: center; } #comparacao #all #conteudo table tbody tr th { text-align: left; padding-left: 10px; } #comparacao #all #conteudo table tbody tr td, #comparacao #all #conteudo table tbody tr th { background: #f0f0f0; } #comparacao #all #conteudo table tbody tr.alt td, #comparacao #all #conteudo table tbody tr.alt th { background: #e8e8e8; } #comparacao #all #conteudo table tbody tr.tipo th { font-size: 1.25em; background: #e8e8e8; padding: 12px 0 12px 100px; } #comparacao #all #conteudo table tbody tr.espaco td { padding: 10px 0; border: 0; background: #fff; } #comparacao #all #conteudo table tfoot tr th { padding: 12px 0; text-align: center; font-size: 1.25em; background: #e8e8e8; } #comparacao #all #conteudo table tfoot tr td { background: #f0f0f0; width: 165px; padding: 0 15px; } #comparacao #all #conteudo table tfoot tr td strong { font-size: 1.08em; color: #b50d1a; } #comparacao #all #conteudo table tfoot tr td p { float: left; margin-top: 6px; } #comparacao #all #conteudo table tfoot tr td a { float: right; } #comparacao #all #conteudo table tfoot tr.excluir th { background: #fff; border: 0; height: 20px; } #comparacao #all #conteudo table tfoot tr.excluir td { background: #efcfcf; border: 2px #fff solid; text-align: center; padding: 3px 0; } #comparacao #all #conteudo table tfoot tr.excluir td a { float: none; padding-left: 24px; background: url(images/icone_excluir.gif) left center no-repeat; text-decoration: none; } #comparacao #all #conteudo table tfoot tr.excluir td a:hover { color: #b50d1a; text-decoration: underline; } #comparacao #all #conteudo a.botao_verde_avancar { width: 83px; height: 36px; padding: 5px 0 0 32px; } #comparacao #all #conteudo ul.botoes { margin: 40px 0 0 295px; } #comparacao #all #conteudo ul.botoes li { float: left; margin: 0 10px; } #comparacao #all #rodape { margin-top: 40px; border-top: 1px #d7d7d5 solid; } /*--- RESULTADO DE BUSCA ---*/ #busca #all #conteudo #resultados { padding: 10px 20px; } #busca #all #conteudo #resultados h1 { font-size: 1.41em; margin-bottom: 20px; color: #0093dd; font-family: Helvetica, Arial, sans-serif; } #busca #all #conteudo #resultados p.introducao { margin-bottom: 20px; } #busca #all #conteudo #resultados .resultados_busca { margin-bottom: 20px; background: url(images/bg_pontilhado.gif) left bottom repeat-x; } #busca #all #conteudo #resultados .resultados_busca h4 { font-size: 1.25em; color: #f37021; margin-bottom: 20px; font-weight: bold; } #busca #all #conteudo #resultados .resultados_busca .resultado { padding-bottom: 10px; margin-bottom: 20px; clear: both; } #busca #all #conteudo #resultados .resultados_busca .resultado .foto { float: left; width: 60px; height: 50px; margin-right: 20px; } #busca #all #conteudo #resultados .resultados_busca .resultado .foto.sem { background: url(images/produtos_icone_sem_foto.jpg) no-repeat; text-indent: -999em; overflow: hidden; } #busca #all #conteudo #resultados .resultados_busca .resultado .descricao { float: left; margin-top: 10px; } #busca #all #conteudo #resultados .resultados_busca .resultado .descricao .preco strong { color: #b50d1a; } #busca #all #conteudo #resultados .resultados_busca .resultado a.botao_comprar_menor { float: left; margin-left: 50px; } #busca #all #conteudo #resultados ul.navegacao { text-align: center; } /* #busca #all #conteudo #resultados dl dd ul li { clear: both; height: 45px; margin-bottom: 20px; } html > body #busca #all #conteudo #resultados dl dd ul li { clear: both; height: 45px; } */ /*--- SUPORTE ---*/ /* PERGUNTAS FREQUENTES */ #suporte.faq #all #conteudo dl dt { margin: 10px 0; } #suporte.faq #all #conteudo dl dt a { text-decoration: none; } #suporte.faq #all #conteudo dl dt a:hover { text-decoration: underline; } #suporte.faq #all #conteudo dl dt.subtitulo { color: #0093dd; font-size: 1.08em; margin: 20px 0 5px; } #suporte.faq #all #conteudo dl dd { display: none; background: #f4f4f4; padding: 10px 5px; } #suporte.faq #all #conteudo dl dd.ativo { display: block; } #suporte.faq #all #conteudo dl dd p { font-size: 0.83em; color: #7a7979; margin: 0 15px 10px 0; } #suporte.faq #all #conteudo dl dd a { display: block; text-align: right; font-size: 0.83em; text-transform: lowercase; } #suporte.faq #all #conteudo dl dd a:hover { color: #b50d1a; } #suporte.faq #all #conteudo dl dd p a { display: inline; font-size: 1em; text-transform: none; } /* DOWNLOADS */ #suporte.downloads #all #conteudo #coluna2 form { padding-left: 190px; background: url(images/suporte_downloads_form_bg.jpg) left no-repeat; } #suporte.downloads #all #conteudo #coluna2 form fieldset p { margin-bottom: 15px; } #suporte.downloads #all #conteudo #coluna2 form fieldset ol li { margin-bottom: 10px; } #suporte.downloads #all #conteudo #coluna2 form fieldset ol li select { width: 152px; } #suporte.downloads #all #conteudo #coluna2 form fieldset ol li.modelo label { padding-right: 14px; } #suporte.downloads #all #conteudo #coluna2 form fieldset button { margin-left: 179px; } #suporte.downloads #all #conteudo #coluna2 h4 { color: #0093dd; margin: 20px 0 10px 0; font-size: 1.083em; } #suporte.downloads #all #conteudo #coluna2 table thead tr th { padding: 15px 5px; text-align: center; } #suporte.downloads #all #conteudo #coluna2 table thead tr th.descricao { padding: 15px 0 15px 10px; text-align: left; } #suporte.downloads #all #conteudo #coluna2 table tbody tr td { text-align: center; padding: 0 10px; } #suporte.downloads #all #conteudo #coluna2 table tbody tr th { text-align: left; padding: 10px; background: #f0f0f0; font-weight: normal; } /*--- FALE CONOSCO ---*/ #faleconosco #all #conteudo #coluna2 ul.servicos li { margin: 5px 0; list-style: disc inside; } /* escreva */ #faleconosco.escreva #all #conteudo #coluna2 p { color: #535249; } #faleconosco.escreva #all #conteudo #coluna2 form { margin: 10px 0 20px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li { margin-bottom: 13px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li input#nome { width: 253px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li input#email { width: 200px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li div { margin-top: 5px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li div label { font-size: 11px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li.telefone label.radio { margin-right: 10px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset select#assunto { width: 153px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li.mensagem { position: relative; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li.mensagem label { position: absolute; top: 0; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset ol li.mensagem textarea { width: 227px; height: 63px; margin-left: 77px; } #faleconosco.escreva #all #conteudo #coluna2 form fieldset button { margin-left: 250px; } #faleconosco.escreva #all #conteudo #coluna2 .caixa h3 { margin: 0 0 10px 0; } /* central de atendimento */ #faleconosco.escreva #all #conteudo #coluna2 h3 { color: #0093dd; } /*--- LOCALIZACAO ---*/ #faleconosco.localizacao #all #conteudo #coluna2 .mapa { width: 596px; height: 350px; border: 2px #d7d7d5 solid; margin-bottom: 30px; } #faleconosco.localizacao #all #conteudo #coluna2 .caixa h3 { color: #f37021; } /*--- PRIVACIDADE E SEGURANÇA ---*/ #all #conteudo .texto { margin: 20px 0 20px 20px; } #all #conteudo .texto ul li {margin-left: 10px;} /*--- FORMAS DE PAGAMENTO ---*/ .interna #all #conteudo .texto ul.cartoes { margin: 20px 0; } .interna #all #conteudo .texto ul.cartoes li { float: left; margin-right: 15px; font-size: 0.83em; text-align: center; color: #535249; } .interna #all #conteudo .texto ul.cartoes li img { display: block; margin-bottom: 3px; } /*--- MAPA DO SITE ---*/ #mapa #all #conteudo ul li a { text-decoration: none; } #mapa #all #conteudo ul li a:hover { text-decoration: underline; } #mapa #all #conteudo ul li ul li ul li { margin-left: 10px; padding-left: 8px; background: url(images/coluna1_itens_bg.gif) left center no-repeat; } #mapa #all #conteudo h3 a { color: #0093dd; } /*--- SOBRE A MIO ---*/ #sobre #all #conteudo #coluna2 dl { margin: 0 0 25px 296px; padding-left: 20px; border-left: 1px solid #7a7979; } #sobre #all #conteudo #coluna2 dl.esquerda { float: left; width: 274px; margin-left: 0; padding: 0 22px 0 0; border: 0; } #sobre #all #conteudo #coluna2 dl dt { margin-bottom: 10px; font-size: 1.1em; font-weight: bold; color: #f37021; } #sobre #all #conteudo #coluna2 dl dd ul li { margin-top: 5px; } /*--- LINHA DO TEMPO ---*/ .linhadotempo #all #conteudo #coluna2 h3 { margin-bottom: 20px; } .linhadotempo #all #conteudo #coluna2 ul li { border-bottom: 1px dotted #7b7a7a; margin: 10px 5px; } .linhadotempo #all #conteudo #coluna2 ul li h4 { font-size: 1em; margin-bottom: 5px; } /*--- SOBRE A MIO - TECNOLOGIA ---*/ .tecnologia #all #conteudo #coluna2 h3 { margin-bottom: 20px; } .tecnologia #all #conteudo #coluna2 h4 { font-size: 1em; margin: 20px 0 10px; } .tecnologia #all #conteudo #coluna2 table { margin: 10px auto; width: 500px; } /*--- TROCA E DEVOLUCAO ---*/ #troca.interna #all #conteudo h3 { margin: 20px 0 10px 0; } #troca.interna #all #conteudo h4 { margin: 20px 0 10px 0; } #troca.interna #all #conteudo ol { list-style: decimal inside; margin-bottom: 20px; } #troca.interna #all #conteudo ol li { margin: 5px 0; } #troca.interna #all #conteudo ol li ul { margin-left: 20px; } /*--- RODAPE ---*/ #rodape { width: 917px; margin: 0 auto; clear: both; text-align: center; padding-bottom: 20px; font-size: 12px; } #rodape ul { padding: 7px 0; margin-bottom: 20px; background: #d7d7d5; text-align: center; border-width: 0 2px; border-style: solid; border-color: #d7d7d5; } #rodape ul li { display: inline; } #rodape ul li a { padding: 0 5px; font-size: 0.83em; color: #535249; border-right: 1px #535249 solid; text-decoration: none; } #rodape ul li.ultimo a { border: 0; } #rodape ul li a:hover { text-decoration: underline; } #rodape ul li.mapa a { border: 0; } #rodape p { font-size: 11px; color: #7b7a7a; } #rodape p strong { text-transform: uppercase; } #rodape p a { color: #7b7a7a; } /*--- LOADING ---*/ #loading { display: none; position: absolute; top: 0; right: 0; padding: 5px; color: #FFF; width: auto; background: #F66; } /*--- Nova Vitrine ---*/ #novopreco{font: bold 0.78em verdana; color: #555555; text-align: left; margin-bottom: 3px} #novopreco .titulo{font: bold 10px verdana; color: #f37021; margin-bottom: 5px; margin-top: 5px} #novopreco .de{color: #c3c3c3;} #novopreco .precodestaque{font: bold 10px verdana; color: #cc0000; margin-bottom: 5px} #novopreco .linkmais{float: right; color: #f37021} /*--- Nova Página de produtos ---*/ #produtoespecial {font: bold 1.0em arial; color: #555555; text-align: left; margin-bottom: 3px; padding-top: 25px} #produtoespecial .de{font: bold 0.9em arial; color: #c3c3c3;} #produtoespecial .valor{font: bold 1.3em arial; color: #b50d1a;} #produtoespecial .saibamais{font: bold 1.3em arial; color: #f37021;} /*--- Nova Página de produto ---*/ #fotosvariacoes {clear: both; float: center; text-align: center; padding-top: 10px} #fotosvariacoes p{color: #0089e1; font: 7pt verdana} #fotosvariacoes img{border: 1px solid #0089e1; color: #ffffff; margin: 0px 5px 0px 0px; } /* aumentar diminuir fontes */ #link {color: #ffffff; float:left; font: 0.9em arial; margin: 8px 0px 0px 0px} #link p{float: left; padding: 2px 5px 0px 0px} #link a {font: 7pt arial; float: left; display: block; height: 12px; width: 12px; background-color: #9f9f9f; color: #fff; text-transform: uppercase; padding: 2px 2px; text-decoration: none; text-align: center; margin-right: 5px} #link a:hover { background: #49b0e7; } .busca_topo {width: 100px; height: 12px;} .buscar {width: 50px; height: 15px; background-color: #49b0e7; font: bold 0.8em arial;} /* Página Inicial */ .fundof15 {background: url(images/background_f15.jpg) top center no-repeat; } .fundof25 {background: url(images/background_f25.jpg) top center no-repeat; } .tituloprincipal{font: bold 28pt arial; color: #0089e1; text-align: left} .subtituloprincipal{font: bold 9pt arial; color: #0089e1; text-align: left} .textoprincipal{font: 9pt arial; color: #999999; text-align: left; padding-top: 14px} .preco{font: bold 20pt arial; color: #999999} .destaquevalor {font-size: 20px}