/*============================================================================================================================================================ Stylesheet - v1.0 [ static.css ] Autor: Ronaldo Bitencourt[ WEB STANDARDS ] Contato: ronaldo@agenciahive.com.br Website: http://www.agenciahive.com.br/ Criado em : 13:03 27/10/2008 Última Atualização: 16:45 4/11/2008 ==============================================================================================================================================================*/ * { margin:0; padding:0; text-indent:0; } body { background:#E7E7E7 url(../img/bg.png) repeat-x; } body, input, textarea, select, address { font:11px Arial, Helvetica, Verdana, sans-serif; text-decoration:none; font-style:normal; } img, fieldset { border:none; } ul, li { list-style:none; } legend { text-indent:0; color:#000; } a, a:link, a:visited, a:active { color: #000; text-decoration:none; } a:hover { color: #000; text-decoration:underline; } /* CLASSES GERAIS */ div.clear { clear:both; } .paginacao { clear:both; text-align:right; padding:20px 40px 0 0; color:#f58220; } .paginacao a { color:#f58220; padding:0 2px; } .paginacao a:hover, a.paginaSel { color:#008da9; } .paginacao a.paginaSel { font-weight:bold; } .bts-acess { clear:both; text-align:right; color:#f58220; background:#f1f1f1; padding-right:5px; margin:10px 0; } .bts-acess a { color:#f58220; font-size:10px; } .mod-paginas { text-align:justify; } .mod-paginas img.img-sgc { float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #CCC; } .h-aux { font-size:12px; color:#008da9; border-bottom:1px solid #008da9; padding-bottom:3px; margin:20px 0 10px 0 } /* FORMS */ .campos { border:1px solid #DDD; background:#f1f1f1; color:#666; font-size:11px; padding:3px; margin:3px 0 10px 0; } .campo-requerido { border:1px solid #DDD; background:#CCC; color:#666; font-size:11px; padding:3px; margin:3px 0 10px 0; } .bt-resultado { background:url(../img/bt-resultado.png) no-repeat; border:0; color:#FFF; width:76px; height:22px; margin-top:10px; cursor:pointer; } .bt-votar { background:url(../img/bt-votar.png) no-repeat; border:0; color:#FFF; width:57px; height:22px; margin-top:10px; cursor:pointer; } .forms-internos { padding:0 20px; } /* BREADCRUMB */ div#breadcrumb, .h-interno { border-bottom:1px solid #f58220; padding:0 10px 5px 10px; color:#f58220; margin-bottom:20px; } div#breadcrumb h2 { font-size:11px; } div#breadcrumb a { color:#f58220; } div#breadcrumb a:hover { font-weight:bold; } div#breadcrumb a.bc-01 { font-size:1.3em; font-weight:bold; } /* HOME */ a#bt-index-floating { display:block; width:50px; height:15px; position:absolute; top:10px; left:50%; margin-left:350px; z-index:101; } div#promocao-mes { width:409px; height:245px; float:left; overflow:hidden; } div#promocao-mes h3 { height:70px; background:url(../img/h-promocao-mes.png) no-repeat; text-indent:-5000px; } div#promocao-mes div#promocoes { height:174px; border:1px solid #fbb922; border-width:0 1px 1px 1px; } div#promocao-mes div#nav-promo { clear:both; height:22px; background:url(../img/bg-bts-promo.png) no-repeat; } div#promocao-mes div#nav-promo p { display:block; width:30px; height:22px; text-indent:-5000px; cursor:pointer; } div#promocao-mes div#nav-promo p#prev-promo { float:left; } div#promocao-mes div#nav-promo p#next-promo { float:right; } div#banner-home { width:307px; height:226px; overflow:hidden; float:right; padding-top:19px; } /* BOX DE PRODUTOS */ div#promocao-mes div.img-produto { width:172px; padding-left:23px; float:left; border-right:1px solid #e3e3e3; } div#promocao-mes div.img-produto div.img { width:150px; height:138px; overflow:hidden; } div#promocao-mes a.ver-detalhes { padding-left:55px; line-height:10px; background:url(../img/ico-folha-color.png) 30px 2px no-repeat; color:#0787b8; font-size:10px; } div#promocao-mes a.ver-detalhes:hover { text-decoration:underline; } div#promocao-mes div.info-produto { width:171px; padding:5px 20px; float:left; } div#promocao-mes a.bt-adicionar-lista { margin-left:20px } div.info-produto h4 { border:1px solid #e1e1e1; border-width:1px 0; background:#ececec; padding:2px 0; font-size:12px; text-align:center; } div.info-produto a:hover { text-decoration:underline; } div.info-produto .marca-cod { background:#f1f1f1; padding:3px 0; text-align:center; } div.info-produto .marca-cod span { font-weight:bold; color:#959595; } div.info-produto .preco { color:#9e0b0f; text-align:center; } div.info-produto .preco span { font-weight:bold; font-size:12px; color:#c71514; } a.bt-adicionar-lista { display:block; width:134px; height:21px; background:url(../img/bt-adicionar-lista.png) no-repeat; text-indent:-5000px; margin-top:10px; } div.box-produto { width:140px; padding:0 20px; height:278px; background:url(../img/bg-box-produto.png) no-repeat; float:left; } div.box-produto div.img { width:140px; height:153px; overflow:hidden; padding-top:10px; } div.box-produto div.img img { width:140px; } div.img-produto div.img div.frag-promocao { position:absolute; z-index:1; width:141px; height:16px; text-indent:-5000px; background:url(../img/bg-promocao.png) no-repeat; margin:138px 0 0 0; } div.box-produto div.info-produto { height:115px; overflow:hidden; } div.box-produto a.bt-adicionar-lista { margin-left:3px; } div#content-sec { clear:both; padding-top:20px; } div#destaques { width:545px; float:left; } div#destaques h3 { height:28px; background:url(../img/h-destaques.png) no-repeat; text-indent:-5000px; } div#destaques div#lista-home-produtos { border:1px solid #b7b7b7; border-top:none; overflow:auto; } div#right-side-bar { width:170px; padding-left:15px; float:left; } a.aparece-botao-personalize { display:block; margin-left:10px; width:125px; height:30px; background:url(../img/bt-personalizar-escolhida.png) no-repeat; } a.aparece-botao-personalize span { display:none; } /* DESTAQUE HOME */ div#destaque-home { height:285px; padding-top:110px; background:url(../img/bg-gramado.jpg) 0 99px no-repeat; } div#flash-times { width:637px; height:279px; float:left; } div#top-10 { width:321px; height:228px; padding-top:44px; float:right; background:url(../img/bg-top-10.png) 0 3px no-repeat; } div#top-10 a { display:block; width:288px; padding:0 10px; margin-left:1px; line-height:22px; color:#c71514; } div#top-10 a:hover { text-decoration:none; color:#000; } div#top-10 .produto-left { width:198px; float:left; font-weight:bold; cursor:pointer; } div#top-10 .preco-right { width:75px; padding-left:15px; float:right; text-align:right; cursor:pointer; } div#top-10 .destaque { background:url(../img/ico-estrela.png) 0 5px no-repeat; } /* ESTRUTURA */ div#container { width:970px; background:#FFF; border:1px solid #cacaca; border-width:0 1px; margin:auto; overflow:auto; } div#side-bar { width:213px; float:left; padding-right:10px; } div#content { width:732px; padding-right:15px; float:right; } div#footer { clear:both; height:63px; padding:35px 20px 0 20px; background:url(../img/bg-footer.png) 0 29px repeat-x; font-size:9px; } /* FOOTER */ div#footer h6 { text-indent:-5000px; width:78px; height:18px; background:url(../img/f-pieri-sport.png) no-repeat; } div#footer p.direitos { color:#999; } div#footer a#hive { position:absolute; display:block; width:23px; height:20px; margin:-30px 0 0 900px; text-indent:-5000px; background:url(../img/hive.png) no-repeat; } /* HEADER */ div.header { height:100px; width:943px; padding:11px 0 0 27px; background:url(../img/header.png) no-repeat; } /* se for a home do site ele mostra o id #header-home */ div#header-home { position:absolute; } div.header h1 a { display:block; width:180px; height:90px; float:left; } div.header h1 a span { display:none; } div.header ul { float:left; width:713px; padding:63px 0 0 47px; } div.header li { display:inline; } div.header li a { display:block; float:left; height:15px; } div.header li a span { display:none; } div.header li a#nav-camisas-personalizadas { width:150px; } div.header li a#nav-empresa { width:50px; margin-left:17px; } div.header li a#nav-noticias { width:50px; margin-left:19px; } div.header li a#nav-trabalhe-conosco { width:100px; margin-left:18px; } div.header li a#nav-lojas-pieri { width:60px; margin-left:20px; } div.header li a#nav-contato { width:50px; margin-left:20px; } div.header li a#nav-orcamento { width:100px; height:20px; margin:-5px 0 0 50px; } /* SIDE BAR */ div#search { height:104px; background:url(../img/bg-search.png) no-repeat; } div#search form { padding:45px 0 0 20px } div#search select { display:block; width:180px; margin-bottom:5px; } div#search legend { display:none; } div#fale-conosco-index { display:block; width:200px; height:60px; margin:20px 0 20px 3px; background:url(../img/bg-atendimento-on-line.png) no-repeat; text-indent:-5000px; } div#side-bar .banners-side-bar { margin:0 7px 0 13px; padding:5px; border:1px solid #CCC; } div#side-bar .banners-side-bar a { padding-bottom:5px; } div#nav-departamentos { } div#nav-departamentos h3 { height:26px; text-indent:-5000px; background:url(../img/h-nav.png) no-repeat; } /* NAV */ ul#nav { width:203px; background:url(../img/bg-nav.png) left bottom no-repeat; padding-bottom:8px; } ul#nav ul { display:none; position:absolute; z-index:2; margin-left:150px; width:191px; border-top:1px solid #9dcbd4; background:url(../img/bg-sub-nav.png) left bottom no-repeat; padding:0 0 8px 13px; } ul#nav li { background:url(../img/bullet.png) 183px 10px no-repeat; } ul#nav li { background:url(../img/bullet.png) 183px 10px no-repeat; } ul#nav ul li { width:165px; background:none; } ul#nav ul li.hovered { background:#e4f2f5; font-weight:normal; } ul#nav ul li.hovered a { font-weight:bold; } ul#nav a { display:block; width:165px; _width:165px; line-height:25px; padding-left:25px; cursor:pointer; color:#008da9; } ul#nav a:hover { text-decoration:none; background:#e4f2f5; } ul#nav li.hovered a { font-weight:bold; } /* NEWSLETTER */ div#newletter { padding-left:13px; width:193px; } div#newletter h3 { width:200px; height:33px; background:url(../img/h-newsletter.png) no-repeat; text-indent:-5000px; } div#newletter legend { display:none; } div#newletter fieldset { background:#ebebeb; padding:10px; margin:5px 0 20px 0; } div#newletter label { display:block; width:85px; margin-top:5px; float:left; font-size:10px; } div#newletter .campos { margin-bottom:0; background:#FFF; } div#newletter .bt-votar { float:right; } /* RIGHT SIDE BAR */ div#enquete { width:170px; padding-top:30px; background:url(../img/h-enquete-index.png) no-repeat; } form#form-enquete legend { display:none; } form#form-enquete p { margin-bottom:10px; } form#form-enquete label { color:#999; line-height:25px; } div.banners { padding:30px 0; overflow:hidden; width:170px; } /* * TELAS */ /* RESULTADO BUSCA */ div.lista-produtos { border:1px solid #b7b7b7; border-bottom:none; width:724px; overflow:auto; } /* NOTICIAS */ div#noticias { float:left; width:530px; } div#noticias .data { font-size:10px; color:#666; } div#noticias h1 { font-size:16px; margin-bottom:10px; } div#noticias li { padding:8px 10px 8px 25px; background:url(../img/ico-folha.png) 2px 10px no-repeat; border-bottom:1px solid #b7b7b7; } div#noticias li a { font-weight:bold; } div#noticias li span { color:#999; } div#destaques-produtos-interno { border:1px solid #b7b7b7; border-bottom:none; width:181px; float:right; overflow:auto; } div#destaques-produtos-interno h3 { background:url(../img/h-destaques-produtos-interno.png) no-repeat; width:181px; height:23px; text-indent:-5000px; } /* DETALHES DO PRODUTO */ div.h-time { width:730px; height:90px; margin-bottom:15px; background-repeat:no-repeat; } /* TOP TIMES */ div#gremio { background-image:url(../img/gremio.jpg); } div#internacional { background-image:url(../img/internacional.jpg); } div#vasco { background-image:url(../img/vasco.jpg); } div#avai { background-image:url(../img/avai.jpg); } div#botafogo { background-image:url(../img/botafogo.jpg); } div#corinthians { background-image:url(../img/corinthians.jpg); } div#flamengo { background-image:url(../img/flamengo.jpg); } div#figueirense { background-image:url(../img/figueirense.jpg); } div#fluminense { background-image:url(../img/fluminense.jpg); } div#palmeiras { background-image:url(../img/palmeiras.jpg); } div#santos { background-image:url(../img/santos.jpg); } div#sao-paulo { background-image:url(../img/sao-paulo.jpg); } div#detalhe-do-produto { width:406px; height:350px; overflow:hidden; float:left; border-bottom:3px solid #fbe2a9; } div#detalhe-do-produto div.box-produto { width:406px; height:269px; overflow:hidden; padding:0; margin:0; background:none; } div#detalhe-do-produto div.img-produto { width:225px; height:269px; overflow:hidden; float:left; } div#detalhe-do-produto div.img-produto div#opac { height:150px; width:225px; background:#000; position:absolute; margin-top:119px; filter:alpha(opacity=65); -moz-opacity:.65; opacity:.65; } div#detalhe-do-produto div#nao-disponivel { height:130px; width:205px; padding:10px; margin-top:119px; position:absolute; color:#FFF; } div#detalhe-do-produto div#nao-disponivel h5 { font-size:16px; } div#detalhe-do-produto div#nao-disponivel input { border:1px solid #1a76a0; padding:2px 0; } div#detalhe-do-produto div#nao-disponivel label { font-size:10px; display:block; margin-top:5px; } div#detalhe-do-produto div#nao-disponivel .bt-ok{ color:#FFF; background:#339fd0; padding:0 4px; margin-top:5px; float:right; cursor:pointer; } div#detalhe-do-produto div#nao-disponivel .bt-fechar{ width:10px; height:10px; text-indent:-5000px; position:absolute; margin:-5px 0 0 200px; cursor:pointer; background:url(../img/bt-fechar.png) no-repeat; } div#detalhe-do-produto div.img { width:225px; height:269px; overflow:hidden; margin:0; padding:0; } div#detalhe-do-produto div.info-produto { width:161px; height:249px; overflow:hidden; padding:10px; float:left; background:#f3f3f3; } div#detalhe-do-produto div.info-produto h4 { color:#f26522; } div#detalhe-do-produto div.info-produto .marca-cod { background:#ececec; } div#detalhe-do-produto a.bt-adicionar-lista { margin-left:13px; } div#detalhe-do-produto div.descricao { background:#ececec; padding:10px; font-size:10px; color:#636363; height:87px; margin-top:10px; overflow:hidden; } div#detalhe-do-produto div.descricao span { color:#959595; font-weight:bold; } div#produtos-relacionados { width:323px; height:350px; overflow:hidden; float:left; border-left:1px solid #CCC; border-bottom:3px solid #fbe2a9; } div#produtos-relacionados h3 { line-height:26px; text-align:right; padding-right:15px; background:#f1f1f1; font-size:11px; } div#produtos-relacionados div.box-produto { width:320px; height:80px; margin:0; padding:0 0 0 3px; border-bottom:1px solid #ececec; background:none; font-size:10px; } div#produtos-relacionados div.img-produto { width:84px; height:77px; overflow:hidden; float:left; margin:0; padding:0; } div#produtos-relacionados div.img-produto img { height:77px; } div#produtos-relacionados div.info-produto { width:236px; height:80px; overflow:hidden; float:left; margin:0; padding:0; text-align:left; background:none; } div#produtos-relacionados div.info-produto h4 { line-height:17px; font-weight:bold; color:#666; font-size:10px; padding:0 0 0 10px; margin:2px 0 0 0; text-align:left; border:none; background:#ececec; } div#produtos-relacionados p.marca-cod { padding:3px 0 0 10px; margin:0; text-align:left; background:none; } div#produtos-relacionados p.preco { padding:0 0 0 10px; margin:0; text-align:left; background:none; } div#produtos-relacionados p.preco span { font-size:10px; } div#produtos-relacionados div.info-produto .bt-ver-detalhes { position:absolute; z-index:2; margin:-13px 0 0 160px; padding-left:15px; color:#999; background:url(../img/ico-folha-3.png) no-repeat; } div#galeria-fotos { clear:both; } div#galeria-fotos p { color:#c2c2c2; font-size:10px; line-height:19px; text-indent:10px; } div#galeria-fotos div#imagens { background:#f1f1f1; height:55px; padding:5px; overflow:hidden; } div#galeria-fotos div#imagens img { border:1px solid #DDD; } h3.lista-produto { clear:both; color:#3a82b4; font-size:12px; border-bottom:1px solid #3a82b4; padding:0 0 5px 0; margin:20px 0 10px 0; } /* CAMISAS PERSONALIZADAS */ div#flash-personalisadas { height:279px; background:url(../img/bg-gramado.jpg) no-repeat; } a#bt-portfolio { display:block; width:301px; height:41px; margin-left:183px; position:absolute; background:url(../img/bt-portfolio.png) no-repeat; } a#bt-portfolio span { display:none; } a#bt-personalize { display:block; width:249px; height:41px; margin-left:483px; position:absolute; background:url(../img/bt-personalize.png) no-repeat; } a#bt-personalize span { display:none; } div#banner-personalisadas { } div#listagem-produtos { overflow:auto; } a#bt-personalizar-escolhida { display:block; width:125px; height:35px; position:absolute; background:url(../img/bt-personalizar-escolhida.png) no-repeat; } a#bt-personalizar-escolhida span { display:none; } a#bt-personalize { display:block; width:249px; height:41px; margin-left:483px; position:absolute; background:url(../img/bt-personalize.png) no-repeat; } a#bt-personalize span { display:none; } #div-personalize-sua-camisa { display:none; position:absolute; z-index:999999; width:100%; height:100%; left:50%; margin-left:-400px; } #div-opacity { display:none; position:absolute; background:#000; left:0; top:0; width:100%; height:100%; z-index:999999999; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; } /* ENQUETE */ div#result-enquete div { padding-bottom:10px; } div#result-enquete p { clear:both; } div#result-enquete .full { height:15px; width:120px; float:left; background:url(../img/barra-result-alpha.png) repeat-x; } div#result-enquete .barra-result { height:15px; max-width:120px; background:url(../img/barra-result.png) repeat-x; } /* PORTFOLIO */ form#form-portfolio { position:absolute; margin-left:533px; } form#form-portfolio select { padding:1px 0; } .bt-votar-portfolio { cursor:pointer; }