/* ,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,. *\ Proesbrinq Octopus v2.9 CSS - http://www.proesbrinq.com.br/ ---------------------------------------------------------------------------- Development: Lojcomm Internet Solutions - http://www.lojcomm.com.br/ Programmer: Liza Nagao Designer: Fernanda \* ,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,. */ /* -( general )- */ body, div, li, caption, th, td, input, textarea, font, pre {font-family: 'Roboto'; font-size: 14px; color: #000;} .tbl_row_0 {background-color: #f8f8f8;} .tbl_row_1 {background-color: #fff;} a {font-weight: 500; color: #000;} a:hover {color: #d00;} .a, .calendarDateInput {border-top: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #ccc;} .f {font-family: "Courier New"; color: #339;} .n {border-top: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #ccc; color: #339; text-align: right;} .required {background-color: #f0f0f0;} .error {margin-top: 10px; padding: 20px 10px; background: #c00; border: none; font-size: 18px; color: #fff;} input[type='text'], input[type='textbox'], input[type='email'], input[type='password'], textarea {padding: 4px; border: 1px solid #ddd; border-radius: 5px;} h1, h2, h3, h4, h5 {letter-spacing: 0;} h2 {margin: 0; padding: 0; font-size: 16px; font-weight: 500; color: #c00;} /*container*/ body {background: url(../images/120/body_bg.png) repeat-x top center;} @media only screen and (min-width: 1480px){ #extraDiv8, #extraDiv9 {position: absolute; top: 145px; z-index: -10; width: 80px; height: 140px; background: url(../images/120/body_ddm_fita.png) no-repeat;} #extraDiv8{left:0;} #extraDiv9{right:0;transform: rotateY(180deg);} } #container {position: relative; width: 100%; max-width: 1400px; min-width: 999px; margin: 0 auto 20px; text-align: left; overflow: hidden;} /*header*/ #nav-your-account{position: absolute; top:50px; right: 230px;font-family: 'Crete Round'; line-height: 30px;} .nav_logout {margin-left: 5px;font-size:.8em;} #logo {display:flex; height:160px;padding: 5px 10px;} #logo img{display: block;} #menu0, #menuU {position: absolute; right: 10px;} #menu0{top: 10px} #menuU{top: 50px} #menu0 ul, #menuU ul {display:flex; margin: 0; padding: 0; list-style-type: none;} #menu0 a, #menuU a {padding: 0 10px; font-family: 'Crete Round'; line-height: 30px; font-weight: 400; text-transform: capitalize;} #menu0 a:hover, #menuU a:hover {color:#017ec4;} #menu0 li:first-of-type{display: none;} #menu0 li:nth-of-type(2) a:before, #menu0 li:nth-of-type(3) a:before {font-family: FontAwesome; font-size: 25px;} #menu0 li:nth-of-type(2) a:before {content: '\f082';} #menu0 li:nth-of-type(3) a:before {content: '\f16d';} #menu0 li:nth-of-type(2) a span, #menu0 li:nth-of-type(3) a span {display: none;} #mnU_2_parent {display: none;} /*menu1*/ #menu1{margin: 0 10px 15px;} #menu1 ul{margin: 0;padding: 0; list-style: none;} #ddm a {display: block;} #ddm h2, #ddm h3 {margin: 0 !important;font-size: 1em;} @media only screen and (min-width: 1025px) { #ddm{display: flex; justify-content: center; flex-wrap: nowrap;} #ddm > li {position:relative;flex: 1 1 auto; display: none;border-left: 1px solid rgba(255,255,255,.25);} #ddm > li:hover a {background: rgba(255,255,255,.15)} #ddm_21, #ddm_36, #ddm_37, #ddm_41, #ddm_43, #ddm_45, #ddm_46, #ddm_47, #ddm_49, #ddm_52, #ddm_56 {display: block !important;} #ddm h2 a {height: 75px; padding: 10px 0; text-align:center; line-height: 35px; font-size: 12px; color:#fff;} #ddm h2 a:before{display: block; width: 40px; height:40px; margin: 5px auto;} #ddm_21 h2 a:before {content: url(/octopus/design/images/120/ddm_brinquedoteca.png)} #ddm_36 h2 a:before {content: url(/octopus/design/images/120/ddm_playground.png)} #ddm_37 h2 a:before {content: url(/octopus/design/images/120/ddm_piscina.png)} #ddm_41 h2 a:before {content: url(/octopus/design/images/120/ddm_cozinha.png)} #ddm_43 h2 a:before {content: url(/octopus/design/images/120/ddm_escolas.png)} #ddm_45 h2 a:before {content: url(/octopus/design/images/120/ddm_cama.png)} #ddm_46 h2 a:before {content: url(/octopus/design/images/120/ddm_fabricantes.png)} #ddm_47 h2 a:before {content: url(/octopus/design/images/120/ddm_inflaveis.png)} #ddm_49 h2 a:before {content: url(/octopus/design/images/120/ddm_promocao.png)} #ddm_52 h2 a:before {content: url(/octopus/design/images/120/ddm_festas.png)} #ddm_56 h2 a:before {content: url(/octopus/design/images/120/ddm_espumados.png)} #ddm_36 h2 a {font-size: 0 !important;} #ddm h2 a:after{line-height: 35px;font-size: 12px;} #ddm_36 h2 a:after{content:'PLAYGROUNDS';} #ddm li h2 + ul{display: none;position: absolute; left:0; z-index: 1000; padding: 10px 20px 20px; background: #fff; border: 1px solid #013a93; border-top: none; border-bottom-width: 2px;} #ddm li:hover h2 + ul{display: block;} #ddm h2 ~ ul li {width: 250px;} #ddm li:nth-last-of-type(1) h2 ~ ul, #ddm li:nth-last-of-type(2) h2 ~ ul, #ddm li:nth-last-of-type(3) h2 ~ ul, #ddm li:nth-last-of-type(4) h2 ~ ul {right: 0; left: auto;} #ddm h3 a {margin: 15px 0 5px; line-height: 1.5em; font-size: 0.95em; text-transform: uppercase;} #ddm > #ddm_49 {background-color: #a00; border:none;} #ddm > #ddm_49 h2 + ul{border-color:#a00} } @media only screen and (min-width: 1200px) { #ddm h2 a {font-size: 1em;} #ddm h2 a:after{font-size: 14px;} } @media only screen and (max-width: 1024px) { #menu1 {height: 95px;} label[for="menu1-toggle"] { position: absolute; left: 10px; display: block; width: 50px; height: 80px; padding: 15px 0; text-align: center; color: #fff; cursor: pointer; } label[for="menu1-toggle"]:before { content: '\F0C9'; line-height: 45px; font-family: 'FontAwesome'; font-size: 2.5em; font-weight: 300; } label[for="menu1-toggle"]:after { content: 'MENU'; display: block; line-height: 20px; font-weight: 600; } #ddm { position: fixed; top: 0; left: -100%; z-index: 3000; display: block; width: 80%; max-width: 400px; height: 100vh; padding: 5px 15px; background: #fff; text-align: left; overflow: auto; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #ddm .ddm_lvl0:nth-last-child(1) {margin-bottom: 30px;} #ddm h2 a { padding: 10px 20px; background: #013C98; color:#fff; } #ddm h2 a:before{display: inline-block;} #ddm li h2 + ul{padding: 10px 20px;} #ddm h3 a {margin-top: 10px;} #menu1-toggle:checked ~ label[for="menu1-toggle"]:after { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; background: #000; opacity: 0.85; } #menu1-toggle:checked ~ #ddm {left: 0;} #menu1-toggle:checked ~ #ddm::-webkit-scrollbar {width: 5px;} #menu1-toggle:checked ~ #ddm::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} #menu1-toggle:checked ~ #ddm::-webkit-scrollbar-thumb {background-color: #a9a9a9;outline: 1px solid #708090;} } /*quickSearch*/ #quickSearch {position: absolute; top: 100px; left:190px;right:255px;} #quickSearch ul {position:relative;margin: 0; padding: 0; list-style-type: none;} #quickSearch_i0 {display:none;} #quickSearch_i1 input {width: 100%; height: 55px; padding: 0 10px; border: 1px solid #fff; border-radius: 20px; line-height: 55px; box-sizing:border-box; } #quickSearch_i2 {position: absolute;top: 5px;right:5px;} /*banners*/ #banner_1 {position: absolute; top: 10px; left: 200px;} #h-slogan {font-family: 'Crete Round'; font-size: 18px; color:#017ec4;} #h-televendas {font-size: 15px;} .tele_num {font-weight: bold;} #tele_hr {display: block; margin-top: 7px; font-size: 13px;} /*floating cart*/ #floating_cart {position: absolute; top: 100px; right: 10px;} #floating_cart_header a {display:block; width: 160px; height: 55px; padding: 0 20px; background:#fe7626; background: linear-gradient(to bottom, rgba(254,118,38,1) 0%,rgba(255,85,0,1) 100%); border-radius: 20px; line-height:55px; color:#fff;} #floating_cart_header a:before{content:'Meu Carrinho'; font-family: 'Crete Round'; font-size: 1.2em} #floating_cart_body {position: absolute; right: 0;border: 1px solid #fff;} #floating_cart_body h5, #floating_cart_body ul, #floating_cart_body_total_price {display: none;} #floating_cart_body ul {margin: 0; padding: 0; list-style-type: none;} #floating_cart_body li .ref {display: none;} #floating_cart_body li .desc {display: block; font-weight: 500;} #floating_cart_body_total_items {position: absolute; top: -45px; right: 20px; width: 35px; background: rgba(255,255,255,.25); border-radius: 50%; text-align: center; line-height:35px; font-weight: 500; color: #fff;} #floating_cart_body_total_items label {display: none;} #floating_cart_body_total_price {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; text-align: right;} #floating_cart_body_total_price {font-weight: 500;} #floating_cart_body_total_price label {padding-right: 10px; font-weight: 400;} #floating_cart:hover #floating_cart_body {width: 270px; padding: 20px; background: #f0f0f0; border: 1px solid #ccc; border-radius: 10px;} #floating_cart:hover #floating_cart_body ul, #floating_cart:hover #floating_cart_body_total_price {display: block;} /*footer*/ #container_footer {position: relative; width: 100%; height: 450px; background: linear-gradient(to bottom, #d4eaf0 0%,#ffffff 100%); text-align: center;} #f-casinha {position: relative; width: 999px; margin: 0 auto;} #f-casinha div {position: absolute; bottom: -30px; left: 0; z-index: 0; display: block; width: 500px; height: 278px; margin: 0 auto; background: url(../images/120/pb_images.png) no-repeat 0 -392px;} #f-grama {position: absolute; bottom: 0; width: 100%; height: 80px; z-index: 20; background: url(../images/120/pb_images.png) repeat-x left bottom;} #f-content {position: relative; z-index: 30; width: 999px; margin: 0 auto; text-align: left;} #f-content .f-title {display: block; padding: 10px 0; font-family: 'Crete Round'; font-size: 20px; color: #666;} #f-content ul {margin: 0; padding: 0; list-style-type: none;} #f-atendimento {float: left; width: 230px; margin: 10px 0 0 10px; padding: 0 10px; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 ); border-radius: 10px;} #f-atendimento p {font-size: 18px; font-weight: 500; color: #333;} #f-atendimento p span {display: block; margin-bottom: 5px; font-size: 14px;} #f-pagamento, #f-seg {display: inline-block; margin: 10px; vertical-align: bottom;} #f-pagamento div {width: 535px; height: 30px; background: url(../images/120/pb_images.png) no-repeat 0 -230px;} #f-ajuda {float: left; margin: 10px 20px;} #f-ajuda a {font-weight: normal;} #f-facebook {margin-top: 10px;} #f-instagram{display: inline-block;margin-left: 10px;text-align:center;color:#0AB;vertical-align: top;} #f-instagram i{display:block;margin: 20px 0 10px;font-size:3em;} #f-youtube {display: inline-block; width: 138px; margin-top: 10px; padding-left: 20px; text-align: center; color: #8DD4E7; vertical-align: top;} #f-youtube:before {content: ''; display: block; width: 138px; height: 101px; margin: 0 auto 10px; background: url(../images/120/pb_images.png) no-repeat -390px -100px; vertical-align: top;} #f-youtube:after {content: 'Confira nosso canal no YouTube'} #f-youtube span {display: none;} #f-seg li {display: inline-block; height: 35px; margin: 0 5px; background: url(../images/120/pb_images.png) no-repeat;} #f-seg #f-centralanalista {width: 90px; background-position: 0 -277px;} #f-seg #f-ssl {width: 124px; background-position: -319px -277px;} #f-seg #f-lojcomm {width: 136px; background-position: -141px -277px;} #f-seg #f-lojcomm a {display: block; height: 35px;} #f-seg span {display: none;} #f-foot {clear: left; margin: 30px 0 0 250px; padding: 0 10px; background: rgba(255,255,255,0.8); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); border-radius: 10px; overflow: hidden;} #f-infos {font-size: 12px; text-align: justify;} /*menu2*/ #menu2 {float: left; width: 200px; margin-left: 10px; padding-bottom: 10px;} #menu2:before {content: ''; display: block; width: 200px; height: 60px; background: url(../images/120/pb_images.png) no-repeat 0 -140px;} #menu2 a {display: block;} #menu2 a.mn2 {margin: 15px 0 5px; font-family: 'Crete Round'; font-size: 1.2em; color: #36c;} #menu2 a.mn3 {padding: 3px 0; font-weight: 400; color: #000;} #menu2 a.mn3:hover {text-decoration: underline;} #menu2 .mn2_footer {display: block; margin-top: 15px; border-bottom: 1px solid #ccc;} #menu2 #lojcomm {display: none;} /*banners*/ #banner_1 {position: absolute; top: 10px; left: 200px;} #h-slogan {font-family: 'Crete Round'; font-size: 18px; color:#017ec4;} #h-televendas {font-size: 15px;} .tele_num {font-weight: bold;} #tele_hr {display: block; margin-top: 7px; font-size: 13px;} #banner_2 {width: 100%; max-width: 1300px; margin: 0 auto 20px; text-align: center;} #wowslider-container1 {zoom: 1; position: relative; margin: 0px auto 10px; z-index: 30; border: none; text-align: left;} #wowslider-container1 .ws_images ul {position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible;} #wowslider-container1 .ws_images ul li {width: 1%; line-height: 0; float: left; font-size: 0; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;} #wowslider-container1 .ws_images {position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;} #wowslider-container1 .ws_images a {width: 100%; display: block; color: transparent;} #wowslider-container1 img {max-width: none !important;} #wowslider-container1 .ws_images img {width: 100%; border: none 0; max-width: none;} #wowslider-container1 a {text-decoration: none; outline: none; border: none;} #wowslider-container1 .ws_bullets {position: absolute; top: 10px; right: 150px; z-index: 70; padding: 9px; font-size: 0px;} #wowslider-container1 .ws_bullets div {position: relative; float: left;} #wowslider-container1 a.wsl {display: none;} #wowslider-container1 .ws_bullets a {width: 11px; height: 11px; background: url(/banners/hero/engine1/bullet.png) left top; float: left; text-indent: -4000px; position: relative; margin-left: 5px; color: transparent;} #wowslider-container1 .ws_bullets a: hover {background-position: 0 50%;} #wowslider-container1 .ws_bullets a.ws_selbull{background-position: 0 100%;} #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {position: absolute; display: block; top: 50%; margin-top: -20px; z-index: 60; height: 45px; width: 45px; background-image: url(/banners/hero/engine1/arrows.png); opacity: 0.8;} #wowslider-container1 a.ws_next {background-position: 100% 0; right: 21px;} #wowslider-container1 a.ws_prev {left: 21px; background-position: 0 0;} #wowslider-container1 a.ws_next:hover, #wowslider-container1 a.ws_prev:hover {opacity: 1;} #ban_cond {width: 100%; height: 50px; text-align: center;} #ban_cond /*gradient*/ {background: rgb(0,153,204); background: -moz-linear-gradient(top, rgba(0,153,204,1) 0%, rgba(0,0,136,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,153,204,1)), color-stop(100%,rgba(0,0,136,1))); background: -webkit-linear-gradient(top, rgba(0,153,204,1) 0%,rgba(0,0,136,1) 100%); background: -o-linear-gradient(top, rgba(0,153,204,1) 0%,rgba(0,0,136,1) 100%); background: -ms-linear-gradient(top, rgba(0,153,204,1) 0%,rgba(0,0,136,1) 100%); background: linear-gradient(to bottom, rgba(0,153,204,1) 0%,rgba(0,0,136,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#000088',GradientType=0 );} #ban_marcas {position: relative; overflow: hidden; width: 999px; height: 120px; margin: 0 auto;} #marcas_frame {position: relative; margin: 10px 0;} #marcas_previous {float: left; width: 15px; height: 100px;} #marcas_next {float: right; width: 15px; height: 100px;} #marcas_content {position: absolute; top: 0; width: 10000px; margin: 0 0 0 20px; padding: 0; list-style: none;} #marcas_content li {float: left; margin: 10px 19px;} #marcas_content li a {display: block; width: 100px; height: 100px;} #banner_3 {position: absolute; top: 100px; left: 320px; z-index: 100;} #banner_3 img {position: relative; z-index: 90;} /*#banner_3:after {content: ''; position: fixed; top:0 ; right: 0; bottom: 0; left: 0; z-index: 50; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.9);}*/ /*floating cart*/ #floating_cart {position: absolute; top: 100px; right: 10px;} #floating_cart_header a {display:block; width: 160px; height: 55px; padding: 0 20px; background:#fe7626; background: linear-gradient(to bottom, rgba(254,118,38,1) 0%,rgba(255,85,0,1) 100%); border-radius: 20px; line-height:55px; color:#fff;} #floating_cart_header a:before{content:'Meu Carrinho'; font-family: 'Crete Round'; font-size: 1.2em} #floating_cart_body {position: absolute; right: 0;border: 1px solid #fff;} #floating_cart_body h5, #floating_cart_body ul, #floating_cart_body_total_price {display: none;} #floating_cart_body ul {margin: 0; padding: 0; list-style-type: none;} #floating_cart_body li .ref {display: none;} #floating_cart_body li .desc {display: block; font-weight: 500;} #floating_cart_body_total_items {position: absolute; top: -45px; right: 20px; width: 35px; background: rgba(255,255,255,.25); border-radius: 50%; text-align: center; line-height:35px; font-weight: 500; color: #fff;} #floating_cart_body_total_items label {display: none;} #floating_cart_body_total_price {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; text-align: right;} #floating_cart_body_total_price {font-weight: 500;} #floating_cart_body_total_price label {padding-right: 10px; font-weight: 400;} #floating_cart:hover #floating_cart_body {width: 270px; padding: 20px; background: #f0f0f0; border: 1px solid #ccc; border-radius: 10px;} #floating_cart:hover #floating_cart_body ul, #floating_cart:hover #floating_cart_body_total_price {display: block;} /* -( newsletter )- */ #frmNewsletter {width: 100%; height: 40px; padding: 10px 0; text-align: center;} #frmNewsletter /*gradient*/, #newsletter_interactive #newsletter_i2 button {background: #017ec4; background: -moz-linear-gradient(top, #017ec4 0%, #001199 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017ec4), color-stop(100%,#001199)); background: -webkit-linear-gradient(top, #017ec4 0%,#001199 100%); background: -o-linear-gradient(top, #017ec4 0%,#001199 100%); background: -ms-linear-gradient(top, #017ec4 0%,#001199 100%); background: linear-gradient(to bottom, #017ec4 0%,#001199 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ec4', endColorstr='#001199',GradientType=0 );} #newsletter {width: 929px; height: 40px; margin: 0 auto; padding: 0 0 0 55px; text-align: left; background: url(../images/120/pb_images.png) no-repeat -428px 0;} #newsletter h5 {display: none;} #newsletter span {position: absolute; padding-left: 10px; line-height: 22px; font-family: 'Crete Round'; font-size: 17px; color: #fff; text-align: center;} #newsletter_interactive {margin-left: 220px;} #newsletter_interactive ul {margin: 0; padding: 0; list-style-type: none;} #newsletter_interactive li {position: relative; float: left; margin: 4px 0;} #newsletter_interactive label {position: absolute; padding-left: 10px; line-height: 33px; font-family: 'Crete Round'; font-size: 16px; color: #999; text-transform: capitalize; vertical-align: middle;} #newsletter_interactive input {width: 235px; height: 25px; margin-right: 10px; padding: 3px 10px 3px 55px; border-color: #fff; border-radius: 20px; line-height: 25px;} #newsletter_interactive #newsletter_i1 input {padding-right: 95px;} #newsletter_interactive #newsletter_i2 button {position: absolute;top:5px;margin-left:-72px;border:none;border-radius:20px;line-height:23px;font-family:'Crete Round';color:#fff;} #newsletter_interactive p {margin: 0; padding: 5px 10px; font-size: 18px; font-weight: 500; color: #ff0;} /* -( class.framed )- */ #extraDivA, #extraDivB, #extraDivC, #extraDivD, #extraDivE, #extraDivF {display:none;} .framed {position: relative; margin: 0 10px 0 220px;} .breadcrumb {margin-top: 10px; color: #666;} .breadcrumb a {color: #666; box-sizing: border-box;} .breadcrumb a:hover {text-decoration: underline;} .breadcrumb a:before {content: '/'; padding: 0 10px; color: #ccc;} .breadcrumb a[href="/"]:before {content: '';} .breadcrumb a:first-child span {display: none;} .breadcrumb a:first-child {display: inline-block; width: 14px; height: 14px; background: transparent url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjQ1LDdMMTQsNS41NTFWMmMwLTAuNTUtMC40NS0xLTEtMWgtMWMtMC41NSwwLTEsMC40NS0xLDF2MC41NTNMOSwwLjU1NUM4LjcyNywwLjI5Nyw4LjQ3NywwLDgsMFM3LjI3MywwLjI5Nyw3LDAuNTU1ICBMMC41NSw3QzAuMjM4LDcuMzI1LDAsNy41NjIsMCw4YzAsMC41NjMsMC40MzIsMSwxLDFoMXY2YzAsMC41NSwwLjQ1LDEsMSwxaDN2LTVjMC0wLjU1LDAuNDUtMSwxLTFoMmMwLjU1LDAsMSwwLjQ1LDEsMXY1aDMgIGMwLjU1LDAsMS0wLjQ1LDEtMVY5aDFjMC41NjgsMCwxLTAuNDM3LDEtMUMxNiw3LjU2MiwxNS43NjIsNy4zMjUsMTUuNDUsN3oiLz48L3N2Zz4=") repeat scroll 0% 0%; background-size: 100%; opacity: .5;} #creative {padding-top: 10px; overflow: hidden;} #creative small {display: none;} #creative h1 {margin: 0;}.framed h1 {margin: 20px 10px 10px 0; font-family: 'Crete Round'; font-size: 22px; font-weight: 400; color: #333;} .framed h1 font { font-family: 'Crete Round'; font-size: 22px; font-weight: 400; color: #333;} .framed h1 font:hover {text-decoration: underline;} .framed .hr, .framed hr {display: none;} /* -( class.full )- */ #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6, #extraDiv7 {display:none;} .full {float: left; width: 90%; margin: 20px 5%;} .full h1 {margin: 0; font-size: 20px; font-weight: 400; color: #333;} .full .hr {height: 11px; background: #888 url(../images/hr_dotted.gif) repeat-x top left;} .full hr {display: none;} .full table {width: 100%;} /* -( alert )- */ #alert dd.sysMsg {font-weight: 500; font-size: 17px; color: #d00;} #alert_body h2 a {display: block; width: 300px; background: #c00; border-radius: 5px; text-align: center; line-height: 30px; color: #fff; text-transform: uppercase; cursor: hand;} #alert_body h2 a:hover {color: #ff0;} /* -( closePointer )- */ #closePointer {position: absolute; top: 270px; width: 100%; text-align: center;} #closePointer table {margin: 0 auto;} #closePointer td {padding: 0 20px;} /* -( help )- */ #help_body {padding-bottom: 30px;} span.title, span.subtitle {display: block; margin: 20px 0 10px; padding: 5px 0 5px 10px; background: #ddd; border-radius: 5px; font-size: 16px; font-weight: 500;} .button {width: 100%; height: 100%; margin: 20px 0 0 0; text-align: right;} .button a, .button input {display: block; margin-top: 10px; padding: 5px 30px; background: #c00; border: none; border-radius: 5px; font-family: 'Crete Round'; font-size: 15px; font-weight: 400; color: #fff; text-transform: uppercase;} html>body .button a {height: 1%;} *html .button a {display: block; width: 1%;} .button a:hover, .button input:hover {background: #a00;} /* -( contact )- */ #contact_body {margin: 0 20px; padding-bottom: 30px;} #contact table {width: 98%;} #contact th {width: 15%; text-align: right;} #contact td {width: 85%; padding: 2px 0;} #contact td input, #contact td textarea {width: 100%; padding: 5px; border: 1px solid #ddd;} #contact td textarea {height: 300px;} /*products*/ #products_header_dok {margin-top: 10px; text-align: right;} #products_header_dok select {border: 1px solid #ddd;} #products_footer_dok {display: none;} #products_header_index {position: relative; max-width: 350px; margin-top: -20px;} #products_footer_index {width: 100%; margin: 20px 0; text-align: center;} .paginator {margin: 0; padding: 0; list-style-type: none;} .paginator li {display: inline-block; margin-right: 3px; padding: 4px 9px; background: #eee; border-radius: 5px;} .paginator li a {display: inline-block; width: 100%; font-weight: 400; color: #333;} .paginator li:hover {background: #f5f5f5;} .paginator li.selected {background: #c00; font-weight: 500; color: #fff;} .paginator li.paginator-view-all {display: none;} #products_img {margin-top: 20px;} #products_img ul, #crossSelling ul {margin: 0; padding: 0; list-style-type: none; overflow: hidden;} #products_img li, #crossSelling li {position: relative; float: left; width: 24%; height: 460px; margin: .5%; padding: 0 10px; text-align: center; vertical-align: top; border: 1px solid #ddd; box-sizing: border-box;} @media only screen and (max-width : 1024px) {#products_img li, #crossSelling li {width: 32.333%;}} @media only screen and (min-width : 1300px) {#products_img li, #crossSelling li {width: 19%;}} #products_img li:hover, #crossSelling li:hover {border-color: #ddd;} .item_box {height: 100%;} .item_box .item_img {margin: 20px 0;} .item_box .item_img img {display: block; max-width: 100%; height: auto; margin: 0 auto;} .item_box .item_txt {display: flex; flex-direction: column; text-align: left;} .item_box .item_ref, .item_box .item_description, .item_box .item_availability {display:none;} .item_box .item_status {position: absolute; top: 0; left: 0; display: block; padding: 0 10px; line-height: 20px; font-size: .9em; font-weight: 500; color: #fff; text-transform: capitalize;} .item_box .item_status_2 {background: #c00;} .item_box .item_status_3 {background: #07c;} .item_box .product_promotion {margin-bottom: 10px; text-align: left; font-size: .8em; font-weight: 500; color: #c00; text-transform: uppercase;} .item_box .item_name {margin-bottom: 10px; overflow: hidden; order: -1; line-height: 20px;} .item_box .item_name strong {font-weight: 400;} .item_box .item_name:hover {text-decoration: underline;} .item_box .free_shipping, .item_box .free_shipping_restricted {position: absolute; display: block; margin-top: -25px; color: #c00;} .item_box .free_shipping:before, .item_box .free_shipping_restricted:before {content: '\f0d1'; margin-right: 5px; font-family: FontAwesome; font-size: 1.4em;} .item_box .free_shipping:after {content: 'Frete Grátis Brasil'; font-weight: 700;} .item_box .free_shipping_restricted:after {content: 'Frete Grátis *'; font-weight: 700; cursor: pointer;} .item_box .item_free_shipping_restricted {display: none; position: absolute; right: 0; left: 0; z-index: 100; background: #eee; text-align: center; line-height: 1.6em; font-size: .85em; color: #333;} .item_box .free_shipping_restricted:hover + .item_free_shipping_restricted {display: block;} .item_box .item_free_shipping_restricted li {float: none; display: inline-block; width: auto; height: 25px; margin: 2px; padding: 0 5px; background: #fff; line-height: 25px;} .item_box .item_prices{display: flex; flex-direction: column;} .item_box .item_listPrice {order: -2; margin-bottom: 5px; padding-right: 10px; font-size: .85em; color: #888; text-decoration: line-through;} .item_box .item_listPrice:after {content: 'por:'; display: inline-block; margin-left: 10px;} .item_box .item_ourPrice {order: 10; margin-top: 5px; font-size: .8em; color: #666;} .item_box .item_ourPrice:before {content: 'Total a prazo: '} .item_box .item_ourPrice label {display: none;} .item_box .item_or {display: block; margin-top: 5px; font-weight: 500;} .item_box .item_or label {display: none;} .item_box .item_or:after {content: ' sem juros';} .item_box .item_save {display: none;} .item_prices_payment_conditions{order: -1;} .item_prices_payment_conditions p {margin: 5px 0 0;} .products-text-price-final {display: block; font-size: 1.3em; font-weight: 500; color: #36c;} .products-text-price-payment {font-size: .8em; color: #666;} .products-text-price-payment:after {content: ', depósito e transferência';} .products-text-price-final-label,.products-text-price-factor-discount {display: none;} .item_box .item_discount {position: absolute; top: -7px; right: -7px; line-height: 40px;} .item_box .item_discount:after {content: '\f0a3'; font-family: FontAwesome; font-size: 45px; color: #c00;} .item_discount_percentage {position: absolute; width: 37px; text-align: center; font-size: .85em; color: #fff;} .item_discount_percentage:before {content: '-';} .item_box .item_discount_label {display: none;} .item_box .item_availability_2 {display: block; margin-top: 10px; font-weight: 500; color: #c00; text-align: center; text-transform: uppercase;} .item_box .item_availability_2 label {display: none;} .item_box .item_availability_2 a {display: block; margin-top: 3px; text-transform: none;} .item_box .item_buttons {display: none;} .item_box:hover .item_buttons {display: block;} .item_box:hover .item_buttons a {position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;} .item_box:hover .item_buttons a:before {content: url(../images/120/prd_buy.gif); display: block; padding: 5px; background: #fff;} .item_box .item_buttons img {display: none;} .item_box .item_similars {display: none;} .item_box .item_brand {position: absolute; bottom: 0; left: -1px; right: -1px; padding-right: 10px; background: #eee; text-align: right;} .item_box .item_brand p {margin: 0;} .item_box .item_brand a {line-height: 20px; font-size: 12px; font-weight: normal;} .item_box .item_brand a:before {content: '+ '} #products_txt {display: none;} /* -( details )- */ #details {float: left; width: 765px; margin: 0 10px;} #details_dynamic span#details_path_ref {display: none;} #details_images {float: left; width: 400px; margin-top: 10px;} #details_texts {float: left; width: 365px; margin-top: 10px;} #details_images_zoom {margin: 10px 0;} #details_images_thumbs ul {margin: 0; padding: 0; list-style-type: none;} #details_images_thumbs li {float: left;} #details_images_thumbs a {display: block; width: 80px; height: 80px; padding: 3px; margin: 0 5px 5px 0; border: 1px solid #fff; border-radius: 5px;} #details_images_thumbs a:hover {border-color: #ccc;} #details_texts_status {display: none; padding: 5px; font-family: 'Crete Round'; font-size: 16px; color: #fff; text-transform: capitalize;} #details_texts_status.promocao {display: inline-block; background: #c00;} #details_texts_status.lancamento {display: inline-block; background: #07c;} .details_promotion {margin-top: 10px;} .details_promotion_name {font-weight: 500; color: #c00; text-transform: uppercase;} #details_texts_description, #details_texts_additional, #details-text-parcels, #details_texts_availability_label {display: none;} #details_texts_selects, #details_texts_others {margin: 10px 0 0 0;} #details_texts_selects span.selects {display: block; margin-bottom: 5px;} #details_texts_selects span label {font-weight: 500;} #details_texts_selects span select {width: 160px;} #details-text-price {position: relative; display: flex; flex-direction: column; margin: 20px 0; padding: 20px 0; border-top: 1px solid #999; border-bottom: 1px solid #999;} #details-text-price:has(#details-text-price-list){padding-top: 35px;} #details-text-price-base{display: flex; flex-direction: column; gap: 5px;} #details-text-price-list {position: absolute; top: 20px; font-size: .9em; color: #888;} #details-text-price-list .price {text-decoration: line-through;} #details-text-price-list acronym {display: none;} #details-text-price-list:after {content: 'por:'; display: inline-block; margin-left: 10px;} #details-text-price-our {order: 10; font-size: .9em; color: #666} #details-text-price-our:before{content: 'Total a prazo:'} #details-text-price-our .label, #details-text-price-our acronym {display: none;} #details-text-price-or {display: block; margin-top: 5px; font-size: 1.1em; font-weight: 500; color: #36c;} #details-text-price-or .label {display: none;} #details-text-price-or:after {content: ' sem juros';} #details-text-price-save {display: none;} #details-text-price-exception {position: relative; order: -1; padding-top: 25px; color: #666;} #details-text-price-exception span {font-size: .9em;} .details-text-price-factor-discount:before {content: 'Ganhe ';} .details-text-price-factor-discount:after {content: ' - válido';} #details-text-price-exception .details-text-price-final {position: absolute; top: 10px; left: 0; font-size: 1.6em; font-weight: 500; color: #36c;} .details-text-price-final:after {content: ' à vista'; font-size: .9rem} .products-text-price-payment {font-size: .8em; color: #666;} .products-text-price-payment:before {content: '';} .products-text-price-payment:after {content: ', depósito e transferência';} .products-text-price-final-label,.products-text-price-factor-discount {display: none;} #details-text-price-discount {position: absolute; top: -7px; right: -7px; line-height: 10px;} #details-text-price-discount:after {content: '\f0a3'; font-family: FontAwesome; font-size: 70px; color: #c00;} .discount_percentage {position: absolute; width: 60px; text-align: center; font-size: .85em; font-weight: 500; color: #fff;} .discount_percentage:before {content: '-';} #details-text-price-discount .discount_label {display: none;} #details_texts_availability_shipping, #free-shipping-restricted {display: block; margin-bottom: 10px; font-weight: 700; color: #c00;} #free-shipping-restricted:before, #details_texts_availability_shipping:before {content: '\f0d1'; margin-right: 5px; font-family: FontAwesome; font-size: 2em;} #details_texts_availability_shipping:after {content: 'Frete Grátis Brasil';} .free-shipping-restricted-title {color: #c00;} #details_texts_availability_shipping_restricted {display: none;} #inStockNotification {padding: 10px; border: 1px solid #ccc; border-radius: 10px;} #inStockNotification th {padding: 5px 0; background: #eee; text-align: center;} #inStockNotification td {text-align: right;} #inStockNotification input {width: 260px;} #details_texts_availability_field .item_qt_buy {display: block; margin-top: 20px;} #details_texts_availability_field .item_qt_buy select {width: 50px;} #details_texts_availability_field .item_btn_buy {display: block; margin: 20px 0;} .product_brand {margin-top: 20px; padding-top: 10px; border-top: 1px solid #ccc;} .product_brand:before {content: 'Confira mais produtos: '; display: inline-block; color: #999;} .product_brand h2 {display: inline-block; font-size: 1em;} .product_brand a {font-weight: 400;} #buy-together {clear: both; position: relative; top: 20px; border: 1px solid #ddd; border-top: none; border-radius: 10px;} #buy-together .subtitle {display: block; margin: 0 0 20px; padding: 7px 0 7px 10px; background: #333; border-radius: 10px 10px 0 0; text-align: center; font-size: 16px; font-weight: 500; color: #fff;} #buy-together ul {margin: 0; padding: 0; list-style-type: none;} #combo_imgs {float: left; margin-right: 20px;} #combo_imgs li {float: left; height: 75px; margin: 20px 10px; line-height: 75px; vertical-align: middle;} #combo_txts {clear: both; padding: 10px 0 20px 10px;} #combo_txts li {margin: 5px 0;} #combo_txts input {margin-right: 5px;} #combo_txts a font {font-size: 16px; font-weight: 400;} #combo_txts a font:hover {text-decoration: underline;} #combo_txts .item_off a font {color: #ccc;} #combo_txts .item_off a:hover font {color: #999;} #combo_txts .item_prices {display: inline; margin-left: 10px;} #combo_txts .item_on .item_listPrice {margin-right: 5px; font-size: 16px; color: #888; text-decoration: line-through;} #combo_txts .item_on .item_ourPrice {font-size: 16px; font-weight: 500; color: #390;} #combo_txts .item_save, #combo_txts .item_on label, #combo_txts .item_off .item_prices {display: none;} #details-buy-together-buy {float: left; margin: 10px 0 20px 0;} .combo_ourPrice, .combo_save {display: block; font-weight: 500; color: #e30; text-transform: capitalize;} .combo_ourPrice {font-size: 24px;} .combo_save {margin-top: 5px; font-size: 16px;} .combo_ourPrice label, .combo_save label {font-size: 15px; font-weight: 400; color: #333;} .combo_ourPrice label#bt-our-price {padding-left: 3px; font-size: 24px; font-weight: 500; color: #d00;} .combo_save #bt-save-price {padding-left: 3px; font-size: 16px; font-weight: 500; color: #d00;} #details_fixed {margin: 0; padding-top: 40px;} #details_fixed .subtitle {margin: 20px 0 10px; border-bottom: 1px solid #000; font-size: 17px;} #details_fixed .subtitle-content {line-height: 22px;} #details_fixed ul.tab-menu {margin: 0; padding: 0; list-style-type: none;} #details_fixed li {float: left;} #details_fixed li a {display: block; margin: 0 1px; padding: 4px 9px; background: #ddd; border-radius: 5px 5px 0 0; font-weight: 400; color: #333; text-transform: capitalize;} #details_fixed li a:hover {background: #ccc;} #details_fixed .tab-selected a {background: #333; color: #fff;} #details_fixed .tab-wrapper {border-color: #ccc; border-radius: 0 10px 10px 10px;} #crossSelling h2 a {display: block; margin: 20px 0 10px; padding: 5px 0 5px 10px; background: #ddd; border-radius: 5px; font-size: 16px; font-weight: 500;} /* -( extras )- */ #extra_body a {cursor: pointer;} /* -( email a friend )- */ #emailFriend {width: 100%; text-align: left;} #emailFriend_header {width: 100%; margin-top: 15px; text-align: center; background: url(../images/120/logo.gif) no-repeat top center;} #emailFriend_header span {display: block; padding: 154px 0 10px; font-family: 'Crete Round'; font-size: 26px; color: #fff;} #emailFriend_body {padding: 15px; background: #fff;} #emailFriend_body tbody input, #emailFriend_body tbody textarea {width: 320px; border-radius: 5px;} #emailFriend_body tbody span {color: #06c;} #emailFriend_body tbody a {font-weight: 400; color: #06c;} #emailFriend_body tbody a:hover {color: #06c; text-decoration: underline;} #emailFriend_body tfoot span {display: block; margin: 10px 0; font-size: 11px;} /*tiny*/ .landing_module{position:relative} .landing_module img{display:block; max-width: 100%; height:auto;} .module_brands{margin: 20px 0; padding: 0 30px;} .tns-outer{position:relative;padding:0!important} .tns-outer [hidden]{display:none!important} .tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer} .tns-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all 0s;transition:all 0s} .tns-slider>li{padding:0 15px} .tns-item{margin-left:0!important} .tns-horizontal.tns-subpixel{white-space:nowrap} .tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal} .tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both} .tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:0!important} .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%} .tns-no-calc{position:relative;left:0} .tns-autowidth{display:inline-block} .tns-lazy-img{-webkit-transition:opacity .6s;transition:opacity .6s;opacity:.6} .tns-lazy-img.tns-complete{opacity:1} .tns-ah{-webkit-transition:height 0s;transition:height 0s} .tns-ovh{overflow:hidden} .tns-visually-hidden{display:none} .tns-transparent{opacity:0;visibility:hidden} .tns-fadeIn{opacity:1;z-index:0} .tns-fadeOut,.tns-normal{opacity:0;z-index:-1} .tns-vpfix{white-space:nowrap} .tns-vpfix>div,.tns-vpfix>li{display:inline-block} .tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden} .tns-t-ct{width:2333.3333333%;width:calc(100% * 70 / 3);position:absolute;right:0} .tns-t-ct:after{content:'';display:table;clear:both} .tns-t-ct>div{width:1.4285714%;width:calc(100% / 70);height:10px;float:left} .nextButton,.prevButton,.tns-controls button[data-controls=next],.tns-controls button[data-controls=prev]{position:absolute;top:50%;z-index:1000;display:block;width:40px;height:40px;margin-top:-20px;padding:0;border-radius:50%;text-align:center;line-height:40px} .prevButton,.tns-controls button[data-controls=prev]{left:0} .nextButton,.tns-controls button[data-controls=next]{right:0} .tns-nav{margin-bottom:1.5vw;text-align:center} .tns-nav button{width:5px;height:5px;margin:0 10px;padding:0;background:#ddd;border-radius:50%} .tns-nav .tns-nav-active,.tns-nav button:hover{background:#0147B3} @media only screen and (min-width : 1300px) and (max-width : 1400px) {#ban_marcas {width: 1275px;}} @media only screen and (min-width : 1400px) {#ban_marcas {width: 1275px;}} /*Custom*/ #menu0 ul, #menuU ul {display:flex; margin: 0; padding: 10 15px; list-style-type: none; gap: 5px} #menu0 ul li {background-color: #ffffff; border-radius: 8px; cursor: pointer; transition: background-color 0.3s, transform 0.2s;} /*#menu0 li:nth-of-type(2) a { padding-right:0; }*/