/* Estilo criado por: Ópera Propaganda Media: Screen Website: www.operabacana.com.br Todos os direitos reservados */ /* Cores principais Cinza-escuro(background): #353535 Branco textos: white Cinza links: #d1d3d4 Cinza texto: #CCC */ /* -------------------------------- CONFIGURAÇÕES GERAIS ---------------------------------------- */ body { margin:0px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:14px; color:#666; background:url(../_images/inicial/background.gif) white repeat; text-align:center;} img {border:none;} a {color:#666; font-size:1em;} a img {border:none; padding:0; margin:0;} form {margin:0px;} ul, li, ol {list-style-type:none; margin:0; padding:0;} h1, h2, h3, h4, h5, h6, p, span, div {padding:0px; margin:0px 0px 0px 2px; font-size:100%;} input, select {border:0px; padding:0px; margin:0px; font-size:100%;} input[type=submit], input[type=radio], input[type=checkbox], select {cursor:pointer;} h1 {font-size:18px;} #header, #subheader, #section, #footer {width:997px; margin:auto; text-align:left;} /* -------------------------------- HEADER ---------------------------------------- */ #header {background:url(../_images/header/middle.png) repeat-y center transparent; } #header a.logo {float:right; margin:0px 20px 0px 0px;} #header {min-height: 164px; padding: 20px 0px 0px 0px;} #header div.advert {width:520px; height:156px; margin: -15px 0px 10px 250px;} #header div.advert span.faca_login { padding:0px; margin:-15px 0px 0px -10px; font-size:100%; } #header ul.user_help {float:right; margin: -45px 10px 0px 0px;} #header ul.user_help li.dark {background-color:#b3b3b3; width: 110px; padding: 0px 5px 3px 5px; text-align: center;} #header ul.user_help li.dark a {text-decoration:none; color: #FFF;} #header ul.user_help li.bright {width: 110px; padding: 0px 5px 5px 5px; text-align: center;} #header ul.user_help li.bright a {text-decoration:none;} #header form.register{ margin:0px 0px 0px 270px;} #header form.register p.errologin{ font-weight: bold; font-size:14px; color: #da251b; float: right; margin-right: 64px; } #header form.register p.errologin:first-letter{ margin-left: 0px; } #header form input.logout { background: url(../_images/header/bt_sair.gif) no-repeat; float:right; margin-right: 40px; width:57px; height:26px;} #header p.user{ margin:-20px 25px 0px 0px; display: block; text-align: right;} #header form.register label span {font-size: 14px; color: #999;} #header form input.login { padding: 3px 0px 0px 5px; background:url(../_images/form/cinput150.gif) no-repeat; width:150px; height:20px; font-style: italic; color:#999; font-size: 11px; } #header form input.senha {display:inline-block; padding: 3px 0px 0px 5px; background:url(../_images/form/cinput150.gif) no-repeat; width:150px; height:20px; font-style: italic; color:#999; font-size: 11px; } #header form input.ok {cursor:pointer; display:inline-block; margin:0px 10px 0px 0px; background-color:#cccccc; width:30px; height:24px; color:#FFF; font-size: 11px;} #header ul.nav {float:left; text-align:right;width: 170px; margin: 0px 0px 0px 7px; } #header ul.nav li { border-bottom: solid 1px #ededed;} #header ul.nav li:last-child { border:none;} #header ul.nav li a {text-decoration:none; color:#999; display:block; padding:0px 15px;} #header ul.nav li a.selected {background: url(../_images/header/arrow_right.png) no-repeat center right #b3b3b3; color: #FFF;} #header ul.nav li a.selected:hover {background: url(../_images/header/arrow_right.png) no-repeat center right #b3b3b3; color: #FFF;} #header ul.nav li a:hover {background-color: #ededed;} #header.inicial {min-height:63px;} #header.inicial ul.nav {margin-left:20px; width: auto; padding:47px 0px 0px 0px;} #header.inicial ul.nav li {display:inline; padding:0px 5px; border:none;} #header.inicial ul.nav li a {text-decoration:none; color:#999;display:inline; padding:0px;} #header.inicial ul.nav li a:hover {color:#666;background:none;} /* ----------------------------------HEADER ERRO ----------------------------------- */ #headererro {background:url(../_images/header/back_header_erro.gif) no-repeat center ; height: 190px; padding: 20px 0px 0px 0px;} #headererro a.logo {float:right; margin:0px 90px 0px 0px;} #headererro ul.user_help {float:left; margin: -80px 0px 0px 870px;} #headererro ul.user_help li.dark {background-color:#b3b3b3; width: 110px; padding: 0px 5px 3px 5px; text-align: center;} #headererro ul.user_help li.dark a {text-decoration:none; color: #FFF;} #headererro ul.user_help li.bright {width: 110px; padding: 0px 5px 5px 5px; text-align: center;} #headererro ul.user_help li.bright a {text-decoration:none;} #headererro form.register{ margin: -30px 0px 0px 250px; float: left; width: 750px;} #headererro form.register p.errologin{ font-weight: bold; font-size:14px; color: #da251b; float: right; margin-right: 68px; } #headererro form.register p.errologin:first-letter{ margin-left: 0px; } #headererro form input.logout { background: url(../_images/header/bt_sair.gif) no-repeat; float:right; margin-right: 120px; width:57px; height:26px;} #headererro p.user{ margin: 120px 100px 0px 0px; display: block; text-align: right;} #headererro form.register label span {font-size: 14px; color: #999;} #headererro form input.login {display:inline-block; padding: 3px 0px 0px 5px; background:url(../_images/form/cinput150.gif) no-repeat; width:150px; height:20px; font-style: italic; color:#999; font-size: 11px;} #headererro form input.senha {display:inline-block; padding: 3px 0px 0px 5px; background:url(../_images/form/cinput150.gif) no-repeat; width:150px; height:20px; font-style: italic; color:#999; font-size: 11px; } #headererro form input.ok {display:inline-block; margin:0px 10px 0px 0px; background-color:#cccccc; width:30px; height:24px; color:#FFF; font-size: 11px;} #headererro ul.nav {float:left; text-align:right;width: 170px; margin: 0px 0px 0px 87px;} #headererro ul.nav li { border-bottom: solid 1px #ededed;} #headererro ul.nav li:last-child { border:none;} #headererro ul.nav li a {text-decoration:none; color:#999; display:block; padding:0px 15px;} #headererro ul.nav li a.selected {background: url(../_images/header/arrow_right.png) no-repeat center right #b3b3b3; color: #FFF;} #headererro ul.nav li a.selected:hover {background: url(../_images/header/arrow_right.png) no-repeat center right #b3b3b3; color: #FFF;} #headererro ul.nav li a:hover {background-color: #ededed;} div.erro404 { background: url(../_images/erro/404.gif) no-repeat; height: 190px; width: 448px; margin: 30px 0px 0px 355px;} div.erro404 a { float: right; margin-top: 145px; margin-right: 15px;} /* -------------------------------- SUBHEADER ---------------------------------------- */ #subheader {height:59px; background:url(../_images/header/roudedcornersinternal.png) no-repeat center; width:980px; } #subheader.inicial {height:140px; background:url(../_images/footer/roudedcorners.png) no-repeat; width:997px; background-position:0px -26px;} #subheader h1 {padding:19px 0px 0px 30px; color:white;float:left; } #subheader #call_catalog {float:left; text-align: left; margin-left: 70px; margin-top: 26px; background: url(../_images/header/back_call_catalog.gif) no-repeat; width: 271px; height:19px; /*border: solid 1px blue;*/ } #subheader #call_catalog.selected { background: url(../_images/header/back_call_catalog_hover.gif) no-repeat; } #subheader #call_catalog.selected a span { color: #919191; } #subheader strong { display:inline; font-size: 15px; padding-left: 22px; color: #FFF; } #subheader a { text-decoration: none; } /* -------------------------------- REENVIO DE SENHA ---------------------------------------- */ #section.reenvio_senha #content { background:url(../_images/header/esqueci.gif) no-repeat; height:280px; margin:0px 0px 0px 44px;} #section.reenvio_senha #content div.form { float:left; width: 320px; height:70px; margin: 40px 0px 0px 0px; display: inline; } #section.reenvio_senha #content form input.text { background: url(../_images/form/input237.gif) no-repeat top right; width: 237px; height: 18px; padding-top: 2px; text-indent: 8px; display: inline;} #section.reenvio_senha #content form input.text.selected { background-position:right -20px;} #section.reenvio_senha #content form input.text.error { background-position:right -40px;} #section.reenvio_senha #content form input.ok{ background: url(../_images/cadastro/bt_enviar.gif) no-repeat; border:none; float:right; margin-right: 20px; width: 55px; height: 24px; margin-top:-20px;} #section.reenvio_senha #content form textarea {background: url(../_images/form/textarea236.gif) no-repeat bottom right; width: 230px; height: 116px; border: none; overflow: auto; padding: 10px 0px 0px 10px; background-position:0px 0px;} #section.reenvio_senha #content form textarea.selected { background-position:0px -126px;} #section.reenvio_senha #content form textarea.error { background-position:0px -251px;} #section.reenvio_senha #content .personal_information {float: right; width:150px; height: 250px; margin: 20px 0px 0px 0px;} #section.reenvio_senha #content .personal_information h5 { margin: 10px 0px 0px 15px; } #section.reenvio_senha #content .personal_information address { width:130px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.reenvio_senha #content .personal_information h5.telefone { margin: 7px 0px 0px 15px; } #section.reenvio_senha #content .personal_information p { width:140px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.reenvio_senha #content .personal_information h5.email { margin: 20px 0px 3px 15px; } #section.reenvio_senha #content .personal_information span { margin-left: 15px;} /* -------------------------------- CONTENTs ---------------------------------------- */ #section {background:url(../_images/header/middle.png) repeat-y center transparent; min-height:100px;} #section a.saibamais {width:102px; height:27px; background:url(../_images/header/saibamais.gif) no-repeat; display:block; text-indent:-999%;} #section a.saibamais:hover {background-position:0px -28px;} #content { padding: 0px 7px 0px 7px; } #content ul.second_nav { display:table-cell; text-align:right;width: 200px; height: 100%; } #content ul.second_nav li { border-bottom: solid 1px #ededed; } #content ul.second_nav li:last-child { border:none; } #content ul.second_nav li a { text-decoration:none; color:#999; display:block; padding:0px 15px; } #content ul.second_nav li a:hover { background-color: #ededed; } #content #note { display: table-cell; padding-left:50px; padding-top: 10px; border: solid 1px red; width: 730px; height: auto;} #content #note span { font-size:20px; font-weight: bold;} #content #note p { text-align: justify;} #content #note img {margin:10px;} #content ul.second_nav li a.selected {background: url(../_images/header/arrow_right.png) no-repeat center right #b3b3b3; color: #FFF;} #content ul.second_nav li a.selected:hover {background: url(../_images/header/arrow_right.png) no-repeat center right #b3b3b3; color: #FFF;} /* inicial */ #section.inicial #content {background:#000; background:url(../_images/inicial/inicialbg.jpg) 70px 20px no-repeat; height:318px; padding:20px 0px;} #section.inicial #content div {float:left; width:200px; vertical-align:top;} #section.inicial #content h2 {color:white; font-weight:normal; font-size:1.286em;} #section.inicial #content p {text-align:justify; padding:0px 0px 0px 10px;} #section.inicial #content p:first-letter {padding-left:0px;} #section.inicial #content #part1 {width:305px; margin-left:40px;} #section.inicial #content #part1 h2 {text-align:right; padding:7px 10px 10px 0px;} #section.inicial #content #part1 p {padding-right:10px;} #section.inicial #content #part1 a.saibamais {margin:20px 0px 0px 10px;} #section.inicial #content #part2 {width:306px; margin-left:15px;} #section.inicial #content #part2 h2 {padding:186px 0px 10px 90px;} #section.inicial #content #part2 p {width:159px; padding:0px 0px 0px 10px;} #section.inicial #content #part2 a.visiteagora {background:url(../_images/inicial/visiteagora.gif) no-repeat; display:block; text-indent:-999%; width:83px; height:28px; margin:-40px 0px 0px 190px;} #section.inicial #content #part3 {width:280px; margin-left:17px;} #section.inicial #content #part3 h2 {padding:10px 0px 10px 40px;} #section.inicial #content #part3 ul {margin:10px 0px 0px 0px;} #section.inicial #content #part3 ul li {text-align:right; padding-right:17px; background:url(../_images/header/arrow_right.png) right 5px no-repeat; margin:0px 0px 5px 0px;} #section.inicial #content #part3 ul li a {text-decoration:none;} #section.inicial #content #part3 a.cadastrese {background:url(../_images/inicial/cadastra_se.gif) no-repeat; text-indent:-999%; display:block; width:115px; height:63px;} #section.inicial #content #part3 form {margin:-60px 0px 0px 120px; width:160px; height:70px; } #section.inicial #content #part3 form span.jaecadastrado {display:block; float:right; background:url(../_images/inicial/jaecadastrado.gif) no-repeat; width:122px; height:25px; text-indent:-999%;} #section.inicial #content #part3 form input.login {display:inline-block; margin:0px 0px 0px 10px; padding: 3px 0px 0px 5px; background:url(../_images/form/cinput150.gif) no-repeat; width:150px; height:20px; font-style: italic; color:#999; font-size: 11px; } #section.inicial #content #part3 form input.senha {float: left; display:inline-block; margin:0px 0px 0px 10px; padding: 3px 0px 0px 5px; background:url(../_images/form/cinput100.gif) no-repeat; width:100px; height:20px; font-style: italic; color:#999; font-size: 11px;} #section.inicial #content #part3 form input.ok {display:block; float:right; margin:0px 10px 0px 0px; background-color:#cccccc; width:30px; height:24px; color:#FFF; font-size: 11px;} #section.inicial #content #part3 form p.errologin { font-weight: bold; font-size:14px; color: #da251b; width: 170px; margin-top: 25px;} #section.inicial #content #part3 form p.errologin:first-letter{ margin-left: 0px; } #section.inicial #content #part3 form input.logout { background: url(../_images/header/bt_sair.gif) no-repeat; float:right; margin-right: 40px; margin-top: 45px; width:57px; height:26px;} #section.inicial #content #part3 p.user{ margin:-20px 25px 0px 0px; display: block; text-align: right; } /* empresa */ #section.empresa #content {background:#000; background:url(../_images/empresa/empresabg.jpg) center no-repeat; width:100%; height:868px; padding:20px 0px;} #section.empresa #content #part1 { margin-top: 50px; width: 830px;height:250px; text-align: justify;} #section.empresa #content #part1 p { margin-left:420px; width:270px;} #section.empresa #content #part1 p:first-letter { padding-left:25px;} #section.empresa #content .personal_information { float: right; width:150px; height: 250px; margin: -267px 10px 0px 0px;} #section.empresa #content .personal_information h5 { margin: 15px 0px 0px 15px; } #section.empresa #content .personal_information address { width:130px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.empresa #content .personal_information h5.telefone { margin: 5px 0px 0px 15px; } #section.empresa #content .personal_information p { width:140px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.empresa #content .personal_information h5.email { margin: 20px 0px 0px 15px; } #section.empresa #content #part2 { margin-top: 50px; width: 830px;height:250px; text-align: justify; } #section.empresa #content #part2 p:first-letter { padding-left:25px;} #section.empresa #content #part2 p.first { float: left; width:190px; margin: 30px 0px 0px 40px;} #section.empresa #content #part2 p.second { float: left; width:190px; margin: 30px 0px 0px 300px;} #section.empresa #content #part3 { margin-top: 20px; width: 970px; height:250px; text-align: justify; } #section.empresa #content #part3 p:first-letter { padding-left:25px;} #section.empresa #content #part3 p.first { float: left; width:190px; margin: 50px 0px 0px 282px;} #section.empresa #content #part3 p.second { float: left; width:190px; margin: 50px 0px 0px 298px;} /* imprensa */ #section.imprensa #content #note { padding:0px; border:none; } #section.imprensa #content #note p { margin: 0px 10px 0px 40px; } #section.imprensa #content #note p:first-letter { margin-left: 30px; } /* produtos */ #section.produtos #content.index { background:url(../_images/produto/produtosbg.jpg) center no-repeat; background-position: 20px 25px; height:900px;} #section.produtos #content.index #part1 { float: left; height: 200px; width: 470px;} #section.produtos #content.index #part1 li.scroll { background:url(../_images/produto/back_false_overflow.gif) repeat-x; background-color: #9b9b9b; height: 10px; } #section.produtos #content.index #part1 h2 { color: #FFF; margin: 38px 0px 0px 80px; font-size: 17px;} #section.produtos #content.index #part1 p { margin: 10px 0px 0px 30px; width: 200px; text-align: justify; } #section.produtos #content.index #part1 p:first-letter { padding-left:20px; } #section.produtos #content.index #part1 a.saibamais { margin:10px 0px 0px 130px; } #section.produtos #content.index #part1 ul.second_nav { float: right; height: 117px; background: #FFF; margin: -120px 10px 0px 0px; } #section.produtos #content.index #part1 ul.second_nav a.selected { color:#999; background: url(../_images/header/arrow_right.png) left center no-repeat; } #section.produtos #content.index #part1 ul.second_nav a.selected:hover { background-color: #ededed; } #section.produtos #content.index #part2 { float: right; height: 200px; width: 300px;} #section.produtos #content.index #part2 h2 { color: #FFF; margin: 38px 0px 0px 120px; font-size: 17px;} #section.produtos #content.index #part2 p { margin: 10px 0px 0px 80px; width: 110px; text-align: justify; } #section.produtos #content.index #part2 p:first-letter { padding-left:20px; } #section.produtos #content.index #part2 a.saibamais { margin:10px 0px 0px 90px; } #section.produtos #content.index #part3 { float: left; height: 250px; width: 950px;} #section.produtos #content.index #part3 ul.second_nav { float: left; margin:90px 0px 0px 295px; height: 125px; width:200px; } #section.produtos #content.index #part3 ul.second_nav a.selected { color:#999; background: url(../_images/produto/arrow_left.png) right center no-repeat; } #section.produtos #content.index #part3 ul.second_nav a.selected:hover { background-color: #ededed; } #section.produtos #content.index #part3 p { float: left; text-align: justify; margin:120px 0px 0px 18px; width: 170px; height: 40px; } #section.produtos #content.index #part3 p:first-letter { padding-left:30px; } #section.produtos #content.index #part4 { float: left; height: 400px; width: 950px;} #section.produtos #content.index #part4 p { float: right; width: 640px; padding-top: 10px; text-align: justify;} #section.produtos #content.index #part4 p:first-letter { padding-left:30px; } #section.produtos #content.index #part4 p.first { margin: 50px 0px 0px 300px; } #section.produtos #content.index #part4 p.first:first-letter { padding-left:0px; } /* categorias produtos */ #section.produtos #content.produtos div.categoria {float:left;margin: 20px 0px 0px 0px; border:none;} #section.produtos #content.produtos #descricao {margin: 2px 0px 0px 195px; width:357px;float:left;} #section.produtos #content.produtos #descricao h3.slug {color:#FFFFFF;font-family:verdana; font-size:18px;} /* menu da categoria dos produtos */ #section.produtos #content.produtos div.categoria ul.third_nav {float:left; text-align:right; width: 140px; margin: 0px 0px 0px 7px;} #section.produtos #content.produtos div.categoria ul.third_nav li { border-bottom: solid 1px #ededed;} #section.produtos #content.produtos div.categoria ul.third_nav li:last-child { border:none;} #section.produtos #content.produtos div.categoria ul.third_nav li a {text-decoration:none; color:#999; display:block; padding:0px 15px 0px 5px;} #section.produtos #content.produtos div.categoria ul.third_nav li a.selected {background: url(../_images/header/arrow_right.png) no-repeat center right #b3b3b3; color: #FFF;} #section.produtos #content.produtos div.categoria ul.third_nav li a.selected:hover {background: url(../_images/header/arrow_right.png) no-repeat center right #b3b3b3; color: #FFF;} #section.produtos #content.produtos div.categoria ul.third_nav li a:hover {background-color: #ededed;} /* produtos parte 2 */ #section.produtos #content.produtos #top_produtos { border-top: solid 1px white; height: auto; width: 980px; } #section.produtos #content.produtos #top_produtos .top { height: 94px; width: 982px; margin-top: 30px;} /*#section.produtos #content.produtos #top_produtos .top p { border:1px solid red;float: left; height: 60px; width: 340px; margin: 10px 0px 0px 207px; }*/ #section.produtos #content.produtos #top_produtos .top .clube_de_vantagens { float: right; width: 334px; display: inline; height: 86px; margin-right: 20px; margin-top: 4px; } #section.produtos #content.produtos #top_produtos .top .clube_de_vantagens img.logado { float: right; margin: 10px 4px 0px 0px; } #section.produtos #content.produtos #top_produtos .top .clube_de_vantagens img.nao_logado { float: right; margin: 55px 4px 0px 0px; } /*#section.produtos #content.produtos ul.third_nav { float: left; text-align: left; margin-left: 20px; } #section.produtos #content.produtos ul.third_nav li { display:inline; border:none; color: #e6e6e6; padding: 0px 5px 0px 5px; } #section.produtos #content.produtos ul.third_nav li a { color: #da251b; text-decoration: none; font-size: 16px; } #section.produtos #content.produtos ul.third_nav li a:hover { text-decoration: underline;}*/ #section.produtos #content.produtos div.table { text-align: center; margin-top: 20px; } #section.produtos #content.produtos div.table table.tabela_produtos { padding: 5px; margin: auto; } #section.produtos #content.produtos div.table table.tabela_produtos td { padding: 5px 10px 5px 10px; } #section.produtos #content.produtos div.table table.tabela_produtos td p { text-align: right; color: #808080; font-size: 14px; border-bottom: solid 1px #ebebeb; padding-bottom: 5px; } #section.produtos #content.produtos div.table table.tabela_produtos td img { border: solid 1px #808080; } #section.produtos #content.produtos span.paginacao { float: right;margin-left:3px; text-align: left; padding-left: 43px; padding-bottom: 5px; border-bottom: solid 1px #ebebeb; } #section.produtos #content.produtos span.paginacao a, #section.produtos #content.produtos span.paginacao span { text-decoration: none; font-family: Arial; color: #808080; font-size: 12px; padding: 0px 3px 0px 3px; } #section.produtos #content.produtos span.paginacao .selected { text-decoration: none; font-family: Arial; color: #c00000; font-size: 13px; } #section.produtos #content p.hack { clear: both;} div#back_zoom {position:absolute; top:0px;left:0px;width:100%;height:1000px; background:url(../_images/inicial/background.gif) repeat; display:none;} div#zoom {width:100%;height:530px;background: url(../_images/produto/back_produto_selecionado.gif) center center no-repeat; display:none; text-align: center; } div#zoom div.geral { margin:auto; width: 1020px; } div#zoom p.nomeproduto { background: url(../_images/produto/back_nome_produto.gif) no-repeat; width: 139px; height: 25px; margin: 30px 0px 0px 40px; font: 1.636em Arial; color:#FFF;} div#zoom div.descricao{ float:left; font-size: 1em; width: 160px; margin: 40px 0px 0px 40px; text-align:justify; color: #808080;} div#zoom div.descricao p{ float:left; font-size: 1em; width: 160px; line-height: 20px;} div#zoom p.descricao:first-letter { margin-left: 40px; } div#zoom .info_produto_texto { float:left; width:230px; height: 500px;} div#zoom .info_imagem { float:left; width:550px; height: 500px;} div#zoom .info_produto { float:left; width:220px; height: 500px;} div#zoom .info_imagem img.imagem { float:left; margin: 30px 0px 0px 0px;} div#zoom .info_imagem .outras_imagens { float: left; width: 500px; height: 50px; margin-top: 10px; } div#zoom .info_imagem .outras_imagens img { float: left; width: 70px; margin-left: 5px;} div#zoom .info_produto p.titulo { font-weight: bold; font: 1.273em Arial; margin-top: 140px; text-align: right; width: 188px;} div#zoom .info_produto ul.efeito{ width: 150px; text-align:right; float: right; margin-right: 30px; } div#zoom .info_produto ul.efeito li{ color:#808080; font: 14px Arial; line-height: 20px;} div#zoom .info_produto p.bt_fechar img { float: right; margin-right: 10px; margin-top: 25px; } div#zoom .info_produto p.compra_lojavirtual a img { float:left; margin-top:20px;} div#zoom .info_produto p.faleconosco_duvida a img { float: left; margin-top:20px;} /* como comprar */ #section.como_comprar #content #part1 { float: left; background:url(../_images/comprar/como_comprarbg1.jpg) no-repeat; width: 640px; background-position: 50px 20px;} #section.como_comprar #content #part1 .representantes { margin-top:30px; width: 340px; margin-left: 310px; } #section.como_comprar #content #part1 .representantes h5 { font-weight: normal; cursor: pointer; display: inline } #section.como_comprar #content #part1 .representantes h5.selected { background: url(../_images/arrow_right.png) center right no-repeat; padding-right: 20px; } #section.como_comprar #content #part1 .representantes ul.info { padding-left: 10px; width: 320px; display: none; } #section.como_comprar #content #part1 p.top { margin: 70px 0px 0px 300px; width: 350px; } #section.como_comprar #content #part1 img { margin: 0px 0px -5px 0px; } #section.como_comprar #content #part2 { float: right; background:url(../_images/comprar/como_comprarbg2.jpg) no-repeat; height: 700px; width: 300px;} #section.como_comprar #content #part2 #call_store { float: right; width: 210px;margin-top: 230px; margin-right: 60px;} #section.como_comprar #content #part2 #call_store p { text-align: justify; } #section.como_comprar #content #part2 #call_store p a { float:right; } #section.como_comprar #content .personal_information { float: right; width:150px; height: 250px; margin: 0px 10px 0px 0px;} #section.como_comprar #content .personal_information h5 { margin: 10px 0px 0px 15px; } #section.como_comprar #content .personal_information address { width:130px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.como_comprar #content .personal_information h5.telefone { margin: 5px 0px 0px 15px; } #section.como_comprar #content .personal_information p { width:140px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.como_comprar #content .personal_information h5.email { margin: 20px 0px 0px 15px; } #section.como_comprar #content p.hack { clear: both;} /* trabalhe conosco */ #section.trabalhe_conosco #content { background:url(../_images/trabalhe_conosco/trabalhe_conoscobg.jpg) top center no-repeat; height:500px; background-position: 50px 10px;} #section.trabalhe_conosco #content div.form { float:left; width: 275px; height:370px; margin: 8px 0px 0px 295px; display: inline;} #section.trabalhe_conosco #content form input.text { background: url(../_images/form/input237.gif) no-repeat top right; width: 237px; height: 18px; padding-top: 2px; text-indent: 8px; display: inline;} #section.trabalhe_conosco #content form input.text.selected { background-position:right -20px;} #section.trabalhe_conosco #content form input.text.error { background-position:right -40px;} #section.trabalhe_conosco #content form input.ok{ float:right; margin-right: 40px; background: #c7c7c7; color: #FFF; } #section.trabalhe_conosco #content form .errortextarea {background: url(../_images/form/textarea236.gif) no-repeat; background-position:0px 0px; width: 240px; height: 125px;} #section.trabalhe_conosco #content form .errortextarea textarea {width: 230px; height: 116px; border: none; background:none; overflow: auto; padding: 10px 0px 0px 10px;} #section.trabalhe_conosco #content form .errortextarea.selected { background-position:0px -126px;} #section.trabalhe_conosco #content form .errortextarea.error { background-position:0px -251px;} #section.trabalhe_conosco #content p.trabalhe {float: left; text-align: justify; width: 280px; margin: 10px 0px 0px 20px; display: inline;} #section.trabalhe_conosco #content form .label-resume input.text{background: url(../_images/form/input130.gif) no-repeat; width: 130px; height: 18px; padding-top: 2px; } #section.trabalhe_conosco #content form .label-resume input.text.selected {background-position:right -20px;} #section.trabalhe_conosco #content form .label-resume input.text.error {background-position:right -40px;} #section.trabalhe_conosco #content form .label-resume input.button {background:url(../_images/form/envia_arquivo.gif) no-repeat left top; width:100px; height:21px; border:none; margin-left:6px; cursor:pointer;} #section.trabalhe_conosco #content form .label-resume input#resume {font-size:16px; cursor:pointer; margin-top:-35px; float:left; z-index:999; opacity:0.0; -moz-opacity:0.0; filter: alpha(opacity=00);} /* fale conosco */ #section.fale_conosco #content { background:url(../_images/fale_conosco/fale_conoscobg.jpg) center left no-repeat; height:490px; background-position: 45px 10px;} #section.fale_conosco #content div.form { float:left; width: 275px; margin: 10px 0px 0px 150px; } #section.fale_conosco #content form input.text { background: url(../_images/form/input237.gif) no-repeat top right; width: 237px; height: 18px; text-indent: 8px; padding-top: 2px;} #section.fale_conosco #content form input.text.selected {background-position:right -20px;} #section.fale_conosco #content form input.text.error { background-position:right -40px;} #section.fale_conosco #content form .errortextarea { background: url(../_images/form/textarea236.gif) no-repeat; background-position:0px 0px; width: 240px; height: 125px;} #section.fale_conosco #content form .errortextarea textarea { width: 230px; height: 116px; border: none; background:none; overflow: auto; padding: 10px 0px 0px 10px;} #section.fale_conosco #content form .errortextarea.selected {background-position:0px -126px;} #section.fale_conosco #content form .errortextarea.error { background-position:0px -251px;} #section.fale_conosco #content form input.ok{ float:right; margin-right: 40px; background: #c7c7c7; color: #FFF; } #section.fale_conosco #content p.contato { float: left; text-align: justify; width: 250px; margin: 10px 0px 0px 90px; } #section.fale_conosco #content .personal_information {float: right; width:150px; height: 250px; margin: 20px 0px 0px 0px;} #section.fale_conosco #content .personal_information h5 { margin: 10px 0px 0px 15px; } #section.fale_conosco #content .personal_information address { width:130px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.fale_conosco #content .personal_information h5.telefone { margin: 5px 0px 0px 15px; } #section.fale_conosco #content .personal_information p { width:140px; margin:0px; padding: 0px 0px 0px 15px; font-style: normal; } #section.fale_conosco #content .personal_information h5.email { margin: 26px 0px 0px 15px; } /* cadastro */ #section.cadastro #content { background:url(../_images/cadastro/bg_cadastro.gif) center left no-repeat; height:600px; background-position: 45px 0px;} #section.cadastro #content div.form { float:left; width: 275px; margin: 90px 0px 0px 30px; } #section.cadastro #content form input.text { background: url(../_images/form/input237.gif) no-repeat top right; width: 237px; height: 18px; text-indent: 8px; padding-top: 2px;} #section.cadastro #content form input.text.selected {background-position:right -20px;} #section.cadastro #content form input.text.error { background-position:right -40px;} #section.cadastro #content form input.checkbox { margin: 0px 3px 0px 20px;} #section.cadastro #content form input.ok{ background: url(../_images/cadastro/bt_enviar.gif) no-repeat; border:none; float:right; margin-right: 40px; width: 55px; height: 24px; } #section.cadastro #content form select.posicao_text_box { background: url(../_images/form/selectoption59.gif) no-repeat; width:56px; height: 20px; border:none; margin-top: 5px; margin-bottom: 5px; text-align: center; } #section.cadastro #content form label { color:#808080;} #section.cadastro #content p.cadastro { float: left; text-align: justify; width: 335px; margin: 35px 0px 0px 43px; } #section.cadastro #content p.cadastro:first-letter { margin-left: 35px;} #section.cadastro #content .personal_information { float: right; width:150px; height: 250px; margin: 20px 0px 0px 0px;} #section.cadastro #content .personal_information h5 { margin: 10px 0px 0px 15px; } #section.cadastro #content .personal_information address { width:130px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.cadastro #content .personal_information h5.telefone { margin: 5px 0px 0px 15px; } #section.cadastro #content .personal_information p { width:140px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; text-align:left;} #section.cadastro #content .personal_information p:first-letter { margin-left: 0px;} #section.cadastro #content .personal_information span { margin-left: 16px;} #section.cadastro #content .personal_information h5.email { margin: 22px 0px 0px 15px; } /* representante */ #section.representante #content { background:url(../_images/representante/bg_representante.gif) center left no-repeat; height:600px; background-position: 45px 0px;} #section.representante #content div.form { float:left; width: 275px; margin: 10px 0px 0px 150px; } #section.representante #content form input.text { background: url(../_images/form/input237.gif) no-repeat top right; width: 237px; height: 18px; text-indent: 8px; padding-top: 2px;} #section.representante #content form input.text.selected { background-position:right -20px;} #section.representante #content form input.text.error { background-position:right -40px;} #section.representante #content form .errortextarea {background: url(../_images/form/textarea236.gif) no-repeat; background-position: 0px 0px; width: 240px; height: 125px;} #section.representante #content form .errortextarea textarea {width: 230px; height: 116px; border: none; background:none; overflow: auto; padding: 10px 0px 0px 10px; display: inline;} #section.representante #content form .errortextarea.selected { background-position:0px -126px;} #section.representante #content form .errortextarea.error { background-position:0px -251px;} #section.representante #content form input.ok{ background: url(../_images/cadastro/bt_enviar.gif) no-repeat; border:none; float:right; margin-right: 40px; width: 55px; height: 24px;} #section.representante #content form select.posicao_text_box { background: url(../_images/form/selectoption59.gif) no-repeat; width:56px; height: 20px; border:none; margin-top: 5px; margin-bottom: 5px; text-align: center; } #section.representante #content form label { color:#808080;} #section.representante #content p.representante a img { margin: 0px 0px -5px 0px; } #section.representante #content p.representante { float: left; text-align: left; width: 315px; margin: 50px 0px 0px 43px;} #section.representante #content p.representante:first-letter { margin-left: 0px;} #section.representante #content .personal_information { float: right; width:150px; height: 250px; margin: 20px 0px 0px 0px;} #section.representante #content .personal_information h5 { margin: 10px 0px 0px 15px; } #section.representante #content .personal_information address { width:130px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; } #section.representante #content .personal_information h5.telefone { margin: 5px 0px 0px 15px; } #section.representante #content .personal_information p { width:140px; margin:0px; padding: 5px 0px 0px 15px; font-style: normal; text-align:left;} #section.representante #content .personal_information p:first-letter { margin-left: 0px;} #section.representante #content .personal_information span { margin-left: 16px;} #section.representante #content .personal_information h5.email { margin: 22px 0px 0px 15px; } /* clube de vantagens */ #section.clube_de_vantagens #content { background:url(../_images/clube_vantagens/clube_de_vantagens_sem_logarbg.jpg) center left no-repeat; height:570px; background-position: 45px 10px;} #section.clube_de_vantagens #content.logado { background:none; height: auto;} #section.clube_de_vantagens #content.nao_logado #part1 { float: left; width: 370px; margin-left: 190px; height:520px; } #section.clube_de_vantagens #content.nao_logado #part1 p { width: 320px; padding-left: 30px; text-align: justify; } #section.clube_de_vantagens #content.nao_logado #part1 p:first-letter { padding-left:30px;} #section.clube_de_vantagens #content.nao_logado #part1 p.first { margin-top:50px;} #section.clube_de_vantagens #content.nao_logado #part1 ul { float:right; margin: 20px 10px 0px 0px;} #section.clube_de_vantagens #content.nao_logado #part1 ul li { text-align:right; padding-right: 20px; font-size: 16px; background: url(../_images/produto/arrow_left.png) right center no-repeat;} #section.clube_de_vantagens #content.nao_logado #part1 img.cadastre-se { margin-top:67px;} #section.clube_de_vantagens #content.nao_logado #part2 { float: left; width: 350px; margin-left: 20px; margin-top: 380px; height:140px;} #section.clube_de_vantagens #content.nao_logado #part2 img { margin: 20px 0px 0px 40px; } #section.clube_de_vantagens #content.nao_logado #part2 form {margin: 0px 0px 0px 10px; } #section.clube_de_vantagens #content.nao_logado #part2 form label { margin: 0px 0px 0px 5px; } #section.clube_de_vantagens #content.nao_logado #part2 form span { float: right; color:#da251b; margin-top: -20px; padding-left: 10px;} #section.clube_de_vantagens #content.nao_logado #part2 form label.text { background: url(../_images/form/input150.gif) no-repeat; width: 130px; display: block; padding-left: 10px; padding-right: 10px; height: 20px; } #section.clube_de_vantagens #content.nao_logado #part2 form input.text { background: none; width: 130px; } #section.clube_de_vantagens #content.nao_logado #part2 form label.password { background: url(../_images/form/input100.gif) no-repeat; width: 80px; display: block; padding-left: 10px; padding-right: 10px; height: 20px; } #section.clube_de_vantagens #content.nao_logado #part2 form input.password { background: none; width: 80px; } #section.clube_de_vantagens #content.nao_logado #part2 form input.ok {float: left; margin: -20px 0px 0px 120px; background: #CCC; color: #FFF; width: 30px; } #section.clube_de_vantagens #content.nao_logado #part2 form p.errologin { font-weight: bold; font-size:14px; color: #da251b; margin: 10px 0px 0px 10px;} #section.clube_de_vantagens #content.nao_logado #part2 form p.errologin:first-letter{ margin-left: 0px; } /* clube de vantagens logado */ #section.clube_de_vantagens #content p.hack { clear: both; } #section.clube_de_vantagens #content.logado #part1 { float: left; width: 575px; margin: 10px 0px 0px 15px;} #section.clube_de_vantagens #content.logado #part2 { float: right; width: 385px; height: auto; margin: 0px; } #section.clube_de_vantagens #content.logado #part2 img.news_previous { margin-left:15px; margin-bottom:-8px; margin-top: 10px;} #section.clube_de_vantagens #content.logado #part2 div.catalogo_completo { background: url(../_images/clube_vantagens/back_catalogo_completo.gif) center center no-repeat; width: 388px; height: 97px; } #section.clube_de_vantagens #content.logado #part2 div.catalogo_completo a { float: left; margin: 65px 0px 0px 30px; display: block; background: url(../_images/clube_vantagens/vejamais.gif) no-repeat; } #section.clube_de_vantagens #content.logado #part2 div.catalogo_completo_pdf { background: url(../_images/clube_vantagens/back_catalogo_completo_pdf.gif) center center no-repeat; margin-top: 20px; width: 388px; height: 99px; } #section.clube_de_vantagens #content.logado #part2 div.catalogo_completo_pdf a.first { float: left; margin: 27px 0px 0px 35px; background: url(../_images/clube_vantagens/catalogo_pdf_01.gif) no-repeat; width: 50px; height: 64px; } #section.clube_de_vantagens #content.logado #part2 div.catalogo_completo_pdf a.second { float: left; margin: 27px 0px 0px 10px; background: url(../_images/clube_vantagens/catalogo_pdf_02.gif) no-repeat; width: 50px; height: 64px; } #section.clube_de_vantagens #content.logado #part2 div.blog { margin-left:20px; margin-top: 10px; width: 370px; min-height: 145px; background: url(../_images/clube_vantagens/bg_blog.gif) no-repeat; } #section.clube_de_vantagens #content.logado #part2 div.blog p { width: 245px; margin-left: 100px; text-align: justify;} #section.clube_de_vantagens #content.logado #part2 div.blog p.post { width: 250px; margin-left: 110px; margin-top: 10px; text-align: justify; } #section.clube_de_vantagens #content.logado #part2 div.blog p.post a { text-decoration: none; padding-left: 15px;} #section.clube_de_vantagens #content.logado #part2 div.blog p.post a:hover { background:url(../_images/header/arrow_right.png) center left no-repeat; } #section.clube_de_vantagens #content.logado #part2 ul.nav { float:left; text-align: left; display: block; width: 180px; height: auto; background: url(../_images/clube_vantagens/back_nav_news.gif); margin-top: 10px; margin-left: 15px; } #section.clube_de_vantagens #content.logado #part2 ul.nav li { padding-left: 5px; } #section.clube_de_vantagens #content.logado #part2 ul.nav li.top_news { background: url(../_images/clube_vantagens/bg_top_news.gif) top left no-repeat; height: 11px; margin-left: -1px; } #section.clube_de_vantagens #content.logado #part2 ul.nav li.bottom_news { background: url(../_images/clube_vantagens/bg_bottom_news.gif) bottom left no-repeat; height: 11px; margin-left: -1px; } #section.clube_de_vantagens #content.logado #part2 ul.nav li a:hover { background: none; } #section.clube_de_vantagens #content.logado #part2 ul.second_nav { width: 180px;} #section.clube_de_vantagens #content.logado #part2 ul.second_nav li { display: block; text-align: left; margin-left: 15px; border: none;} /*#section.clube_de_vantagens #content.logado #part2 div.products { float: right; width: 180px; margin-bottom: 10px; margin-top: -10px; background: url(../_images/clube_vantagens/bg_products.gif) no-repeat;background-position: 50px -3px; }*/ #section.clube_de_vantagens #content.logado #part2 div.products2 { float: right; width: 150px; margin-bottom: 10px; } #section.clube_de_vantagens #content.logado #part2 div.products img.novidades { margin: 25px 15px 0px 0px; float: right; } #section.clube_de_vantagens #content.logado #part2 div.products2 img.outros { margin: -11px 15px 0px 0px; float: right; } #section.clube_de_vantagens #content.logado #part2 div.products2 img#vc_fez { float:right; margin:5px 12px 0px 0px;} #section.clube_de_vantagens #content.logado #part2 div.voce_fez { float: left; margin-left:10px; margin-top: 20px; width: 223px; background: url(../_images/clube_vantagens/bg_voce_fez.gif) no-repeat; } #section.clube_de_vantagens #content.logado #part2 div.voce_fez img {margin: 20px 0px 0px 5px; width: 220px; height:82px; } #section.clube_de_vantagens #content.logado #part3 img { width:111px; height:21px; margin: 0px 0px 0px 10px;} #section.clube_de_vantagens #content.logado #part3 p { width: 584px; margin:5px 0px 0px 15px; text-align:justify;} #section.clube_de_vantagens #content.logado #part3 p:first-letter { margin-left:35px;} /* clube de vantagens você fez logado */ #section.clube_de_vantagens_vocefez #content p.hack { clear: both; } #section.clube_de_vantagens_vocefez #content.logado #part1 p.vcfez {float:left; margin-left:-75px; width:445px; margin-top:35px;} #section.clube_de_vantagens_vocefez #content.logado #part1 p.vcfez a {font-size:14px; font-weight:bold; color:#808080; text-decoration:none;} #section.clube_de_vantagens_vocefez #content.logado #part1 p.vcfez:first-letter { margin-left: 30px;} #section.clube_de_vantagens_vocefez #content.logado #part1 img.vcfez {float:left; margin:8px 0px 0px 25px;} #section.clube_de_vantagens_vocefez #content.logado #part2 { float: right; width: 385px; height: auto; margin: 0px; margin-top:-85px;} #section.clube_de_vantagens_vocefez #content.logado #part2 img.news_previous { margin-left:15px; margin-bottom:-8px;} #section.clube_de_vantagens_vocefez #content.logado #part2 div.catalogo_completo { background: url(../_images/clube_vantagens/back_catalogo_completo.gif) center center no-repeat; width: 388px; height: 97px; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.catalogo_completo a { float: left; margin: 65px 0px 0px 30px; display: block; background: url(../_images/clube_vantagens/vejamais.gif) no-repeat; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.catalogo_completo_pdf { background: url(../_images/clube_vantagens/back_catalogo_completo_pdf.gif) center center no-repeat; margin-top: 20px; width: 388px; height: 99px; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.catalogo_completo_pdf a.first { float: left; margin: 27px 0px 0px 35px; background: url(../_images/clube_vantagens/catalogo_pdf_01.gif) no-repeat; width: 50px; height: 64px; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.catalogo_completo_pdf a.second { float: left; margin: 27px 0px 0px 10px; background: url(../_images/clube_vantagens/catalogo_pdf_02.gif) no-repeat; width: 50px; height: 64px; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.blog { margin-left:20px; margin-top: 10px; width: 370px; min-height: 145px; background: url(../_images/clube_vantagens/bg_blog.gif) no-repeat; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.blog p { width: 245px; margin-left: 100px; text-align: justify;} #section.clube_de_vantagens_vocefez #content.logado #part2 div.blog p.post { width: 250px; margin-left: 110px; margin-top: 10px; text-align: justify; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.blog p.post a { text-decoration: none; padding-left: 15px;} #section.clube_de_vantagens_vocefez #content.logado #part2 div.blog p.post a:hover { background:url(../_images/header/arrow_right.png) center left no-repeat; } #section.clube_de_vantagens_vocefez #content.logado #part2 ul.nav { float:left; text-align: left; display: block; width: 180px; height: auto; background: url(../_images/clube_vantagens/back_nav_news.gif); margin-top: 10px; margin-left: 15px; } #section.clube_de_vantagens_vocefez #content.logado #part2 ul.nav li { padding-left: 5px; } #section.clube_de_vantagens_vocefez #content.logado #part2 ul.nav li.top_news { background: url(../_images/clube_vantagens/bg_top_news.gif) top left no-repeat; height: 11px; margin-left: -1px; } #section.clube_de_vantagens_vocefez #content.logado #part2 ul.nav li.bottom_news { background: url(../_images/clube_vantagens/bg_bottom_news.gif) bottom left no-repeat; height: 11px; margin-left: -1px; } #section.clube_de_vantagens_vocefez #content.logado #part2 ul.second_nav { width: 180px;} #section.clube_de_vantagens_vocefez #content.logado #part2 ul.second_nav li { display: block; text-align: left; margin-left: 15px; border: none;} #section.clube_de_vantagens_vocefez #content.logado #part2 div.products { float: right; width: 180px; margin-bottom: 10px; background: url(../_images/clube_vantagens/bg_products.gif) no-repeat; background-position: 50px -3px; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.products2 { float: right; width: 150px; margin-bottom: 10px; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.products img.novidades { margin: 25px 15px 0px 0px; float: right; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.products2 img.outros { margin: -11px 15px 0px 0px; float: right; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.products2 img#vc_fez { float:right; margin:5px 12px 0px 0px; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.voce_fez { float: left; margin-left:10px; margin-top: 20px; width: 223px; background: url(../_images/clube_vantagens/bg_voce_fez.gif) no-repeat; } #section.clube_de_vantagens_vocefez #content.logado #part2 div.voce_fez img {margin: 20px 0px 0px 5px; width: 220px; height:82px;} #section.clube_de_vantagens_vocefez #content.logado #part3 {float:left; width: 570px; margin: 0px; margin:25px 0px 0px 20px;} #section.clube_de_vantagens_vocefez #content.logado #part4 img { margin-left:20px; margin-top:30px;} #section.clube_de_vantagens_vocefez #content.logado #part4 p { width:210px; margin-left:40px; text-align:justify;} #section.clube_de_vantagens_vocefez #content.logado #part4 p:first-letter { margin-left:23px;} #section.clube_de_vantagens_vocefez #content.logado #part5 { height:400px;} #section.clube_de_vantagens_vocefez #content.logado #part5 img {margin-left:60px; margin-top:70px;} #section.clube_de_vantagens_vocefez #content.logado #part5 p { width:530px; margin: 5px 0px 0px 40px; text-align:justify;} #section.clube_de_vantagens_vocefez #content.logado #part5 p:first-letter { margin-left:23px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens form {width: 250px; height:270px; margin-left:270px; margin-top:-80px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .errortextarea { background: url(../_images/form/textarea236.gif) no-repeat; background-position:0px 0px; width: 240px; height: 125px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .errortextarea textarea { width: 230px; height: 116px; border: none; background: none; overflow: auto; padding: 10px 0px 0px 10px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .errortextarea.selected { background-position:0px -126px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .errortextarea.error { background-position:0px -251px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .label-resume input.text {background: url(../_images/form/input130.gif) no-repeat top right; width: 130px; height: 17px; border:none; padding-top: 2px; text-indent:6px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .label-resume input.text.selected {background-position:right -20px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .label-resume input.text.error {background-position:right -40px;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .label-resume input.button {background:url(../_images/form/envia_arquivo.gif) no-repeat left top; width:100px; height:21px; border:none; margin-left:6px; cursor:pointer;} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens .label-resume input#resume {font-size:16px; cursor:pointer; margin-top:-35px; float:left; z-index:999; opacity:0.0; -moz-opacity:0.0; filter: alpha(opacity=00);} #section.clube_de_vantagens_vocefez #content.logado .form_vantagens input.ok{ background: url(../_images/cadastro/bt_enviar.gif) no-repeat; width: 55px; height: 24px; margin-left:180px;} .message_box { text-align:center; color:#333; font-weight:bold; background:url(../_images/form/message.gif) no-repeat left top ; height:55px; width:237px; line-height:33px; font-size:12px; margin-top:40px; display:none; margin-top:5px;} .message_box p {width:150px; height:50px; padding:5px; line-height:14px; text-align:center; font-size:1em; color:#666; font-family:Arial;} #section.clube_de_vantagens_vocefez #content.logado #part3 {margin:5px 0px 0px 10px;} #section.clube_de_vantagens_vocefez #content.logado #part3 img{float:left; margin:3px 0px 0px 3px;} #section.clube_de_vantagens_vocefez #content.logado #part3 table.tabela_exemplos { padding: 0px; margin-left: 0px;} #section.clube_de_vantagens_vocefez #content.logado #part3 table.tabela_exemplos td { padding: 5px 5px 5px 5px; border-bottom: solid 1px #ebebeb;} #section.clube_de_vantagens_vocefez #content.logado #part3 table.tabela_produtos td img { border: solid 1px #808080; } /* Página dos produtos*/ #section.page #content p.hack { clear: both; } #section.page #content.logado #part1 { float: left; width: 580px; margin: 0px; } #section.page #content.logado #part1 div.top { width: 580px; min-height: 143px; margin: 0px; } #section.page #content.logado #part1 div.top p {margin-left:160px;margin-top:45px;width:250px;text-align:justif;} #section.page #content.logado #part1 div.top p:first-letter {margin-left:20px;} #section.page #content.logado #part1 table.tabela_produtos { padding: 5px; margin-left: 10px; } #section.page #content.logado #part1 table.tabela_produtos td { padding: 5px 10px 5px 10px; border-bottom: solid 1px #ebebeb; } #section.page #content.logado #part1 table.tabela_produtos td p { text-align: right; color: #808080; font-size: 14px; } #section.page #content.logado #part1 table.tabela_produtos td img { border: solid 1px #808080; } #section.page #content.logado #part2 { float: right; width: 390px; height: auto; margin: 0px; } #section.page #content.logado #part2 img.news_previous { margin-left:15px; margin-bottom:-8px; margin-top: 10px;} #section.page #content.logado #part2 div.catalogo_completo { background: url(../_images/clube_vantagens/back_catalogo_completo.gif) center center no-repeat; width: 388px; height: 97px; } #section.page #content.logado #part2 div.catalogo_completo a { float: left; margin: 65px 0px 0px 30px; display: block; background: url(../_images/vejamais.gif) no-repeat; } #section.page #content.logado #part2 div.catalogo_completo_pdf { background: url(../_images/clube_vantagens/back_catalogo_completo_pdf.gif) center center no-repeat; margin-top: 20px; width: 388px; height: 99px; } #section.page #content.logado #part2 div.catalogo_completo_pdf a.first { float: left; margin: 27px 0px 0px 35px; background: url(../_images/clube_vantagens/catalogo_pdf_01.gif) no-repeat; width: 50px; height: 64px; } #section.page #content.logado #part2 div.catalogo_completo_pdf a.second { float: left; margin: 27px 0px 0px 10px; background: url(../_images/clube_vantagens/catalogo_pdf_02.gif) no-repeat; width: 50px; height: 64px; } #section.page #content.logado #part2 div.blog { margin-top: 10px; width: 388px; min-height: 145px; background: url(../_images/clube_vantagens/bg_blog.gif) no-repeat; } #section.page #content.logado #part2 div.blog p { width: 265px; margin-left: 100px; text-align: justify;} #section.page #content.logado #part2 div.blog p.post { width: 250px; margin-left: 115px;margin-top: 10px; text-align: justify;} #section.page #content.logado #part2 div.blog p.post a { text-decoration: none; padding-left: 15px; } #section.page #content.logado #part2 div.blog p.post a:hover { background:url(../_images/header/arrow_right.png) center left no-repeat; } #section.page #content.logado #part2 ul.nav { float:left; text-align: left; display: block; width: 180px; height: auto; background: url(../_images/clube_vantagens/back_nav_news.gif); margin-top: 10px; } #section.page #content.logado #part2 ul.nav li { padding-left: 5px; } #section.page #content.logado #part2 ul.nav li.top_news { background: url(../_images/clube_vantagens/bg_top_news.gif) top left no-repeat; height: 11px; margin-left: -1px; } #section.page #content.logado #part2 ul.nav li.bottom_news { background: url(../_images/clube_vantanges/bg_bottom_news.gif) bottom left no-repeat; height: 11px; margin-left: -1px; } #section.page #content.logado #part2 ul.second_nav { width: 180px;} #section.page #content.logado #part2 ul.second_nav li { display: block; text-align: left; margin-left: 15px; border: none;} #section.page #content.logado #part2 div.products { float: right; width: 190px; margin-bottom: 10px; margin-top: -10px; background: url(../_images/clube_vantagens//bg_products.gif) no-repeat; background-position: 50px -3px; } #section.page #content.logado #part2 div.products2 { float: right; width: 150px; margin-bottom: 10px; } #section.page #content.logado #part2 div.products img.novidades { margin: 25px 20px 0px 0px; float: right; } #section.page #content.logado #part2 div.products2 img.outros { margin: 15px 20px 0px 0px; float: right; } #section.page #content.logado #part2 div.voce_fez { float: left; margin-top: 20px; width: 223px; background: url(../_images/clube_vantagens/bg_voce_fez.gif) no-repeat; } #section.page #content.logado #part2 div.voce_fez img {margin: 20px 0px 0px 0px; } /* Catálogo de Produtos PDF */ #section.produto_catalogopdf #contentcatalogo #part1 img { margin:0px 0px 0px 30px;} #section.produto_catalogopdf #contentcatalogo #part1 a { text-decoration:none;} #section.produto_catalogopdf #contentcatalogo #part1 p.pdf { margin:10px 0px 0px 30px; width: 270px; text-align:justify;} #section.produto_catalogopdf #contentcatalogo #part1 p.pdf:first-letter { margin-left:30px;} #section.produto_catalogopdf #contentcatalogo #part2 img { margin:-200px 0px 0px 310px;} #section.produto_catalogopdf #contentcatalogo #part3 ul {float:right; margin: -250px 10px 0px 0px;} #section.produto_catalogopdf #contentcatalogo #part3 ul li { text-align:right; margin-right:15px; padding-right: 20px; font-size: 16px; background: url(../_images/produto/arrow_left.png) right center no-repeat;} #section.produto_catalogopdf #contentcatalogo #part3 a img { float:right; margin-top:-120px; margin-right:20px;} #section.produto_catalogopdf #contentcatalogo img.catalogo { margin:25px 0px 0px 30px;} /* Catálogo de Produtos PDF logado */ #section.produto_catalogopdf_logado #contentcatalogo #part1 img { margin:0px 0px 5px 30px;} #section.produto_catalogopdf_logado #contentcatalogo #part1 p { margin:5px 0px 0px 30px; width: 270px; text-align:justify;} #section.produto_catalogopdf_logado #contentcatalogo #part1 p:first-letter { margin-left:30px;} #section.produto_catalogopdf_logado #contentcatalogo #part2 img { margin:-200px 0px 0px 320px;} #section.produto_catalogopdf_logado #contentcatalogo #part3 a img { float:right; margin-top:-128px; margin-right:90px;} #section.produto_catalogopdf_logado #contentcatalogo #part4 img.catalogo { margin:25px 0px 0px 20px;} /* -------------------------------- FOOTER ---------------------------------------- */ #footer {background:url(../_images/footer/roudedcorners.png) no-repeat; background-position:0px -12px; height:100px;} #footer .credits {text-align:center; color:#999; padding-top:20px;} #footer .credits a {text-decoration:none; color:#999; border-bottom:1px solid #CCC;} #footer .credits a:hover {} #footer ul.nav {text-align:right; margin:0px 20px 0px 0px;} #footer ul.nav li {display:inline; padding:0px 5px;} #footer ul.nav li a {text-decoration:none; color:#999;} #footer ul.nav li a:hover {color:#666;} div#back_zoom2 {position:absolute; top:0px;left:0px;right:0px;width:100%; height:2000px; background:#000; display:none; opacity:0.85; -moz-opacity: 0.85; filter: alpha(opacity=85);} div#zoom2 {position:absolute; width:100%;top:0px;left:0px;right:0px; height:100%; overflow: auto; display:none; text-align: center; } .geral { text-align: center; } .geral img { margin-top: 10px; } .geral p { color:#FFF; font-family:Verdana; float:left; font-size:10px; margin: 10px 0px 0px 7px; } .info_imagem { width:900px; margin:auto; } .info_imagem .zoom2_logo { float:left; margin:15px 0px 0px 8px; } .info_imagem .zoom2_fechar { float:right; margin:15px 8px 0px 0px; } .info_imagem .zoom2_salvar { float:right; margin:60px -50px 0px 0px; } .info_imagem .zoom2_imprimir { float:right; margin:60px 20px 0px 0px; }