/* ~~ Info Cliente: Snack Life (www.snacklife.com.br) Autor: CUBOCC (www.cubo.cc) Version: Indice: 00 Reset 01 Body 02 Geral 03 Cabecalho 04 Menu 05 Chamadas 06 Conteudo 07 Titulos 08 Secoes 09 Rodape ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* 00 Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ * { padding:0; margin:0; border:none; vertical-align:baseline; list-style:none; text-decoration:none; } input, select, textarea { font-family:Arial, Verdana, Tahoma, sans-serif; background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #c3c3c3; } a { color:#333; text-decoration:none; } a:hover { text-decoration:underline; } button { cursor:pointer; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/csshover3.htc); } :focus { outline:0; } legend, .hide { display:none; } html { background:url(../images/rodape-bg.jpg) center bottom repeat-x; } /* 01 Body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ body { padding:0; margin:0; line-height:1; font-size:11px; color:#666; font-family:Arial, Verdana, Tahoma; background:url(../images/default-bg-photo.jpg) top center repeat-x; } #home { } #interna { } #login { background-position:top center; background-repeat:repeat; } #modal { width:100%; background-image:none; background-color:transparent; overflow:hidden; } .foto { width:auto; height:auto; } #erro404 { width:100%; height:100%; background:#FFF; overflow:hidden; } .editarfoto { width:672px; overflow-y:auto !important; } /* 02 Geral ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #geral { width:1000px; margin:0 auto; } #login #geral { position:absolute; top:50%; left:50%; width:768px; height:586px; padding:0 159px 0 72px; margin-left:-500px; margin-top:-293px; } #modal #geral { width:auto; } #erro404 #geral { position:absolute; top:50%; left:50%; width:611px; height:320px; margin-top:-155px; margin-left:-280px; } /* 03 Cabecalho ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #cabecalho { height:223px; } #cabecalho h1 { float:left; display:block; width:140px; height:132px; padding:30px 18px 13px 20px; } #cabecalho h1 a { display:block; width:140px; height:132px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/default-logo-snacklife.png) top left no-repeat; text-indent:-4765px; overflow:hidden; } #cabecalho em.slogan { float:left; position:relative; top:60px; display:block; width:179px; height:32px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/default-slogan2.png) top left no-repeat; text-indent:-4765px; overflow:hidden; } #login #cabecalho { width:403px; height:170px; padding:30px 0 0 25px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/login-cabecalho-bg.png) top left no-repeat; overflow:hidden; } #login #cabecalho h1 { float:left; display:block; width:auto; height:auto; padding:0 0 8px 0; } #login #cabecalho h1 a { display:block; width:193px; height:71px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/login-logo-snacklife.png) top left no-repeat; text-indent:-4765px; overflow:hidden; } #login #cabecalho h2 { display:block; width:311px; height:19px; color:#fff; font-size:22px; letter-spacing:-0.03em; font-weight:bold; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/login-slogan.png) top left no-repeat; text-indent:-4765px; overflow:hidden; } #login #cabecalho p.descricao { clear:both; display:block; width:368px; height:40px; font-size:14px; color:#fff; letter-spacing:-0.06em; font-weight:bold; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/login-descricao.png) top left no-repeat; text-indent:-4765px; overflow:hidden; } #cabecalho #usuario { float:right; width:230px; height:102px; padding:56px 27px 0 0; } #cabecalho #usuario a.sair { _float:right; position:absolute; _position:relative; display:block; width:26px; height:25px; margin:0 0 0 204px; _margin:0; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/cabecalho-bt-fechar.png) top left no-repeat; text-indent:-4765px; overflow:hidden; } #cabecalho #usuario img.avatar { float:left; display:block; width:100px; height:100px; margin:0 8px 0 0; border:1px solid #E1E4D9; background:gray; } #cabecalho #usuario strong.nome { float:left; display:block; width:120px; height:20px; padding:7px 0 8px 0; margin:0 0 8px 0; _margin:-25px 0 8px 0; border-bottom:1px solid #fff; font-size:16px; letter-spacing:-0.03em; color:#fff; font-weight:bold; } #cabecalho #usuario div.funcoes { float:left; width:120px; height:40px; } #cabecalho #usuario div.funcoes a { float:left; display:block; width:120px; height:20px; color:#E1E4D9; font-weight:bold; text-decoration:underline; letter-spacing:-0.03em; font-size:11px; } #cabecalho #usuario div.funcoes a:hover { text-decoration:none; } #erro404 #cabecalho { width:193px; height:71px; margin:0 auto; padding:0 0 15px 0; } #erro404 #cabecalho h1 { float:none; display:block; width:193px; height:71px; padding:0; } #erro404 #cabecalho h1 a { display:block; width:193px; height:71px; background:url(../images/404-logo-snacklife.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #erro404 #cabecalho em.slogan, #erro404 #cabecalho #usuario, #modal #cabecalho { display:none; } /* 04 Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #menu { clear:both; height:48px; } #menu ul { width:972px; overflow:hidden; background-color:transparent; } #menu ul li { float:left; display:inline; height:40px; margin:0 20px 0 0; } #menu ul li.back { position:absolute; _position:relative; _height:0; border-bottom:9px solid #fff; z-index:8; background-color:transparent; } #menu ul li.menu-ideias { margin-left:30px; } #menu ul li.menu-snackrs { } #menu ul li.menu-blog { } #menu ul li.menu-snacktv { } #menu ul li.menu-fotos { } #menu ul li.menu-links { } #menu ul li.menu-marcas { margin:0; } #menu ul li.menu-marcas a { padding:0 30px 0 0; background:url(../images/menu-seta.png) right center no-repeat; _background-image:url(../images/menu-seta.gif); overflow:hidden; } #menu ul li.menu-busca { float:right; _float:left; width:230px; height:9px; _height:40px; margin:0 0 0 55px; _margin:0 0 0 35px; text-indent:-5000em; overflow:hidden; } #menu ul li a { position:relative; float:left; display:block; height:28px; font-weight:bold; font-size:22px; color:#fff; letter-spacing:-1px; text-decoration:none; z-index:10; } #menu ul li a:hover, #menu ul li a:active, #menu ul li a:visited { border:none; } #menu #menu-marcas { display:none; position:absolute; top:223px; left:0; width:100%; _width:expression(document.body.clientWidth + "px" ); height:65px; background:url(../images/menu-marcas-bg.jpg) top center repeat-x; overflow:hidden; z-index:8; } #menu #menu-marcas ul { position:absolute; left:50%; display:inline; width:985px; padding:15px 0 0 25px; margin:0 0 0 -500px; z-index:8; } #menu #menu-marcas ul li { margin:0 20px 0 0; } #menu #menu-marcas ul li span a { display:block; height:40px; } #menu #menu-marcas ul li span { display:block; width:50px; height:40px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background-image:url(../images/menu-marcas-todasasmarcas.png); background-repeat:no-repeat; text-indent:-4765px; overflow:hidden; } #menu #menu-marcas ul li span.marcas-cheetos { width:33px; background-position:0 0; } #menu #menu-marcas ul li span.marcas-classicos { width:45px; background-position:-50px 0; } #menu #menu-marcas ul li span.marcas-coqueiro { width:49px; background-position:-100px 0; } #menu #menu-marcas ul li span.marcas-doritos { width:43px; background-position:-150px 0px; } #menu #menu-marcas ul li span.marcas-fandangos { width:33px; background-position:-200px 0px; } #menu #menu-marcas ul li span.marcas-opa { width:40px; background-position:-250px 0px; } #menu #menu-marcas ul li span.marcas-ruffles { width:34px; background-position:-300px 0px; } #menu #menu-marcas ul li span.marcas-sensacoes { width:39px; background-position:-350px 0px; } #menu #menu-marcas ul li span.marcas-stax { width:35px; background-position:-400px 0px; } #menu #menu-marcas ul li span.marcas-quaker { width:33px; background-position:-450px 0px; } #menu #menu-marcas ul li span.marcas-toddy { width:42px; background-position:-500px 0px; } #menu #menu-marcas ul li span.marcas-toddynho { width:47px; background-position:-550px 0px; } #menu #menu-marcas ul li span.marcas-gatorade { width:45px; background-position:-600px 0px; } #menu #menu-marcas ul li span.marcas-h2oh { width:43px; background-position:-650px 0px; } #menu #menu-marcas ul li span.marcas-lipton { width:38px; background-position:-700px 0px; } #menu #menu-marcas ul li span.marcas-pepsi { width:35px; background-position:-750px 0px; } #menu #menu-marcas ul li span:hover.marcas-cheetos { background-position:0 -40px; } #menu #menu-marcas ul li span:hover.marcas-classicos { background-position:-50px -40px; } #menu #menu-marcas ul li span:hover.marcas-coqueiro { background-position:-100px -40px; } #menu #menu-marcas ul li span:hover.marcas-doritos { background-position:-150px -40px; } #menu #menu-marcas ul li span:hover.marcas-fandangos { background-position:-200px -40px; } #menu #menu-marcas ul li span:hover.marcas-opa { background-position:-250px -40px; } #menu #menu-marcas ul li span:hover.marcas-ruffles { background-position:-300px -40px; } #menu #menu-marcas ul li span:hover.marcas-sensacoes { background-position:-350px -40px; } #menu #menu-marcas ul li span:hover.marcas-stax { background-position:-400px -40px; } #menu #menu-marcas ul li span:hover.marcas-quaker { background-position:-450px -40px; } #menu #menu-marcas ul li span:hover.marcas-toddy { background-position:-500px -40px; } #menu #menu-marcas ul li span:hover.marcas-toddynho { background-position:-550px -40px; } #menu #menu-marcas ul li span:hover.marcas-gatorade { background-position:-600px -40px; } #menu #menu-marcas ul li span:hover.marcas-h2oh { background-position:-650px -40px; } #menu #menu-marcas ul li span:hover.marcas-lipton { background-position:-700px -40px; } #menu #menu-marcas ul li span:hover.marcas-pepsi { background-position:-750px -40px; } #menu #menu-marcas ul li span.marcas-cheetos a { width:33px; } #menu #menu-marcas ul li span.marcas-classicos a { width:45px } #menu #menu-marcas ul li span.marcas-coqueiro a { width:49px; } #menu #menu-marcas ul li span.marcas-doritos a { width:43px; } #menu #menu-marcas ul li span.marcas-fandangos a { width:33px; } #menu #menu-marcas ul li span.marcas-opa a { width:40px; } #menu #menu-marcas ul li span.marcas-ruffles a { width:34px; } #menu #menu-marcas ul li span.marcas-sensacoes a { width:39px; } #menu #menu-marcas ul li span.marcas-stax a { width:35px; } #menu #menu-marcas ul li span.marcas-quaker a { width:33px; } #menu #menu-marcas ul li span.marcas-toddy a { width:42px; } #menu #menu-marcas ul li span.marcas-toddynho a { width:47px; } #menu #menu-marcas ul li span.marcas-gatorade a { width:45px; } #menu #menu-marcas ul li span.marcas-h2oh a { width:43px; } #menu #menu-marcas ul li span.marcas-lipton a { width:38px; } #menu #menu-marcas ul li span.marcas-pepsi a { width:35px; } #menu #buscar { position:absolute; width:230px; top:0; padding:0 27px 0 0; margin:175px 0 0 742px; z-index:10; } #menu #buscar h2#chamada-buscar { display:none; } #menu #buscar form { float:left; display:block; width:230px; } #menu #buscar label.busca { float:left; display:inline; padding:0 4px 0 0; } #menu #buscar label.busca b { display:none; } #menu #buscar label.busca input { width:188px; height:20px; padding:3px 5px 0 5px; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #efefef; border-left:1px solid #efefef; font-size:14px; color:#666; } #menu #buscar button { float:left; display:inline; width:26px; height:25px; _margin:1px 0 0 0; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/menu-bt-buscar.png) top left no-repeat; text-indent:-4765px; overflow:hidden; } #erro404 #menu { display:none; } /* 05 Chamadas ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #chamadas { float:right; width:230px; padding:15px 27px 20px 0; } .blog #chamadas { padding-top:80px; } .leitor #chamadas { width:257px; padding:44px 0 0 0; margin-right:30px; _margin-right:15px; } #login #chamadas { float:left; width:368px; padding:30px; background-color:#fff; overflow:hidden; } #login #chamadas ul { } #login #chamadas ul li { display:block; width:405px; margin-bottom:15px; background-position:top left; background-repeat:no-repeat; text-indent:-4765px; overflow:hidden; } #login #chamadas ul li.ideias { height:76px; background-image:url(../images/login-chamada-ideias.gif); background-position:2px 0; } #login #chamadas ul li.acompanhe { height:58px; background-image:url(../images/login-chamada-acompanhe.gif); background-position:5px 0; } #login #chamadas ul li.interaja { height:67px; background-image:url(../images/login-chamada-interaja.gif); } #login #chamadas ul li.vote { height:67px; background-image:url(../images/login-chamada-vote.gif); background-position:-2px 0; } #login #chamadas ul li h3 { display:block; padding:0 0 5px 0; color:#FFC33D; font-size:20px; letter-spacing:-0.086em; font-weight:bold; } #login #chamadas ul li p { color:#888; letter-spacing:-0.086em; font-size:14px; font-weight:bold; } /* 06 Conteudo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #conteudo { float:left; width:691px; padding:15px 32px 0 20px; } #login #conteudo { float:left; width:300px; padding:20px 20px 45px 20px; margin:0; background:url(../images/login-conteudo-bg.png) 0 bottom no-repeat; _background-image:url(../images/login-conteudo-bg.gif); overflow:hidden; } .snacktv #conteudo { float:left; width:953px; padding:15px 27px 0 20px; } .blog #conteudo { padding-top:80px; } .busca #conteudo { width:958px; padding:15px 22px 0 20px; } .leitor #conteudo { padding-right:1px; } .editarperfil #conteudo { padding-bottom:30px; } .perfil #conteudo { min-height:480px; height:auto !important; height:480px; } .fotos #conteudo { width:960px; padding-left:20px; padding-right:0; } #modal #conteudo { float:none; margin:0 auto; background:#E1E4D9; border:1px solid #999; } #modal.concurso #conteudo { width:530px; height:205px; padding:5px 15px 0 15px; } #modal.politica #conteudo, #modal.termosdeuso #conteudo, #modal.regulamento #conteudo { width:530px; height:355px; padding:5px 15px 0 15px; } #modal.sair #conteudo { width:530px; height:212px; padding:5px 15px 0 15px; } #modal.faleconosco #conteudo { width:530px; height:332px; padding:5px 15px 0 15px; } #modal.faleconosco-resposta #conteudo { width:372px; height:187px; padding:5px 5px 0 15px; } #modal.editarfoto #conteudo { width:642px; padding:5px 10px 10px 10px; overflow:hidden; } #modal.lembretedesenha #conteudo { width:380px; height:90px; padding:5px 10px 0 10px; } #modal.modalalerta #conteudo { width:380px; height:70px; padding:5px 10px 0 10px; } #modal.ideiarepetida #conteudo { width:537px; height:114px; padding:5px 10px 0 10px; } #modal.erro #conteudo { width:537px; height:72px; padding:5px 10px 0 10px; } #modal.foto #conteudo { width:auto; height:100%; padding:5px 10px 10px 10px; } #modal #conteudo a.fechar { position:absolute; top:10px; display:block; width:20px; height:20px; background:url(../images/modal-bt-fechar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #modal #conteudo a:hover { background-position:0 -20px; } #modal.concurso #conteudo a.fechar, #modal.politica #conteudo a.fechar, #modal.termosdeuso #conteudo a.fechar, #modal.regulamento #conteudo a.fechar, #modal.sair #conteudo a.fechar, #modal.faleconosco #conteudo a.fechar { margin:0 0 0 512px; } #modal.faleconosco-resposta #conteudo a.fechar { margin:0 0 0 345px; } #modal.editarfoto #conteudo a.fechar { margin:0 0 0 620px; _margin:0 0 0 100px; } #modal.lembretedesenha #conteudo a.fechar { margin:0 0 0 360px; } #modal.modalalerta #conteudo a.fechar { margin:0 0 0 360px; } #modal.ideiarepetida #conteudo a.fechar, #modal.erro #conteudo a.fechar { margin:0 0 0 515px; } #modal.foto #conteudo a.fechar { right:10px; /* margin:0 0 0 90%; */ } #erro404 #conteudo { float:none; clear:both; width:auto; padding:30px 0 0 0; border-top:1px solid #E7E7E7; } /* 07 Titulos ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ h2#titulo-editarperfil, h2#titulo-blog, h2#titulo-links, h2#titulo-fotos, h2#titulo-snacktv, h2#titulo-snackrs, h2#titulo-busca { display:block; width:500px; padding:0 0 10px 10px; font-size:32px; letter-spacing:-0.086em; font-weight:bold; color:#999; } h2#titulo-editarperfil { color:#666; } h2#titulo-busca strong { color:#FFC33D; } h2#titulo-perfil, h2#titulo-ideia, h2#titulo-ideias, h2#titulo-marcas, h2#titulo-concurso, h2#subtitulo-tagcloud, h2#concursos-chamada, h2#snacktv-chamada { display:none; } h2#convites-chamada, h2#seugosto-chamada, h2#leaderboard-chamada, h2#enquete-chamada, h2#links-chamada { display:block; padding:0 0 10px 0; font-size:26px; letter-spacing:-2px; font-weight:bold; color:#7d7d7d; } h2#seugosto-chamada { font-size:30px; color:#666; line-height:20px; } #modal h2#titulo-politica, #modal h2#titulo-sair, #modal h2#titulo-faleconosco, #modal h2#titulo-regulamento, #modal h2#titulo-termosdeuso, #modal h2#titulo-selecionefoto, #modal h2#titulo-lembretedesenha, #modal h2#titulo-ideiarepetida, #modal h2#titulo-erro, #modal h2#titulo-foto { display:block; padding:0 0 10px 0; font-size:26px; letter-spacing:-0.086em; font-weight:bold; color:#666; } #modal h2#titulo-foto { height:20px; font-size:20px; } #erro404 h2#titulo-paginanaoencontrada { display:block; padding:0 0 10px 0; margin:0 auto; font-size:24px; letter-spacing:-0.086em; font-weight:bold; color:#666; text-transform:uppercase; text-align:center; } /* 08 Secoes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* 404 */ #erro404 { } #erro404 p { display:block; width:380px; margin:10px auto 0; font-size:16px; letter-spacing:-0.03em; text-align:center; font-weight:bold; color:#999; } #erro404 a.irparahome { display:block; width:237px; height:54px; margin:30px auto 0; background:url(../images/404-bt-irparahome.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } /* acesso */ #acesso { } #acesso label { display:block; padding:0 0 7px 0; } #acesso label b { display:none; } #acesso label input { width:280px; height:35px; padding:10px 10px 0 10px; color:#FFC33D; font-size:20px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #efefef; } #acesso label.senha input { background:url(../images/login-input-suasenha-bg.gif) 13px 14px no-repeat #fff; } #acesso label input.LV_invalid_field { border:2px solid #DF0000; } #acesso span.LV_validation_message { display:none; } #acesso form button#go { display:block; width:119px; height:54px; background:url(../images/login-bt-go.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #acesso form button:hover#go { background-position:0 -54px; } #acesso form a.esqueci { float:right; display:block; margin:-35px 0 0 0; color:#999; text-transform:lowercase; letter-spacing:-0.03em; font-weight:bold; font-size:14px; text-decoration:underline; } #acesso form a:hover.esqueci { text-decoration:none; } #alerta p.naocadastrado, #alerta p.senhasnaoconferem, #alerta p.usuariobloqueado { display:block; padding:0 0 10px 20px; background:url(../images/login-erro-bg.gif) top left no-repeat; color:#999; /* text-transform:lowercase; */ letter-spacing:-0.03em; font-weight:bold; font-size:14px; overflow:hidden; } #esqueceu { display:none; } #esqueceu h3#subtitulo-lembrete { font-size:22px; letter-spacing:-0.086em; color:#888; font-weight:bold; } #esqueceu p { display:block; padding:5px 0 15px 0; color:#999; text-transform:lowercase; letter-spacing:-0.03em; font-weight:bold; font-size:14px; } #esqueceu label { display:block; padding:0 0 7px 0; } #esqueceu label b { display:none; } #esqueceu label input { width:280px; height:35px; padding:10px 10px 0 10px; color:#FFC33D; font-size:22px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #efefef; } #esqueceu label input.LV_invalid_field { border:2px solid #DF0000; } #esqueceu span.LV_validation_message { display:none; } #esqueceu form button.enviar { display:block; width:84px; height:27px; background:url(../images/login-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #esqueceu form button:hover.enviar { background-position:0 -27px; } #esqueceu form a.voltar { float:right; display:block; margin:-20px 0 0 0; color:#999; text-transform:lowercase; letter-spacing:-0.03em; font-weight:bold; font-size:14px; text-decoration:underline; } #esqueceu form a:hover.voltar { text-decoration:none; } #cadastro { display:none; } #cadastro h3#subtitulo-cadastro { padding:0 0 10px 0; font-size:22px; letter-spacing:-0.086em; color:#888; font-weight:bold; } #cadastro p { display:block; padding:5px 0 15px 0; color:#999; text-transform:lowercase; letter-spacing:-0.03em; font-weight:bold; font-size:14px; } #cadastro label { display:block; padding:0 0 7px 0; } #cadastro label b { display:none; } #cadastro label input { width:280px; height:35px; padding:10px 10px 0 10px; color:#FFC33D; font-size:20px; letter-spacing:-1px; font-weight:bold; background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #efefef; } #cadastro label.cidade { float:left; width:200px; padding-bottom:10px; margin:0 0 10px 0; border-bottom:1px solid #fff; } #cadastro label.cidade input { width:170px; } #cadastro label.estado { float:right; width:99px; padding-bottom:10px; margin:0 0 10px 0; border-bottom:1px solid #fff; } #cadastro label.estado input { width:75px; } #cadastro label.senha input { background:url(../images/login-input-senha-bg.gif) 9px 8px no-repeat #fff; } #cadastro label.confirmar input { background:url(../images/login-input-confirmarsenha-bg.gif) 9px 10px no-repeat #fff; } #cadastro label input.LV_invalid_field { border:2px solid #DF0000; } #cadastro span.LV_validation_message { display:none; } #cadastro form button#goCadastro { display:block; width:119px; height:54px; background:url(../images/login-bt-go.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #cadastro form button:hover#goCadastro { background-position:0 -54px; } #cadastro form a.voltar { float:right; display:block; margin:-20px 0 0 0; color:#999; text-transform:lowercase; letter-spacing:-0.03em; font-weight:bold; font-size:14px; text-decoration:underline; } #cadastro form a:hover.voltar { text-decoration:none; } #cadastro div.sexo { } #cadastro div.sexo b { display:none; } #cadastro div.sexo label { float:left; width:123px; height:23px; padding:5px 10px 5px 10px; margin:0 0 10px 0; /*background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #efefef; */} #cadastro div.sexo label b { float:left; display:block; width:50px; padding:0 0 0 10px; color:#FFC33D; font-size:20px; letter-spacing:-1px; font-weight:bold; } #cadastro div.sexo label input { float:left; width:15px; height:15px; padding:0; margin:0; border:none; background-color:transparent; } #cadastro div.sexo label.masculino { margin:0 10px 0 0; } #participar { display:none; } #participar h3#subtitulo-participar { display:none; } #participar p { display:block; padding:0 0 15px 0; color:#999; letter-spacing:-0.03em; font-weight:bold; font-size:14px; } #participar label { display:block; padding:0 0 7px 0; } #participar label b { display:none; } #participar label input { width:280px; height:35px; padding:10px 10px 0 10px; color:#FFC33D; font-size:22px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #efefef; } #participar label input.LV_invalid_field { border:2px solid #DF0000; } #participar span.LV_validation_message { display:none; } #participar form button#queroparticipar { display:block; width:119px; height:54px; background:url(../images/login-bt-go.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #participar form button:hover#queroparticipar { background-position:0 -54px; } #participar form a.voltar { float:right; display:block; margin:-20px 0 0 0; color:#999; text-transform:lowercase; letter-spacing:-0.03em; font-weight:bold; font-size:14px; text-decoration:underline; } #participar form a:hover.voltar { text-decoration:none; } /* blog */ #blog { } #blog #blog-cabecalho { position:absolute; top:223px; left:0; width:100%; _width:expression(document.body.clientWidth + "px" ); height:54px; padding:15px 0 0 0; border-top:1px solid #fff; background:url(../images/blog-cabecalho-bg.jpg) top center repeat-x; overflow:hidden; z-index:5; } #blog #blog-cabecalho h2#titulo-blog { display:block; width:900px; height:34px; padding:10px 0 0 50px; margin:0 auto; font-size:22px; letter-spacing:-0.03em; font-weight:bold; color:#fff; background:url(../images/blog-titulo-bg.gif) top left no-repeat; } #blog #blog-menu { width:275px; height:34px; padding:10px 0 0 675px; margin:-45px auto 0 auto; } #blog #blog-menu form { float:left; display:block; width:178px; } #blog #blog-menu label { } #blog #blog-menu label b { display:none; } #blog #blog-menu label select { display:block; width:178px; height:23px; font-size:14px; color:#666; letter-spacing:-1px; font-weight:normal; } #blog #blog-menu a.rss { float:right; display:block; width:84px; height:27px; background:url(../images/blog-bt-rss.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #blog .post { float:left; width:691px; margin:0 0 15px 0; } #blog .post h3.titulo { float:left; display:block; padding:0 0 10px 0; font-size:30px; color:#FFC33D; letter-spacing:-0.03em; font-weight:bold; } #blog .post h3.titulo a { color:#FFC33D; } #blog .post span.data { float:right; display:block; width:120px; padding:10px 0 0 0; text-align:right; font-size:14px; color:#ccc; letter-spacing:-1px; font-weight:bold; } #blog .post .conteudo { clear:both; } #blog .post .conteudo img { float:left; display:block; margin:0 20px 10px 0; overflow:hidden; } #blog .post .conteudo p { margin:0 0 10px 0; font-size:14px; color:#666; letter-spacing:-0.5px; /* font-weight:bold; */ } #blog .post .detalhes { clear:both; height:25px; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #ccc; } #blog .post .detalhes a.comentarios { float:left; display:block; padding:5px 0 0 0; font-size:14px; color:#666; letter-spacing:-0.03em; font-weight:bold; text-decoration:none; } #blog .post .detalhes a:hover.comentarios { text-decoration:underline; } #blog .post .detalhes a.comente { float:right; display:block; width:131px; height:27px; margin:0 10px 0 0; background:url(../images/blog-bt-comente.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #blog .post .detalhes a:hover.comente { background-position:0 -27px; } #blog .post .detalhes a.envieporemail { float:right; display:block; width:131px; height:27px; background:url(../images/blog-bt-envieporemail.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #blog .post .detalhes a:hover.envieporemail { background-position:0 -27px; } #blog .navegacao { height:50px; padding:15px 0 0 0; border-top:1px solid #d7d7d7; } #blog .navegacao a { display:block; width:120px; height:18px; color:#666; font-weight:bold; letter-spacing:-0.03em; font-size:16px; background-repeat:no-repeat; overflow:hidden; } #blog .navegacao a:hover { text-decoration:underline; } #blog .navegacao a.postanterior { float:left; padding-left:10px; background-image:url(../images/blog-bt-postanterior-bg.gif); background-position:center left; } #blog .navegacao a.proximopost { float:right; padding-right:10px; text-align:right; background-image:url(../images/blog-bt-proximopost-bg.gif); background-position:center right; } #blog #comentarios { clear:both; width:550px; padding:0 0 0 10px; } #blog #comentarios div.comentario { width:670px; margin:10px 0 0 0; } #blog #comentarios div.comentario .info { width:670px; height:30px; padding:0 0 10px 0;} #blog #comentarios div.comentario .info a.avatar { float:left; display:block; width:30px; height:30px; } #blog #comentarios div.comentario .info a.avatar img { display:block; width:30px; height:30px; } #blog #comentarios div.comentario .info strong.autor { float:left; display:block; padding:8px 10px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#666; } #blog #comentarios div.comentario .info em.datahora { float:right; border:none; display:block; padding:0 0 0 10px; margin:8px 0 0 0; font-style:normal; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#ccc; } #blog #comentarios div.comentario p.comentario { clear:both; float:none; display:block; padding:0 0 15px 0; margin:0 0 0 15px 0; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:normal; color:#666; letter-spacing:-0.03em; } #blog .opcao { width:671px; height:56px; padding:8px 10px 10px 10px; margin:0 0 10px 0; background-color:#E1E4D9; } #blog .opcao a.fecharemail, #blog .opcao a.fecharcomente { position:absolute; display:block; width:20px; height:21px; margin:-3px 0 0 655px; background:url(../images/snacktv-bt-fechar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #blog .opcao a.fecharcomente { margin-top:-10px; _margin-top:-10px; } #blog .opcao a:hover.fecharemail, #blog .opcao a:hover.fecharcomente { background-position:0 -21px; } #blog .opcao button { float:right; display:block; width:119px; height:27px; margin:-27px 0 0 0; background:url(../images/blog-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #blog .opcao button.ativo { background-position:0 -27px; } #blog .opcao label b { display:block; height:26px; letter-spacing:-0.03em; font-size:20px; color:#666; font-weight:bold; text-transform:lowercase; } #blog .opcao label input { display:block; width:525px; height:20px; padding:5px 5px 0 5px; color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #blog #enviarporemail { } #blog #comente { height:105px; padding:15px 10px 40px 10px; background:url(../images/enviarideia-bg.gif) bottom left no-repeat #E1E4D9; overflow:hidden; } #blog #comente form { width:671px; overflow:hidden; } #blog #comente label { float:left; width:525px; } #blog #comente label b { display:none; } #blog #comente label textarea { width:525px; height:95px; padding:5px 5px 0 5px; color:#FFC33D; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #c3c3c3; } #blog #comente button { float:right; display:block; width:119px; height:54px; margin:50px 0 0 0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #blog #comente button.ativo { background-position:0 -54px; } /* busca */ #busca { min-height:400px; height:auto !important; height:400px; } #busca #filtro { float:right; width:292px; padding:0 8px 0 0; margin:-30px 0 0 0; letter-spacing:-0.086em; text-align: right; } #busca #filtro label.filtrar b { font-size:14px; font-weight:bold; color:#666; } #busca #filtro label.filtrar select { width:170px; height:22px; font-size:14px; font-weight:bold; color:#999; } #busca #resultado01, #busca #resultado02, #busca #resultado03 { float:left; width:316px; padding:10px 0 30px 0; margin:0 2px 0 0; overflow: hidden; } #busca .resultado01 { background:#E1E4D9; } #busca .resultado02 { background:#FFF; } #busca .resultado { width:296px; height:auto; padding:10px; letter-spacing:-1px; overflow:hidden; } #busca .resultado h3 { display:block; height:22px; padding:0 0 5px 0; font-size:15px; color:#666; } #busca .resultado h3 strong { float:left; display:block; width:26px; height:20px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background-image:url(../images/busca-icons.png); background-repeat: no-repeat; text-indent:-5000em; overflow:hidden; } #busca .resultado h3 a { font-size:15px; color:#666; } #busca .resultado img { float:left; display:block; width:100px; height:100px; margin:0 10px 0 0; background:silver; } #busca .resultado p { font-size:14px; font-weight:normal; color:#666; letter-spacing:0; } #busca .resultado small { display:block; font-size:11px; font-weight:bold; color:#999; } #busca .snackr h3 { float:right; width:185px; text-align:left; } #busca .snackr h3 strong { background-position:0 0; } #busca .snackr div.info { float:right; width:185px; } #busca .snackr div.info p { display:block; margin:5px 0 0 0; font-size:12px; color:#666; } #busca .snackr ul { clear:both; display:block; padding:10px 0 0 0; overflow:hidden; } #busca .snackr ul li { display:inline; padding:0 5px 0 0; overflow:hidden; } #busca .snackr ul li a { display:inline-block; padding:0 0 3px 20px; font-size:12px; font-weight:bold; color:#666; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background-image:url(../images/busca-snackr-menu.png); background-repeat: no-repeat; overflow:hidden; } #busca .snackr ul li.menu-ideias a { background-position:0 0; } #busca .snackr ul li.menu-fotos a { background-position:0 -40px; } #busca .snackr ul li.menu-recados a { background-position:0 -80px; } #busca .snackr ul li.menu-links a { background-position:0 -120px; } #busca .foto h3 strong { background-position:0 -120px; } #busca .foto strong { font-size:12px; color:#999; } #busca .foto p { color:#666; } #busca .link a { display:block; margin:10px 0 0 0; font-size:14px; font-weight:normal; letter-spacing:0; color:#FF9700; } #busca .link h3 strong { background-position:0 -80px; } #busca .link h3 a { margin:0; font-weight:bold; letter-spacing:-1px; } #busca .comentario a { display:block; margin:10px 0 0 0; font-size:14px; font-weight:normal; color:#666; } #busca .comentario h3 strong { background-position:0 -280px; } #busca .comentario h3 a { margin:0; } #busca .ideia h3 strong { background-position:0 -40px; } #busca .snacktv h3 strong { background-position:0 -200px; } #busca .concurso h3 strong { background-position:0 -160px; } #busca .blog h3 strong { background-position:0 -240px; } #busca #alerta { float:right; width:279px; height:24px; padding:10px 10px 0 10px; margin:-20px 0 20px 0; font-size:15px; font-weight:bold; color:#FFF; letter-spacing:-0.086em; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/busca-alerta-bg.png) top left no-repeat; overflow:hidden; } /* concursos */ #chamada-concursos { display:none; width:230px; height:173px; margin:0 0 10px 0; overflow:hidden; } #chamada-concursos h2 { display:block; width:230px; height:173px; overflow:hidden; } #chamada-concursos h2 a { display:block; width:230px; height:173px; background:url(../images/chamada-concursos-bg-ipodshuffle.jpg) top left no-repeat; text-indent:-9999px; overflow:hidden; } #chamada-concursos h2 a.encerrado { background-image:url(../images/chamada-concursos-bg-ipodshuffle-encerrado.jpg); } #concurso { width:510px; height:170px; padding:10px 20px 10px 0; overflow:hidden; } #concurso h3 { display:block; height:35px; font-size:22px; letter-spacing:-1px; font-weight:bold; color:#999; } #concurso label { display:block; padding:0 0 10px 0; } #concurso label b { display:none; } /*#concurso label input { display:block; width:480px; height:25px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; }*/ #concurso label textarea { display:block; width:480px; height:75px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:0; font-weight:bold; background-color:#fff; } #concurso label small { display:block; width:485px; padding:3px 0 0 0; text-align:right; font-size:12px; text-transform:lowercase; color:#999; } #concurso button { display:block; width:84px; height:27px; background:url(../images/login-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #concurso button.ativo { background-position:0 -27px; } #concurso label.concordo { display:block; width:480px; height:15px; padding:0; margin:-20px 0 5px 0; } #concurso label.concordo input { float:left; display:block; width:12px; height:12px; border:none; background:transparent; } #concurso label.concordo b { float:left; display:block; height:12px; width:200px; padding:1px 0 0 5px; color:#999; font-size:11px; } #concurso label.concordo b a { color:#999; text-decoration:underline; } #concurso label.concordo b a:hover { text-decoration:none; } .concurso #sucesso h4, .concurso #concurso h4 { display:block; height:35px; font-size:22px; letter-spacing:-1px; font-weight:bold; color:#999; } .concurso #regulamento { width:510px; height:280px; padding:0 20px 10px 0; overflow:auto; } .concurso #regulamento h3 { display:block; padding:0 0 15px 0; } .concurso #regulamento h4 { display:block; padding:20px 0 5px 0; } .concurso #regulamento p { line-height:14px; } .concurso #regulamento ol.responsabilidade li { margin-left:30px; } .concurso #regulamento ol li { margin:0 0 10px 0; font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } .concurso #regulamento ol li strong { display:block; padding:10px 0 0 0; } .concurso #regulamento strong, .concurso #regulamento span, .concurso #regulamento em { font-size:11px; font-weight:bold; color:#999; } .concurso #regulamento strong { color:#666; } /* convites */ #chamada-convites { width:203px; padding:15px 15px 15px 12px; margin:0 0 10px 0; background-color:#E1E4D9; } #chamada-convites form { display:block; width:203px; margin:0 0 0 0; border-top:1px solid #fff; overflow:hidden; } #chamada-convites form label { display:block; padding:10px 0 0 0; } #chamada-convites form label b { display:block; height:32px; font-size:12px; letter-spacing:-0.03em; } #chamada-convites form label b.convide { width:180px; /*background:url(../images/convites-frase-convide.gif) top left no-repeat; text-indent:-4765px; overflow:hidden;*/} #chamada-convites form label b.sucesso { width:160px; /*background:url(../images/convites-frase-sucesso.gif) top left no-repeat; text-indent:-4765px; overflow:hidden;*/} #chamada-convites form label input { display:block; width:192px; height:17px; padding:5px 3px 0 5px; margin:0 0 10px 0; font-size:12px; color:#666; font-weight:bold; } #chamada-convites form button.enviarconvite { float:right; display:block; width:119px; height:24px; background:url(../images/convites-bt-enviar.gif) 0 0 no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-convites form button.enviaroutroconvite { float:right; display:block; width:159px; height:24px; background:url(../images/convites-bt-enviaroutroconvite.gif) 0 0 no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-convites form button.ativo { background-position:0 -24px; } #chamada-convites p.restantes { clear:both; display:block; padding:15px 0 0 0; font-size:10px; letter-spacing:-0.03em; color:#666; } /* editar perfil */ #editarperfil { padding:10px 0 10px 10px; background-color:#E1E4D9; } #editarperfil fieldset { display:block; padding:0 0 15px 0; } #editarperfil label { float:left; display:block; width:330px; height:50px; padding:0 10px 10px 0; } #editarperfil label b { display:block; padding:0 0 3px 0; letter-spacing:-0.03em; font-weight:bold; font-size:16px; color:#999; } #editarperfil label input { display:block; width:314px; height:22px; padding:4px 6px 0 6px; font-size:16px; color:#333; } #editarperfil label textarea { display:block; width:314px; height:68px; padding:4px 6px 0 6px; font-size:16px; color:#333; } #editarperfil label.faledevoce, #editarperfil label.atividades { clear:both; width:670px; height:120px; } #editarperfil label.faledevoce textarea, #editarperfil label.atividades textarea { width:654px; height:92px; } #editarperfil label.login { } #editarperfil label.login b { } #editarperfil label.login input { color:#999; } #editarperfil label.senha { width:160px; } #editarperfil label.senha b { } #editarperfil label.senha input { width:144px; } #editarperfil label.confirmar { width:160px; } #editarperfil label.confirmar b { } #editarperfil label.confirmar input { width:144px; } #editarperfil label.naoquero { height:5px; padding:25px 0 30px 0; _padding-bottom:15px; } #editarperfil label.naoquero input { float:left; width:15px; margin:0 3px 0 0; border:none; background-color:transparent; } #editarperfil label.naoquero b { padding:3px 0 0 0; font-size:12px; } #editarperfil div.aniversario { float:left; width:340px; } #editarperfil div.aniversario label { } #editarperfil div.aniversario label b { } #editarperfil div.aniversario label input { } #editarperfil div.aniversario label.dia { width:70px; } #editarperfil div.aniversario label.mes { width:70px; } #editarperfil div.aniversario label.ano { width:170px; } #editarperfil div.aniversario label.dia input { width:54px; } #editarperfil div.aniversario label.mes input { width:54px; } #editarperfil div.aniversario label.ano input { width:154px; } #editarperfil label.relacionamento { padding-bottom:15px; } #editarperfil label.relacionamento select { width:330px; height:30px; padding:4px 0 0 4px; font-size:16px; background-color:#FCFFF3; } #editarperfil strong { clear:both; display:block; height:25px; padding:10px 0 0 0; font-size:20px; color:#666; letter-spacing:-0.03em; font-weight:bold; text-transform:uppercase; } #editarperfil div.curte label { height:100px; } #editarperfil div.favoritos { float:left; padding:0 0 10px 0; } #editarperfil div.favoritos strong {} #editarperfil div.favoritos label { width:200px; height:10px; _padding:0; } #editarperfil div.favoritos label input { float:left; width:15px; margin:0 3px 0 0; border:none; background-color:transparent; } #editarperfil div.favoritos label b { _padding:5px 0 0 0; } #editarperfil div.fotos { float:left; width:690px; padding:0 0 10px 0; } #editarperfil div.fotos strong { text-transform:none; } #editarperfil div.fotos span { display:block; height:25px; _height:50px; letter-spacing:-0.03em; font-size:16px; font-weight:bold; color:#999; } #editarperfil div.fotos div.foto { float:left; width:640px; height:68px; padding:10px 0 10px 10px; margin:0 0 10px 0; _margin:-20px 0 0 0; background:url(../images/perfil-editar-fotos-bg.gif) top left no-repeat; } #editarperfil div.fotos div.foto label { float:left; width:280px; } #editarperfil div.fotos div.foto label b { display:none; } #editarperfil div.fotos div.foto label input { float:left; width:264px; } #editarperfil div.fotos div.foto label.arquivo { width:560px; height:25px; } #editarperfil label.arquivo input { float:left; display:block; width:450px !important; height:25px; padding:0; border-top:1px solid #666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #666; } #editarperfil label.arquivo strong.procurar { float:right; display:inline; width:100px; height:23px; padding:0; margin:-25px 0 0 0; _margin:0 0 0 0; cursor:pointer; background:url(../images/ideia-enviar-bt-procurar.gif) top left no-repeat; overflow:hidden; } #editarperfil label.arquivo strong.procurar input { float:none; width:100px; height:25px; padding:0; margin:0 0 0 -30px; _margin:0 0 0 -352px; cursor:pointer !important; background:none; opacity:0; filter:alpha(opacity=0); } #editarperfil div.fotos a.removerfoto { float:left; display:block; width:50px; height:20px; margin-top:-30px; font-weight:bold; text-transform:lowercase; letter-spacing:-0.086em; font-size:12px; color:#999; text-decoration:underline; } #editarperfil div.fotos a:hover.removerfoto { text-decoration:none; } #editarperfil div.fotos a.addoutrafoto { clear:both; display:block; _margin:-20px 0 0 0; font-weight:bold; text-transform:lowercase; letter-spacing:-0.03em; font-size:14px; color:#666; text-decoration:underline; } #editarperfil div.fotos a:hover.addoutrafoto { text-decoration:none; } #editarperfil div.fotosadicionadas { float:left; } #editarperfil div.fotosadicionadas strong { text-transform:none; } #editarperfil div.fotosadicionadas ul { display:block; width:630px; } #editarperfil div.fotosadicionadas ul li { float:left; display:block; width:100px; height:100px; border:10px solid #fff; margin:0 2px 2px 0; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/csshover3.htc); background-position:center center; background-repeat:no-repeat; } #editarperfil div.fotosadicionadas ul li div.opcoes { display:block; width:100px; height:65px; padding:35px 0 0 0; text-align:center; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/perfil-editar-foto-bg.png) top left no-repeat; overflow:hidden; } #editarperfil div.fotosadicionadas ul li div.opcoes a { display:block; margin:0 0 10px 0; letter-spacing:-0.09em; font-weight:bold; font-size:12px; color:#FFC33D; text-transform:lowercase; } #editarperfil div.fotosadicionadas ul li div.avatar { display:block; width:100px; height:100px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/perfil-editar-foto-avatar.png) top left no-repeat; overflow:hidden; } #editarperfil button#salvar { display:block; width:150px; height:54px; background:url(../images/perfil-editar-bt-salvar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #editarperfil button#salvar:hover { background-position:0 -54px; } #editarperfil a.querosair { float:right; display:block; width:268px; height:27px; margin:-27px 10px 0 0; _margin-right:0; background:url(../images/perfil-bt-querosair.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #editarperfil a.querosair:hover { background-position:0 -27px; } #editarperfil-editarfoto { overflow:hidden; } #editarperfil-editarfoto .foto { width:640px; padding:0 0 10px 0; overflow:hidden; } #editarperfil-editarfoto .foto img { display:block; background:#fff; } #editarperfil-editarfoto .comofunciona { float:left; width:500px; height:100; padding:0 20px 0 0; overflow:hidden; } #editarperfil-editarfoto .comofunciona .avatar { float:left; width:100px; height:100px; margin:0 10px 0 0; overflow:hidden; } #editarperfil-editarfoto .comofunciona .avatar img { float:left; display:block; width:100px; height:100px; margin:0; background-color:transparent; } #editarperfil-editarfoto .comofunciona h3 { margin:0 0 10px 0; font-size:18px; letter-spacing:-0.03em; color:#666; } #editarperfil-editarfoto .comofunciona p { display:block; width:310px; height:40px; font-size:12px; letter-spacing:-0.03em; font-weight:bold; color:#666; background:url(../images/perfil-editar-foto-texto-instrucoes.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #editarperfil-editarfoto a.outrafoto { float:right; display:block; width:119px; height:27px; margin:0; background:url(../images/perfil-editar-foto-bt-outrafoto.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #editarperfil-editarfoto a:hover.outrafoto { background-position:0 -27px !important; } #editarperfil-editarfoto form { float:right; display:block; width:119px; height:54px; padding:10px 0 0 0; } #editarperfil-editarfoto button.ok { display:block; width:119px; height:54px; background:url(../images/perfil-editar-foto-bt-ok.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #editarperfil-editarfoto button.ok:hover { background-position:0 -54px; } /* enquete */ #chamada-enquete { width:218px; padding:15px 0 15px 12px; margin:0 0 0 0; background-color:#E1E4D9; } #chamada-enquete p.pergunta { display:block; width:205px; padding:0 0 8px 0; color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } #chamada-enquete ul.opcoes { display:block; padding:12px 0 0 0; margin:0 0 0 0; border-top:1px solid #fff; border-bottom:1px solid #fff; } #chamada-enquete ul.opcoes li { display:block; } #chamada-enquete ul.opcoes li label { display:block; padding:0 0 10px 0; } #chamada-enquete ul.opcoes li label input { float:left; display:block; margin:0 5px 0 0; border:none; background:none; } #chamada-enquete ul.opcoes li label b { color:#888; font-size:14px; letter-spacing:0; font-weight:bold; } #chamada-enquete ul.respostas { display:block; width:206px; padding:12px 0 0 0; margin:0; border-top:1px solid #fff; border-bottom:1px solid #fff } #chamada-enquete ul.respostas li { display:block; padding:0 0 12px 0; } #chamada-enquete ul.respostas li strong.resposta { display:block; padding:0 0 5px 0; letter-spacing:-0.08em; color:#666; font-weight:bold; font-size:14px; } #chamada-enquete ul.respostas li strong.resposta span.porcentagem { color:#FF9700; } #chamada-enquete ul.respostas li span.resultado { display:block; height:12px; background-color:#fff; } #chamada-enquete ul.respostas li span.resultado strong.porcentagem { display:block; height:12px; background:url(../images/chamada-enquete-resultado-bg.gif) top left repeat-x; text-indent:-4765px; overflow:hidden; } #chamada-enquete button { float:right; display:block; width:92px; height:27px; margin:10px 10px 0 0; _margin:10px 5px 0 0; background:url(../images/chamada-enquete-bt-votar.gif) 0 -27px no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-enquete button.ativo { background-position:0 0; } #chamada-enquete a.resultados { float:left; display:block; width:109px; height:27px; margin:10px 0 0 0; background:url(../images/chamada-enquete-bt-resultados.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-enquete a:hover.resultados { background-position:0 -27px; } #chamada-enquete a.voltar { clear:both; display:block; width:109px; height:27px; margin:10px 0 0 0; background:url(../images/chamada-enquete-bt-voltar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-enquete a:hover.voltar { background-position:0 -27px; } #chamada-enquete span.total { display:block; padding:10px 0 0 0; color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } #chamada-enquete span.total strong { color:#666; } /* enviar ideia */ #enviarideia { padding:15px 11px 41px 11px; background:url(../images/enviarideia-bg.gif) bottom left no-repeat #E1E4D9; } #enviarideia label { float:left; display:block; } #enviarideia label b { display:none; } #enviarideia label textarea { width:525px; height:95px; padding:5px 5px 0 5px; color:#FFC33D; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #c3c3c3; } #enviarideia button { float:right; display:block; width:119px; height:54px; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #enviarideia button.ativo { background-position:0 -54px; } #enviarideia a.enviaravancado { float:right; display:block; width:119px; height:27px; margin:-30px 0 0 0; background:url(../images/enviarideia-bt-enviaravancado.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #enviarideia a:hover.enviaravancado { background-position:0 -27px; } /* enviar ideia avançado */ #envioavancado { padding:15px 11px 41px 11px; background:url(../images/enviarideia-bg.gif) bottom left no-repeat #E1E4D9; } #envioavancado label { float:left; display:block; padding:0 0 10px 0; } #envioavancado label b { display:none; } #envioavancado label input { width:525px; height:25px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #envioavancado label select { width:540px; height:27px; padding:3px 0 0 0; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fcfff3; } #envioavancado label textarea { width:525px; height:95px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #envioavancado label.avisado b { float:left; display:block; width:344px; height:12px; background:url(../images/ideia-enviar-aviso2.gif) 0 5px no-repeat; text-indent:-4765px; overflow:hidden; } #envioavancado label.foto b { float:left; display:block; padding:6px 10px 0 0; color:#999; font-size:16px; letter-spacing:-0.05em; font-weight:bold; } #envioavancado label.foto input { float:left; width:300px; height:16px; padding:4px 3px 3px 3px; border-top:1px solid #666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #666; } #envioavancado strong.procurar { float:right; display:inline; width:100px; height:23px; padding:0; margin:0; _margin:0 130px 0 0; cursor:pointer; background:url(../images/ideia-enviar-bt-procurar.gif) top left no-repeat; overflow:hidden; } #envioavancado strong.procurar input { float:none; width:100px; height:23px; padding:0; margin:0 0 0 -30px; _margin:0; cursor:pointer !important; background:none; opacity:0; filter:alpha(opacity=0); } #envioavancado label.avisado b { display:block; padding:3px 0 0 0; width:500px; font-size:12px; letter-spacing:-0.03em; font-weight:bold; } #envioavancado label.avisado input { float:left; margin:0 3px 0 0; border:none; width:auto; height:auto; padding:0; background-color:transparent; } #envioavancado button { float:right; display:block; width:119px; height:54px; margin:-40px 0 0 0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #envioavancado button.ativo { background-position:0 -54px; } #envioavancado a.enviarsimples { float:right; display:block; width:119px; height:27px; margin:-40px 0 0 0; background:url(../images/enviarideia-bt-enviarsimples.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #envioavancado a:hover.enviarsimples { background-position:0 -27px; } /* erro */ #erro {} #erro p { font-size:16px; letter-spacing:-0.03em; font-weight:bold; color:#999; } /* fale conosco */ #faleconosco { } #faleconosco p { font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #faleconosco label { display:block; padding:0 0 8px 0; } #faleconosco label b { display:none; } #faleconosco label input { display:block; width:518px; height:25px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #faleconosco label select { width:260px; height:28px; font-size:14px; font-weight:bold; color:#999; } #faleconosco label.mensagem textarea { width:518px; height:95px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #faleconosco button.enviar { float:right; display:block; width:119px; height:54px; margin:0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #faleconosco-resposta {} #faleconosco-resposta p { font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #faleconosco-resposta p.enviada { margin:10px 0 2px 0; } #faleconosco-resposta p.obrigado { margin:20px 0 20px 0; } #faleconosco-resposta a.fecharjanela { display:block; width:119px; height:27px; margin:0; background:url(../images/faleconosco-bt-fecharjanela.gif) top left no-repeat; text-indent:-5000px; overflow:hidden; } #faleconosco-resposta a:hover.fecharjanela { background-position:0 -27px !important; } .sac-aviso #sac { position:relative; width:436px; height:225px; background:none; } .sac-aviso #sac h3#titulo-sac { display:none; } .sac-aviso #sac p.sac-aviso { display:block; width:436px; height:225px; background:url(../images/sac-aviso.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; } .sac-aviso #sac a.fechar { position:absolute; top:15px; right:15px; display:block; width:9px; height:9px; background:url(../images/sac-aviso-bt-fechar.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; } /* fotos */ #fotos { height:900px; padding:0 0 0 0; margin:0 0 20px 0; } #fotos object { width:960px; margin:0 0 0 10px; } .fotos div.filtros { position:absolute; width:600px; height:20px; margin:-40px 0 0 440px; z-index:1; } .fotos div.filtros a.maisfotos { float:left; display:block; width:119px; height:27px; background:url(../images/fotos-bt-maisfotos.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } .fotos div.filtros a:hover.maisfotos { background-position:0 -27px; } .fotos div.filtros form { float:left; display:block; margin:0; padding:3px 0 0 20px; } .fotos div.filtros label { float:left; display:block; padding:0 30px 0 0; } .fotos div.filtros label b { float:left; display:block; padding:3px 5px 0 0; text-transform:lowercase; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#666; } .fotos div.filtros label select { float:left; display:block; width:90px; height:20px; color:#888; font-weight:bold; font-size:12px; letter-spacing:0; } /* ideias */ #ideias { padding:0 0 15px 0; } #ideias ul { } #ideias ul li { display:block; height:100%; padding:10px; margin:0 0 10px 0; border-bottom:1px solid #e7e7e7; overflow:hidden; } #ideias ul li.lidapelapepsico { margin-top:-10px; _margin-top:-11px; background-color:#F0F3E7; } #ideias ul li .info { width:510px; height:50px; padding:0 0 10px 0; } #ideias ul li .info a.avatar { float:left; display:block; width:30px; height:30px; } #ideias ul li .info a.avatar img { display:block; width:30px; height:30px; } #ideias ul li .info strong.autor { float:left; display:block; padding:8px 10px; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color:#666; } #ideias ul li .info em.datahora { float:left; display:block; padding:0 0 0 10px; margin:8px 0 0 0; border-left:1px solid #ccc; font-style:normal; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color:#ccc; } #ideias ul li .info h3.titulodaideia { clear:left; display:block; width:520px; height:24px; padding:0 0 0 40px; color:#FF9700; font-size:16px; letter-spacing:-0.03em; font-weight:bold; } #ideias ul li .info h3.titulodaideia a { color:#FF9700; } #ideias ul li .info h3.titulodaideia a:hover { text-decoration:underline; } #ideias ul li .ideia { float:left; width:520px; padding:0 20px 10px 0; } #ideias ul li .ideia img { float:left; display:block; width:100px; height:100px; padding:0 15px 0 0; } #ideias ul li .ideia p a { font-size:14px; letter-spacing:0; color:#666; font-weight:normal; text-decoration:none; } #ideias ul li.destaque .ideia p a { color:#ffc33d; font-size:20px; letter-spacing:-1px; font-weight:bold; } #ideias ul li .tags { clear:both; width:500px; padding:15px 0 10px 0; } #ideias ul li .tags span { float:left; display:block; margin:0 5px 0 0; color:#999; font-weight:bold; letter-spacing:-0.03em; text-transform:lowercase; } #ideias ul li .tags ul { } #ideias ul li .tags ul li { display:inline; padding:0 2px 0 0; border:none; } #ideias ul li .tags ul li a { color:#999; font-weight:bold; letter-spacing:-0.03em; } #ideias ul li .comentarios { clear:both; width:500px; padding:5px 0 0 0; } #ideias ul li .comentarios span.quantos { float:left; display:block; width:28px; height:22px; padding:4px 0 0 0; margin:0 10px 0 0; text-align:center; font-weight:bold; font-size:14px; color:#fff; background:url(../images/ideias-comentarios-bg.gif) top left no-repeat; overflow:hidden; } #ideias ul li .comentarios a.comente { display:block; width:97px; height:22px; background:url(../images/ideias-bt-comente.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideias ul li .comentarios a:hover.comente { background-position:0 -22px; } #ideias ul li .avaliacao { float:right; width:125px; margin:-30px 0 0 0; } #ideias ul li .avaliacao #votar { float:left; height:90px; } #ideias ul li .avaliacao strong { display:block; padding:0 0 5px 0; font-size:20px; color:#999; letter-spacing:-0.086em; font-weight:bold; } #ideias ul li .avaliacao a.sim { float:left; display:block; width:58px; height:58px; margin:0 2px 0 0; background:url(../images/ideias-votar-sim.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideias ul li .avaliacao a:hover.sim { background-position:0 -58px; } #ideias ul li .avaliacao a.nao { float:left; display:block; width:58px; height:58px; background:url(../images/ideias-votar-nao.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideias ul li .avaliacao a:hover.nao { background-position:0 -58px; } #ideias ul li .avaliacao a.pular { float:left; display:inline; width:119px; height:27px; margin:5px 0; background:url(../images/ideias-bt-pularideia.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideias ul li .avaliacao a:hover.pular { background-position:0 -27px; } #ideias ul li .avaliacao label.repetida { clear:both; display:block; padding:5px 0 0 0; } #ideias ul li .avaliacao label.repetida input { float:left; display:block; margin:0 3px 0 0; border:none; background-color:transparent; } #ideias ul li .avaliacao label.repetida b { display:block; width:102px; height:11px; padding:4px 0 0 0; background:url(../images/ideias-marcarcomorepetida2.gif) bottom right no-repeat; text-indent:-4765px; overflow:hidden; } #ideias ul li .avaliacao em.lidapelapepsico { display:block; width:124px; height:25px; padding:0 0 10px 0; margin:-12px 0 0 0; _margin:0 0 0 0; background:url(../images/ideias-lidapelapepsico-bg.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideias ul li .avaliacao ul { float:left; } #ideias ul li .avaliacao ul li { display:block; width:96px; height:12px; padding:0 0 0 23px; margin:0 0 5px 0; border:none; text-indent:-4765px; } #ideias ul li .avaliacao ul li.sim { background:url(../images/ideias-avaliacao-sim-bg.gif) -1px 0 no-repeat; } #ideias ul li .avaliacao ul li.sim strong { background:url(../images/ideias-avaliacao-sim.gif) 1px 0 repeat-x; } #ideias ul li .avaliacao ul li.nao { background:url(../images/ideias-avaliacao-nao-bg.gif) -1px 0 no-repeat; } #ideias ul li .avaliacao ul li.nao strong { background:url(../images/ideias-avaliacao-nao.gif) 1px 0 repeat-x; } #tooltip { position:absolute; width:45px; height:26px; padding:3px 0 0 0; color:#fff; font-weight:bold; letter-spacing:-0.086em; text-align:center; background-position:top left; background-repeat:no-repeat; z-index:3000; } .tp-sim { behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background-image:url(../images/ideias-avaliacao-tooltip-sim-bg.png); } .tp-nao { behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background-image:url(../images/ideias-avaliacao-tooltip-nao-bg.png); } #tooltip h3, #tooltip div { margin:0; font-size:14px; } #ideias a.todasideias { display:block; width:671px; height:54px; margin:0 auto; background:url(../images/ideias-bt-vejatodas.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideias #filtro h3#subtitulo-filtrodeideias { display:block; padding:0 0 5px 0; font-size:22px; letter-spacing:-0.03em; color:#999; } #ideias #filtro { } #ideias #filtro form { padding:5px 0; margin:0 0 15px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; } #ideias #filtro label { float:left; display:block; padding:0 10px 0 0; } #ideias #filtro label b { display:none; } #ideias #filtro label select { width:140px; height:20px; padding:2px 0 0 0; font-size:11px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #ideias #filtro label.pormarca { } #ideias #filtro label.ordem { } #ideias #filtro label.buscaremideias { } #ideias #filtro label.buscaremideias input { width:184px; height:16px; padding:2px 3px 0 3px; font-weight:bold; letter-spacing:-0.03em; color:#888; font-size:12px; } #ideias #filtro button { float:left; display:block; width:26px; height:25px; margin:0 0 0 0; background:url(../images/ideias-filtro-bt-buscar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideias #filtro button:hover { background-position:0 -25px; } #ideias #filtro label.comselo { float:right; width:130px; padding:0; } #ideias #filtro label.comselo input { float:left; display:block; border:none; margin:0 3px 0 0; } #ideias #filtro label.comselo b { display:block; height:22px; overflow:hidden; } /* ideia */ #ideia { padding:0 0 15px 10px; overflow:hidden; } #ideia .info { width:510px; height:30px; padding:0 0 10px 0; } #ideia .info a.avatar { float:left; display:block; width:30px; height:30px; } #ideia .info a.avatar img { display:block; width:30px; height:30px; } #ideia .info strong.autor { float:left; display:block; padding:8px 10px; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color:#666; } #ideia .info em.datahora { float:left; display:block; padding:0 0 0 10px; margin:8px 0 0 0; border-left:1px solid #ccc; font-style:normal; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color:#ccc; } #ideia h3.titulodaideia { float:left; display:block; width:500px; color:#ffc33d; font-size:20px; letter-spacing:-0.03em; font-weight:bold; } #ideia .ideia { float:left; width:520px; padding:5px 20px 10px 0; } #ideia .ideia img { float:left; display:block; width:100px; height:100px; padding:0 15px 0 0; } #ideia .ideia p { font-size:14px; letter-spacing:0; color:#666; font-weight:normal; } #ideia .tags { float:left; width:500px; padding:10px 0 15px 0; } #ideia .tags span { float:left; display:block; margin:0 5px 0 0; color:#999; font-weight:bold; letter-spacing:-0.03em; text-transform:lowercase; } #ideia .tags ul { } #ideia .tags ul li { display:inline; padding:0 2px 0 0; border:none; } #ideia .tags ul li a { color:#999; font-weight:bold; letter-spacing:-0.03em; text-decoration:none; } #ideia .tags ul li a:hover { text-decoration:underline; } #ideia .avaliacao { float:right; width:120px; margin:-60px 0 10px 0; } #ideia .avaliacao strong { display:block; padding:0 0 5px 0; font-size:20px; color:#999; letter-spacing:-0.086em; font-weight:bold; } #ideia .avaliacao a.sim { float:left; display:block; width:58px; height:58px; margin:0 2px 0 0; background:url(../images/ideias-votar-sim.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideia .avaliacao a:hover.sim { background-position:0 -58px; } #ideia .avaliacao a.nao { float:left; display:inline; width:58px; height:58px; background:url(../images/ideias-votar-nao.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideia .avaliacao a:hover.nao { background-position:0 -58px; } #ideia .avaliacao a.pular { float:left; display:inline; width:119px; height:27px; margin:5px 0; background:url(../images/ideias-bt-pularideia.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideia .avaliacao label.repetida { clear:both; display:block; padding:10px 0 5px 0; } #ideia .avaliacao label.repetida input { float:left; display:block; margin:0 3px 0 0; border:none; background-color:transparent; } #ideia .avaliacao label.repetida b { display:block; padding:4px 0 0 0; background:url(../images/ideias-marcarcomorepetida2.gif) bottom right no-repeat; text-indent:-4765px; overflow:hidden; } #ideia .avaliacao ul { float:left; padding:10px 0 0 0; } #ideia .avaliacao ul li { display:block; width:96px; height:12px; padding:0 0 0 23px; margin:0 0 5px 0; _margin:0 0 -8px 0; border:none; text-indent:-4765px; } #ideia .avaliacao ul li.sim { background:url(../images/ideias-avaliacao-sim-bg.gif) -1px 0 no-repeat; } #ideia .avaliacao ul li.sim strong { background:url(../images/ideias-avaliacao-sim.gif) 1px 0 repeat-x; } #ideia .avaliacao ul li.nao { background:url(../images/ideias-avaliacao-nao-bg.gif) -1px 0 no-repeat; } #ideia .avaliacao ul li.nao strong { background:url(../images/ideias-avaliacao-nao.gif) 1px 0 repeat-x; } #ideia #comentar { clear:both; width:671px; height:130px; padding:15px 10px 41px 10px; margin:0 0 0 -10px; border-top:1px solid #ccc; background:url(../images/enviarideia-bg.gif) bottom left no-repeat #E1E4D9; } #ideia #comentar form { float:left; display:block; } #ideia #comentar label { float:left; display:block; } #ideia #comentar label textarea { width:525px; height:95px; padding:5px 5px 0 5px; color:#FFC33D; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; border-top:2px solid #c3c3c3; border-right:2px solid #c3c3c3; border-bottom:2px solid #efefef; border-left:2px solid #c3c3c3; } #ideia #comentar label.comente b { display:none; } #ideia #comentar label.aviso { width:500px; padding:5px 0 0 0; } #ideia #comentar label.aviso input { float:left; display:block; margin:0 3px 0 0; border:none; background:none; } #ideia #comentar label.aviso b { display:block; width:369px; height:12px; padding:4px 0 0 0; background:url(../images/ideia-avisar-comentarios2.gif) 0 4px no-repeat; text-indent:-4765px; overflow:hidden; } #ideia #comentar button { float:right; display:block; width:119px; height:54px; margin:-55px 0 0 0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideia #comentar button.ativo { background-position:0 -54px; } #ideia #outrasideias { clear:both; width:670px; height:100px; padding:0 10px 0 0; margin:10px 0 0 0; background:url(../images/ideia-outrasideias-bg.gif) bottom right no-repeat; } #ideia #outrasideias a.avatar { float:left; display:block; width:100px; height:100px; } #ideia #outrasideias strong { float:left; display:block; padding:10px 10px 7px 45px; font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#666; } #ideia #outrasideias a.vertodas { float:left; display:block; padding:10px 0 0 0; text-decoration:none; font-size:11px; letter-spacing:-0.03em; font-weight:bold; color:#666; text-transform:lowercase; } #ideia #outrasideias a:hover.vertodas { text-decoration:underline; } #ideia #outrasideias ul { float:left; display:block; width:525px; padding:0 0 0 45px; } #ideia #outrasideias ul li { float:left; display:block; width:155px; padding:0 20px 0 0; margin:0; _padding:0 0 0 0; } #ideia #outrasideias ul li p.ideia { width:155px; letter-spacing:0; font-weight:normal; font-size:11px; color:#999; } #ideia #outrasideias ul li p.ideia a { color:#666; } #ideia #outrasideias ul li span.votos { clear:both; display:block; color:#FF9700; font-size:11px; letter-spacing:-0.03em; font-weight:bold; } #ideia #comentarios { clear:both; width:550px; padding:30px 0 0 0; } #ideia #comentarios div.comentario { width:670px; } #ideia #comentarios div.comentario .info { width:670px; } #ideia #comentarios div.comentario .info em.datahora { float:right; border:none; padding:0; } #ideia #comentarios div.comentario p.comentario { clear:both; float:none; display:block; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:normal; color:#666; letter-spacing:0; } /* ideia repetida */ #ideiarepetida {} #ideiarepetida label { display:block; padding:0 0 8px 0; } #ideiarepetida label b { font-size:16px; letter-spacing:-0.03em; font-weight:bold; color:#999;} #ideiarepetida label input { display:block; width:432px; height:25px; padding:5px 5px 0 5px; margin:5px 0 0 0; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #ideiarepetida button { float:right; display:block; width:84px; height:30px; margin:-40px 0 0 0; background:url(../images/ideia-repetida-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #ideiarepetida button.ativo { background-position:0 -30px; } /* leaderboard */ #chamada-leaderboard { width:218px; padding:15px 0 15px 12px; margin:0 0 10px 0; background-color:#E1E4D9; } #chamada-leaderboard ul { border-bottom:1px solid #fff; overflow:hidden; } #chamada-leaderboard ul li { clear:both; display:block; height:30px; border-top:1px solid #fff; } #chamada-leaderboard ul li a.avatar { float:left; display:block; width:30px; height:30px; background-color:silver; } #chamada-leaderboard ul li a.avatar img { display:block; width:30px; height:30px; } #chamada-leaderboard ul li span.posicao { float:left; display:block; width:15px; padding:7px 0 0 5px; text-align:right; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#666; } #chamada-leaderboard ul li p.nome { float:left; display:block; padding:7px 0 0 5px; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#666; } #chamada-leaderboard ul li span.pontos { float:right; display:block; padding:8px 5px 0 0; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#FF9700; } /* lembrete de senha */ #lembretedesenha {} #lembretedesenha p { font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } /* modal alerta */ #modalalerta {} #modalalerta p { font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } /* links */ #chamada-links { width:218px; padding:15px 0 15px 12px; margin:0 0 10px 0; background-color:#E1E4D9; } #chamada-links ul { overflow:hidden; } #chamada-links ul li { } #chamada-links ul li a { display:block; width:218px; padding:0 0 10px 0; border-bottom:1px solid #fff; letter-spacing:0; font-weight:bold; color:#FF9700; } #chamada-links ul li p { display:block; padding:5px 15px 15px 0; color:#666; font-weight:normal; letter-spacing:0; } #chamada-links a.maislinks { display:block; width:119px; height:27px; padding:0; border:none; background:url(../images/chamada-links-bt-maislinks.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-links a:hover.maislinks { background-position:0 -27px; } #links { background-color:#fff; } #links #enviarlink { padding:10px 10px 35px 10px; background:url(../images/enviarideia-bg.gif) bottom left no-repeat #E1E4D9; } #links #enviarlink h3#subtitulo-recomendarlink { display:block; padding:0 0 10px 0; font-size:22px; letter-spacing:-0.03em; color:#888; text-transform:lowercase; } #links #enviarlink label { display:block; padding:0 0 10px 0; } #links #enviarlink label b { display:none; } #links #enviarlink label input { display:block; width:525px; height:25px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #links #enviarlink label textarea { width:525px; height:40px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #links #enviarlink label.comente small { display:block; width:535px; padding:3px 0 0 0; text-align:right; font-size:12px; letter-spacing:-0.03em; color:#999; } #links #enviarlink button { float:right; display:block; width:119px; height:54px; margin:-60px 0 0 0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #links #enviarlink button.ativo { background-position:0 -54px; } #links ul#listadelinks #marcas #marca, #links ul#listadelinks li.link #marcas #marca, #links ul#listadelinks li.link div { padding:0 0 13px 0; margin:0 0 13px 0; border-bottom:1px solid #e7e7e7; } #links ul#listadelinks li.link div .foto { float:left; width:30px; height:30px; padding:0 10px 15px 0; margin:0; border:none; } #links ul#listadelinks li.link div .foto a { display:block; width:30px; height:30px; text-indent:-4765px; overflow:hidden; } #links ul#listadelinks li.link div .foto a img { display:block; width:30px; height:30px; background-color:silver; } #links ul#listadelinks li.link div a.url { font-size:22px; font-weight:bold; letter-spacing:-0.03em; color:#666; text-decoration:none; } #links ul#listadelinks li.link div a:hover.url { text-decoration:underline; } #links ul#listadelinks li.link div .tags { float:left; border:none; margin:0; } #links ul#listadelinks li.link div .tags span { float:left; display:block; padding:0 5px 0 0; color:#888; font-size:11px; letter-spacing:-0.03em; text-transform:lowercase; } #links ul#listadelinks li.link div .tags ul { width:600px; } #links ul#listadelinks li.link div .tags ul li { display:inline; } #links ul#listadelinks li.link div .tags ul li a { padding-right:3px; color:#888; font-size:11px; font-weight:bold; letter-spacing:-0.03em; text-decoration:none; } #links ul#listadelinks li.link div .tags ul li a:hover { text-decoration:underline; } #links ul#listadelinks li.link div p.comentario { clear:both; color:#666; font-size:14px; font-weight:normal; letter-spacing:0; } /* marcas */ #marcas { width:691px; } #marcas #marca h3.logo { float:left; display:block; width:195px; height:130px; background-position:center center; background-repeat:no-repeat; text-indent:-4765px; overflow:hidden; } #marcas #marca.cheetos h3.logo { background-image:url(../images/marca-cheetos.gif); } #marcas #marca.classicos h3.logo { background-image:url(../images/marca-classicos.gif); } #marcas #marca.coqueiro h3.logo { background-image:url(../images/marca-coqueiro.gif); } #marcas #marca.doritos h3.logo { background-image:url(../images/marca-doritos.gif); } #marcas #marca.fandangos h3.logo { background-image:url(../images/marca-fandangos.gif); } #marcas #marca.gatorade h3.logo { background-image:url(../images/marca-gatorade.gif); } #marcas #marca.h2oh h3.logo { background-image:url(../images/marca-h2oh.gif); } #marcas #marca.lipton h3.logo { background-image:url(../images/marca-lipton.gif); } #marcas #marca.opa h3.logo { background-image:url(../images/marca-opa.gif); } #marcas #marca.pepsi h3.logo { background-image:url(../images/marca-pepsi.gif); } #marcas #marca.quaker h3.logo { background-image:url(../images/marca-quaker.gif); } #marcas #marca.ruffles h3.logo { background-image:url(../images/marca-ruffles.gif); } #marcas #marca.sensacoes h3.logo { background-image:url(../images/marca-sensacoes.gif); } #marcas #marca.stax h3.logo { background-image:url(../images/marca-stax.gif); } #marcas #marca.toddy h3.logo { background-image:url(../images/marca-toddy.gif); } #marcas #marca.toddynho h3.logo { background-image:url(../images/marca-toddynho.gif); } #marcas p.descricao { display:block; height:60px; padding:25px 0 60px 0; letter-spacing:0; font-size:14px; color:#666; font-weight:normal; } #marcas a.endereco { display:block; padding:10px 0 0 0; letter-spacing:-0.03em; font-size:14px; font-weight:bold; color:#FF9700; text-decoration:none; } #marcas a:hover.endereco { text-decoration:underline; } #marcas div.moderador { float:left; display:block; width:496px; height:30px; padding:0 0 30px 195px; } #marcas div.moderador a { display:block; height:30px; } #marcas div.moderador img.avatar { float:left; display:block; width:30px; height:30px; background-color:silver; } #marcas div.moderador strong.nome { float:left; display:block; padding:8px 0 0 5px; letter-spacing:-0.03em; font-size:14px; font-weight:bold; color:#888; text-decoration:none; } #marcas #top10ideias { float:left; width:325px; height:294px; padding:12px 10px; margin:0 1px 0 0; background-color:#E1E4D9; } #marcas #top10ideias h4 { display:block; width:200px; height:40px; letter-spacing:-0.086em; font-size:20px; color:#666; font-weight:bold; } #marcas #top10ideias a.querovotar { float:right; display:block; width:108px; height:27px; margin:-40px 0 0 0; background:url(../images/marcas-bt-votar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #marcas #top10ideias a:hover.querovotar { background-position:0 -27px; } #marcas #top10ideias ol { height:246px; } #marcas #top10ideias ol li { float:left; display:block; width:325px; height:18px; padding:5px 0 2px 0; margin:0; } #marcas #top10ideias ol li span.posicao { float:left; display:block; padding:0 3px 0 0; font-size:14px; font-weight:bold; color:#666; } #marcas #top10ideias ol li a { float:left; display:block; font-size:14px; letter-spacing:-0.03em; color:#999; font-weight:bold; text-decoration:none; } #marcas #top10ideias ol li a:hover { text-decoration:underline; } #marcas #top10ideias ol li span.votos { float:right; display:block; font-size:14px; color:#FF9700; letter-spacing:-0.03em; font-weight:bold; } #marcas #mural { float:left; width:325px; height:294px; padding:12px 10px; background-color:#E1E4D9; } #marcas #mural h4 { display:block; width:200px; height:40px; letter-spacing:-0.03em; font-size:20px; color:#666; font-weight:bold; } #marcas #mural label { float:left; display:block; height:40px; } #marcas #mural label b { display:none; } #marcas #mural label input { display:block; width:225px; height:20px; padding:5px 5px 0 5px; color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #marcas #mural button { float:right; display:block; width:75px; height:27px; background:url(../images/marcas-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #marcas #mural button:hover { background-position:0 -27px; } #marcas #mural ul#recados { height:175px; } #marcas #mural ul#recados li { clear:both; display:block; height:37px; padding:2px 0 3px 0; _padding-bottom:0; margin:0 0 2px 0; border-bottom:1px solid #fff; } #marcas #mural ul#recados li img { float:left; display:block; width:30px; height:30px; margin:0 10px 0 0; background-color:silver; } #marcas #mural ul#recados li p { float:left; display:block; width:280px; color:#888; letter-spacing:0; font-size:11px; } #marcas #curtem { float:left; width:690px; padding:30px 0 0 0; } #marcas #curtem h4 { display:block; width:500px; padding:0 0 10px 0; font-size:32px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #marcas #curtem #esteira { width:690px; } #marcas #curtem #esteira #listasnackrs-esteira { width:690px !important; } #marcas #curtem #esteira a.anterior { float:left; display:block; width:25px; height:94px; background:url(../images/marcas-esteira-bt-anterior.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #marcas #curtem #esteira a.proxima { float:right; display:block; width:25px; height:94px; background:url(../images/marcas-esteira-bt-proximo.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #marcas #curtem #esteira a:hover.anterior, #marcas #curtem #esteira a:hover.proxima { background-position:bottom left; } #marcas #curtem #esteira #lista { float:left; width:630px !important; padding:0 0 0 10px; overflow:hidden; } #marcas #curtem #esteira ul { float:left; display:block; width:630px; height:93px; padding:0 0 0 10px; } #marcas #curtem #esteira ul li { display:block; width:630px; height:93px; } #marcas #curtem #esteira ul li a { float:left; display:block; width:30px; height:30px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:white; } #marcas #curtem #esteira ul li a img { display:block; width:30px; height:30px; border:none; } #marcas #ultimasfotos { float:left; padding:20px 0 50px 0; } #marcas #ultimasfotos h4 { display:block; width:500px; padding:0 0 10px 0; font-size:32px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #marcas #ultimasfotos #galeriadefotos { display:block; width:690px; height:311px; background-color:#fff; } /* paginacao */ .paginacao { clear:both; padding:0 0 0 0; } .paginacao ul { height:30px; padding:0 0 0 0; } .paginacao ul li { float:left; display:block; width:25px; height:25px; padding:0 2px 0 0; text-align:center; } .paginacao ul li.semanterior { display:block; width:25px; height:25px; padding:0 10px 0 0; background:url(../images/default-paginacao-bt-semanterior.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } .paginacao ul li.semproxima { display:block; width:25px; height:25px; padding:0 0 0 10px; background:url(../images/default-paginacao-bt-semproxima.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } .paginacao ul li.anterior { background:url(../images/default-paginacao-bt-anterior.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } .paginacao ul li.proxima { background:url(../images/default-paginacao-bt-proxima.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } .paginacao ul li a { display:block; width:20px; height:17px; padding:3px 0 0 0; margin:3px 0 0 0; color:#999; letter-spacing:-0.086em; font-weight:bold; font-size:14px; text-decoration:none; } .paginacao ul li a:hover { color:#333; background-color:#ccc; } .paginacao ul li.ativa a { color:#fff; background-color:#999; } .paginacao ul li.anterior a, .paginacao ul li.proxima a, .paginacao ul li.anterior a:hover, .paginacao ul li.proxima a:hover { background-color:transparent; } #snackrs .paginacao { padding:10px 0 0 0; } #marcas .paginacao { clear:none; padding:0; } #marcas .paginacao ul { padding:0 0 0 0; } #marcas .paginacao li { width:22px; } #marcas #mural .paginacao { padding:15px 0 0 0; _padding:4px 0 0 0; } .blog .paginacao { padding:0 0 10px 0; } .blog .paginacao ul { height:30px; padding:0; } #ideia .paginacao ul { width:670px; padding:15px 0 0 0; margin:0 0 0 0; background:url(../images/default-graybar-bg.jpg) top left no-repeat; } #ideias .paginacao ul { height:30px; padding:15px 0 0 0; margin:-15px 0 0 0; background:url(../images/default-graybar-bg.jpg) top left no-repeat; } #ideias .paginacao ul li { float:left; display:block; width:30px; height:25px; padding:0 2px 0 0; border:none; } #ideias .paginacao ul li a { display:block; width:25px; height:17px; padding:3px 0 0 0; margin:3px 0 0 0; color:#999; letter-spacing:-0.086em; font-weight:bold; font-size:14px; text-decoration:none; } #ideias .paginacao ul li a:hover { color:#333; background-color:#ccc; } #ideias .paginacao ul li.ativa a { color:#fff; background-color:#999; } #ideias .paginacao ul li.anterior a, #ideias .paginacao ul li.proxima a, #ideias .paginacao ul li.anterior a:hover, #ideias .paginacao ul li.proxima a:hover { background-color:transparent; } #links .paginacao ul { width:690px; padding:15px 0 0 0; margin:-15px 0 20px 0; background:url(../images/default-graybar-bg.jpg) top left no-repeat; } /* perfil */ #perfil { width:691px; margin:0 0 20px 0; background-color:#E1E4D9; overflow:hidden; } #perfil span.nenhuma { display:block; height:20px; padding:10px 0; color:#FF9700; font-weight:bold; font-size:16px; letter-spacing:-0.03em; } /* perfil menu */ #perfil ul#perfil-menu { height:29px; background-color:#fff; } #perfil ul#perfil-menu li { float:left; display:block; height:29px; border-right:1px solid #fff; background-color:#7d7d7d; overflow:hidden; } #perfil ul#perfil-menu li a { display:inline-block; height:22px; padding:7px 10px 0 35px; text-transform:lowercase; text-align:center; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#fff; background-image:url(../images/perfil-menu-itens.gif); background-repeat:no-repeat; overflow:hidden; } #perfil ul#perfil-menu li.menu-perfil-selecionado a, #perfil ul#perfil-menu li.menu-recados-selecionado a, #perfil ul#perfil-menu li.menu-fotos-selecionado a, #perfil ul#perfil-menu li.menu-ideias-selecionado a, #perfil ul#perfil-menu li.menu-links-selecionado a, #perfil ul#perfil-menu li.menu-leitordeideias-selecionado a { color:#666; } #perfil ul#perfil-menu li.menu-perfil a { background-position:-251px 0; } #perfil ul#perfil-menu li.menu-recados a { background-position:-251px -29px; } #perfil ul#perfil-menu li.menu-fotos a { background-position:-251px -58px; } #perfil ul#perfil-menu li.menu-ideias a { background-position:-251px -87px; } #perfil ul#perfil-menu li.menu-links a { background-position:-251px -116px; } #perfil ul#perfil-menu li.menu-leitordeideias a { background-position:-251px -145px; } #perfil ul#perfil-menu li.menu-perfil-selecionado a { background-position:0 0; } #perfil ul#perfil-menu li.menu-recados-selecionado a { background-position:0 -29px; } #perfil ul#perfil-menu li.menu-fotos-selecionado a { background-position:0 -58px; } #perfil ul#perfil-menu li.menu-ideias-selecionado a { background-position:0 -87px; } #perfil ul#perfil-menu li.menu-links-selecionado a { background-position:0 -116px; } #perfil ul#perfil-menu li.menu-leitordeideias-selecionado a { background-position:0 -145px; } /* perfil conteudo */ #perfil #perfil-conteudo { float:left; width:671px; padding:10px; background-color:#E1E4D9; } #perfil #perfil-conteudo #info { height:100px; margin:0 0 10px 0; background-color:#fff; } #perfil #perfil-conteudo #info a.editarmeuperfil { position:absolute; display:block; width:133px; height:27px; margin:10px 0 0 531px; _margin:10px 0 0 -130px; background:url(../images/perfil-bt-editarmeuperfil.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #perfil-conteudo #info a:hover.editarmeuperfil { background-position:0 -27px; } #perfil #perfil-conteudo #info img.avatar { float:left; display:block; width:100px; height:100px; margin:0 10px 0 0; background-color:silver; } #perfil #perfil-conteudo #info h3.nome { float:left; display:block; width:550px; padding:10px 5px 7px 0; font-size:30px; font-weight:bold; letter-spacing:-1px; color:#666; } #perfil #perfil-conteudo #info span.apelido { display:block; padding:0 0 0 10px; font-size:14px; font-weight:normal; letter-spacing:0; color:#666; } #perfil #perfil-conteudo #info p.brevedescricao { float:left; display:block; width:290px; height:16px; padding-right:10px; font-size:13px; font-weight:normal; letter-spacing:0; color:#666; } #perfil #perfil-conteudo #info p.pontuacao { float:left; display:block; width:290px; padding:2px 0 0 0; font-size:14px; font-weight:normal; letter-spacing:0; } #perfil #perfil-conteudo #info p.pontuacao strong.pontos { padding:0 5px 0 0; color:#FFC33D; } #perfil #perfil-conteudo #info p.pontuacao strong.posicao { color:#666; } #perfil #perfil-conteudo #info p.online { float:left; display:block; width:260px; height:40px; margin:-16px 0 0 0; font-size:13px; font-weight:normal; letter-spacing:0; color:#666; } #perfil #perfil-conteudo #info p.online span.email { display:block; height:15px; padding-bottom:2px; } #perfil #perfil-conteudo #info p.online span.site { display:block; } #perfil #perfil-conteudo #info p.online span.site a { color:#999; } #perfil #perfil-conteudo h4.subtitulo { display:block; padding:0 0 5px 0; font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#FFC33D; } #perfil #perfil-conteudo #sobremim { float:left; width:365px; padding:10px; margin:0 10px 10px 0; background-color:#fff; } #perfil #perfil-conteudo #atividades { float:right; width:256px; padding:10px; margin:0 0 10px 0; background-color:#fff; } #perfil #perfil-conteudo #favoritos { float:left; width:375px; padding:10px 0 10px 10px; margin:0 10px 0 0; background-color:#fff; } #perfil #perfil-conteudo #curto { _float:left; width:276px; background-color:#fff; overflow:hidden; } #perfil #perfil-conteudo #curto strong { display:block; padding:10px 10px 0 10px; font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#666; } #perfil #perfil-conteudo #curto div { display:block; padding:10px; border-bottom:1px solid #E1E4D9; background-color:#fff; } #perfil #perfil-conteudo #curto div p { letter-spacing:0; font-weight:normal; color:#666; } #perfil #perfil-conteudo #favoritos ul.marcas { } #perfil #perfil-conteudo #favoritos ul.marcas li { float:left; display:block; width:86px; height:86px; margin:0 4px 4px 0; border:1px solid #ccc; background-position:center center; background-repeat:no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #perfil-conteudo #favoritos ul.marcas li a { display:block; width:86px; height:86px; text-indent:-4765px; overflow:hidden; } #perfil #perfil-conteudo #favoritos ul.marcas li.cheetos { background-image:url(../images/perfil-favoritos-marca-cheetos.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.classicos { background-image:url(../images/perfil-favoritos-marca-classicos.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.coqueiro { background-image:url(../images/perfil-favoritos-marca-coqueiro.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.doritos { background-image:url(../images/perfil-favoritos-marca-doritos.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.fandangos { background-image:url(../images/perfil-favoritos-marca-fandangos.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.gatorade { background-image:url(../images/perfil-favoritos-marca-gatorade.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.h2oh { background-image:url(../images/perfil-favoritos-marca-h2oh.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.lipton { background-image:url(../images/perfil-favoritos-marca-lipton.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.opa { background-image:url(../images/perfil-favoritos-marca-opa.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.pepsi { background-image:url(../images/perfil-favoritos-marca-pepsi.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.quaker { background-image:url(../images/perfil-favoritos-marca-quaker.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.ruffles { background-image:url(../images/perfil-favoritos-marca-ruffles.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.sensacoes { background-image:url(../images/perfil-favoritos-marca-sensacoes.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.stax { background-image:url(../images/perfil-favoritos-marca-stax.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.toddy { background-image:url(../images/perfil-favoritos-marca-toddy.jpg); } #perfil #perfil-conteudo #favoritos ul.marcas li.toddynho { background-image:url(../images/perfil-favoritos-marca-toddynho.jpg); } #perfil #perfil-conteudo #sobremim p, #perfil #perfil-conteudo #atividades p, #perfil #perfil-conteudo #favoritos p, #perfil #perfil-conteudo #curto p { color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } /* perfil recados */ #perfil #recados { } #perfil #recados h3.titulo { display:none; } #perfil #recados form.deixarrecado { width:650px; height:105px; padding:10px; margin:0 0 0 0; background-color:#fff; } #perfil #recados form.deixarrecado img { float:left; display:block; width:30px; height:30px; background-color:silver; } #perfil #recados form.deixarrecado label { float:left; display:block; width:480px; padding:0 0 0 10px; } #perfil #recados form.deixarrecado label b { display:none; } #perfil #recados form label textarea { float:left; display:block; width:466px; height:94px; padding:3px 5px; color:#FFC33D; font-size:20px; letter-spacing:-0.03em; font-weight:bold; } #perfil #recados form.deixarrecado button { float:right; display:block; width:119px; height:54px; margin:50px 0 0 0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #recados form.deixarrecado button.ativo { background-position:0 -54px; } #perfil #recados .recados { clear:both; width:670px; padding:0; margin:0; } #perfil #recados .recados div.recado { width:670px; padding:20px 0; margin:0 0 0 0; border-top:1px solid #fff; overflow:hidden; } #perfil #recados .recados div.recado .info { width:670px; } #perfil #recados .recados div.recado .info a.avatar { } #perfil #recados .recados div.recado .info a.avatar img { float:left; display:block; width:30px; height:30px; background-color:silver; } #perfil #recados .recados div.recado .info strong.autor { float:left; display:block; padding:8px 10px; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color:#666; } #perfil #recados .recados div.recado .info em.datahora { float:right; display:block; width:160px; text-align:right; border:none; padding:0; font-style:normal; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color:#999; } #perfil #recados .recados div.recado p.recado { clear:both; display:block; padding:15px 0; font-size:14px; font-weight:normal; color:#666; letter-spacing:0; } #perfil #recados .recados .recado a.responder { float:left; display:block; width:119px; height:27px; margin:0; background:url(../images/perfil-recados-bt-responder.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #recados .recados .recado a:hover.responder { background-position:0 -27px; } #perfil #recados .recados .recado form.deletarrecado { float:right; display:block; width:69px; height:20px; margin:0; } #perfil #recados .recados .recado form.deletarrecado button.deletar { display:block; width:69px; height:20px; margin:0; background:url(../images/perfil-recados-bt-deletar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #recados .recados .recado form.deletarrecado button:hover.deletar { background-position:0 -20px; } /* perfil fotos */ #perfil #fotos { padding:0 0 0 0; margin:0 0 0 0; border-bottom:1px solid #fff; overflow:hidden; } #perfil #fotos h3.titulo { display:block; padding:0 0 20px 0; font-weight:bold; font-size:22px; letter-spacing:-0.03em; color:#666; } #perfil #fotos a.enviarumafoto { float:right; display:block; width:135px; height:27px; margin:-40px 0 0 0; background:url(../images/perfil-fotos-bt-enviarumafoto.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #fotos a:hover.enviarumafoto { background-position:0 -27px; } #perfil #fotos ul { } #perfil #fotos ul li { float:left; display:block; width:160px; height:120px; margin:0 10px 10px 0; } #perfil #fotos ul li.lastcol { margin:0 0 10px 0; } #perfil #fotos ul li a { display:block; width:160px; height:120px; background-position:center center; background-repeat:no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #fotos ul li a img { } #perfil #fotos div.foto { float:left; width:640px; height:68px; padding:10px 0 30px 10px; margin:0 0 10px 0; _margin:0 0 0 0; background:url(../images/perfil-editar-fotos-bg.gif) top left no-repeat; } #perfil #fotos div.foto label { float:left; width:230px; padding:0 10px 10px 0; } #perfil #fotos div.foto label b { display:none; } #perfil #fotos div.foto label input { float:left; display:block; width:216px; height:22px; padding:4px 6px 0 6px; font-size:16px; color:#333; } #perfil #fotos div.foto label.arquivo { width:560px; height:25px; } #perfil #fotos div.foto label.arquivo input { float:left; display:block; width:450px !important; height:25px; padding:0; border-top:1px solid #666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #666; } #perfil #fotos div.foto label.arquivo strong.procurar { float:right; display:inline; width:100px; height:23px; padding:0; margin:0; cursor:pointer; background:url(../images/ideia-enviar-bt-procurar.gif) top left no-repeat; overflow:hidden; } #perfil #fotos div.foto label.arquivo strong.procurar input { float:none; width:100px; height:25px; padding:0; margin:0 0 0 -30px; _margin:0 0 0 -352px; cursor:pointer !important; background:none; opacity:0; filter:alpha(opacity=0); } #perfil #fotos #enviarumafoto button { float:right; display:block; width:84px; height:27px; margin:0 70px 0 0; background:url(../images/snacktv-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #fotos #enviarumafoto button.ativo { background-position:0 -27px; } /* perfil ideias */ #perfil #ideias { width:670px; padding:0; margin:0; border-bottom:1px solid #fff; overflow:hidden; } #perfil #ideias h3.titulo { display:block; padding:0 0 20px 0; font-weight:bold; font-size:22px; letter-spacing:-0.03em; color:#666; } #perfil #ideias a.enviarumaideia { float:right; display:block; width:135px; height:27px; margin:-40px 0 0 0; background:url(../images/perfil-ideias-bt-enviarumaideia.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #ideias a:hover.enviarumaideia { background-position:0 -27px; } #perfil #ideias .ideias { } #perfil #ideias .ideias div.ideia { width:670px; padding:10px; margin:0 0 15px 0; background-color:#fff; overflow:hidden; } #perfil #ideias .ideias div.ideia img { float:left; display:block; width:100px; height:100px; padding:10px 10px 0 0; } #perfil #ideias .ideias div.ideia a.titulo { display:block; height:30px; color:#FFC33D; font-size:20px; letter-spacing:-0.03em; font-weight:bold; } /* #perfil #ideias .ideias div.ideia form { float:right; display:block; width:69px; height:20px; margin:-30px 20px 0 0; _margin:-30px 10px 0 0; } */ #perfil #ideias .ideias div.ideia button.deletar { float:right; display:block; width:69px; height:20px; margin:-30px 20px 0 0; _margin:-30px 10px 0 0; background:url(../images/perfil-ideias-bt-deletar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #ideias .ideias div.ideia button:hover.deletar { background-position:0 -20px; } #perfil #ideias .ideias div.ideia p.ideia { float:left; display:block; width:540px; padding:0 0 10px 0; color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } #perfil #ideias .ideias div.ideia .tags { float:left; display:block; width:540px; } #perfil #ideias .ideias div.ideia .tags span { float:left; display:block; padding:0 3px 5px 0; text-transform:lowercase; color:#999; font-size:12px; letter-spacing:-0.03em; font-weight:bold; } #perfil #ideias .ideias div.ideia .tags ul { float:left; display:block; } #perfil #ideias .ideias div.ideia .tags ul li { display:inline; padding:0; margin:0; border:none; } #perfil #ideias .ideias div.ideia .tags ul li a { color:#999; font-size:12px; letter-spacing:-0.03em; font-weight:bold; } #perfil #ideias .ideias div.ideia .detalhes { float:left; display:block; width:540px; } #perfil #ideias .ideias div.ideia .detalhes span { color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } #perfil #ideias .ideias div.ideia .detalhes span strong { font-weight:bold; color:#666; } /* perfil ideias enviar */ #perfil #ideias #enviarideia { width:650px; padding:15px 0 15px 10px; background:none; } #perfil #ideias #enviarideia label { float:left; display:block; padding:0 0 10px 0; } #perfil #ideias #enviarideia label b { display:none; } #perfil #ideias #enviarideia label input { width:505px; height:25px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #perfil #ideias #enviarideia label select { width:520px; height:27px; padding:3px 0 0 0; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fcfff3; } #perfil #ideias #enviarideia label textarea { width:505px; height:95px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #perfil #ideias #enviarideia label.foto b, #perfil #ideias #enviarideia label.avisado b { display:block; } #perfil #ideias #enviarideia label.foto b { float:left; display:block; padding:6px 10px 0 0; color:#999; font-size:16px; letter-spacing:-0.05em; font-weight:bold; } #perfil #ideias #enviarideia label.foto input { float:left; width:280px; height:16px; padding:4px 3px 3px 3px; border-top:1px solid #666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #666; } #perfil #ideias #enviarideia strong.procurar { float:right; display:inline; width:100px; height:23px; padding:0; margin:0; _margin:0 130px 0 0; cursor:pointer; background:url(../images/ideia-enviar-bt-procurar.gif) top left no-repeat; overflow:hidden; } #perfil #ideias #enviarideia strong.procurar input { float:none; width:100px; height:23px; padding:0; margin:0 0 0 -30px; _margin:0; cursor:pointer !important; background:none; opacity:0; filter:alpha(opacity=0); } #perfil #ideias #enviarideia label.avisado b { display:block; padding:3px 0 0 0; width:500px; font-size:12px; letter-spacing:-0.5px; font-weight:bold; } #perfil #ideias #enviarideia label.avisado input { float:left; margin:0 3px 0 0; border:none; width:auto; height:auto; padding:0; background-color:transparent; } #perfil #ideias #enviarideia button { float:right; display:block; width:119px; height:54px; margin:-40px 0 0 0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #ideias #enviarideia button.ativo { background-position:0 -54px; } /* perfil leitor */ #perfil #leitor { width:670px; padding:0; margin:0; border-bottom:1px solid #fff; overflow:hidden; } #perfil #leitor h3.titulo { display:none; } #perfil #leitor .visualizacao { float:right; width:200px; height:30px; padding:5px 0; } #perfil #leitor .visualizacao a { display:inline; float:right; padding:0 0 0 15px; letter-spacing:-0.03em; font-size:14px; font-weight:bold; text-transform:lowercase; color:#999; text-decoration:underline; background-position:center left; background-repeat:no-repeat; overflow:hidden; } #perfil #leitor .visualizacao a.selecionado { color:#666; text-decoration:none; } #perfil #leitor .visualizacao a.expandido { display:none; width:55px; padding-right:15px; background-image:url(../images/perfil-leitordeideias-icon-expandido.gif); } #perfil #leitor .visualizacao a.lista { width:30px; background-image:url(../images/perfil-leitordeideias-icon-lista.gif); } #perfil #leitor .filtros { float:left; width:250px; height:30px; padding:5px 0; } #perfil #leitor .filtros label { float:left; display:block; padding:0 10px 0 0; } #perfil #leitor .filtros label b { display:none; } #perfil #leitor .filtros label select { display:block; width:100px; height:20px; color:#666; font-weight:bold; background-color:#FCFFF3; } #perfil #leitor .ideias { float:left; width:671px; height:876px; overflow-y:auto; overflow-x:hidden; } #perfil #leitor .ideias div.ideia { width:636px; padding:10px; margin:0 0 2px 0; border:2px solid #fff; background-color:#fff; overflow:hidden; } #perfil #leitor .ideias div.selecionada { border:2px solid #FF9C0D; } #perfil #leitor .ideias div.ideia form.marcarideia { float:left; width:20px; } #perfil #leitor .ideias div.ideia label.marcarideia { } #perfil #leitor .ideias div.ideia label.marcarideia b { display:none; } #perfil #leitor .ideias div.ideia label.marcarideia input { border:none; background-color:transparent; } #perfil #leitor .ideias div.ideia .avaliacao { float:right; width:120px; margin:-60px 0 0 0; } #perfil #leitor .ideias div.ideia .avaliacao strong { display:block; padding:0 0 5px 0; font-size:20px; color:#999; letter-spacing:-0.03em; font-weight:bold; } #perfil #leitor .ideias div.ideia .avaliacao a.sim { float:left; display:block; width:58px; height:58px; margin:0 2px 0 0; background:url(../images/ideias-votar-sim.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #leitor .ideias div.ideia .avaliacao a.nao { float:left; display:block; width:58px; height:58px; background:url(../images/ideias-votar-nao.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #leitor .ideias div.ideia .avaliacao a.pular { float:left; display:inline; width:119px; height:27px; margin:5px 0; background:url(../images/ideias-bt-pularideia.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #leitor .ideias div.ideia .avaliacao form.ideiarelevante { clear:both; display:block; } #perfil #leitor .ideias div.ideia .avaliacao label.relevante { display:block; padding:0 0 5px 0; } #perfil #leitor .ideias div.ideia .avaliacao label.relevante input { float:left; display:block; margin:0 3px 0 0; border:none; background-color:transparent; } #perfil #leitor .ideias div.ideia .avaliacao label.relevante b { display:block; width:63px; height:12px; background:url(../images/perfil-leitor-ideiarelevante.gif) bottom left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #leitor .ideias div.ideia .avaliacao em.lidapelapepsico { display:block; width:124px; height:25px; padding:0 0 3px 0; background:url(../images/ideias-lidapelapepsico-bg.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #leitor .ideias div.ideia .avaliacao ul { float:left; padding:10px 0 0 0; } #perfil #leitor .ideias div.ideia .avaliacao ul li { display:block; width:96px; height:12px; padding:0 0 0 23px; margin:0 0 5px 0; _margin:0 0 -8px 0; border:none; text-indent:-4765px; } #perfil #leitor .ideias div.ideia .avaliacao ul li.sim { background:url(../images/ideias-avaliacao-sim-bg.gif) 0 -1px no-repeat; } #perfil #leitor .ideias div.ideia .avaliacao ul li.sim strong { background:url(../images/ideias-avaliacao-sim.gif) top left repeat-x; } #perfil #leitor .ideias div.ideia .avaliacao ul li.nao { background:url(../images/ideias-avaliacao-nao-bg.gif) 2px 0 no-repeat; } #perfil #leitor .ideias div.ideia .avaliacao ul li.nao strong { background:url(../images/ideias-avaliacao-nao.gif) top left repeat-x; } #perfil #leitor .ideias div.ideia h4.titulo { display:block; height:20px; font-size:20px; letter-spacing:-0.03em; font-weight:bold; } #perfil #leitor .ideias div.ideia h4.lida a { color:#999; } #perfil #leitor .ideias div.ideia h4.naolida a { color:#FFC33D; } #perfil #leitor .ideias div.ideia h4.relevante a { color:#333; } #perfil #leitor .ideias div.ideia .info { width:470px; height:30px; padding:0 0 10px 20px; } #perfil #leitor .ideias div.ideia .info strong.autor { float:left; display:block; padding:8px 10px 8px 0; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color:#666; } #perfil #leitor .ideias div.ideia .info em.datahora { float:left; display:block; padding:0 0 0 10px; margin:8px 0 0 0; border-left:1px solid #ccc; font-style:normal; font-weight:bold; font-size:14px; letter-spacing:-0.03em; color:#ccc; } #perfil #leitor .ideias div.ideia .conteudo { float:left; display:block; width:490px; padding:0 0 10px 0; } #perfil #leitor .ideias div.ideia .conteudo img { float:left; display:block; width:100px; height:100px; margin:0 10px 0 0; background:silver; } #perfil #leitor .ideias div.ideia .conteudo p { color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } #perfil #leitor .ideias div.ideia .tags { float:left; display:block; width:540px; } #perfil #leitor .ideias div.ideia .tags span { float:left; display:block; padding:0 3px 5px 0; text-transform:lowercase; color:#999; font-size:12px; letter-spacing:-0.03em; font-weight:bold; } #perfil #leitor .ideias div.ideia .tags ul { float:left; display:block; } #perfil #leitor .ideias div.ideia .tags ul li { display:inline; padding:0; margin:0; border:none; } #perfil #leitor .ideias div.ideia .tags ul li a { color:#999; font-size:12px; letter-spacing:-0.03em; font-weight:bold; } #perfil #leitor .ideias div.ideia .detalhes { float:left; display:block; width:540px; } #perfil #leitor .ideias div.ideia .detalhes span { color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } #perfil #leitor .ideias div.ideia .detalhes span strong { font-weight:bold; color:#666; } /* perfil leitor filtro de ideias */ #filtrotags { width:230px; height:1017px; padding:15px; margin:0 0 10px 0; background-color:#E1E4D9; } #filtrotags h3#chamada-filtrotags { display:block; padding:0 0 10px 0; letter-spacing:-0.03em; font-weight:bold; font-size:20px; color:#666; } #filtrotags ul { display:block; width:230px; } #filtrotags ul li { display:inline; } #filtrotags ul li a { display:inline-block; height:auto; padding:0 5px; letter-spacing:-0.03em; font-weight:bold; color:#999; text-transform:lowercase; text-decoration:none; } #filtrotags ul li a:hover { text-decoration:underline; } #filtrotags ul li a.extralarge { font-size:38px; } #filtrotags ul li a.large { font-size:32px; } #filtrotags ul li a.medium { font-size:26px; } #filtrotags ul li a.small { font-size:20px; } #filtrotags ul li a.extrasmall {font-size:14px; } /* perfil links */ #perfil #links { width:670px; padding:0; margin:0; background-color:transparent; overflow:hidden; } #perfil #links h3.titulo { display:block; padding:0 0 20px 0; font-weight:bold; font-size:22px; letter-spacing:-0.03em; color:#666; } #perfil #links a.enviarumlink { float:right; display:block; width:135px; height:27px; margin:-39px 0 0 0; background:url(../images/perfil-links-bt-enviarumlink.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #links a:hover.enviarumlink { background-position:0 -27px; } #perfil #links .links { padding:0; } #perfil #links .links div.link { width:670px; padding:10px; margin:0 0 2px 0; background-color:#fff; overflow:hidden; } #perfil #links .links div.link form { float:right; display:block; width:69px; height:20px; margin:0 20px 0 0; _margin:0 10px 0 0; } #perfil #links .links div.link button.deletar { float:right; display:block; width:69px; height:20px; margin:0 20px 0 0; _margin:0 10px 0 0; background:url(../images/perfil-ideias-bt-deletar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #links .links div.link button:hover.deletar { background-position:0 -20px; } #perfil #links .links div.link a.link { float:left; display:block; width:560px; padding:0 0 10px 0; color:#FFC33D; font-size:20px; letter-spacing:-0.03em; font-weight:bold; } #perfil #links .links div.link p.comentario { float:left; display:block; width:650px; color:#666; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } #perfil #links .links div.link .tags { float:left; display:block; width:540px; padding:10px 0 0 0; } #perfil #links .links div.link .tags span { float:left; display:block; padding:0 3px 5px 0; text-transform:lowercase; color:#999; font-size:12px; letter-spacing:-0.03em; font-weight:bold; } #perfil #links .links div.link .tags ul { float:left; display:block; } #perfil #links .links div.link .tags ul li { display:inline; padding:0; margin:0; border:none; } #perfil #links .links div.link .tags ul li a { padding:0 3px 0 0; color:#999; font-size:12px; letter-spacing:-0.03em; font-weight:bold; } #perfil #links #enviarumlink { padding:0 0 15px 0; } #perfil #links #enviarumlink label { display:block; padding:0 0 10px 0; } #perfil #links #enviarumlink label b { display:none; } #perfil #links #enviarumlink label input { display:block; width:525px; height:25px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #perfil #links #enviarumlink label textarea { width:525px; height:40px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #perfil #links #enviarumlink label.comente small { display:block; width:535px; padding:3px 0 0 0; text-align:right; font-size:12px; letter-spacing:-0.03em; color:#999; } #perfil #links #enviarumlink button { float:right; display:block; width:119px; height:54px; margin:-64px 0 0 0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #perfil #links #enviarumlink button.ativo { background-position:0 -54px; } /* pilula */ #alerta ul#pilulas { padding:0 0 10px 0; } #alerta ul#pilulas li { margin:0 0 4px 0; } #alerta ul#pilulas li { display:block; padding:0 4px 0 10px; height:28px; background-color:#E1E4D9; } #alerta ul#pilulas li strong { float:left; display:block; padding:8px 0 0 0; letter-spacing:-0.086em; color:#666; font-weight:bold; font-size:14px; } #alerta ul#pilulas li a { color:#666; } #alerta ul#pilulas li a.fechar { float:right; display:block; width:20px; height:20px; margin:4px 0 0 0; background:url(../images/pilula-bt-fechar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #alerta ul#pilulas li a:hover.fechar { background-position:0 -20px; } /* politica de privacidade */ #politica { width:510px; height:280px; padding:0 20px 10px 0; overflow:auto; } #politica strong, #politica p { margin:0 0 10px 0; font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #politica strong { color:#666; margin:0; } #politica span, #politica em { display:block; font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } /* rolando */ #rolando { _float:left; width:681px; padding:15px 0 15px 10px; background:url(../images/default-graybar-bg.jpg) 0 77px no-repeat; overflow:hidden; } #rolando h2#subtitulo-oquestarolando { display:block; padding:0 0 15px 0px; font-size:22px; letter-spacing:-0.03em; font-weight:bold; color:#666; } #rolando ul#rolando-menu { float:left; display:block; width:531px; height:33px; padding:0 0 5px 0; overflow:hidden; } #rolando ul#rolando-menu li { float:left; display:inline; height:25px; padding:0 0 0 0; margin:0 20px 0 0; } #rolando ul#rolando-menu li.back { position:absolute; _position:relative; _height:0; border-bottom:9px solid #fff; z-index:8; } #rolando ul#rolando-menu li a { position:relative; float:left; display:block; padding-right:1px; padding-bottom:1px; color:#999; font-size:16px; letter-spacing:-1px; font-weight:bold; text-decoration:none; overflow:hidden; z-index:10; } #rolando ul#rolando-menu li a:hover, #rolando ul#rolando-menu li a:active, #rolando ul#rolando-menu li a:visited { border:none; } #rolando ul#rolando-menu li.selecionado a { color:#FF9700; } #rolando #rolando-conteudo { padding:30px 0 20px 0; } #rolando #rolando-conteudo ul { padding:10px 0 20px 0; } #rolando #rolando-conteudo ul li { display:block; padding:13px 10px 13px 50px; margin:0 0 0 -10px; border-bottom:1px solid #e7e7e7; background-position:10px center; background-repeat:no-repeat; } #rolando #rolando-conteudo ul li.ideia { background-image:url(../images/icon-ideia.gif); } #rolando #rolando-conteudo ul li.blog { background-image:url(../images/icon-blog.gif); } #rolando #rolando-conteudo ul li.concurso { background-image:url(../images/icon-concurso.gif); } #rolando #rolando-conteudo ul li.comentario { background-image:url(../images/icon-comentario.gif); } #rolando #rolando-conteudo ul li.snacktv { background-image:url(../images/icon-snacktv.gif); } #rolando #rolando-conteudo ul li.interaja { background-image:url(../images/icon-interaja.gif); } #rolando #rolando-conteudo ul li.link { background-image:url(../images/icon-link.gif); } #rolando #rolando-conteudo ul li.vote { background-image:url(../images/icon-vote.gif); } #rolando #rolando-conteudo ul li a { color:#666; font-weight:normal; letter-spacing:0; font-size:12px; text-decoration:none; } #rolando #rolando-conteudo ul li a:hover { text-decoration:underline; } #rolando #rolando-conteudo .paginacao { width:690px; padding:10px 0 0 0; margin:0 0 0 -10px; background:url(../images/default-graybar-bg.jpg) top left no-repeat; } #rolando #rolando-conteudo .paginacao ul { padding:10px 0 0 0; margin:0; background:none; } #rolando #rolando-conteudo .paginacao ul li { float:left; display:block; width:25px; height:25px; padding:0 2px 0 0; margin:0; border:none; text-align:center; } #rolando #rolando-conteudo .paginacao ul li.anterior { background:url(../images/default-paginacao-bt-anterior.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #rolando #rolando-conteudo .paginacao ul li.proxima { background:url(../images/default-paginacao-bt-proxima.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #rolando #rolando-conteudo .paginacao ul li.semanterior { display:block; width:25px; height:25px; padding:0 10px 0 0; background:url(../images/default-paginacao-bt-semanterior.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #rolando #rolando-conteudo .paginacao ul li.semproxima { display:block; width:25px; height:25px; padding:0 0 0 10px; background:url(../images/default-paginacao-bt-semproxima.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #rolando #rolando-conteudo .paginacao ul li a { display:block; width:20px; height:17px; padding:3px 0 0 0; margin:3px 0 0 0; color:#999; letter-spacing:-0.086em; font-weight:bold; font-size:14px; text-decoration:none; } #rolando #rolando-conteudo .paginacao ul li a:hover { color:#333; background-color:#ccc; } #rolando #rolando-conteudo .paginacao ul li.ativa a { color:#fff; background-color:#999; } #rolando #rolando-conteudo .paginacao ul li.anterior a, #rolando #rolando-conteudo .paginacao ul li.proxima a, #rolando #rolando-conteudo .paginacao ul li.anterior a:hover, #rolando #rolando-conteudo .paginacao ul li.proxima a:hover { width:35px; background-color:transparent; } /* sair - excluir cadastro */ #excluir { } #excluir p { display:block; width:360px; padding:0 0 10px 0; font-size:16px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #excluir label { float:left; display:block; width:258px; padding-bottom:10px; } #excluir label b { display:block; padding:0 0 3px 0; font-size:14px; letter-spacing:-0.086em; font-weight:bold; color:#666; } #excluir label input { display:block; width:240px; height:25px; padding:5px 5px 0 5px; color:#999; font-size:16px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #excluir label.login { padding-right:14px; } #excluir button { float:right; display:block; width:119px; height:54px; margin:0; background:url(../images/enviarideia-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #excluir button.ativo { background-position:0 -54px; } /* snackr */ #snackrs { padding:0 0 20px 0; background:url(../images/default-graybar-bg.jpg) bottom left no-repeat; } #snackrs ul#listadesnackrs { float:left; display:block; padding:0 0 10px 0; border-bottom:1px solid #e7e7e7; } #snackrs ul#listadesnackrs li { float:left; display:block; padding:0 2px 2px 0; } #snackrs span.selomoderador { position:absolute; display:block; width:38px; height:38px; margin:72px 0 0 -10px; _margin:72px 0 0 -120px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix3.htc); background:url(../images/snackrs-avatar-selo.png) 0 0 no-repeat; text-indent:-4765px; overflow:hidden; } #snackrs .snackr { width:323px; height:100px; padding:10px; background-color:#E1E4D9; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/csshover3.htc); } #snackrs .snackr .foto { float:left; width:100px; height:100px; margin:0 10px 0 0; } #snackrs .snackr .foto span { display:block; width:100px; height:100px; text-indent:-4765px; overflow:hidden; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); } #snackrs .snackr .foto span:hover { background-position:top left; background-repeat:no-repeat; } /*#snackrs .snackr .foto span.premium{ background-image:url(../images/snackrs-avatar-premium.png); } #snackrs .snackr .foto span.moderador-cheetos { background-image:url(../images/snackrs-avatar-moderador-cheetos.png); } #snackrs .snackr .foto span.moderador-classicos { background-image:url(../images/snackrs-avatar-moderador-classicos.png); } #snackrs .snackr .foto span.moderador-coqueiro { background-image:url(../images/snackrs-avatar-moderador-coqueiro.png); } #snackrs .snackr .foto span.moderador-doritos { background-image:url(../images/snackrs-avatar-moderador-doritos.png); } #snackrs .snackr .foto span.moderador-fandangos { background-image:url(../images/snackrs-avatar-moderador-fandangos.png); } #snackrs .snackr .foto span.moderador-gatorade { background-image:url(../images/snackrs-avatar-moderador-gatorade.png); } #snackrs .snackr .foto span.moderador-h2oh { background-image:url(../images/snackrs-avatar-moderador-h2oh.png); } #snackrs .snackr .foto span.moderador-lipton { background-image:url(../images/snackrs-avatar-moderador-lipton.png); } #snackrs .snackr .foto span.moderador-opa { background-image:url(../images/snackrs-avatar-moderador-opa.png); } #snackrs .snackr .foto span.moderador-pepsi { background-image:url(../images/snackrs-avatar-moderador-pepsi.png); } #snackrs .snackr .foto span.moderador-quaker { background-image:url(../images/snackrs-avatar-moderador-quaker.png); } #snackrs .snackr .foto span.moderador-ruffles { background-image:url(../images/snackrs-avatar-moderador-ruffles.png); } #snackrs .snackr .foto span.moderador-sensacoes { background-image:url(../images/snackrs-avatar-moderador-sensacoes.png); } #snackrs .snackr .foto span.moderador-stax { background-image:url(../images/snackrs-avatar-moderador-stax.png); } #snackrs .snackr .foto span.moderador-toddy { background-image:url(../images/snackrs-avatar-moderador-toddy.png); } #snackrs .snackr .foto span.moderador-toddynho { background-image:url(../images/snackrs-avatar-moderador-toddynho.png); } */ #snackrs .snackr a { color:#666; font-size:12px; letter-spacing:-0.03em; font-weight:bold; text-decoration:none; } #snackrs .snackr a.nome { display:block; font-size:16px; } #snackrs .snackr span.local { display:block; padding:3px 0 10px 0; color:#999; font-size:11px; font-weight:normal; } #snackrs .snackr p.adora { display:block; height:45px; color:#666; font-size:12px; letter-spacing:0; font-weight:normal; } #snackrs .snackr .detalhes { } #snackrs .snackr .detalhes a { float:left; display:block; width:auto; height:13px; padding:1px 10px 0 20px; letter-spacing:-0.03em; font-size:12px; background-position:bottom left; background-repeat:no-repeat; } #snackrs .snackr .detalhes a.ideias { background-image:url(../images/snackrs-detalhes-ideias-bg.gif); } #snackrs .snackr .detalhes a.fotos { background-image:url(../images/snackrs-detalhes-fotos-bg.gif); } #snackrs .snackr .detalhes a:hover { text-decoration:underline; } #snackrs .snackr .detalhes span.pontos { float:right; display:block; width:auto; color:#FF9900; font-weight:bold; font-size:12px; letter-spacing:-0.03em; } .tp-premium { background-image:url(../images/snackrs-tooltip-premium.png); } .tp-moderador-cheetos { background-image:url(../images/snackrs-tooltip-moderador-cheetos.png); } .tp-moderador-classicos { background-image:url(../images/snackrs-tooltip-moderador-classicos.png); } .tp-moderador-coqueiro { background-image:url(../images/snackrs-tooltip-moderador-coqueiro.png); } .tp-moderador-doritos { background-image:url(../images/snackrs-tooltip-moderador-doritos.png); } .tp-moderador-fandangos { background-image:url(../images/snackrs-tooltip-moderador-fandangos.png); } .tp-moderador-gatorade { background-image:url(../images/snackrs-tooltip-moderador-gatorade.png); } .tp-moderador-h2oh { background-image:url(../images/snackrs-tooltip-moderador-h2oh.png); } .tp-moderador-lipton { background-image:url(../images/snackrs-tooltip-moderador-lipton.png); } .tp-moderador-opa { background-image:url(../images/snackrs-tooltip-moderador-opa.png); } .tp-moderador-pepsi { background-image:url(../images/snackrs-tooltip-moderador-pepsi.png); } .tp-moderador-quaker { background-image:url(../images/snackrs-tooltip-moderador-quaker.png); } .tp-moderador-ruffles { background-image:url(../images/snackrs-tooltip-moderador-ruffles.png); } .tp-moderador-sensacoes { background-image:url(../images/snackrs-tooltip-moderador-sensacoes.png); } .tp-moderador-stax { background-image:url(../images/snackrs-tooltip-moderador-stax.png); } .tp-moderador-toddy { background-image:url(../images/snackrs-tooltip-moderador-toddy.png); } .tp-moderador-toddynho { background-image:url(../images/snackrs-tooltip-moderador-toddynho.png); } .tp-premium, .tp-moderador-cheetos, .tp-moderador-classicos, .tp-moderador-coqueiro, .tp-moderador-doritos, .tp-moderador-fandangos, .tp-moderador-gatorade, .tp-moderador-h2oh, .tp-moderador-lipton, .tp-moderador-opa, .tp-moderador-pepsi, .tp-moderador-quaker, .tp-moderador-ruffles, .tp-moderador-sensacoes, .tp-moderador-stax, .tp-moderador-toddy, .tp-moderador-toddynho { position:absolute; width:108px !important; height:31px; padding:0; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background-position:top left; background-repeat:no-repeat; text-indent:-4765px; overflow:hidden; z-index:3000; } /* snacktv */ #chamada-snacktv { width:230px; height:200px; margin:0 0 10px 0; background-color:#E1E4D9; } .snacktv-semflash { background:url(../images/chamada-tv-noflash-bg.jpg) top left no-repeat; } #chamada-snacktv a.baixaragora { float:left; display:block; width:119px; height:27px; margin:125px 0 0 20px; background:url(../images/chamada-tv-noflash-bt-baixaragora.jpg) top left no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-snacktv #snacktv-video { display:block; width:230px; height:172px; overflow:hidden; } #chamada-snacktv #snacktv-video a span { display:block; width:230px; height:172px; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/chamada-tv-bg.png) 0 0 no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-snacktv #snacktv-video a span:hover { background-position:-230px 0; } #chamada-snacktv div.titulovideo { position:relative; top:7px; left:25px; display:block; width:180px !important; height:15px; color:#666; font-size:14px; letter-spacing:-0.03em; font-weight:bold; } #chamada-snacktv div.titulovideo a { color:#666; } #chamada-snacktv a.anterior, #chamada-snacktv a.proximo { display:block; width:15px; height:14px; margin:-7px 0 0 0; text-indent:-4765px; overflow:hidden; } #chamada-snacktv a.anterior { float:left; background:url(../images/chamada-tv-seta-esquerda.gif) top right no-repeat; } #chamada-snacktv a.proximo { float:right; background:url(../images/chamada-tv-seta-direita.gif) top left no-repeat; } .perfil #chamada-convites { float:left; margin-top:0; } .perfil #chamada-snacktv { float:left; margin-top:20px; _margin-top:10px; } #snacktv { } #snacktv #video { float:left; width:691px; min-height:580px; padding:0 0 15px 0; } #snacktv #video #youtube { width:691px; height:416px; background:silver; } #snacktv #video h3.titulo { float:left; display:block; width:480px; padding:10px 0 10px 10px; color:#666; letter-spacing:-0.03em; font-weight:bold; font-size:20px; } #snacktv #video p.descricao { float:left; display:block; width:490px; padding:0 0 0 10px; color:#999; letter-spacing:-0.0.03em; font-weight:bold; font-size:14px; } #snacktv #video .opcoes { float:right; width:155px; margin:-28px 0 0 0; } #snacktv #video .opcoes a.linkparaestevideo { float:left; display:block; width:155px; height:27px; margin:0 0 8px 0; background:url(../images/snacktv-bt-linkparaestevideo.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #snacktv #video .opcoes a:hover.linkparaestevideo { background-position:0 -27px; } #snacktv #video .opcoes a.enviarporemail { display:block; width:155px; height:27px; background:url(../images/snacktv-bt-enviarporemail.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #snacktv #video .opcoes a:hover.enviarporemail { background-position:0 -27px; } #snacktv #outrasopcoes { float:left; width:691px; padding:15px 0 0 0; margin:15px 0 0 0; border-top:1px solid #ccc; } #snacktv #outrasopcoes #linkdovideo, #snacktv #outrasopcoes #enviarporemail { display:none; } #snacktv .opcao { width:671px; _width:671px; /*height:46px;*/ padding:8px 10px 10px 10px; margin:0 0 10px 0; background-color:#E1E4D9; overflow:hidden; } #snacktv .opcao a.fecharemail, #snacktv .opcao a.fecharlink { /* float:right; */ position:absolute; display:block; width:20px; height:21px; margin:-5px 0 0 650px; _margin:-5px 0 0 650px; background:url(../images/snacktv-bt-fechar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #snacktv .opcao a:hover.fecharemail, #snacktv .opcao a:hover.fecharlink { background-position:0 -21px; } #snacktv .opcao button { float:right; display:block; width:84px; height:27px; margin:0 0 0 -15px; background:url(../images/snacktv-bt-enviar.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #snacktv .opcao button.ativo { background-position:0 -27px; } #snacktv .opcao label b { display:block; height:18px; letter-spacing:-0.03em; font-size:14px; color:#666; font-weight:bold; } #snacktv .opcao label input { width:555px; height:20px; padding:5px 5px 0 5px; color:#999; font-size:14px; letter-spacing:-0.03em; font-weight:bold; background-color:#fff; } #snacktv #outrosvideos { position:absolute; width:230px; height:523px; margin:-27px 0 50px 723px; _margin-left:32px; background-color:#E1E4D9; } #snacktv #outrosvideos ul.menu { float:left; width:231px; height:26px; background-color:#fff; } #snacktv #outrosvideos ul.menu li { float:left; display:block; height:20px; padding:6px 0 0 0; cursor:pointer; text-align:center; font-size:14px; letter-spacing:-0.03em; text-transform:lowercase; font-weight:bold; color:#fff; background-color:#7d7d7d; } #snacktv #outrosvideos ul.menu li:hover { text-decoration:underline; } #snacktv #outrosvideos ul.menu li.maisrecentes { width:83px; } #snacktv #outrosvideos ul.menu li.maisvistos { width:68px; } #snacktv #outrosvideos ul.menu li.selecionada { color:#666; background-color:#e1e4d9; } #snacktv #outrosvideos #lista { float:left; width:210px; height:486px; padding:10px; background-color:#e1e4d9; } #snacktv #outrosvideos #lista.maisvistos { _margin-top:-253px; } #snacktv #outrosvideos #lista ul { width:201px; height:466px; padding:10px 10px 10px 0; overflow-x:hidden; overflow-y:auto; } #snacktv #outrosvideos #lista ul li { display:block; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #BDBEB9; overflow:hidden; } #snacktv #outrosvideos #lista ul li img.thumb { display:block; width:186px; height:104px; background-color:silver; } #snacktv #outrosvideos #lista ul li h4 { display:block; padding:7px 0; color:#666; letter-spacing:-0.03em; font-size:14px; font-weight:bold; } #snacktv #outrosvideos #lista ul li p.descricao { display:block; color:#999; letter-spacing:-0.03em; font-size:12px; font-weight:normal; } /* snackrs com seu gosto */ #chamada-seugosto { width:227px; padding:15px 0 15px 0; margin:0 0 10px 0; } #chamada-seugosto h2#seugosto-chamada strong { display:block; } #chamada-seugosto a.vertodos { float:right; display:block; width:119px; height:27px; margin:0 0 0 0; background:url(../images/chamada-bt-vertodos.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #chamada-seugosto ul { float:left; width:217px; padding:0 0 10px 8px; } #chamada-seugosto ul li { float:left; display:block; width:30px; height:30px; margin:0 1px 1px 0; background-color:silver; } #chamada-seugosto ul li a { } /* tagcloud */ #tagcloud { float:left; width:auto; _width:691px; padding:15px 0 15px 0; border-bottom:1px solid #e7e7e7; background:url(../images/default-graybar-bg.jpg) top left no-repeat; } #tagcloud ul { } #tagcloud ul li { display:inline; } #tagcloud ul li a { display:inline-block; height:auto; padding:0 5px; letter-spacing:-0.03em; font-weight:bold; color:#FFC33D; text-transform:lowercase; text-decoration:none; } #tagcloud ul li a:hover { text-decoration:underline; } #tagcloud ul li a.extralarge { font-size:36px; } #tagcloud ul li a.large { font-size:30px; } #tagcloud ul li a.medium { font-size:24px; } #tagcloud ul li a.small { font-size:20px; } #tagcloud ul li a.extrasmall { font-size:14px; } /* termos de uso */ #termosdeuso { width:510px; height:280px; padding:0 20px 10px 0; overflow:auto; } #termosdeuso ol { } #termosdeuso ol.responsabilidade { } #termosdeuso ol.responsabilidade li { margin-left:30px; } #termosdeuso ol li { margin:0 0 10px 0; font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #termosdeuso ol li strong { display:block; padding:10px 0 0 0; } #termosdeuso strong, #termosdeuso span, #termosdeuso em { display:block; font-size:14px; letter-spacing:-0.03em; font-weight:bold; color:#999; } #termosdeuso strong { padding:0 0 10px 0; color:#666; } /* 09 Rodape ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #rodape { clear:both; height:156px; padding:12px 0 0 20px; } #rodape address { float:left; display:block; width:360px; padding:3px 0 0 0; letter-spacing:0; font-size:11px; color:#868882; font-weight:normal; font-style:normal; } #rodape address a { float:left; display:block; width:57px; height:14px; padding:0 20px 0 0; margin:-5px 0 0 0; background:url(../images/rodape-logo-pepsico.gif) top left no-repeat; text-indent:-4765px; overflow:hidden; } #rodape ul.menu { float:left; padding:3px 0 0 0; } #rodape ul.menu li { display:inline; padding:0 5px 0 0; } #rodape ul.menu li a { letter-spacing:0; color:#868882; font-weight:normal; text-decoration:underline; } #rodape ul.menu li a:hover { text-decoration:none; } #rodape ul#todasasmarcas { height:59px; padding:3px 0 15px 0; } #rodape ul#todasasmarcas li { float:left; display:inline; padding:0 6px 0 0; } #rodape ul#todasasmarcas li a { display:block; width:59px; height:54px; background-position:top left; background-repeat:no-repeat; text-indent:-4765px; overflow:hidden; } #rodape ul#todasasmarcas li a:hover { background-position:bottom left; } #rodape ul#todasasmarcas li a.marcas-cheetos { background-image:url(../images/rodape-marcas-cheetos.jpg) } #rodape ul#todasasmarcas li a.marcas-classicos { background-image:url(../images/rodape-marcas-classicos.jpg) } #rodape ul#todasasmarcas li a.marcas-doritos { background-image:url(../images/rodape-marcas-doritos.jpg) } #rodape ul#todasasmarcas li a.marcas-fandangos { background-image:url(../images/rodape-marcas-fandangos.jpg) } #rodape ul#todasasmarcas li a.marcas-gatorade { background-image:url(../images/rodape-marcas-gatorade.jpg) } #rodape ul#todasasmarcas li a.marcas-h2oh { background-image:url(../images/rodape-marcas-h2oh.jpg) } #rodape ul#todasasmarcas li a.marcas-lipton { background-image:url(../images/rodape-marcas-lipton.jpg) } #rodape ul#todasasmarcas li a.marcas-opa { background-image:url(../images/rodape-marcas-opa.jpg) } #rodape ul#todasasmarcas li a.marcas-pepsi { background-image:url(../images/rodape-marcas-pepsi.jpg) } #rodape ul#todasasmarcas li a.marcas-quaker { background-image:url(../images/rodape-marcas-quaker.jpg) } #rodape ul#todasasmarcas li a.marcas-ruffles { background-image:url(../images/rodape-marcas-ruffles.jpg) } #rodape ul#todasasmarcas li a.marcas-sensacoes { background-image:url(../images/rodape-marcas-sensacoes.jpg) } #rodape ul#todasasmarcas li a.marcas-stax { background-image:url(../images/rodape-marcas-stax.jpg) } #rodape ul#todasasmarcas li a.marcas-toddy { background-image:url(../images/rodape-marcas-toddy.jpg) } #rodape ul#todasasmarcas li a.marcas-toddynho { background-image:url(../images/rodape-marcas-toddynho.jpg) } #login #rodape { clear:none; float:right; width:320px; height:80px; padding:0 0 0 20px; /* margin:-180px 0 0 0; _margin:0 0 0 0; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/login-conteudo-bg.png) 300px -4px no-repeat; */ overflow:hidden; } #login #rodape a.queroparticipar { display:block; width:149px; height:27px; background:url(../images/login-bt-queroparticipar.png) 0 0 no-repeat; _background-image:url(../images/login-bt-queroparticipar.gif); text-indent:-4765px; overflow:hidden; } #login #rodape a:hover.queroparticipar { background-position:0 -27px; } #login #rodape a.mecadastrar { display:block; width:149px; height:27px; background:url(../images/login-bt-mecadastrar.png) 0 0 no-repeat; _background-image:url(../images/login-bt-mecadastrar.gif); text-indent:-4765px; overflow:hidden; } #login #rodape a:hover.mecadastrar { background-position:0 -27px; } #login #rodape address { display:block; width:300px; height:15px; padding:40px 0 0 0; behavior:url(http://www.snacklife.com.br/2009/site/scripts/js/iepngfix.htc); background:url(../images/login-rodape-assinatura.png) 0 40px no-repeat; text-indent:-4765px; overflow:hidden; } #login #rodape address strong { display:none; } #login #rodape address em { /* float:left; display:block; font-size:22px; padding:0 8px 0 0; _padding:0 0 0 0; */ display:none; } #login #rodape ul.menu { display:none; } #login #rodape ul#marcas { display:none; } #modal #rodape, #erro404 #rodape { display:none; }