/* COMPRAS PARAGUAI 1.0 = Author: Nextt (www.nextt.com.br) = = 1. RESET = 2. ESTRUTURA = 3. TIPOGRAFIA GLOBAL(*) = 4. ELEMENTOS GLOBAIS = 5. SEÇÕES = 6. FORMS = 7. MEDIA QUERIES = = (*) Apenas atributos básicos. Excessões e ajustes-finos estão no item Estrutura. */ /************************ 1. RESET ************************/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* yahoo css reset http://developer.yahoo.com/yui/license.html version: 3.1.1 build: 47 */ html{color:#000;background:#FFF; height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline: none;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* new clearfix http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /************************ 2. ESTRUTURA ************************/ /* * Wrapper (div.wrapper): 980px * Sidebars (section#leftbar e aside): 170px + 20px gutter * Área central (section#content): 600px */ .noshow { display: none; } .page-wrapper {min-height: 100%; position: relative; } .wrapper { width: 980px; margin: 0 auto; } /*a:visited { color: inherit; }*/ /*** HEADER ***/ header { margin-bottom: 15px; background: white url('../img/backgrounds.png') repeat-x left top; min-width: 980px; } /** HEADER-TOP: Logo e menu principal **/ #header-top { height: 120px; position: relative; } #logo { position: absolute; top: 10px; left: 0px; } img#logotipo { position: absolute; top: 18px; padding-left: 10px; } /* MENU: dentro de uma nav com .right */ li.menu-item { position: relative; float: left; width: 157px; margin: 25px 15px;background: url(../img/bg_menu.png) no-repeat left center; } li.menu-item > a { display: block; height: 100%; padding: 10px; } li.menu-item > a:hover { text-decoration: none; } li.menu-item a:visited { color: inherit; } li.menu-item ul { font-size: 11px; color: #444; line-height: 20px; } li.menu-item ul li { padding-bottom: 10px; } li.menu-item h3 { padding: 10px 0 0 35px; color: white; text-shadow: 1px 1px 0 navy; line-height: 20px; } li.menu-item h3 a:visited { color: white; } li.menu-item h6 { color: #bfd7ff; text-shadow: 1px 1px 0 navy; line-height: 10px; } #menu-lojas h3 { background: url('../img/icos_menu.png') no-repeat 0px 0px; } #menu-marcas h3 { background: url('../img/icos_menu.png') no-repeat 0px -107px; } #menu-categorias h3 { background: url('../img/icos_menu.png') no-repeat 0px -219px; } li.menu-item:hover { background: white; border-radius: 5px; box-shadow: 0px 0px 5px #ccc; } li.menu-item:hover div.dropdown-wrapper { display: block; } li.menu-item:hover a h3 { color: #d20c1f; text-shadow: none; } li.menu-item:hover a:hover h3 { text-decoration: none; } li.menu-item:hover a:visited h3 { color: #d20c1f; } li.menu-item:hover h6 { color: #444; text-shadow: none; } li#menu-lojas:hover h3 { background-position: 0 -53px; } li#menu-marcas:hover h3 { background-position: 0 -163px; } li#menu-categorias:hover h3 { background-position: 0 -274px; } .dropdown-wrapper { position: absolute; width: 546px; left: 0; top: 65px; display: none; background: white; border-radius: 5px; box-shadow: 0px 0px 5px #ccc; z-index: 999; } .dropdown-wrapper a:hover { text-decoration: underline;} .dropdown-wrapper a:visited { color: #444; text-decoration: none; } .dropdown-wrapper a.mais:hover { text-decoration: none; } #dropdown-marcas { left: -180px; } #dropdown-categorias { left: -386px; } ul.coluna { float: left; width: 162px; margin: 15px 0 15px 15px; } ul.coluna a { color: #444;} ul.coluna a.a3 { color: #1f3c8b;} ul.coluna .mais:hover {color: #FFF; } /** HEADER-BOTTOM: contém busca, login e lista de desejos. **/ #header-bottom { height: 50px; } /* BUSCA */ /* width: 790 = 170 (sidebar) + 20 (gutter) + 600 (content) */ #busca_top { width: 790px; float: left; position: relative; margin-right: 20px; } #busca_top input { padding: 0 0 0 10px; } .ie7 #busca_top input, .ie8 #busca_top input { line-height: 28px; } .searchform { width: 640px; height: 29px; margin: 8px 0 0 100px; padding-left: 10px; font-size: 16px; } .searchform:focus {box-shadow: 0px 0px 5px #ccc;} button.lupa { width: 50px; height: 37px; position: absolute; top:5px ; right:10px; background: transparent url('../img/lupa.png') no-repeat center center; text-indent: -9999px; padding: 0; margin: 0; border: 0; } button.lupa:hover { background: transparent url('../img/lupa_hover.png') no-repeat center center; cursor: pointer; } /* Login e lista de desejos */ #user { width: 168px; float: left; height: 49px; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; box-shadow: inset 0px 0px 15px #e0e0e0; } #user ul { height: 39px; padding: 5px 0px; } #user ul li { margin-left: 10px; padding-left: 20px; } li.login, li.logged, li.wishlist { background: url('../img/icos_utilidades.png') no-repeat left top; } li.login, li.logged { margin-bottom: 2px; padding-top: 5px; } li.login {background-position: 0 -303px;} li.login:hover { background-position: 0 -328px; } li.logged { background-position: 0 -412px; } li.logged:hover { background-position: 0 -439px; } li.login a:link, li.login a:visited, li.logged a:link, li.logged a:visited { color: #444; } li.wishlist { background-position: 0 -358px; padding-bottom: 2px; } li.wishlist:hover { background-position: 0 -384px; } #user ul:hover { box-shadow: none; -webkit-transition: all 0.5s linear; } /*** MAIN ***/ #main { padding-bottom:240px; } .breadcrumbs { color: #444; margin-bottom: 10px; font-size: 11px; } .breadcrumbs a, .breadcrumbs strong { padding: 0 3px; } .breadcrumbs a, .breadcrumbs a:visited { color: #444; } .breadcrumbs strong { font-weight: normal; color: #999; } /**
sidebar esquerda **/ #leftbar { float:left; width:170px; margin-right: 20px; } #leftnav p { margin: 0 0 12px 0; line-height: 16px; } #leftnav a { color: #444; } #leftnav a:visited {color: #444; } #leftnav a.a3 { color: #1f3c8b; } #leftnav a.a3:visited { color: #1f3c8b;} /**
da parte central **/ #content, .content { float: left; width: 600px; } /* layout 3 colunas */ #content-wide, .content-wide { float: left; width: 780px } /* layout 2 colunas com nav na esquerda */ #content-wider, .content-wider { float: left; width: 800px } /* layout 2 colunas aside na direita */ /* #content-full, .content-full { width: 100%; } layout 1 coluna (full width) */ /*** FOOTER ***/ footer { position:absolute; bottom:0px; width: 100%; min-height: 220px; background: white url('../img/backgrounds.png') repeat-x left -203px; min-width: 980px;} footer h5 { border-bottom: 1px solid white; padding-bottom: 4px; margin-bottom: 8px; } footer a { color: white; } footer a:visited { color: white; } #footer-links ul { float: left; width: 150px; padding: 15px 0;} #footer-links ul li { padding: 2px 0; margin-left: 10px; } #footer-links ul:first-child li {margin-left: 0;} footer .wrapper {width: 600px;} /************************ 3. TIPOGRAFIA GLOBAL ************************/ /* Cores * Texto azul: #1f3c8b; (padrão para links) * Texto vermelho: #d20c1f; * Texto preto: #444; * Texto cinza: #8a8a8a; */ @font-face { font-family: 'Titillium'; src: url('/static/fonts/TitilliumText22L001-webfont.eot'); src: url('/static/fonts/TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/TitilliumText22L001-webfont.woff') format('woff'), url('/static/fonts/TitilliumText22L001-webfont.ttf') format('truetype'), url('/static/fonts/TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium'; src: url('/static/fonts/TitilliumText22L005-webfont.eot'); src: url('/static/fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/TitilliumText22L005-webfont.woff') format('woff'), url('/static/fonts/TitilliumText22L005-webfont.ttf') format('truetype'), url('/static/fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg'); font-weight: bold; font-style: normal; } /*** TIPOGRAFIA SECOES ***/ body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 13px; color: #444; height:100%; } #header-top, footer { color: white; } #leftbar, aside { font-size: 11px; } footer { font-size: 10px; } footer p { padding-bottom: 10px; text-align: center;} /* Text Shadow */ h1, h2, h3, h4, h5, h6, header, #benvindo, #destaque, #melhores-ofertas, #atualize-se, .content-nav, .content-organiza, #painel, .tbl-produtos, #conteudo-compare, #conteudo-opinioes, #conteudo-detalhes, #conteudo-historico, #chart-precos { text-shadow: 1px 1px 0 white; } footer, footer h3, footer h4, footer h5, footer h6 { text-shadow: 1px 1px 0 #640d0d; } /*** TIPOGRAFIA TAGS ***/ h1, h3, h4 { font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-weight: bold; } h2 { font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-weight: normal; color: #d20c1f; } h1 { font-size: 36px; } h2 { font-size: 28px; } h3 { font-size: 16px; text-transform: uppercase; } h4 { font-size: 13px; } h5 { font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 9px; text-transform: uppercase; } h6 { font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 9px; } a { text-decoration: none; color: #1f3c8b; } a:hover { text-decoration: underline; } /*a:visited { color: #1f3c8b; }*/ a:link.link-login { font-size: 9px; text-transform: uppercase; color: #444; } a:link.link-wishlist { font-size: 11px; font-weight: bold; color: #d20c1f; } small { font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 9px; } mark { background: #dee7f7; } /*** TIPGORAFIA CLASSES ***/ .a1, .a2 { font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; } .a1 { font-size: 28px; } .a2 { font-size: 16px; text-transform: uppercase; } .a3 { font-size: 13px; font-weight: bold; } .a4 { font-size: 11px; font-weight: bold; } .a5 { font-size: 11px; } .a6 { font-size: 9px; text-transform: uppercase; } /* Botao normal */ .button { display: block; padding: 10px; color: #6b6b6b; background: #f5f5f5 url('../img/bg_box.gif'); border: 1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset -1px -1px 1px #bebebe; } .button:hover { text-decoration: none; color: #444; border: 1px solid #878787; } .button:active { box-shadow: inset 1px 1px 2px #bebebe; } .button:visited { color: #6b6b6b; } /* Botao medio */ .button-med { border-radius: 8px; text-transform: uppercase; color: #444; font: bold 14px 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top, #f1f1f1 0%, #cecece 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cecece)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1f1f1 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1f1f1 0%,#cecece 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f1 0%,#cecece 100%); /* IE10+ */ background: linear-gradient(top, #f1f1f1 0%,#cecece 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */ } .button-med a { display: block; padding: 13px 13px 10px 13px; border: 1px solid #a0a0a0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: inset 2px 2px 0 #FFF; color: #444; } .button-med a:hover, a.button-med:hover, input.button-med:hover { text-decoration: none; color: #d20c1f; border-color: #444; } .button-med a:active, a.button-med:active, input.button-med:active { box-shadow: inset 2px 2px 3px #a0a0a0; } a.button-med { display: block; padding: 13px 13px 10px 13px; box-shadow: inset 2px 2px 0 #FFF; border: 1px solid #a0a0a0; } .mais { display: inline-block !important; padding: 3px; margin: 0 5px; background: #f5f5f5; color: #444; font-size: 9px; line-height: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mais:hover { background: #CCC; color: white; text-decoration: none; text-shadow:none;} .mais::before { content: '\2002'; } .mais::after { content: '\2002\00bb\2002'; } .vermelho { color: #d20c1f; } .azul { color: #1f3c8b; } .branco { color: white; text-shadow: none; } .preto { color: #444; } a.vermelho:visited { color: #d20c1f; } a.branco:visited { color: white; } a.preto:visited { color: #444; } /************************ 4. ELEMENTOS GLOBAIS ************************/ .left {float: left;} .right {float: right;} .ativo { display: block; } .inativo { display: none; } /* Botões */ .botao, .add-desejo { float: left; color: #444; display: block; background: #f5f5f5; border: 1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset 1px 1px 2px #fff; } .botao { margin: 5px; padding: 6px; } .botao:hover { color: #d20c1f; background: #EEE; text-decoration: none; } .botao:active { box-shadow: inset 1px 1px 3px #CCC; border-color: #b4b4b4; } /* Adicionar à lista de desejos pequeno: */ .add-desejo { padding: 4px 4px 6px 30px; margin: 10px 5px 5px 0; font-size: 11px; background: url('../img/icos_utilidades.png') no-repeat 6px -356px #ebebeb; border-color: #a0a0a0; } .add-desejo:hover { background: #f5f5f5 url('../img/icos_utilidades.png') no-repeat 6px -382px; background-color: #f9f9f9; text-decoration: none; border-color: #cdcdcd; } .add-desejo:active { background: #f5f5f5 url('../img/icos_utilidades.png') no-repeat 6px -382px; border-color: #a0a0a0; } .adicionado-desejo { font-size: 11px; font-weight: bold; padding: 14px 2px 8px 20px; background: url('../img/tick.png') no-repeat left 12px; } /* Adicionar à lista de desejos grande:
US$99,99 até US$ 104,99

*/ /* Estrelas */ .placar-grande { } .placar-grande div { float: left; width: 25px; height: 25px; padding: 0 3px; background: url('../img/estrelas.png') no-repeat left top; } .placar-grande span { float: left; display: block; padding: 6px; font-size: 11px; } .estrela-cheia-grande { } .estrela-meia-grande { background-position: left -42px !important; } .estrela-vazia-grande { background-position: left -87px !important; } .rating-wrapper{ background: url(../js/libs/star-rating/star.gif) 0 0; height: 16px; width: 80px; display: inline-block; } .users-rate{ background: url(../js/libs/star-rating/star.gif) 0 -16px; display: block; height: 16px; text-indent: -1000px; } /* Colunas */ .duas-colunas { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .tres-colunas { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} .quatro-colunas { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;} /* Ícones redes sociais lado-a-lado, em uma linha */ .social-linha {} .social-linha ul { margin: 10px 0; } .social-linha ul li { display: inline; padding: 0 10px 0 0; } /* Abas grandes */ div.abas-grandes { margin-top: 20px; text-shadow: 1px 1px 1px #580a0a; border-bottom: 2px solid #e25050; } .abas-grandes ul { } .abas-grandes li { float: left; margin-right: 3px; text-align: center; } .abas-grandes li a { /*display: block; padding: 10px 20px; background: red url('../img/backgrounds.png') repeat-x left -590px; font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #d85e5e; border-radius: 5px 5px 0 0;*/ } .abas-grandes li a:hover { text-decoration: none; color: white; } .conteudo-aba, .ui-tabs .ui-tabs-panel.conteudo-aba { padding: 20px; border: 1px solid #cdcdcd; border-top: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } /* jQuery UI Tabs 1.8.16 */ .ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background: url('../img/backgrounds.png') repeat-x left -373px; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; display: block; padding: 15px 25px 10px 25px; font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #d85e5e; border-radius: 5px 5px 0 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; color: white; cursor: default; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-position: left -305px; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Comentários */ .comente { margin: 10px 0 30px 0; } .comente .user { float: left; width: 30%; font-size: 11px; padding: 0 0 20px 0; } .comente h2 { padding-bottom: 10px; } .comente + h2 { border-top: 1px dotted #cdcdcd; padding-top: 15px; } .comente .user a { display: block; padding: 5px 0; font-size: 13px; } .comente .user img { } .comente .comentario { float: left; width: 70%; } .comente h3 { } .comente h3, .comente input[type="submit"] { font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; } .comente .comentario-placar { font-size: 11px; margin: 10px 0; } .comente .comentario-placar div { } .comente .comentario-placar span { } .comente form { border: 0; width: 100%; } .comente textarea { width: 95%; margin: 10px 0; padding: 1em; border: 1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .comente input[type="submit"] { float: right; padding: 13px 10px 10px 10px; background: url('../img/backgrounds.png') repeat-x left top; color: white; box-shadow: none; border: 0; text-shadow: 1px 1px 1px #193587; } .comente form p { font-size: 11px; float: right; padding: 10px; } .comentario-erro { width: 370px; color: red; background: #FFDEDE; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #FFA6A6; } .comentario-acerto { width: 370px; color: green; background: #EEFFE6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #88CA67; } .horario_acao { color:#777; font-size:10px; } /* Notificações e quadros */ .notifica { margin: 10px auto 15px auto; padding: 15px; color: #938e71; background: #fefdf1; text-align: center; background: #fefdf2; /* Old browsers */ background: -moz-linear-gradient(top, #fefdf2 2%, #fcf7d3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fefdf2), color-stop(100%,#fcf7d3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefdf2 2%,#fcf7d3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefdf2 2%,#fcf7d3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefdf2 2%,#fcf7d3 100%); /* IE10+ */ background: linear-gradient(top, #fefdf2 2%,#fcf7d3 100%); /* W3C */ border: 1px solid #e3ddbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .notifica strong { font-weight: bold; } .notifica a { color: #938e71; } .notifica-erro, .notifica-acerto { padding: 8px 35px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .notifica-erro { border: 1px solid #EED3D7; background-color: #F2DEDE; color: #B94A48; } .notifica-acerto { border: 1px solid #D6E9C6; background-color: #DFF0D8; color: #468847; } .fecha-notifica { float: right; cursor: pointer; } .balao { color: #7a7a7a; border: 1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 4px #cacaca; margin: 30px auto; padding: 15px; line-height: 20px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } .balao p { padding-bottom: 11px; } .balao strong { font-weight: bold; } .balao.institucional p { padding-left: 90px; background: url('../img/logo_simbolo_peq.png') no-repeat 10px top; min-height: 90px; } .balao.categorias-relacionadas h3 { text-transform: none; } .balao.categorias-relacionadas p { font-size: 13px; } .balao.categorias-relacionadas p#principais-relacionadas { font-size: 15px; line-height: 21px; } .balao.categorias-relacionadas a { color: #06C;} #mais-categorias { padding: 10px 0; position: relative; } #mais-categorias #lista-relacionadas { display: none; } #mais-categorias > p { display: inline-block; left: 50%; margin-left: -30px; position: absolute !important; bottom: -30px; } #mais-categorias > p:hover { cursor: pointer; } /*#mais-categorias:hover #lista-relacionadas { display: block; }*/ .quadro { margin: 0 auto; padding: 20px; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 5px #ccc; } .quadro strong { font-weight: bold; } /* Paginação */ .pagination { margin: 40px auto; text-align: center; font-size: 11px; } .pagination a, .pagination span { padding: 7px; margin: 2px; color: #444; background: #dedede; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pagination a:hover { color: white; text-decoration: none; background: #CCC; text-shadow: none; } .pagination .current { font-weight: bold; background: none; border: 1px solid #bebebe; cursor: default; } .pagination .span, .pagination .disabled { cursor: default; } .pagination .span a { cursor: pointer; } .pagination .disabled { background: #EEE; color: #AAA } /* Botões inline */ span.editar a { background: url('../img/icos_utilidades.png') no-repeat center -753px; display: inline-block; width:17px; height:19px;} a.ver { background: url('../img/icos_utilidades.png') no-repeat left -612px; padding: 2px 17px; margin: 0 3px 0 0; } a.excluir { background: url('../img/icos_utilidades.png') no-repeat left -676px; padding: 2px 18px; margin: 0 3px 0 0; height: 16px; display: inline-block;} /* =Tabelas */ table .group { font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-weight: bold; font-size: 14px; border-bottom: 3px solid #cdcdcd; text-transform: uppercase; background: white; } .thead-minimo { text-transform: uppercase; font-size: 9px; } .thead-minimo tr { border-bottom: 2px solid #CDCDCD; text-shadow: 1px 1px 0 white; } .thead-minimo th { padding: 10px 0; } .datatable_td_destaque { font-weight: bold; } /* =Opinioes */ .tbl-opinioes { width: 100%; } .tbl-opinioes tr { border-bottom: 1px solid #cdcdcd; } .tbl-opinioes-user, .tbl-opinioes-onde { font-size: 11px; padding: 20px 0; vertical-align: top; } .tbl-opinioes-user { width: 30%; } .tbl-opinioes-onde { width: 35%; } .tbl-opinioes-user a { display: block; padding-top: 2px; font-size: 13px; } .tbl-opinioes-onde strong { font-weight: bold; font-size: 13px; display: block; margin-top: 10px; } .tbl-opinioes-onde h3 { text-transform: none; margin-top: 20px; } .tbl-opinioes-onde a { font-size: 13px; display: block; } .tbl-opinioes-onde a.ver { margin: 20px 0 3px 0; font-weight: bold; color: #1f3c8b; } .tbl-opinioes-onde a.excluir { margin-bottom: 20px; } .tbl-opinioes-comentario { vertical-align: top; } #opinioes-placar { margin: 20px 0; } .tbl-opinioes-comentario p { line-height: 22px; position: relative; margin: 20px 0; } .tbl-opinioes-comentario p::before, .tbl-opinioes-comentario p::after { font-family: Georgia, Times, sans-serif; font-size: 120px; font-weight: bold; color: #eaeaea; position: absolute; z-index: -999; } .tbl-opinioes-comentario p::before { content: '\201C'; top: 30px; left: -30px; } .tbl-opinioes-comentario p::after { content: '\201D'; bottom: -30px; right: 0; } /************************ 5. SEÇÕES ************************/ /* -------- HOME -------- */ #benvindo { text-align: center; } /* Produtos em destaque */ #destaque { position: relative; background: url('../img/backgrounds.png') repeat-x 0 -648px; border: 1px solid #e0e0e0; border-radius: 8px 8px 0 0; } #destaque .seta { position: absolute; top: 192px;} #destaque .seta.esq { left: 1px; } #destaque .seta.dir { right: 1px; } ul.destaque-abas { width: 100%; height: 42px; background: #d20c1f url('../img/backgrounds.png') repeat-x left -532px; border-radius: 8px 8px 0 0; } ul.destaque-abas li { display: inline-block; float: left; width: 120px; height: 100%; font-size: 11px; color: white; text-align: center; } ul.destaque-abas li:first-child { margin-left: 55px; } /*fix para centralizar as abas */ ul.destaque-abas li:hover,ul.destaque-abas li.selecionado { background: #d20c1f url('../img/backgrounds.png') repeat-x 0 -589px; } ul.destaque-abas li a { display: block; color: white; text-shadow: 1px 1px 0 #8C0000; width: 100%; height: 28px; padding-top: 13px; } ul.destaque-abas li a:hover { text-decoration: none; } ul.destaque-abas li a:visited { color: white; } .destaque-content_container { position: relative;overflow: hidden; height: 290px; margin: 0 auto 20px auto; width: 90%; padding: 10px; background: white; border-radius: 0 0 8px 8px; box-shadow: 0 0 5px #605f5f; } .destaque-content_container > div { width: 100%;height: 100%;position: absolute;} .destaque-content_container > div > div { width: 100%; height: 100%; position: relative; } .destaque-content { width: 560px; height: 100%; position: absolute; display: none; } .destaque-content ul li { float: left; width: 114px; margin: 10px 10px; } .destaque-content ul li a { display: block; } .destaque-content ul li a:hover { text-decoration: none; } .destaque-content ul li a:hover span:hover { text-decoration: underline; } /* Ofertas */ #ofertas h2 { margin-bottom: 5px; } dl { width: 100%;} dd:last-child { margin-bottom: 10px; } dt { width: 120px; height: 70px; float: left; position: relative; margin: 10px -25px 0 10px ; /*margin: 10px -40px 0 10px; padding: 10px;*/ background: url('../img/ofertas.png') no-repeat left center; color: #d2e2fd; font-size: 9px; text-transform: uppercase; cursor: default; text-shadow: none; } dt p { margin:18px 0 0 10px; } dd { width: 480px; height: 70px; float: right; margin: 10px 10px 0 0; background: white; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px #a8a8a8; } dd:hover { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } #melhores-ofertas { background: whiteSmoke url('../img/bg_box.gif');border: 1px solid #ebebeb; } #melhores-ofertas .container { height: 820px; width: 100%; padding:0px;} #melhores-ofertas .pagination { margin: 10px auto; padding-bottom: 15px; } #melhores-ofertas .pagination a, #melhores-ofertas .pagination span { background: white; box-shadow: 0px 0px 5px #a8a8a8; } #melhores-ofertas .pagination a:hover { color: #444; background: none; } #melhores-ofertas .pagination .current { border: 1px solid #cdcdcd; background: none; } .ofertas-porcen { font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 26px; color: white;} .ofertas-produto { float: left; width: 300px; margin: 17px 0 0 25px; font-size: 13px; font-weight: bold; display: block;overflow: hidden; height: 35px; } .ofertas-precos { float: right; width: 120px; margin: 11px 10px 0 0; } .ofertas-preco-antigo { padding-bottom: 5px; } .riscado { text-decoration: line-through; text-shadow: none; } .riscado::before { content: 'de '; } .riscado::after { } .ofertas-preco-novo { font-family: 'Titillium', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-weight: bold; font-size: 18px; line-height: 18px; color: #1f3c8b; } .ofertas-loja { font-weight: bold; color: #999; width: 100%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ofertas-loja::before { content: 'na '; } /**