/* css reset */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* scroll > Firefox, Chrome, Safari and Opera */
html { overflow-y: scroll; }
.clear{ clear: both; }
a:hover{ text-decoration: underline!important; }
html{ background-color: #F0F0F0; }
body{ font: 13px Trebuchet MS; color: #333333; background-color: #fff; }
#container,
.container{ width: 980px; margin: 0 auto; }
#header{ background: url(../img/bg_header.jpg) repeat-x top center; font-size: 12px; clear: both; }
#header .container{ position: relative; height: 100px; }
h1{ width: 396px; height: 61px; padding: 10px 0; overflow: hidden; }
.bem-vindo{ color: #333333; position: absolute; top: 75px; left: 105px; font-size: 10px; }
.bem-vindo a{ color: #333333; }
.nav-extra{ position: absolute; top: 0; right: 0; background: url(../img/bg_nav-extra.jpg) no-repeat top center; width: 430px; height: 22px; text-align: center; font-size: 1px; padding-top: 4px; color: #EDEDED; }
.nav-extra li{ display: inline; padding: 0 5px; font-size: 11px; }
.nav-extra a{ color: #EDEDED; text-decoration: none; }
.cadastro-pedidos{ position: absolute; top: 72px; right: 160px; font-size: 1px; }
.cadastro-pedidos li{ display: inline; padding: 0 5px; font-size: 12px; color: #333333; }
.cadastro-pedidos li a{ color: #333333; text-decoration: none; }
.carrinho{ background: url(../img/bg_carrinho.png) no-repeat top left; width: 68px; padding-left: 47px; position: absolute; top: 28px; right: 10px; font-size: 11px; height: 47px; padding-top: 15px; }
.carrinho a{ text-decoration: none; color: #333333; line-height: 12px; display: block; padding: 5px 0; }
#breadcrumbs{ clear: both; background-color: #f3f3f3; }
#breadcrumbs .container{ height: 38px; line-height: 38px; color: #333333; font-size: 14px; }
#breadcrumbs ul li{ float: left; font-weight: bold; padding-right: 10px; }
#breadcrumbs ul li a{ color: #333333; text-decoration: none; font-weight: normal; padding-right: 15px; background: url(../img/bg_arrow.gif) no-repeat center right; }
.search{ clear: both; background: #008FCB; }
.search .container{ height: 50px; font-size: 14px; font-weight: bold; color: #FFFFFF; }
.search fieldset{ padding-top: 10px; padding-left: 15px; width:640px; }
.search label{ float: left; margin-right: 15px; padding-top: 2px; }
.search input,
.search select{ padding: 4px; border: none; background-color: #fff; font: 12px Arial; color: #666666; vertical-align: middle; }
.search select{ padding: 3px; }
.search .text{ width: 320px; height:23px; float: left; margin-right: 15px; }
.search .select{ width: 120px; height:31px; float: left; margin-right: 15px; }
.search .submit{ padding: 0; border: none; float: left; margin-top: 1px; }
#container{ padding-top: 15px; clear: both; padding-bottom: 50px; }
#featured{ width: 100%; }
#featured .container{ width: 100%; position: relative; }
#featured .player{ width: 100%; height: 280px; overflow: hidden; }
#featured .player ul{ position: relative; height: 280px; width: 100%; overflow: hidden; }
#featured .player ul li{ float: left; width: 100%; height: 280px; position: relative; }
#featured .player ul li a{ display: block; color: #ffffff; font-size: 12px; width: 100%; text-align: center; }
#featured .player ul li .html{ display: block; width: 191px; position: absolute; bottom: 0; left: 20px; background: url(../img/bg_player_html.png) no-repeat top left; width: 151px; padding: 20px; line-height: 25px; }
#featured .player ul li .html strong{ font-size: 15px; line-height: 20px; }
#featured .player ul li .html em{ font-size: 23px; line-height: 32px; color: #ffcc00; font-style: normal; }
#featured .player ul li .html .bt{ margin-top: 5px; color: #334247; display: block; width: 102px; height: 31px; line-height: 31px; background: url(../img/bg_player_bt.png) no-repeat center center; font-weight: bold; text-align: center; }
#featured .player_controle{ position: absolute; bottom: -13px; left: 50%; }
#featured .player_controle .crop{ background: url(../img/bg_player_controle_right.png) no-repeat top right; padding-right: 10px; float: left; display: none; }
#featured .player_controle ul{ background: url(../img/bg_player_controle_left.png) no-repeat top left; padding-left: 10px; float: left; margin-left: -15px; }
#featured .player_controle ul li{ height: 23px; float: left; background-color: #ffffff; }
#featured .player_controle ul li span{ display: block; width: 17px; height: 23px; text-indent: -2000px; overflow: hidden; cursor: pointer; background: url(../img/bg_player_controle_off.png) no-repeat center center; }
#featured .player_controle ul li span.on{ background: url(../img/bg_player_controle_on.png) no-repeat center center; }
#sidebar{ width: 190px; float: left; }
.box-side h2{ background: url(../img/bg_h2.jpg) repeat-x top left; height: 30px; line-height: 30px; color: #fff; font-size: 12px; padding-left: 10px; }
.box-side ul{ border: 5px solid #E3E3E3; padding: 5px 5px 5px 12px; margin-bottom: 15px;}
.box-side ul li{ font-size: 12px; }
.box-side ul li a{ color: #333333; text-decoration: none; }
.box-side ul li strong{ display: block; padding: 3px 0; }
.box-side ul li.on{ color: #076AC0; }
.box-side ul li.on a{ color: #076AC0; text-decoration: underline; }
.box-side_letras li{ padding: 3px; text-align: center; display:inline;}
.box-side_marcas li{ border-bottom: 1px solid #CCCCCC; padding: 5px; text-align: center; }
.box-side_marcas .last{ border: none; text-align: left; padding: 5px 0; }
.box-side_maisvendidos{ }
.box-side_maisvendidos li{ border-bottom: 1px solid #CCCCCC; padding: 5px 10px; position: relative; }
.box-side_maisvendidos li a{ display: block; position: relative; text-decoration: none; color: #333333; }
.box-side_maisvendidos li .num{ font-size: 14px; color: #066ABF; position: absolute; top: 8px; left: -5px; }
.box-side_maisvendidos li .img{ float: left; margin-right: 8px; margin-top: 5px; }
.box-side_maisvendidos li .txt{ font-size: 12px; color: #333333; }
.box-side_maisvendidos li .buy{ clear: both; color: #FF4000; display: block; }
.box-side_maisvendidos .last{ border: none; text-align: left; padding: 5px 0; clear: both; }
.box-side_maisvendidos .last a{ color: #666666; }
.box-side_maisvendidos{ }
.box-side_maisvendidos li{ border-bottom: 1px solid #CCCCCC; padding: 5px 10px; position: relative; }
.box-side_maisvendidos li a{ display: block; position: relative; text-decoration: none; color: #333333; }
.box-side_maisvendidos li .num{ font-size: 14px; color: #066ABF; position: absolute; top: 8px; left: -5px; }
.box-side_maisvendidos li .img{ float: left; margin-right: 8px; margin-top: 5px; }
.box-side_maisvendidos li .txt{ font-size: 12px; color: #333333; }
.box-side_maisvendidos li .buy{ clear: both; color: #FF4000; display: block; }
.box-side_maisvendidos .last{ border: none; text-align: left; padding: 5px 0; clear: both; }
.box-side_maisvendidos .last a{ color: #666666; }
.box-side_newsletter li{ padding-bottom: 5px; }
.box-side_newsletter{ padding-left: 5px!important; }
.box-side_newsletter input{ padding: 3px; border: 1px solid #999999; background-color: #fff; font: 12px Arial; color: #666666; vertical-align: middle; width: 162px; }
.box-side_newsletter .last{ text-align: right; padding-bottom: 0; }
.box-side_newsletter .last input{ width: auto; padding: 0; border: none; }
#content-sidebar{ width: 775px; float: right; }
h3{ background: url(../img/bg_h3.jpg) repeat-x top left; height: 30px; line-height: 28px; color: #fff; font-size: 14px; padding-left: 10px; }
.cnt{ padding: 20px 15px; }
.cnt h4{ padding-bottom: 5px; font-size: 14px; font-weight: bold; }
.cnt p{ padding-bottom: 15px; }
.cnt p a{ color: #666666; text-decoration: underline; }
h3 small{ font-size: 14px; }
h3 strong{ font-size: 16px; }
.cnt-products .line{ background: url(../img/bg_dot_x.jpg) repeat-x center left; height: 31px; padding-top: 10px; clear: both; }
.cnt-products .iten{ float: left; text-align: center; font-size: 12px; width: 220px; padding: 0 18px; line-height: 16px; }
.cnt-products .iten1{ float: left; text-align: center; font-size: 12px; width: 150px; padding: 0 18px; line-height: 16px; }
.cnt-products .iten a,.cnt-products .iten1 a{ color: #666666; text-decoration: none; }
.cnt-products .iten a img,.cnt-products .iten1 a img{ display: block; margin: 0 auto; border: 0px solid #CCCCCC; margin-bottom: 8px; }
.cnt-products .iten em,.cnt-products .iten1 em{ color: #333333; font-style: normal; font-weight: normal; }
.cnt-products .iten span,.cnt-products .iten1 span{ color: #FF4000; }
.cnt-products .iten span strong,.cnt-products .iten1 span strong{ font-size:24px; padding-top:8px; padding-bottom:8px; }
.cnt-list{ padding: 0; }
/* homepage */
.home .cnt-products{ width: 600px; float: left; }
.home .cnt-products .iten{ padding: 0 16px; }
.cnt-side{ width: 160px; float: right; }
.cnt-side .banner{ margin-bottom: 15px; }
#promo{ width: 100%; position: relative; }
#promo .player{ height: 210px; overflow: hidden; position: relative; width: 100%; }
#promo .jcarousel-container-vertical { width: 100%; height: 210px; }
#promo .jcarousel-clip-vertical { width: 100%; height: 210px; }
#promo .jcarousel-item { width: 100%; height: 210px;}
#promo .player_controle{ position: absolute; top: 50%; right: 0; width: 39px; }
#promo .player_controle .crop{ display: none; }
#promo .player_controle ul{ }
#promo .player_controle ul li{ height: 24px; }
#promo .player_controle ul li span{ display: block; width: 39px; height: 21px; cursor: pointer; background: url(../img/bg_banner_controle_off.png) no-repeat center center; text-align: center; font-size: 14px; color: #ffffff; line-height: 21px; }
#promo .player_controle ul li span.on{ background: url(../img/bg_banner_controle_on.png) no-repeat center center; }
#promo .item{ position: relative; border: 2px solid #E0E0E0; height: 206px; width: 771px; background: url(../img/bg_banner.png) repeat-x top left; }
#promo .item a{ display: block; width: 100%; height: 100%; text-decoration: none!important; }
#promo .item a .img{ position: absolute; left: 0; top: 5px; width: 240px; text-align: center; }
#promo .item a .txt{ position: absolute; top: 15px; left: 260px; }
#promo .item a .txt .one{ font-size: 11px; color: #666666; text-transform: uppercase; }
#promo .item a .txt .two{ font-size: 24px; color: #333333; font-weight: bold; }
#promo .item a .txt .three{ font-size: 18px; color: #333333; font-weight: bold; }
#promo .item a .txt .four{ font-size: 15px; color: #666666; }
#promo .item a .txt .five{ font-size: 12px; color: #666666; }
#promo .item a .buy{ position: absolute; bottom: 30px; right: 70px; }
#promo .item a .buy .one{ letter-spacing: -0.1em; float: right; background: url(../img/bg_banner_discount.png) no-repeat top left; width: 61px; height: 61px; display: block; text-align: center; color: #ffffff; font-size: 14px; }
#promo .item a .buy .one b{ display: block; font-size: 30px; margin-bottom: -8px; padding-top: 5px; }
#promo .item a .buy .two{ font-size: 14px; color: #999999; float: right; clear: both; }
#promo .item a .buy .two strong{ font-size: 30px; color: #066ABF; }
.results{ line-height: 21px; font-size: 12px; clear: both; text-align: center; color: #333333 }
.results .ordering{ font-size: 11px; padding: 0 10px; margin-bottom: 10px; height: 30px; line-height: 30px; text-align: right; background: url(../img/bg_results-ordering.jpg) repeat-x top left; }
.results .ordering select{ min-width: 160px; color: #666666; font: 11px 'Trebuchet MS'; border: 1px solid #9a9a9a; height: 19px; line-height: 19px; margin-left: 10px; }
.results span{ }
.results dl{ position: relative; font-size: 1px; padding-top: 15px; }
.results dt,
.results dd{ display: inline; padding: 0 1px; font-size: 12px; font-weight: bold;}
.results dd a{ text-decoration: none; padding: 0 5px; color: #333333; }
.results dd a:hover{ text-decoration: underline; }
.results dd.on a{ background: #076AC0; color: #fff; }
.results dl .prev,
.results dl .next{ padding: 0; }
.results dl .prev a,
.results dl .next a{ background: url(../img/pag_lft.jpg) no-repeat center center; color: #076AC0 }
.results dl .next a{ background-image: url(../img/pag_rgt.jpg); }
.product-preview{ padding: 0 15px; color: #666666; }
.product-preview .galeria{ float: left; text-align: center; font-size: 11px; }
.product-preview .galeria img{ padding: 4px; border: 1px solid #ccc; margin-bottom: 5px; vertical-align: middle; background-color: #fff; padding-right: 5px; }
.product-preview .informacoes{ float: left; width: 550px; font-size: 12px; padding-left: 30px; }
.product-preview .informacoes h4{ color: #333333; font-size: 20px; }
.product-preview .informacoes .fabricante-codigo{ padding-left: 0; padding-right: 0; }
.cnt-product{ color: #333333; padding: 0; }
.cnt-product h4{font-size: 24px; padding: 5px 0; }
.cnt-product .galeria{ float: left; text-align: center; font-size: 11px; width: 250px; }
.galeria .full{ padding: 4px; border: 1px solid #ccc; margin-bottom: 5px; }
.galeria a{ }
.galeria a img{ /*vertical-align: middle; background-color: #fff; padding-right: 5px;*/ }
.thumbs{ position: relative; margin-top: 10px; }
.thumbs .crop{ width: 228px; height: 61px; overflow: hidden; margin: 0 auto; }
.thumbs ul{ position: relative; }
.thumbs ul li{ float: left; width: 76px; text-align: center; }
.thumbs ul li img{ border: 1px solid #cccccc; }
.thumbs .prev,
.thumbs .next{ position: absolute; top: 20px; width: 7px; display: block; height: 15px; cursor: pointer; }
.thumbs .prev{ background: url(../img/galeria_thumb_prev.png) no-repeat top left; left: 0; }
.thumbs .next{ background: url(../img/galeria_thumb_next.png) no-repeat top left; right: 0; }
.cnt-product .informacoes{ float: right; width: 490px; }
.cnt-product .informacoes2{ float: left; width: 100%; }
.informacoes .comprar{ border: 1px solid #E3E3E3; padding: 20px 10px; background-color: #F0F0F0; margin-bottom: 15px; margin-top: 50px; position: relative; }
.informacoes .comprar p{ padding-bottom: 0; }
.informacoes .comprar .de{ font-size: 12px; }
.informacoes .comprar .por{ font-size: 22px; color: #066ABF; }
.informacoes .comprar a{ position: absolute; top: 50%; margin-top: -16px; right: 10px; background: url(../img/bt_comprar-big.png) no-repeat center center; width: 119px; color: #fff; height: 32px; line-height: 32px; text-align: center; color: #fff; text-decoration: none!important; font-size: 18px; padding-left: 20px; }
.informacoes .comprar a.ebook{ position: absolute; top: 50%; margin-top: -16px; right: 10px; background: url(../img/bt_comprar-big-ebook.png) no-repeat center center; width: 119px; color: #fff; height: 32px; line-height: 32px; text-align: center; color: #fff; text-decoration: none!important; font-size: 18px; padding-left: 20px; }
.informacoes .comprar .indisponivel{ font-weight: bold; font-size: 18px; color: #666666; }
.informacoes .estoque{ color: #333333; }
.acoes-sociais p{ float: left; padding-top: 3px; }
.acoes-sociais p a{ margin-right: 10px; color: #333333; }
.acoes-sociais p a img{ vertical-align: middle; background-color: #fff; padding-right: 5px; }
.acoes-sociais .facebook,
.acoes-sociais .twitter{ float: right; margin-left: 10px; }
.cnt-product .inf-ext{ background: url(../img/bg_content.jpg) repeat-x top left; padding: 25px 10px; }
.cnt-product h5{ color: #333333; }
.cnt-product h5 a{ color: #076AC0; }
.inf-ext a{ color: #076AC0; }
.inf-ext_aproveite-tambem{ font-size: 12px; }
.inf-ext_aproveite-tambem .img{ float: left; padding-right: 30px; font-size: 24px; font-weight: bold; color: #B3A792 }
.inf-ext_aproveite-tambem .txt{ float: left; width: 325px; }
.inf-ext_aproveite-tambem img{ vertical-align: middle; border: 1px solid #ccc; }
.inf-ext_aproveite-tambem p { padding-bottom: 5px; color: #333333; }
.inf-ext_aproveite-tambem em{ font-style: normal; font-weight: normal; color: #066ABF; }
.inf-ext_aproveite-tambem .comprar-dois{ display: block; float: right; margin-top: 35px; background: url(../img/bt_comprar-big.jpg) no-repeat center center; width: 119px; color: #fff; height: 32px; line-height: 14px; text-align: center; color: #fff; text-decoration: none!important; font-size: 12px; padding-left: 20px; }
.inf-ext_aproveite-tambem .comprar-dois strong{ display: block; font-size: 16px; padding-top: 3px; }
.inf-ext ul{ border-top: 0px solid #CCCCCC; margin-top: 0px; }
.inf-ext ul li{ border-bottom: 0px solid #CCCCCC; padding: 2px 0; width:570px; float:left }
.inf-ext ul li.logo{ float:right; width:130px; }
.inf-ext .iten{ width: 150px; }
.inf-ext_comentarios{ border: 0!important; }
.inf-ext_comentarios fieldset{ background: none!important; padding-top: 0!important; }
.inf-ext_comentarios th{ width: 150px!important; }
.inf-ext_comentarios ul{ border-top: 0; margin-top: 0; margin-bottom: 10px; }
.inf-ext_comentarios .mais{ text-align: right; padding: 0 15px 0 0; background: url(../img/pag_dwn.png) no-repeat center right; }
h5{ font-size: 16px; color: #cccccc; background: url(../img/bg_dot_x.jpg) repeat-x bottom left; border-bottom: 1px solid #fff; clear: both; padding-bottom: 5px; }
#footer{ clear: both; background: #F0F0F0; padding: 30px 10px; font-size: 11px; color: #333333; }
#footer dl{ float: left; margin-right: 50px; }
#footer .last{ margin-right: 0; }
#footer .informacoes{ width: 130px; padding-left: 15px; }
#footer dt{ font-weight: bold; padding-bottom: 5px; }
#footer dd{ }
#footer dd img{ display: block; }
#footer dd a{ color: #333333; text-decoration: none; }
#footer p.copy{ padding-top:10px; text-align:center; width:980px; }