/**
 * Criado em 28 de Setembro de 2009
 *
 * @cliente Sensações <www.sensacoes.com.br>
 * 
 * @indice:
 *  00 Reset
 *  01 Html & Body
 *  02 Geral
 *  03 Cabecalho
 *  04 Menu
 *  05 Conteudo
 *  06 Chamadas
 *  07 Titulos
 *  08 Secoes
 *  09 Rodape
 *
**/

/* 00 Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* { padding:0; margin:0; }
legend, .hide { display:none !important; }
:focus { outline:0; }
ul, ol, li { list-style:none; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; }
button { cursor:pointer; }
fieldset, img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea { font-size:14px; font-family:arial, helvetica, sans-serif; border-width:1px; border-style:solid; border-color:#999 #ccc #ccc #999; }
h1, h2, h3, h4, h5, h6 { font-family:arial, helvetica, sans-serif; }

/* 01 Html & Body
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html { background:url(../images/html-bg.jpg) center bottom no-repeat #fff; } 
body { color:#333; font-weight:normal; font:12px arial, helvetica, sans-serif; background:url(../images/body-bg.jpg) center top no-repeat; }
body#home { background-image:url(../images/body-bg-home.jpg); }
body#modal { background:none; }
body.manutencao { background:none; }

body.cadastrese { background-image:url(../images/body-bg-cadastrese.jpg); }
body.calendario { }
body.concurso { background-image:url(../images/body-bg-home.jpg); }
body.identifiquese { height:1000px; background-image:url(../images/body-bg-identifiquese.jpg); }
body.quiz { /*background-image:url(../images/body-bg-quiz.jpg);*/ }

/*body.resultado { background-image:url(../images/body-bg-quiz-resultado.jpg); }*/
body.perfil-explorar { background-image:url(../images/body-bg-quiz-explorar.jpg); }
body.perfil-cuidar { background-image:url(../images/body-bg-quiz-cuidar.jpg); }
body.perfil-curtir { background-image:url(../images/body-bg-quiz-curtir.jpg); }
body.perfil-saborear { background-image:url(../images/body-bg-quiz-saborear.jpg); }

body.perguntasfrequentes { background-image:url(../images/body-bg-perguntasfrequentes.jpg); }
body.sabores { background-image:url(../images/body-bg-sabores.jpg); }

/* 02 Geral
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#geral { width:1000px; margin:0 auto; overflow:hidden; }

/* 03 Cabecalho
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#cabecalho { height:120px; }
div#cabecalho h1 { float:left; width:135px; height:100px; padding:20px 0 0 90px; }
div#cabecalho h1 a { display:block; width:135px; height:99px; cursor:pointer; background:url(../images/logo-sensacoes.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

body.manutencao div#cabecalho { display:none; }

/* 04 Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#menu { float:right; width:760px; height:70px; padding:48px 15px 0 0; }
div#menu ul { float:right; display:block; }
div#menu ul li { float:left; display:block; }
div#menu ul li a { float:left; display:block; height:34px; background:url(../images/menu-botoes.png) -9999px -9999px no-repeat; text-indent:-9999px; overflow:hidden; }
div#menu ul li.sobre a { width:139px; background-position:0 -41px; }
div#menu ul li.sobre a:hover { background-position:0 -121px; }
div#menu ul li.quiz a { width:109px; background-position:-150px -41px; }
div#menu ul li.quiz a:hover { background-position:-150px -121px; }
div#menu ul li.recepedia a { /*display:none;*/ width:121px; height:75px; margin:-41px -25px 0 0; background-position:-275px 0; }
div#menu ul li.recepedia a:hover { background-position:-275px -80px; }
div#menu ul li.identifiquese a { width:155px; background-position:-400px -41px; }
div#menu ul li.identifiquese a:hover { background-position:-400px -121px; }
div#menu ul li.cadastrese a { width:141px; background-position:-575px -41px; }
div#menu ul li.cadastrese a:hover { background-position:-575px -121px; }

div#menu ul li.logado { width:349px; height:29px; padding:5px 5px 0 5px; background:url(../images/menu-logado-bg2.png) 0 0 no-repeat; }
div#menu ul li.logado a.meucalendario,
div#menu ul li.logado a.meuperfil,
div#menu ul li.logado a.sair { float:left; display:block; margin:3px 0 0 0; background-image:url(../images/menu-logado-botoes.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }

div#menu ul li.logado a.meucalendario { background-position:-3px -223px; }
div#menu ul li.logado a.meuperfil { background-position:-102px -223px; }
div#menu ul li.logado a.sair { background-position:-184px -223px; }

div#menu ul li.logado a.meucalendario { width:96px; height:21px; }
div#menu ul li.logado a.meuperfil { width:77px; height:21px; margin:3px 4px 0 4px; }
div#menu ul li.logado a.sair { width:40px; height:21px; }

div#menu ul li.explorar a.meucalendario { background-position:-3px -6px; }
div#menu ul li.explorar a.meuperfil { background-position:-102px -6px; }
div#menu ul li.explorar a.sair { background-position:-184px -6px; }

div#menu ul li.curtir a.meucalendario { background-position:3px -156px; }
div#menu ul li.curtir a.meuperfil { background-position:-102px -156px; }
div#menu ul li.curtir a.sair { background-position:-184px -156px; }

div#menu ul li.cuidar a.meucalendario { background-position:-3px -56px; }
div#menu ul li.cuidar a.meuperfil { background-position:-102px -56px; }
div#menu ul li.cuidar a.sair { background-position:-184px -56px; }

div#menu ul li.saborear a.meucalendario { background-position:-3px -106px; }
div#menu ul li.saborear a.meuperfil { background-position:-102px -106px; }
div#menu ul li.saborear a.sair { background-position:-184px -106px; }


/*
div#menu ul li.explorar a.meucadastro:hover { background-position:-141px -25px; }
div#menu ul li.explorar a.sair:hover { background-position:-241px -25px; }
div#menu ul li.curtir a.meucadastro:hover { background-position:-141px 0; }
div#menu ul li.curtir a.sair:hover { background-position:-241px 0; }
div#menu ul li.cuidar a.meucadastro:hover { background-position:-141px -75px; }
div#menu ul li.cuidar a.sair:hover { background-position:-241px -75px; }
div#menu ul li.saborear a.meucadastro:hover { background-position:-141px -50px; }
div#menu ul li.saborear a.sair:hover { background-position:-241px -50px; }
*/

div#menu ul li.logado div#usuario { float:left; width:125px; padding:0 0 0 2px; height:22px; }
div#menu ul li.logado p { float:left; display:block; height:11px; width:125px; padding:0; text-transform:uppercase; font-size:10px; color:#333; }
div#menu ul li.logado p strong { font-weight:normal; }
div#menu ul li.explorar p strong { color:#2AAB01; }
div#menu ul li.curtir p strong { color:#922D01; }
div#menu ul li.cuidar p strong { color:#089DF9; }
div#menu ul li.saborear p strong { color:#FFC501; }
div#menu ul li.logado p.saudacao strong { color:#333; }

/* 05 Conteudo
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#conteudo { width:1000px; overflow:hidden; }

.tabela #conteudo { height:420px; }
body#modal div#conteudo { width:auto; height:450px; }
div#fancy_wrap div#conteudo { width:auto; height:450px; }
body#home div#conteudo,
body.calendario div#conteudo,
body.concurso div#conteudo { background:url(../images/concurso-bg-bottom.png) 0 bottom no-repeat; }

/* 06 Chamadas
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#chamadas { float:right; width:310px; overflow:hidden; }
body#home div#chamadas { height:575px; }

/* concurso */
#chamada-concurso { padding:15px 0 11px 0; overflow:hidden; }
#chamada-concurso p.descricao { margin:0; font-size:12px; color:#666; }
#chamada-concurso a.cliqueaqui { display:block; width:103px; height:34px; margin:10px 0 0 0; background:url(../images/bt-cliqueaqui.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
#chamada-concurso a.cliqueaqui:hover { background-position:0 -36px; }

/* favoritos */
#chamada-favoritos { width:270px; padding:0 0 10px 0; overflow:hidden; }
#chamada-favoritos li { display:block; width:270px; height:30px; background:url(../images/calendario-favoritos-separador.gif) 0 24px no-repeat; }
#chamada-favoritos li span.data { float:left; display:block; width:48px; height:25px; padding:5px 0 0 8px; color:#fff; background:url(../images/calendario-favoritos-data-bg.gif) -9999px -9999px no-repeat; }
#chamada-favoritos li.cuidar span.data { background-position:0 -90px; }
#chamada-favoritos li.explorar span.data { background-position:0 -30px; }
#chamada-favoritos li.saborear span.data { background-position:0 0px; }
#chamada-favoritos li.curtir span.data { background-position:0 -60px; }
#chamada-favoritos li strong { float:left; display:block; width:180px; height:25px; padding:5px 0 0 3px; color:#999; font-weight:normal; }
#chamada-favoritos a.fechar { float:right; display:block; width:19px; height:19px; background:url(../images/calendario-favoritos-bt-fechar.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
#chamada-favoritos a.fechar:hover { background-position:0 -19px; }

div#paginacao-favoritos { padding:5px 0 0 0; overflow:hidden; }
div#paginacao-favoritos ul { float:left; display:block; width:253px; height:21px; padding:5px 5px 0 9px; background:url(../images/calendario-favoritos-paginacao-bg.gif) 0 0 no-repeat; }
div#paginacao-favoritos ul li { float:left; display:block; width:19px; height:15px; text-align:center; }
div#paginacao-favoritos ul li a { display:block; font-size:12px; color:#666; text-decoration:none; }
div#paginacao-favoritos ul li a:hover { font-weight:bold; font-size:13px; color:#333; }
div#paginacao-favoritos a.anterior,
div#paginacao-favoritos a.proxima  { display:block; width:9px; height:15px; background:url(../images/calendario-favoritos-paginacao-setas.gif) -9999px -9999px no-repeat; text-indent:-9999px; overflow:hidden; }
div#paginacao-favoritos a.anterior { float:left; background-position:0 0; }
div#paginacao-favoritos a.proxima { float:right; background-position:-9px 0; }
div#paginacao-favoritos a.anterior:hover { background-position:0 -15px; }
div#paginacao-favoritos a.proxima:hover { background-position:-9px -15px; }
div#paginacao-favoritos a.pagina-ativa { color:#000; font-weight:bold; }

/* videos */
#chamada-videos { width:294px; height:192px; /*background:red; opacity:0.5;*/ }
#chamada-videos #flash-banner { }

/* sabores */
#chamada-sabores { width:294px; height:227px; margin-top:50px; /*background:red; opacity:0.5;*/ }
#chamada-sabores p.descricao { display:none; }
#chamada-sabores object#flash-sabores { display:block; width:294px; height:227px; }

/* faca o quiz */
#chamada-quiz { width:294px; height:130px; margin-top:50px; }
#chamada-quiz p.descricao { margin:0; font-size:12px; color:#666; }
#chamada-quiz a.cliqueaqui { display:block; width:103px; height:36px; margin:10px 0 0 0; background:url(../images/bt-cliqueaqui.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
#chamada-quiz a.cliqueaqui:hover { background-position:0 -36px; }

/* 07 Titulos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2#titulo-concurso,
h2#titulo-sabores,
h2#titulo-quiz,
h2#titulo-perguntasfrequentes,
h2#titulo-perfis,
h2#titulo-post,
h2#titulo-calendario,
h2#titulo-posts { display:none; }

h2#titulo-identifiquese { display:block; width:250px; height:65px; margin:100px 0 0 100px; text-indent:-9999px; overflow:hidden; }
h2#titulo-cadastrese { display:block; width:350px; height:80px; margin:40px 0 0 100px; text-indent:-9999px; overflow:hidden; }

h2#titulo-termosdeuso,
h2#titulo-regulamento { display:block; padding:0 0 20px 0; font-size:32px; font-weight:800; color:#ff8c02; text-transform:uppercase; }
h2#titulo-enviarporemail { display:block; padding:0 0 10px 0; font-size:32px; font-weight:800; color:#f49523; text-transform:uppercase; }
h2#titulo-faleconosco { display:block; font-size:32px; font-weight:800; color:#ff8c02; text-transform:uppercase; }
h2#titulo-resultado { display:block; width:539px; height:76px; margin:0 auto; background-position:0 0; background-repeat:no-repeat; text-indent:-6000px; overflow:hidden; }
body.explorar h2#titulo-resultado { /*background-image:url(../images/titulo-explorar.png);*/ }
body.curtir h2#titulo-resultado { /*background-image:url(../images/titulo-curtir.png);*/ }
body.cuidar h2#titulo-resultado { /*background-image:url(../images/titulo-cuidar.png);*/ }
body.saborear h2#titulo-resultado { /*background-image:url(../images/titulo-saborear.png);*/ }

h3#titulo-leiatambem { font-size:32px; }
div#post.todos h3#titulo-leiatambem { color:#ff8c02; }
div#post.explorar h3#titulo-leiatambem { color:#327732; }
div#post.curtir h3#titulo-leiatambem { color:#6d2f16; }
div#post.cuidar h3#titulo-leiatambem { color:#3e9eda; }
div#post.saborear h3#titulo-leiatambem { color:#ffc501; }

h3#titulo-tabelanutricional { display:block; width:490px; height:45px; /*padding:0 0 10px 0;*/ letter-spacing:-1px; text-transform:uppercase; color:#f49523; font-size:22px; font-weight:800; }
h3#titulo-tabelanutricional span { font-size:16px; }

h3#titulo-comentarios,
h3#titulo-videos,
h3#titulo-sabores { display:none; }
h3#titulo-meusfavoritos { display:block; width:151px; height:39px; margin:15px 0 10px 0; background:url(../images/titulo-meusfavoritos.gif) 0 0 no-repeat; text-indent:-6000px; overflow:hidden; }

h3#titulo-comente { display:block; width:156px; height:28px; padding:0 0 20px 0; background:url(../images/titulo-comente.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

h3#titulo-concurso { display:block; width:184px; height:28px; padding:0 0 10px 0; background:url(../images/titulo-concurso.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
h3#titulo-facaoquiz { display:block; width:115px; height:35px; padding:0 0 10px 0; background:url(../images/titulo-facaoquiz.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

/* 08 Secoes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* cadastrese */
div#cadastrese { height:590px; overflow:hidden; }
div#cadastrese p { display:block; width:720px; height:44px; padding:25px 0 0 160px; color:#666; }
div#cadastrese fieldset { float:left; display:block; width:400px; padding:30px 25px 0 160px; overflow:hidden; }
div#cadastrese div.sexo,
div#cadastrese form label { float:left; display:block; height:26px; overflow:hidden; }
div#cadastrese form strong { float:left; display:block; padding:3px 0 0 0; color:#6c2e16; }
div#cadastrese form input,
div#cadastrese form select { float:left; display:block; height:14px; padding:3px 0px; font-size:12px; }
div#cadastrese form select { padding:0; height:20px; }

div#cadastrese form label label.error { text-indent:-9999px; overflow:hidden; }
div#cadastrese form label input.error, 
div#cadastrese form label input.select { border:1px solid red; } 

div#cadastrese button { float:left; display:block; height:51px; margin:60px 0 0 0; border:none; background-position:0 0; background-repeat:no-repeat; background-color:transparent; text-indent:-9999px; overflow:hidden; }
div#cadastrese button.verresultado { width:219px; background-image:url(../images/bt-verresultado.png); }
div#cadastrese button.cadastrar { width:216px; background-image:url(../images/bt-cadastrar.png); }
div#cadastrese button.salvar { width:210px; background-image:url(../images/meuperfil-bt-salvar.png); }
div#cadastrese button:hover { background-position:0 -51px; }

div#cadastrese label.email,
div#cadastrese label.nascimento,
div#cadastrese label.cidade { width:210px; }
div#cadastrese label.cep { width:140px; }
div#cadastrese label.estadocivil { width:212px; }
div#cadastrese div.sexo,
div#cadastrese label.senha,
div#cadastrese label.estado { width:142px; }

div#cadastrese div.sexo label.feminino,
div#cadastrese div.sexo label.masculino { padding:0 0 0 15px; }
div#cadastrese div.sexo label strong { width:auto; padding:2px 0 0 4px; }
div#cadastrese div.sexo input { border:none; }

div#cadastrese label.senha strong,
div#cadastrese label.estado strong { width:50px; }
div#cadastrese label.nome strong,
div#cadastrese label.email strong,
div#cadastrese label.cidade strong,
div#cadastrese label.cep strong { width:70px; }
div#cadastrese label.nascimento strong { width:140px; }
div#cadastrese label.estadocivil strong { width:90px; padding:2px 3px 0 0; text-align:right; }

div#cadastrese label.nome input { width:280px; }
div#cadastrese label.cidade input,
div#cadastrese label.email input { width:130px; }
div#cadastrese label.email input.readonly { color:#666; background-color:#eee; }
div#cadastrese label.senha input { width:90px; }
div#cadastrese label.nascimento input { width:60px; }
div#cadastrese label.cep input { width:60px; }
div#cadastrese label.estado select { width:92px; }
div#cadastrese label.estadocivil select { width:119px; }
div#cadastrese div.sexo label input { display:block; margin:3px 0 0 0; }
div#cadastrese label.newsletterenvio { display:block; padding:5px; margin:30px 0 0 0; }
div#cadastrese label.newsletterenvio input { margin-right:5px; }

div#cadastrese p.erro { clear:both; display:block; font-size:12px; font-weight:bold; color:#6c2e16; }

/* calendario */
div#calendario { float:left; width:655px; height:770px; padding:0 0 0 35px; margin:-20px 0 0 0; overflow:hidden; }
div#calendario div#data { width:655px; height:147px; margin:0; /*background:green; opacity:0.5;*/ overflow:hidden; }
div#calendario div#data ul { display:none; }
div#calendario div#horario { position:relative; height:610px; overflow:hidden; }
div#calendario div#horario ul { position:relative; float:left; display:block; width:108px; height:900px; margin:0 1px 0 0; background:url(../images/calendario-diadasemana-bg.png) 0 0 no-repeat; overflow:hidden; z-index:1; }
div#calendario div#horario ul li { position:relative; display:block; height:44px; padding:4px 0 0 5px; background:url(../images/calendario-hora-bg.gif) 5px 0 no-repeat; margin-bottom:1px; }
div#calendario div#horario ul li a { color:#999; text-decoration:none; }
div#calendario div#horario ul li.atividade { height:auto; padding:0 0 4px 0; margin:-26px 0 0 0; overflow:hidden; }
div#calendario div#horario ul li.atividade div { position:relative; width:97px; top:0; left:0; background-position:0 bottom; background-repeat:no-repeat; overflow:hidden; z-index:2; }
div#calendario div#horario ul li.atividade div.duracao-120 { height:120px; }
div#calendario div#horario ul li.atividade div.duracao-180 { height:169px; }
div#calendario div#horario ul li.atividade div.duracao-240 { height:218px; }
div#calendario div#horario ul li.atividade div.duracao-300 { height:266px; }
div#calendario div#horario ul li.atividade div a { color:#fff; }
div#calendario div#horario ul li.atividade div a:hover { text-decoration:underline; }
div#calendario div#horario ul li.atividade div a.adicionar,
div#calendario div#horario ul li.atividade div a.adicionado { display:block; width:96px; height:48px; background-position:0 top; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
div#calendario div#horario ul li.atividade div a.adicionado { cursor:default; }
div#calendario div#horario ul li.atividade span.hora { position:absolute; top:30px; left:7px; display:block; width:90px; color:#fff; font-size:12px; z-index:3; }
div#calendario div#horario ul li.atividade strong { position:absolute; top:50px; left:7px; display:block; width:90px; color:#fff; font-weight:normal; font-size:11px; z-index:3; }

div#calendario div#horario ul li.especial a.hora { display:block; width:35px; padding:0 15px 0 0; font-size:12px; color:#692E15; font-weight:bold; background:url(../images/calendario-box-dica-icon.gif) right center no-repeat; }
div#calendario div#horario ul li.especial a.hora:hover { text-decoration:underline; }
div#calendario div#horario ul li.especial div.duracao-60 { display:none; }

div.dica { display:none; position:absolute; top:0; left:0; width:153px; height:113px; background:url(../images/calendario-box-dica-bg.gif) right 0 no-repeat; overflow:hidden; z-index:954; }
div.dica span.hora { display:block; width:90px; padding:5px 0 0 25px; color:#fff; font-size:12px; }
div.dica strong { display:block; padding:5px 0 0 75px; height:88px; font-weight:normal; color:#fff; background:url(../images/calendario-box-dica-pack1.png) left 2px no-repeat; }
div.dica a.fechar { position:absolute; top:5px; right:5px; display:block; width:10px; height:10px; background:url(../images/calendario-box-dica-bt-fechar.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; } 
div.dica a.fechar:hover { background-position:0 -10px; }

div#calendario div#horario ul li.explorar div { background-image:url(../images/calendario-box-bottom-explorar.gif); }
div#calendario div#horario ul li.curtir div { background-image:url(../images/calendario-box-bottom-curtir.gif); }
div#calendario div#horario ul li.cuidar div { background-image:url(../images/calendario-box-bottom-cuidar.gif); }
div#calendario div#horario ul li.saborear div { background-image:url(../images/calendario-box-bottom-saborear.gif); }

div#calendario div#horario ul li.explorar div a.adicionar { background-image:url(../images/calendario-box-top-explorar.gif); }
div#calendario div#horario ul li.curtir div a.adicionar { background-image:url(../images/calendario-box-top-curtir.gif); }
div#calendario div#horario ul li.cuidar div a.adicionar { background-image:url(../images/calendario-box-top-cuidar.gif); }
div#calendario div#horario ul li.saborear div a.adicionar { background-image:url(../images/calendario-box-top-saborear.gif); }

div#calendario div#horario ul li.explorar div a.adicionado { background-image:url(../images/calendario-box-top-explorar-added.gif); }
div#calendario div#horario ul li.curtir div a.adicionado { background-image:url(../images/calendario-box-top-curtir-added.gif); }
div#calendario div#horario ul li.cuidar div a.adicionado { background-image:url(../images/calendario-box-top-cuidar-added.gif); }
div#calendario div#horario ul li.saborear div a.adicionado { background-image:url(../images/calendario-box-top-saborear-added.gif); }

div#calendario a.vermais-cima,
div#calendario a.vermais-baixo { display:block; width:649px; height:12px; background-image:url(../images/calendario-bt-setas.gif); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
div#calendario a.vermais-cima { background-position:0 -24px; }
div#calendario a.vermais-cima:hover { background-position:0 -36px; }
div#calendario a.vermais-baixo { background-position:0 0; }
div#calendario a.vermais-baixo:hover { background-position:0 -12px; }

/* concurso */
div#concurso { position:relative; clear:both; width:900px; height:600px; padding:20px 50px 0 50px; background:url(../images/concurso-bg-top.png) 0 top no-repeat; z-index:78; }
div#concurso div.pergunta { float:left; width:670px; height:300px; }
div#concurso div.pergunta p { position:relative; display:block; width:380px; padding:0 0 0 260px; margin:0 0 15px 0; color:#666; z-index:10; }
div#concurso div.pergunta p.paragrafo1 { }
div#concurso div.pergunta p.paragrafo2 { }
div#concurso div.pergunta p.paragrafo3 { /*width:800px; padding:0 0 0 20px;*/ }
div#concurso div.pergunta img { position:absolute; display:block; margin:-10px 0 0 -15px; z-index:5; }

div#concurso div.vencedor { float:right; width:230px; height:300px; }
div#concurso div.vencedor img.selo { }

div#concurso div.resposta { float:left; padding:20px 0 0 20px; }

div#concurso div.pergunta h3,
div#concurso div.resposta h3 { font-size:22px; font-weight:800; color:#ff8a00; text-transform:uppercase; }
div#concurso div.pergunta h3 { padding:0 0 10px 10px; }
div#concurso div.resposta h3 { font-size:18px; }
div#concurso div.resposta h3 strong { display:block; padding:0 0 10px 0; font-size:20px; letter-spacing:-1px; }
div#concurso div.resposta label strong { display:none; }
div#concurso div.resposta label textarea { display:block; width:615px; height:60px; padding:3px; }
div#concurso div.resposta span.leftchars { float:left; width:150px; height:17px; padding:10px 0 15px 0; color:#666; font-size:12px; }
div#concurso div.resposta em.validade { float:left; width:150px; height:17px; padding:10px 0 15px 0; color:#666; font-size:11px; text-transform:lowercase; }
div#concurso div.resposta small.etapa { float:left; width:100px; height:17px; padding:10px 0 15px 0; color:#666; font-size:11px; font-style:italic; text-align:right; text-transform:lowercase; }
div#concurso div.resposta a.regulamento { float:left; width:220px; height:17px; padding:10px 0 15px 0; text-align:right; color:#666; font-size:12px; text-transform:lowercase; }
div#concurso div.resposta button { clear:both; display:block; width:152px; height:59px; border:none; cursor:pointer; background:url(../images/concurso-bt-enviar.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#concurso div.resposta button:hover { background-position:0 -59px; }

/* destaque */
div#destaque { float:left; width:690px; height:555px; background:transparent; overflow:hidden; }
div#destaque div#quiz { height:110px; padding:440px 0 0 345px; }
div#destaque div#quiz h3.pergunta { display:none; }
div#destaque div#quiz p.descricao { display:block; width:240px; height:45px; color:#666; font-size:12px; }
div#destaque div#quiz a.facaoquiz { display:block; width:214px; height:50px; background:url(../images/bt-facaoquiz.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#destaque div#quiz a.facaoquiz:hover { background-position:0 -51px; }

/* enviarporemail */
div#enviarporemail { width:515px; height:300px; overflow:auto; }
div#enviarporemail p { margin:0 0 20px 0; font-size:13px; font-weight:800; color:#999; }
div#enviarporemail form { width:510px; }
div#enviarporemail label { float:left; }
div#enviarporemail label strong { float:left; display:block; height:24px; padding:5px 10px 0 0; font-size:11px; font-weight:normal; text-transform:uppercase; color:#999; background:url(../images/faleconosco-input-left.gif) top right no-repeat; overflow:hidden; }
div#enviarporemail label input { float:left; width:130px; height:17px; padding:3px 5px 0 5px; font-size:12px; color:#666; border:none; background:url(../images/faleconosco-input-right.gif) top right no-repeat; overflow:hidden; }
div#enviarporemail label.seunome,
div#enviarporemail label.seuemail { float:left; display:block; width:230px; padding:0 0 10px 0; overflow:hidden; }
div#enviarporemail label.nomeamigo,
div#enviarporemail label.emailamigo { display:block; width:280px; padding:0 0 10px 0; overflow:hidden; }
div#enviarporemail label.mensagem { }
div#enviarporemail label.mensagem strong { padding:0; background:none; } 
div#enviarporemail label.mensagem textarea { width:510px; height:89px; padding:5px 0 0 5px; border:0; color:#666; font-size:14px; font-family:Tahoma, Arial; background:url(../images/enviarporemail-textarea.gif) top left no-repeat; overflow:hidden; }
div#enviarporemail button.enviar { float:right; display:block; width:112px; height:40px; margin:10px 0 0 0; cursor:pointer; border:none; background:url(../images/faleconosco-bt-enviar.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#enviarporemail button.enviar:hover { background-position:0 bottom; }

div#enviarporemail form label label.error { text-indent:-9999px; overflow:hidden; }
div#enviarporemail form label input.error, 
div#enviarporemail form label input.select { border:0px solid red; } 

#modal-enviarporemail a.fechar { position:absolute; top:0; right:0; display:block; width:18px; height:13px; background:url(../images/bt-fechar.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
#modal-enviarporemail a.fechar:hover { background-position:0 -13px; }

/* fale conosco */
#faleconosco { width:660px; height:490px; overflow:hidden; }

#faleconosco a.fechar { position:absolute; top:0; right:0; display:block; width:18px; height:13px; background:url(../images/bt-fechar.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
#faleconosco a.fechar:hover { background-position:0 -13px; }

#faleconosco p.atendimento { display:block; padding:10px 0; font-size:14px; font-weight:bold; color:#999; }
#faleconosco p.atendimento strong { color:#d6ae77; font-size:16px; }

h3#subtitulo-assunto { float:left; display:block; width:140px; height:15px; padding:5px 0 5px 0; text-transform:uppercase; font-size:12px; color:#999; font-weight:bold; text-align:left; }
#faleconosco div.assunto { position:relative; float:left; z-index:11; }
#faleconosco div.assunto a.assunto { display:block; width:210px; height:18px; padding:2px 0 0 7px; text-decoration:none; color:#666; font-size:13px; background:url(../images/faleconosco-categorias-bg.gif) 0 0 no-repeat; }
#faleconosco div.assunto ul#assuntos { position:absolute; display:none; top:0; width:208px; height:135px; padding:5px 5px; background:url(../images/faleconosco-categorias-bg.gif) 0 -20px no-repeat; overflow:hidden; z-index:20; }
#faleconosco div.assunto ul#assuntos li { display:block; width:180px; height:21px; }
#faleconosco div.assunto ul#assuntos li a { display:block; width:180px; height:18px; padding:3px 0 0 3px; margin:0 0 1px 0; color:#666; font-size:13px; text-decoration:none; }
#faleconosco div.assunto ul#assuntos li a:hover { color:#000; background-color:#eee; }

#faleconosco form { clear:both; display:block; padding:15px 0 0 0; overflow:hidden; }
#faleconosco form fieldset { display:block; height:400px; overflow:hidden; }
#faleconosco form label { float:left; display:block; width:319px; height:20px; padding:0 0 5px 0; overflow:hidden; }
#faleconosco form label b { float:left; display:block; width:98px; height:27px; padding:3px 8px 0 0; font-size:12px; font-weight:bold; text-transform:uppercase; color:#999; text-align:right; background:url(../images/faleconosco-input-left.gif) top right no-repeat; overflow:hidden; }
#faleconosco form label input { float:left; height:17px; padding:3px 0 0 0; border:0; color:#666; font-size:12px; background:url(../images/faleconosco-input-right.gif) top right no-repeat; }
#faleconosco form label input.error { /*border-bottom:1px solid #ff0000;*/ }
#faleconosco form label em.error { display:none !important; }

#faleconosco form label.nome { }
#faleconosco form label.nome input { width:213px; }
#faleconosco form label.email {  }
#faleconosco form label.email input { width:213px; }
#faleconosco form label.endereco { display:none; }
#faleconosco form label.endereco input { width:213px; }
#faleconosco form label.numero { display:none; }
#faleconosco form label.numero input { width:62px; }
#faleconosco form label.bairro { display:none; }
#faleconosco form label.bairro input { width:213px; }
#faleconosco form label.complemento { display:none; }
#faleconosco form label.complemento input { width:213px; }
#faleconosco form label.cidade { }
#faleconosco form label.cidade input { width:213px; }
#faleconosco form label.estado { width:139px; }
#faleconosco form label.estado input { width:30px; }
#faleconosco form label.cep { display:none; width:200px; }
#faleconosco form label.cep b { width:48px; }
#faleconosco form label.cep input { width:50px; }

#faleconosco form .nascimento { float:left; width:319px; overflow:hidden; }
#faleconosco form .nascimento b { float:left; display:block; width:98px; height:35px; padding:3px 8px 0 0; text-transform:uppercase; font-size:12px; color:#999; letter-spacing:-1px; font-weight:bold; text-align:right; background:url(../images/faleconosco-input-left.gif) top right no-repeat; }
#faleconosco form .nascimento label { width:auto; padding:0; }
#faleconosco form .nascimento label.dia b { display:none; }
#faleconosco form .nascimento label.dia { margin-right:1px; }
#faleconosco form .nascimento label.dia input { width:32px; }
#faleconosco form .nascimento label.mes { margin-right:1px; }
#faleconosco form .nascimento label.mes b { width:5px; height:30px; padding:0; background:url(../images/faleconosco-input-left.gif) top right no-repeat; text-align:left; text-indent:-5000em; overflow:hidden; } 
#faleconosco form .nascimento label.mes input { width:32px; }
#faleconosco form .nascimento label.ano { }
#faleconosco form .nascimento label.ano b { width:5px; height:30px; padding:0; background:url(../images/faleconosco-input-left.gif) top right no-repeat; text-align:left; text-indent:-5000em; overflow:hidden; } 
#faleconosco form .nascimento label.ano input { width:62px; }

#faleconosco form .contato { float:left; width:249px; padding:0 75px 0 0; overflow:hidden; }
#faleconosco form .contato b { float:left; display:block; width:98px; height:27px; padding:3px 8px 0 0; text-transform:uppercase; font-size:12px; letter-spacing:-1px; color:#999; text-align:right; background:url(../images/faleconosco-input-left.gif) top right no-repeat; }
#faleconosco form .contato label { width:auto; padding:0; }
#faleconosco form .contato label.ddd { margin-right:1px; }
#faleconosco form .contato label.ddd b { display:none; } 
#faleconosco form .contato label.ddd input { width:32px; }
#faleconosco form .contato label.telefone { }
#faleconosco form .contato label.telefone b { width:5px; height:30px; padding:0; background:url(../images/faleconosco-input-left.gif) top right no-repeat; text-align:left; text-indent:-5000em; overflow:hidden; } 
#faleconosco form .contato label.telefone input { width:100px; }

#faleconosco form .sexo { clear:both; width:600px; height:40px; padding:0; overflow:hidden; }
#faleconosco form .sexo b { float:left; display:block; width:94px; height:40px; padding:0 3px 0 0; text-transform:uppercase; font-size:12px; color:#999; font-weight:bold; text-align:right; }
#faleconosco form .sexo label { width:auto; }
#faleconosco form .sexo label,
#faleconosco form .sexo label b { background:none; height:auto; padding:2px 0 0 3px; text-align:left; font-size:11px; }
#faleconosco form .sexo label input { float:left; height:auto; margin:0 0 0 0; padding:0; background:none; }

#faleconosco form label.mensagem { clear:both; float:none; width:640px; height:110px; background:none; }
#faleconosco form label.mensagem b { float:left; display:block; width:98px; height:89px; padding:0 3px 0 0; background:none;  }
#faleconosco form label.mensagem textarea { width:514px; height:89px; padding:5px 0 0 5px; border:0; color:#666; font-size:14px; font-family:Tahoma, Arial; background:url(../images/faleconosco-textarea.gif) top left no-repeat; overflow:hidden; }
#faleconosco form label.mensagem em { display:block; padding:0 0 0 105px; color:#999; }

#faleconosco form label.notificar { float:left; width:400px; height:18px; padding:5px 0 0 100px; }
#faleconosco form label.notificar input { width:15px; padding:0; background:none; }
#faleconosco form label.notificar b { width:380px; padding:4px 0 0 5px; font-size:11px; letter-spacing:0; text-align:left; color:#666; font-weight:normal; text-transform:none; background:none; text-indent:0; }

#faleconosco form button.enviar { float:right; display:inline-block; width:112px; height:40px; padding:0; margin:0 30px 0 0; border:0; cursor:pointer; background:url(../images/faleconosco-bt-enviar.png) 0 0 no-repeat; text-indent:-6500em; overflow:hidden; }
#faleconosco form button.enviar:hover { background-position:0 -40px; }

#faleconosco form p.descricao { float:right; display:none; width:200px; padding:0 70px 0 0; margin:-115px 0 0 -10px; line-height:14px; }

#faleconosco-erro { width:660px; height:490px; overflow:hidden; }
#faleconosco-erro p.erro { display:block; padding:10px 0 10px 0; font-size:16px; font-weight:bold; color:#999; letter-spacing:-1px; }
#faleconosco-erro a.reenviar { float:left; display:inline-block; width:160px; height:29px; padding:0; margin:0 5px 0 0; border:0; cursor:pointer; background:url(../images/faleconosco-bt-reenviar.gif) center no-repeat; text-indent:-6500em; overflow:hidden; }
#faleconosco-erro a.fechar { float:left; display:inline-block; width:104px; height:32px; padding:0; margin:0 0 0 0; border:0; cursor:pointer; background:url(../images/faleconosco-bt-fechar.gif) 0 0 no-repeat; text-indent:-6500em; overflow:hidden; }
#faleconosco-erro a.fechar:hover { background-position:0 -32px; }

#faleconosco-sucesso { width:660px; height:490px; overflow:hidden; }
#faleconosco-sucesso p { font-size:16px; font-weight:bold; color:#999; letter-spacing:-1px; }
#faleconosco-sucesso p.sucesso { display:block; padding:10px 0 0 0; }
#faleconosco-sucesso p.contato { display:block; padding:0 0 10px 0; }
#faleconosco-sucesso a.fechar { float:left; display:inline-block; width:104px; height:32px; padding:0; margin:0 0 0 0; border:0; cursor:pointer; background:url(../images/faleconosco-bt-fechar.gif) 0 0 no-repeat; text-indent:-6500em; overflow:hidden; }
#faleconosco-sucesso a.fechar:hover { background-position:0 -32px; }

/* identifiquese */
div#identifiquese { width:365px; height:478px; padding:0 0 0 100px; overflow:hidden; }
div#identifiquese form#recuperar { display:none; }
div#identifiquese fieldset { display:block; padding:50px 0 10px 0; overflow:hidden; } 
div#identifiquese label { display:block; }
div#identifiquese label strong { float:left; display:block; width:59px; height:12px; padding:2px 0 0 0; color:#6c2e16; }
div#identifiquese label.email { padding:0 0 10px 0; }
div#identifiquese label input { width:300px; height:14px; padding:3px 0px; font-size:12px; } 
div#identifiquese label label.error { display:none!important; text-indent:-9999px; overflow:hidden; }
div#identifiquese label input.error, 
div#identifiquese label input.select { border:1px solid red; } 
div#identifiquese p { display:block; padding:5px 0 10px 60px; font-size:12px; font-weight:bold; color:#6c2e16; }
div#identifiquese p.msg { display:none; }
div#identifiquese a.voltar,
div#identifiquese a.recuperarsenha { float:left; display:inline; margin:0 0 0 60px; font-size:11px; color:#6c2e16; overflow:hidden; }
div#identifiquese button { float:right; display:block; width:71px; height:26px; background:url(../images/bt-enviar.png) 0 0 no-repeat; border:none; text-indent:-9999px; overflow:hidden; }
div#identifiquese button:hover { background-position:0 -25px; }

/* manutencao */
div#manutencao { position:absolute; top:50%; left:50%; width:300px; height:auto; padding:100px 50px; margin:-110px 0 0 -200px; border:1px solid #eee; background:#eee; }
div#manutencao p { width:300px; text-align:center; color:#999; font-size:16px; }

/* paginacao */
div.paginacao { height:30px; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; }
div.paginacao ul { float:left; display:block; width:253px; height:21px; padding:5px 5px 0 9px; }
div.paginacao ul li { float:left; display:block; width:19px; height:15px; text-align:center; }
div.paginacao ul li a { display:block; font-size:12px; color:#666; text-decoration:none; }
div.paginacao ul li a:hover { font-weight:bold; font-size:13px; color:#333; }
div.paginacao a.anterior,
div.paginacao a.proxima  { display:block; width:9px; height:15px; background:url(../images/calendario-favoritos-paginacao-setas.gif) -9999px -9999px no-repeat; text-indent:-9999px; overflow:hidden; }
div.paginacao a.anterior { float:left; background-position:0 0; }
div.paginacao a.proxima { float:right; background-position:-9px 0; }
div.paginacao a.anterior:hover { background-position:0 -15px; }
div.paginacao a.proxima:hover { background-position:-9px -15px; }
div.paginacao a.pagina-ativa { color:#000; font-weight:bold; }

div#comentarios div.paginacao { float:none; clear:both; height:30px; padding:0; }

div#posts div.paginacao { position:absolute; top:350px; left:340px; }

/* perfis */
div#perfis { position:relative; /*clear:both;*/ width:1000px; /*min-height:375px;*/ padding:20px 0 50px 0; background:url(../images/posts-bg.png) 0 0 no-repeat; overflow:hidden; z-index:77; }
div#perfis h3.descricao { display:block; width:600px; height:20px; padding:0 0 10px 50px; background:url(../images/perfis-descricao.gif) right 0 no-repeat; text-indent:-9999px; overflow:hidden; }

div#perfis ul#abas { height:60px; padding:0 0 0 50px; }
div#perfis ul#abas li { display:inline; }
div#perfis li.todos a,
div#perfis li.explorar a,
div#perfis li.curtir a, 
div#perfis li.cuidar a, 
div#perfis li.saborear a { float:left; display:block; height:50px; margin:0 4px 0 0; background:url(../images/posts-abas.gif) -9999px -9999px no-repeat; text-indent:-9999px; overflow:hidden; }
div#perfis li.todos a { width:183px; background-position:0 0; }
div#perfis li.todos a:hover, 
div#perfis li.todos a.current { background-position:0 -72px; }
div#perfis li.explorar a { width:176px; background-position:-216px 0; }
div#perfis li.explorar a:hover, 
div#perfis li.explorar a.current { background-position:-216px -72px; }
div#perfis li.curtir a { width:174px; background-position:-396px 0; }
div#perfis li.curtir a:hover, 
div#perfis li.curtir a.current { background-position:-396px -72px; }
div#perfis li.cuidar a { width:175px; background-position:-576px 0; } 
div#perfis li.cuidar a:hover, 
div#perfis li.cuidar a.current { background-position:-576px -72px; }
div#perfis li.saborear a { width:175px; margin:0; background-position:-756px 0; }
div#perfis li.saborear a:hover, 
div#perfis li.saborear a.current { background-position:-756px -72px; }

/* perguntas frequentes */
div#perguntasfrequentes { float:left; width:1000px; padding:180px 0 0 30px; }
div#perguntasfrequentes ul { width:900px; background-color:#f5f5f5; overflow:hidden; }
div#perguntasfrequentes ul li { width:900px; margin:0 0 10px 0; overflow:hidden; }
div#perguntasfrequentes ul li p.pergunta { display:block; min-height:50px; height:auto !important; height:50px; padding:20px 20px 20px 90px; border:1px solid #fcf9f5; color:#666; cursor:pointer; background:url(../images/perguntasfrequentes-icone-pergunta.jpg) 10px 10px no-repeat #fff; }
div#perguntasfrequentes ul li p.resposta { display:block; min-height:50px; height:auto !important; height:50px; padding:20px 20px 20px 90px; color:#666; background:url(../images/perguntasfrequentes-icone-resposta.jpg) 10px 10px no-repeat; }
div#perguntasfrequentes ul li span.vermais { display:block; width:900px; height:10px; cursor:pointer; background:#ff8a00; text-indent:-9999px; overflow:hidden; }

/* post */
div#post { display:none; width:900px; height:auto; padding:0 50px; overflow:hidden; }
div#post h3.titulo-post { display:block; font-size:42px; font-weight:normal; }
div#post p.datahora { display:block; height:20px; }

div#post.todos h3.titulo-post, 
div#post.todos p.datahora { color:#ff8c02; } 
div#post.explorar h3.titulo-post, 
div#post.explorar p.datahora { color:#327732; } 
div#post.curtir h3.titulo-post, 
div#post.curtir p.datahora { color:#6d2f16; } 
div#post.cuidar h3.titulo-post, 
div#post.cuidar p.datahora { color:#3e9eda; } 
div#post.saborear h3.titulo-post, 
div#post.saborear p.datahora { color:#ffc501; }

div#post div.conteudo { font-size:13px; color:#666; }
div#post div.conteudo p { margin:0 0 15px 0; text-align:justify; }
div#post div.conteudo img { float:left; display:block; margin:0 20px 20px 0; }

div#post ul.opcoes { float:left; display:block; width:400px; height:40px; padding:0 0 15px 0; }
div#post ul.opcoes li { float:left; display:block; padding:0 5px 0 0; }

div#post ul.opcoes a.envieporemail,
div#post ul.opcoes a.comente,
div#post ul.opcoes a.comentarios { display:block; height:37px; background:url(../images/post-botoes.gif) -9999px -9999px no-repeat; text-indent:-9999px; overflow:hidden; }

div#post ul.opcoes a.envieporemail { width:144px; background-position:0 0; }
div#post ul.opcoes a.comente { width:101px; background-position:-150px 0; }
div#post ul.opcoes a.comentarios { width:117px; background-position:-275px 0; }
div#post ul.opcoes a.envieporemail:hover { background-position:0 -50px; }
div#post ul.opcoes a.comente:hover { background-position:-150px -50px; }
div#post ul.opcoes a.comentarios:hover { background-position:-275px -50px; }

div#post.explorar ul.opcoes a.envieporemail { background-position:0 -200px; }
div#post.explorar ul.opcoes a.comente { background-position:-150px -200px; }
div#post.explorar ul.opcoes a.comentarios { background-position:-275px -200px; }
div#post.explorar ul.opcoes a.envieporemail:hover { background-position:0 -250px; }
div#post.explorar ul.opcoes a.comente:hover { background-position:-150px -250px; }
div#post.explorar ul.opcoes a.comentarios:hover { background-position:-275px -250px; }

div#post.curtir ul.opcoes a.envieporemail { background-position:0 -400px; }
div#post.curtir ul.opcoes a.comente { background-position:-150px -400px; }
div#post.curtir ul.opcoes a.comentarios { background-position:-275px -400px; }
div#post.curtir ul.opcoes a.envieporemail:hover { background-position:0 -450px; }
div#post.curtir ul.opcoes a.comente:hover { background-position:-150px -450px; }
div#post.curtir ul.opcoes a.comentarios:hover { background-position:-275px -450px; }

div#post.cuidar ul.opcoes a.envieporemail { background-position:0 -300px; }
div#post.cuidar ul.opcoes a.comente { background-position:-150px -300px; }
div#post.cuidar ul.opcoes a.comentarios { background-position:-275px -300px; }
div#post.cuidar ul.opcoes a.envieporemail:hover { background-position:0 -350px; }
div#post.cuidar ul.opcoes a.comente:hover { background-position:-150px -350px; }
div#post.cuidar ul.opcoes a.comentarios:hover { background-position:-275px -350px; }

div#post.saborear ul.opcoes a.envieporemail { background-position:0 -100px; }
div#post.saborear ul.opcoes a.comente { background-position:-150px -100px; }
div#post.saborear ul.opcoes a.comentarios { background-position:-275px -100px; }
div#post.saborear ul.opcoes a.envieporemail:hover { background-position:0 -150px; }
div#post.saborear ul.opcoes a.comente:hover { background-position:-150px -150px; }
div#post.saborear ul.opcoes a.comentarios:hover { background-position:-275px -150px; }

div#post ul.opcoes a.comentarios { text-indent:0; text-decoration:none; font-size:16px; font-weight:bold; }
div#post ul.opcoes a.comentarios span { display:none; }
div#post ul.opcoes a.comentarios strong { display:block; width:20px; padding:0 0 0 12px; line-height:39px; letter-spacing:-1px; text-align:center; }
div#post.explorar ul.opcoes a.comentarios strong { color:#327732; } 
div#post.curtir ul.opcoes a.comentarios strong { color:#6d2f16; } 
div#post.cuidar ul.opcoes a.comentarios strong { color:#3e9eda; } 
div#post.saborear ul.opcoes a.comentarios strong { color:#ffc501; }

div#post div#comentarios { clear:both; padding:0 0 20px 0; overflow:hidden; }
div#post div#comentarios div.comentario { float:left; width:900px; min-height:50px; height:auto !important; height:50px; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #d1d1d1; background:url(../images/post-botoes.gif) -9999px -9999px no-repeat; overflow:hidden; }
div#post.todos div#comentarios div.comentario { background-position:-400px 0; }
div#post.explorar div#comentarios div.comentario { background-position:-400px -200px; }
div#post.curtir div#comentarios div.comentario { background-position:-400px -400px; }
div#post.cuidar div#comentarios div.comentario { background-position:-400px -300px; }
div#post.saborear div#comentarios div.comentario { background-position:-400px -100px; }

div#post div#comentarios div.comentario div.autor { float:left; width:180px; padding:5px 0 0 60px; }
div#post div#comentarios div.comentario div.autor p { font-size:14px; color:#666; }
div#post.todos div#comentarios div.comentario div.autor strong { padding:5px 0 0 0; color:#ff8c02; } 
div#post.explorar div#comentarios div.comentario div.autor strong { color:#327732; } 
div#post.curtir div#comentarios div.comentario div.autor strong { color:#6d2f16; } 
div#post.cuidar div#comentarios div.comentario div.autor strong { color:#3e9eda; } 
div#post.saborear div#comentarios div.comentario div.autor strong { color:#ffc501; }

div#post div#comentarios div.comentario div.texto { float:left; width:600px; padding:0 0 0 35px; background:url(../images/comentario-autor-bg.gif) 20px 0 no-repeat; }
div#post div#comentarios div.comentario div.texto p { font-size:11px; color:#666; }

div#post div#leiatambem { float:left; height:350px; padding:0 0 0 15px; margin:0 0 0 15px; border-left:1px solid #d1d1d1; }
div#post div#leiatambem ul {  }
div#post div#leiatambem ul li { display:block; padding:5px 0 5px 10px; background:url(../images/leiatambem-liststyle.gif) 0 center no-repeat; overflow:hidden; }
div#post div#leiatambem ul li a { font-size:12px; color:#666; text-decoration:none; }
div#post div#leiatambem ul li a:hover { color:#333; text-decoration:underline; }

div#post div#comente { float:left; width:300px; height:316px; padding:15px 0 15px 15px; background:url(../images/comente-bg.jpg) -9999px -9999px no-repeat; overflow:hidden; }
div#post.todos div#comente { background-position:0 0; }
div#post.explorar div#comente { background-position:-975px 0; }
div#post.curtir div#comente { background-position:-325px 0; }
div#post.cuidar div#comente { background-position:-650px 0; }
div#post.saborear div#comente { background-position:-1300px 0; }

div#post div#comente label { display:block; height:30px; }
div#post div#comente label input { width:229px; height:17px; padding:2px 3px 0 3px; }
div#post div#comente label textarea { width:275px; height:136px; padding:3px 3px 0 3px; }
div#post div#comente label.comentario { height:170px; }
div#post div#comente label.comentario strong { float:none; width:250px; height:20px; }

div#comente form label label.error { text-indent:-9999px; overflow:hidden; }
div#comente form label input.error, 
div#comente form label textarea.error { border:1px solid red; } 

div#post div#comente label strong { float:left; display:block; width:45px; padding:3px 0 0 0; font-weight:bold; color:#fff; }
div#post.todos div#comente label strong { color:#a76b39; } 
div#post.explorar div#comente label strong { color:#548754; } 
div#post.curtir div#comente label strong { color:#4e2d1d; } 
div#post.cuidar div#comente label strong { color:#3f647d; } 
div#post.saborear div#comente label strong { color:#7f650e; }

div#post div#comente button { float:right; display:block; width:102px; height:37px; border:none; cursor:pointer; background:url(../images/comente-bt-enviar.png) -9999px -9999px no-repeat; text-indent:-9999px; overflow:hidden; }
div#post.todos div#comente button { background-position:0 0; }
div#post.todos div#comente button:hover { background-position:0 -50px; }
div#post.explorar div#comente button { background-position:0 -200px; }
div#post.explorar div#comente button:hover { background-position:0 -250px; }
div#post.curtir div#comente button { background-position:0 -400px; }
div#post.curtir div#comente button:hover { background-position:0 -450px; }
div#post.cuidar div#comente button { background-position:0 -300px; }
div#post.cuidar div#comente button:hover { background-position:0 -350px; }
div#post.saborear div#comente button { background-position:0 -100px; }
div#post.saborear div#comente button:hover { background-position:0 -150px; }

/* posts */
div#posts { width:900px; padding:0 0 0 50px; background:url(../images/posts-bg.gif) 628px 0 no-repeat; overflow:hidden; }
div#posts div.post-destaque { float:left; width:250px; height:250px; padding:0 20px 0 0; }
div#posts div.post-destaque div.imagem { width:250px; height:200px; margin:0 0 20px 0; background-position:center; /*background:white; opacity:0.5; */}
div#posts div.post-destaque div.info { width:230px; height:30px; padding:0 10px; background:url(../images/posts-destaque-info-bg.gif) -9999px -9999px no-repeat; }
div#posts div.post-destaque div.explorar { background-position:0 0; }
div#posts div.post-destaque div.curtir { background-position:0 -50px; }
div#posts div.post-destaque div.cuidar { background-position:0 -100px; }
div#posts div.post-destaque div.saborear { background-position:0 -150px; }
div#posts div.post-destaque div.info a.titulo { float:left; display:block; padding:5px 0 0 0; font-size:16px; text-decoration:none; font-weight:bold; color:#fff; }
div#posts div.post-destaque div.info a:hover { text-decoration:underline; }

div#posts div.post { float:left; width:280px; height:90px; padding:0 15px 20px 15px; overflow:hidden; }
div#posts div.post h3.titulo-post a { font-size:16px; text-decoration:none; }
div#posts div.post h3.titulo-post a:hover { text-decoration:underline; }
div#posts div.explorar a,
div#posts div.explorar p { color:#327732; }
div#posts div.curtir a,
div#posts div.curtir p { color:#ab3900; }
div#posts div.cuidar a,
div#posts div.cuidar p { color:#1a83c5; }
div#posts div.saborear a,
div#posts div.saborear p { color:#ffbb02; }
div#posts div.post p.post { display:block; padding:8px 0 6px 0; color:#666; } 
div#posts div.post p.assinatura { font-size:11px; }

/* quiz */
div#quiz { float:left; width:1000px; height:555px; }

/* resultado do quiz */
div#resultado { width:570px; padding:163px 0 0 247px; }
div#resultado h3 { display:block; width:174px; height:29px; }
div#resultado h3 a { display:block; width:174px; height:29px; margin:30px 0 0 0; background:url(../images/subtitulo-smartbox.jpg) left top no-repeat; text-indent:-9999px; overflow:hidden; }
div#resultado p.resultado { display:block; width:570px; padding:50px 0 10px 0; }
div#resultado p { color:#666; }
div#resultado p a { color:#666; }
div#resultado div.atividade { float:left; width:285px; height:140px; margin:15px 0 15px 0; font-size:10px; }
div#resultado div.atividade div.thumbnail { float:left; display:block; width:80px; height:117px; margin:0 10px 0 0; }
div#resultado div.atividade div.thumbnail img { display:block; width:80px; height:117px; border:none; background-position:center; background-repeat:no-repeat; /*background:url(../images/temp-explorar-imagem.jpg) left top no-repeat;*/ text-indent:-9999px; overflow:hidden; }
body.perfil-explorar div#resultado div.atividade h4 { font-size:14px; color:#0ea32a; }
body.perfil-cuidar div#resultado div.atividade h4 { font-size:14px; color:#3dabf0; }
body.perfil-curtir div#resultado div.atividade h4 { font-size:14px; color:#6c2e16; }
body.perfil-saborear div#resultado div.atividade h4 { font-size:14px; color:#fcc40f; }
div#resultado div.atividade p { display:block; width:188px; overflow:hidden; }
div#resultado div.atividade a.saibamais { display:block; width:116px; height:34px; margin:7px 0 0 -5px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
div#resultado div.atividade a.saibamais:hover { background-position:0 -33px; }
body.perfil-explorar div#resultado div.atividade a.saibamais { background-image:url(../images/quiz-explorar-bt-saibamais.png); } 
body.perfil-cuidar div#resultado div.atividade a.saibamais { background-image:url(../images/quiz-cuidar-bt-saibamais.png); } 
body.perfil-curtir div#resultado div.atividade a.saibamais { background-image:url(../images/quiz-curtir-bt-saibamais.png); } 
body.perfil-saborear div#resultado div.atividade a.saibamais { background-image:url(../images/quiz-saborear-bt-saibamais.png); } 

div#resultado a.agenda { display:block; width:250px; height:54px; margin:auto; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
div#resultado a.agenda:hover { background-position:0 -53px; }
body.perfil-explorar div#resultado a.agenda { background-image:url(../images/quiz-explorar-bt-vejaminhaagenda.png); } 
body.perfil-cuidar div#resultado a.agenda { background-image:url(../images/quiz-cuidar-bt-vejaminhaagenda.png); } 
body.perfil-curtir div#resultado a.agenda { background-image:url(../images/quiz-curtir-bt-vejaminhaagenda.png); } 
body.perfil-saborear div#resultado a.agenda { background-image:url(../images/quiz-saborear-bt-vejaminhaagenda.png); } 

/* sabores */
div#sabores { float:left; width:660px; height:420px; padding:135px 0 0 0;}
div#sabores object#flash-produtos { display:block; width:660px; height:400px; }

/* scroll */
.jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; height:374px !important; }
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:374px !important; background:#aaa; }
.jScrollPaneDrag { position:absolute; height:26px!important; background:#666; cursor:pointer; overflow:hidden; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0 !important; left:0; overflow:hidden; }
a.jScrollArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; /*background-color:#666; */ height:9px; }
a.jScrollArrowUp:hover { /*background-color:#f60; */ }
a.jScrollArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; /*background-color:#666; */ height:9px; }
a.jScrollArrowDown:hover { /*background-color:#f60; */ }
a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover { /*background-color:#f00; */ }

.jScrollPaneTrack { background:url(../images/scroll-bg.gif) center -19px no-repeat; }
.jScrollPaneDrag { background:url(../images/scroll-handle.gif) center center no-repeat; }
.jScrollPaneDragTop { background:url(../images/scroll-handle.gif) no-repeat; height:0px; }
.jScrollPaneDragBottom { background:url(../images/scroll-handle.gif) no-repeat; height:0px; }
a.jScrollArrowUp { height:19px; width:19px; background:url(../images/scroll-arrow-up.gif) center top no-repeat; }
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { height:19px; width:19px; background:url(../images/scroll-arrow-down.gif) center top no-repeat; }
a.jScrollArrowDown:hover { }

/* tabela */
div#modal-tabelanutricional { }
div#modal-tabelanutricional em.porcao { display:block; padding:5px 0 10px 0; font-size:14px; font-weight:800; font-style:normal; color:#c2c1c1; }
div#modal-tabelanutricional div#tabela { width:515px; height:375px; overflow:auto; }
div#modal-tabelanutricional table { width:480px; font-size:14px; color:#666; }
div#modal-tabelanutricional table th { color:#999; }
div#modal-tabelanutricional table th.tipo { width:200px; }
div#modal-tabelanutricional table th.quantidade { width:180px; text-align:left; }
div#modal-tabelanutricional table th.porcentagem { width:90px; }
div#modal-tabelanutricional table tr { height:40px; }
div#modal-tabelanutricional table tr.odd { background:#e8e8e8; }
div#modal-tabelanutricional table td { padding:3px 5px; }
div#modal-tabelanutricional table td.porcentagem { text-align:center; }
div#modal-tabelanutricional div#detalhes { position:absolute; width:519px; padding:10px 15px; margin:0 0 0 -16px; color:#ece8dc; font-style:normal; font-size:11px; font-weight:bold; background-color:#a3a3a3; }
div#modal-tabelanutricional div#detalhes p { line-height:12px; }
div#modal-tabelanutricional div.composicao { padding:15px 0; color:#999; }
div#modal-tabelanutricional div.composicao strong { }

div#modal-tabelanutricional a.fechar { position:absolute; top:0; right:0; display:block; width:18px; height:13px; background:url(../images/bt-fechar.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#modal-tabelanutricional a.fechar:hover { background-position:0 -13px; }

/* termos de uso */
div#modal-termosdeuso { width:400px; height:430px; overflow:hidden; }
div#modal-termosdeuso a.fechar { position:absolute; top:0; right:0; display:block; width:18px; height:13px; background:url(../images/bt-fechar.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#modal-termosdeuso a.fechar:hover { background-position:0 -13px; }
div#modal-termosdeuso div#termosdeuso { width:400px; height:374px; overflow:hidden; }
div#modal-termosdeuso div#termosdeuso p { margin:0 0 15px 0; font-size:12px; }
div#modal-termosdeuso div#termosdeuso em { font-size:12px; font-style:normal; }
div#modal-termosdeuso div#termosdeuso h4 { margin:0 0 10px 0; font-size:12px; font-weight:bold; }

/* regulamento */
div#modal-regulamento { width:400px; height:430px; overflow:hidden; }
div#modal-regulamento a.fechar { position:absolute; top:0; right:0; display:block; width:18px; height:13px; background:url(../images/bt-fechar.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#modal-regulamento a.fechar:hover { background-position:0 -13px; }
div#modal-regulamento div#regulamento { width:400px; height:374px; overflow:hidden; }
div#modal-regulamento div#regulamento p { margin:0 0 15px 0; font-size:12px; }
div#modal-regulamento div#regulamento p.substituido { text-decoration:line-through; }
div#modal-regulamento div#regulamento em { font-size:12px; font-style:normal; }
div#modal-regulamento div#regulamento h3 { padding-bottom:10px; }
div#modal-regulamento div#regulamento h4 { margin:0 0 10px 0; font-size:12px; font-weight:bold; }

/* 09 Rodape
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#rodape { position:static; clear:both; width:900px; height:52px; padding:178px 50px 0 50px; margin-bottom:40px; background:url(../images/rodape-bg.png) 0 0 no-repeat; overflow:hidden; z-index:79; }

body#home div#rodape,
body.concurso div#rodape,
body.calendario div#rodape { margin-top:-40px; }
body.sabores div#rodape { margin-top:-50px; }
body.cadastrese div#rodape { margin-top:-150px; }

body.manutencao div#rodape { display:none; }

div#rodape address { display:none; }

div#rodape a.perguntasfrequentes,
div#rodape a.termosdeuso,
div#rodape a.faleconosco,
div#rodape a.mandesuasperguntas { float:left; display:block; height:28px; margin:0 1px 0 0; background:url(../images/rodape-botoes.gif) -9999px -9999px no-repeat; text-indent:-9999px; overflow:hidden; }
div#rodape a.perguntasfrequentes { width:153px; background-position:0 0; }
div#rodape a.perguntasfrequentes:hover { background-position:0 -50px; }
div#rodape a.termosdeuso { width:107px; background-position:-175px 0; }
div#rodape a.termosdeuso:hover { background-position:-175px -50px; }
div#rodape a.faleconosco { width:101px; background-position:-300px 0; }
div#rodape a.faleconosco:hover { background-position:-300px -50px; }
div#rodape a.mandesuasperguntas { width:280px; margin:0 0 0 15px; background-position:-425px 0; }
div#rodape a.mandesuasperguntas:hover { background-position:-425px -50px; }

.tabela #rodape { color:#ece8dc; font-style:normal; font-size:11px; font-weight:bold; }

div#rodape a.pepsico,
div#rodape a.elmachips,
div#rodape a.snacklife { float:left; display:block; background:url(../images/rodape-logos.gif) -9999px -9999px no-repeat; text-indent:-9999px; overflow:hidden; }
div#rodape a.pepsico { width:94px; height:23px; margin:0 10px 0 0; background-position:0 0; }
div#rodape a.elmachips { width:34px; height:29px; margin:0 20px 0 0; background-position:-72px -36px; }
div#rodape a.snacklife { float:right; width:68px; height:26px; background-position:0 -36px; }
