/* 

	Natal HSBC - Pro Mundo Cantar Feliz
	Data: Outubro de 2006
	Media: Screen

*/

/* ------- geral ------- */
* { margin: 0; padding: 0; }
html, body { height: 100%; font: 82% Arial, sans-serif; background: url(../imagens/bg.gif) center top repeat-y #fff; }
.pagetiqueta { background: #fff; width: 100%; height: 100%; }
#fundo { margin: 0 auto; width: 776px; min-height: 100%; background: #C9000C; position: relative; }
* html #fundo { height: 100%; }
#limites { background: url(../imagens/bg_limites_2.gif) no-repeat #CA000C; }
a, a:visited { color: #3768C7; text-decoration: none; }
a:hover { text-decoration: underline; }
.centralizado { text-align: center; }
.esquerda { text-align: left; }
a.cliqueaqui, a.voltar { float: left; font-weight: bold; padding-left: 7px; margin-right: 3px; }
a.cliqueaqui { background: url(../imagens/seta_azul.gif) 0 3px no-repeat; }
a.voltar { background: url(../imagens/seta_azul_voltar.gif) 0 3px no-repeat; }
.estrela { background: url(../imagens/bullet_estrela.gif) no-repeat; height: 13px; font-weight: bold; padding-left: 20px; }
form input, form textarea, form select { font: 1em Arial, sans-serif; }

/* ------- topo ------- */
#topo h1, #topo h2, #topo h3 { text-indent: -9999em; overflow: hidden; }
#topo h1 { position: absolute; margin: 14px 0 0 635px; width: 107px; height: 20px; background: url(../imagens/logo_hsbc.gif) no-repeat; }
#topo h1 a, #topo h2 a { display: block; }
#topo h2 { position: absolute; margin: -45px 0 0 325px; width: 144px; height: 80px; background: url(../imagens/logo_natal.gif) no-repeat; }
#topo h2 a { width: 100%; height: 100%; }
#topo h3 { height: 118px; background: url(../imagens/bg_topo_.gif) right no-repeat; }

/* ------- colunas ------- */
.home { padding-bottom: 70px; }
.home .cliqueaqui { font-weight: normal; }
#colunas { position: relative; }
.home #coluna1 { margin: -106px 0 0 -10px; padding: 132px 0 0 35px; }
#coluna1 { position: absolute; margin-top: -96px; width: 174px; height: 426px; padding: 132px 0 0 35px; background: url(../imagens/bg_menu.gif) no-repeat; }
html > body #coluna1 { margin-top: -146px; }
#coluna1 ul { list-style: none; }
#coluna1 ul li { margin-bottom: 4px; }
#coluna1 ul li a { display: block; width: 139px; height: 16px; text-indent: -9999em; overflow: hidden; }
#coluna1 ul li a#menuespetaculo { background: url(../imagens/menu_espetaculo.gif) no-repeat; }
#coluna1 ul li a#menuespetaculo:hover { background-position: right; }
#coluna1 ul li a#menumonte { background: url(../imagens/menu_monte.gif) no-repeat; }
#coluna1 ul li a#menumonte:hover { background-position: right; }
#coluna1 ul li a#menuconcurso { width: 141px; background: url(../imagens/menu_concurso.gif) no-repeat; }
#coluna1 ul li a#menuconcurso:hover { background-position: right; }
#coluna1 ul li a#menucartoes { background: url(../imagens/menu_cartoes.gif) no-repeat; }
#coluna1 ul li a#menucartoes:hover { background-position: right; }
#coluna1 ul li a#menumural { background: url(../imagens/menu_mural.gif) no-repeat; }
#coluna1 ul li a#menumural:hover { background-position: right; }
#coluna1 ul li a#menudownloads { background: url(../imagens/menu_downloads.gif) no-repeat; }
#coluna1 ul li a#menudownloads:hover { background-position: right; }
#coluna1 ul li a#menujogos { background: url(../imagens/menu_jogos.gif) no-repeat; }
#coluna1 ul li a#menujogos:hover { background-position: right; }
#coluna1 ul li a#menulojinha { background: url(../imagens/menu_lojinha.gif) no-repeat; }
#coluna1 ul li a#menulojinha:hover { background-position: right; }
#coluna1 ul li a#menuinstituto { height: 33px; background: url(../imagens/menu_instituto.gif) no-repeat; }
#coluna1 ul li a#menuinstituto:hover { background-position: right; }
#coluna1 ul li a#menudepoimentos { background: url(../imagens/menu_depoimentos.gif) no-repeat; }
#coluna1 ul li a#menudepoimentos:hover { background-position: right; }
#coluna1 ul li a.atual { background-position: right !important; }
#coluna1 p#resolucao { font-size: 9px; color: #bfbfbf; margin: 104px 0 0 -23px; }
#coluna2 { width: 330px; margin: 130px 0 0 211px; }
html > body #coluna2 { margin-left: 221px; }
.home #coluna2 { padding-top: 10px; margin-top: 0; margin-bottom: -50px; height: 420px; overflow: hidden; background: url(../imagens/palacio.gif) 0 232px no-repeat; }
html > body .home #coluna2 { margin-bottom: -55px; }
#coluna2 h4 { text-indent: -9999em; overflow: hidden; }
#coluna3 { float: right; width: 175px; margin: -25px 5px 0 0; margin-right: 5px; text-align: left; }
html > body #coluna3 { margin: -21px 10px 0 0; }
#coluna3 dl dt { margin: 3em 0 0.5em; text-indent: -9999em; }
#coluna3 dl img { float: right; margin: 0 -8px 0 3px; }
#coluna3 dt#itemconcurso { width: 183px; height: 28px; background: url(../imagens/item_concurso_.gif) no-repeat; }
#coluna3 dt#itemjogos { margin-top: 4em; width: 183px; height: 14px; background: url(../imagens/item_jogos.gif) no-repeat; }
#coluna3 dt#iteminstituto { margin-top: 26px; width: 183px; height: 28px; background: url(../imagens/item_instituto.gif) no-repeat; }
html > body #coluna3 dt#iteminstituto { margin-top: 3em; width: 183px; height: 28px; background: url(../imagens/item_instituto.gif) no-repeat; }
#coluna3 .desenho.concurso { margin-top: -28px; }
#coluna3 dt#itemdepoimentos { margin-top: 3em; width: 177px; height: 11px; background: url(../imagens/item_depoimentos.gif) no-repeat; }
html > body #coluna3 dt#itemdepoimentos { margin-top: 6em; }
#coluna3 dt#itemlojinha { margin-top: 3em; width: 135px; height: 14px; background: url(../imagens/item_lojinha.gif) no-repeat; }
html > body #coluna3 dt#itemlojinha { margin-top: 4em; }
#coluna3 dl a { font-size: 90%; font-weight: bold; }
address { clear: both; position: relative; width: 716px; margin: -2.3em auto 0; padding: 0 30px 10px; color: #fff; font-style: normal; }
html > body address { width: 726px; }
html body address a { color: #fff !important; text-decoration: underline !important; }
address span.direita { float: right; }
address span.extra { margin-right: 15px; }

/* ------- interna ------- */
.geral #topo h2 { z-index: 2; width: 111px; height: 62px; margin: -114px 0 0 70px; background: url(../imagens/logo_natal2.gif) no-repeat; }
.geral #coluna1 { margin-top: -106px; }
* html .geral #coluna1 { margin: -96px 0 0 -211px; }
.geral #coluna2 { padding-bottom: 50px; margin: 10px 0 0 211px; width: 555px; }
#internatopo, #interna, #internarodape { width: 554px; }
#internatopo { background: url(../imagens/bg_interna_topo.gif) no-repeat; padding-top: 10px; margin-bottom: -1px; }
html > body #internatopo { height: 8px; margin: 0; }
.geral #breadcrumb { padding: 10px; }
#interna { padding-top: 10px; min-height: 340px; background: url(../imagens/bg_interna.gif) repeat-y; }
* html #interna { height: 340px; }
#internarodape { height: 35px; background: url(../imagens/bg_interna_rodape.gif) no-repeat; }
.geral h4 { margin-left: 10px; width: 190px; height: 27px; background: url(../imagens/titulo_cartoes.gif) no-repeat; }
html > body .geral h4 { margin-top: 10px; }
#conteudo { text-align: justify; padding: 10px; }
img#papainoel { position: absolute; margin-top: 12px; }
#limites.home img#papainoel { left: -9999em; }
.geral #secao { float: left; margin: 0 20px; }
html > body .geral #secao { margin: 10px; }
.geral p { margin-bottom: 1em; }
.geral .campos { display: block; padding: 3px 0 3px 3px; text-align: right; text-decoration: none; padding: 2px 7px; }
.geral .linha1 { background: #F6F7F7; }
a#voltar { float: right; font-size: 1.2em; margin: -20px 20px 0 0; background: url(../imagens/seta_azul.gif) 0 5px no-repeat; padding-left: 8px; font-weight: bold; }
.geral .seta { display: block; float: left; width: 4px; height: 8px; margin-top: 2px; background: url(../imagens/seta.gif) no-repeat; }
html > body .geral .seta { margin-top: 3px; }
.geral .avancar { background-position: right; }
.pagina { color: #d20000; font-weight: bold; }
.botao { float: right; height: 25px; margin: 5px 7px 0 0; border: 0; color: #fff; text-indent: -9999em; overflow: hidden; cursor: hand; }
.botao.busca, .botao.enviar { margin-top: -2px; }
.botao.busca { width: 76px; background: url(../imagens/botao_busca_.gif) no-repeat; }
.botao.enviar { width: 68px; background: url(../imagens/botao_enviar_.gif) no-repeat; }
.botao.avancar { background: url(../imagens/botao_avancar.gif) no-repeat; width: 78px; margin-left: -100px; margin-top: -5px; }
.botao.enviarcartao { background: url(../imagens/botao_enviar_cartao.gif) no-repeat; width: 119px; }
.botao.editarcartao { background: url(../imagens/botao_editar_cartao.gif) no-repeat; width: 200px; margin-top: 6px; }
.botao.responder { background: url(../imagens/botao_responder.gif) no-repeat; width: 171px; margin-right: 20px; }
.botao.vermural { background: url(../imagens/botao_vermural.gif) no-repeat; width: 165px; }
.botao.enviaroutro { background: url(../imagens/botao_enviar_outrocartao.gif) no-repeat; width: 161px; }
.botao.jogar { background: url(../imagens/botao_jogar.gif) no-repeat; width: 62px; margin-top: -2px; }
.botao.confirme { background: url(../imagens/botao_confirmar.gif) no-repeat; width: 142px; margin: -5px 10px 0 0; }
html > body .botao.confirme { margin-right: -5px 42px 0 0; }
.botao.visualizar { background: url(../imagens/botao_visualizar.gif) no-repeat; width: 142px; margin-top: 6px; }
.botao.imprimirinst { background: url(../imagens/botao_imprimir_inst.gif) no-repeat; width: 160px; margin-top: 6px; }
.botao.imprimir { background: url(../imagens/botao_imprimir.gif) no-repeat; width: 86px; height: 23px; }
.botao.proximo { background: url(../imagens/botao_proximo.gif) no-repeat; width: 117px; margin-top: 6px; }
fieldset { border: 0; }

.mural #secao { float: left; }
.mural h4 { width: 201px; background: url(../imagens/titulo_mural.gif) no-repeat; }
.mural #texto { margin-left: 130px; }
html > body .mural #texto { margin-left: 153px; }
.mural.confirmado #texto { padding-right: 2em; }
.mural h5 { color: #E5000A; font-size: 1.2em; margin-bottom: 1em; }
.mural #titnatalfeliz, .mural #titdeixar, .mural #titconfirme { text-indent: -9999em; overflow: hidden; }
.mural #titnatalfeliz { width: 281px; height: 88px; background: url(../imagens/subtitulo_mural_natalfeliz.gif) no-repeat; margin-bottom: -3em; }
.mural #titdeixar { width: 234px; height: 37px; background: url(../imagens/subtitulo_mural_deixar.gif) no-repeat; }
.mural #titconfirme { width: 308px; height: 12px; background: url(../imagens/subtitulo_mural_confirme.gif) no-repeat; }
.mural .clique { background: url(../imagens/seta_vermelha.gif) 0 3px no-repeat; padding-left: 7px; }
.mural .clique a { color: #E5000A; font-weight: bold; }
.mural form { margin-bottom: 1em; }
.mural form label { display: block; float: left; text-align: left; font-weight: bold; width: 100px; padding-top: 1px; }
.mural form input, .mural form select { font-size: 0.8em; }
.mural form input { width: 200px; }
.mural form select { width: 204px; }
.mural form textarea { font: 1em Arial, sans-serif; width: 248px; height: 70px; border: 1px #E4E3CE solid; }
html > body .mural form textarea { width: 260px; }
.mural table td, .mural table th { padding: 3px; }
.mural table td { color: #E5000A; }
.mural table th { width: 40%; }
.mural .confirmado { width: 150px !important; }
.mural .deixar, .mural .maior { width: 140px !important; }
.mural .deixarrecado { display: block; width: 198px; height: 31px; background: url(../imagens/botao_deixar.gif) no-repeat; text-indent: -9999em; overflow: hidden; }
* html .mural .voltar { margin-left: 23px; }
.mural.confirme #texto table { width: 90%; }
html > body .mural.confirme #texto table { width: 100%; }
.mural.confirme .cliqueaqui { float: right; margin-right: 22px; }
html > body .mural.confirme .cliqueaqui { float: right; margin-right: 40px; }
.deixar #texto form label { width: 102px; }
.deixar .botao.enviar { margin: 8px -128px 0 0; }
html > body .deixar .botao.enviar { margin: 1em 0 0; }

.recados #texto { margin-left: 135px; }
* html .recados table { margin-left: 16px; }
.recados table td { color: #000; }
.recados form #busca { width: 140px; }
.mural.recados #texto form input { width: 130px; }
html > body .recados form input { margin-right: 5px; }
.recados form label { width: 150px; margin-left: -4px; }
.recados form .botao { width: 74px !important; }
.recados table#resultados { width: 500px; margin: 1em 0; }
html > body .recados table#resultados { width: 530px; }
.recados table#resultados th.total, .recados table#resultados th.paginacao { font-size: 90%; text-align: center; padding: 3px 0; }
.recados table#resultados th.total { font-weight: normal; background: #E5000A; color: #fff; width: 20%; }
.recados table#resultados th.paginacao { background: #E3E5E6; }
.recados table#resultados th.paginacao a { color: #000; }
.recados .paginacao { text-align: center; }
.recados table { margin-bottom: 1em; }
.recados table a { color: #E5000A; }
.recados .mensagem { color: #E5000A; }
.recados table#resultados td { padding: 1em 1em 0; }
.recados table#resultados td.linha1, .recados table#resultados td.linha2 { border-bottom: 1px dashed #000; padding-bottom: 1em; }
.recados table#resultados tbody td .campo { display: block; margin-bottom: 0.5em; }
.recados table#resultados tbody td .rotulo { display: block; float: left; width: 6em; }
.recados table#resultados tbody td .mensagem { display: block; clear: left; padding: 0.3em 1em 1em; border-style: solid; border-color: #a7a7a7; border-width: 0 1px 1px 1px; background: #fff; width: 460px; margin-top: -7px; }
html > body .recados table#resultados tbody td .mensagem { margin: 0; }
.recados table#resultados tbody td #msgtopo, .recados table#resultados tbody td #msgrodape { display: block; width: 483px; height: 7px; background: #fff; }
.recados table#resultados tbody td #msgtopo { background: url(../imagens/mural_mensagem_topo.gif) no-repeat; }
.recados table#resultados tbody td #msgrodape { background: url(../imagens/mural_mensagem_rodape.gif) no-repeat; margin-top: -7px; }
html > body .recados table#resultados tbody td #msgtopo { background: url(../imagens/mural_mensagem_topo.gif) no-repeat; margin: 20px 0 0 0; }
html > body .recados table#resultados tbody td #msgrodape { background: url(../imagens/mural_mensagem_rodape.gif) no-repeat; margin: -7px 0 0 0; }
/* arrumando posicionamento da paginacao */
.recados .anterior { float: left; text-align: left; margin-left: 2px; background: url(../imagens/seta_anterior.gif) 0 3px no-repeat; padding-left: 7px; }
.recados .proxima { float: right; text-align: right; margin-right: 2px; background: url(../imagens/seta_proxima.gif) right 3px no-repeat; padding-right: 7px; }
.recados .paginas { position: absolute; left: 42%; text-align: center; }
html > body .recados .anterior { float: none; z-index: 2; position: absolute; margin: -6px 0 0 -170px; background: url(../imagens/seta_anterior.gif) 0 3px no-repeat; padding-left: 7px; }
html > body .recados .proxima { float: none; position: absolute; margin: -6px 0 0 118px; background: url(../imagens/seta_proxima.gif) right 3px no-repeat; padding-right: 7px; }
html > body .recados .paginas { float: none; width: 45%; position: absolute; left: 50%; margin-top: -6px; overflow: hidden; z-index: 0; }
.recados .anterior.vazio, .recados .proxima.vazio { margin-right: 2px; background: none; }
.recados .anterior.vazio { padding-right: 37px !important; }
.recados .setapreta { margin-left: -3px; background: url(../imagens/seta_branca.gif) 0 3px no-repeat; padding-left: 7px; }

.cartoes #texto { margin-left: 146px; padding-left: 10px; }
html > body .cartoes #texto { margin-left: 143px; }
.cartoes #texto p { padding-right: 2em; }
.cartoes h4 { width: 190px; background: url(../imagens/titulo_cartoes.gif) no-repeat; }
.cartoes h5 { font-size: 1.1em; margin: -2em 0 1em; }
.cartoes #titunindo, .cartoes #titconcurso, .cartoes #titunindo2 { text-indent: -9999em; overflow: hidden; }
.cartoes #titunindo { width: 272px; height: 30px; background: url(../imagens/subtitulo_cartoes_unindo.gif) no-repeat; margin: 0 0 -1em; }
.cartoes #titunindo2 { width: 390px; height: 13px; background: url(../imagens/subtitulo_cartoes_unindo2.gif) no-repeat; margin: 0 0 -1em; }
.cartoes #titconcurso { clear: both; margin: 2em 0 0; }
#cartoesnatal { margin: -20px 0 10px 0; width: 368px; }
html > body #cartoesnatal { margin: 0; }
.cartoes .tipo { text-indent: -9999em; width: 353px; margin-top: 1em; }
.cartoes .animados { height: 16px; background: url(../imagens/cartoes_animados_.gif) 5px 3px #C9000C no-repeat; }
.cartoes .estaticos { clear: left; height: 16px; background: url(../imagens/cartoes_estaticos_.gif) 5px 2px #C9000C no-repeat; }
.cartoes .cartao { float: left; margin: 3px 8px 0 -1px; width: 113px; }
html > body .cartoes .cartao { margin: 3px 8px 10px -1px;}
.cartoes .cartao img { border: 0; }
.cartoes .cartao .vercartao { float: right; }
.cartoes .legenda { clear: both; font-size: 0.8em; padding-left: 7px; }
html > body .cartoes .legenda { padding-left: 0; }
#textoesquerda { float: left; width: 170px; margin: 0 10px 10px; }
html > body #textoesquerda { width: 180px; }
.cartoes.enviando #titulo { padding-left: 19px; }
html > body .cartoes.enviando #titulo { padding-left: 9px; }
.cartoes.enviando #texto { margin-left: 270px; }
.cartoes.enviando #texto form { width: 243px; }
.cartoes.enviando #texto form legend { font-size: 1em; color: #fff; background: #CB000C; }
.cartoes.enviando #texto form #seusdados { margin-bottom: 1em; } 
.cartoes.enviando #texto form #seusdados legend { padding: 2px 171px 2px 5px; }
.cartoes.enviando #texto form #dadosdest legend { padding: 2px 116px 2px 5px; }
.cartoes.enviando #texto form #email, .cartoes.enviando #texto form #emaildest { margin-left: -1px; } 
.cartoes.enviando #texto form textarea { width: 100%; }
.cartoes.enviando #texto form .enviar { margin: 5px -6px 0 0; }
html > body .cartoes.enviando #texto form .enviar { margin: 5px 2px 0 0; }
.cartoes.enviando .cliqueaqui { text-align: left; margin: 10px 0 0 10px; }
html > body .cartoes.enviando .cliqueaqui { margin: 10px 0 0 6px; }
.cartoes.enviando .visualizar { margin-left: 7px; }
.cartoes.enviando .voltar { margin: 10px 35px 0 0; }
html > body .cartoes.enviando .voltar { margin-right: 40px; }
#textoesquerda #subsecao { float: left; }
.cartoes form fieldset legend { padding: 3px 0; margin-left: -5px; font-size: 1.2em; font-weight: bold; color: #E5000A; }
html > body .cartoes form fieldset legend { margin: 0; }
.cartoes form .campos { text-align: left; }
.cartoes form .campos input, .cartoes form textarea { font: 1em Arial, sans-serif; }
.cartoes form textarea { font: 1em Arial, sans-serif; width: 308px; height: 70px; border: 1px #E4E3CE solid; }
html > body .cartoes form textarea { width: 325px; }
.cartoes .botoes { display: block; padding-right: 8px; }
html > body .cartoes .botoes { padding: 0; }
.cartoes .botoes a.voltar, .cartoes .botoes .botao { float: right; }
#cartaoescolhido { width: 495px; height: 188px; background: url(../imagens/bg_cartao_selecionado.gif) right repeat-x; margin-bottom: 1em; }
#cartaoescolhido img { float: left; }
#cartaoescolhido #textocartao { padding: 10px 10px 0; font-size: 1.1em;  width: 224px; height: 178px; overflow: hidden; }
html > body #cartaoescolhido #textocartao { width: 240px; height: 178px; padding: 10px 3px 0; }
#cartaoescolhido #textocartao #msgcartao { width: 87%; margin: 0 auto; padding-left: 1em; }
html > body #cartaoescolhido #textocartao #msgcartao { width: 90%; }
#cartaoescolhido #textocartao span.destinatario, #cartaoescolhido #textocartao span.remetente { display: block; font-weight: bold; }
#cartaoescolhido #textocartao span.destinatario { margin-bottom: 1em; }
#cartaoescolhido #textocartao span.remetente { text-align: right; margin: 1em 2em 0 0; }
#cartaoescolhido #textocartao .legenda { font-size: 0.8em; color: #737373; display: block; float: left; margin: 5px 0; height: 23px; padding: 3px 0 5px 26px; background: url(../imagens/icone_legenda_cartao.gif) 0 3px no-repeat; }
.cartoes .maior { width: 150px !important; }
.visualize #texto { margin-left: 10px !important; }
.visualize #secao { margin-top: -5px !important; }
.visualize h5 { padding-top: 4em; }
html > body .visualize h5 { padding-top: 2em; }
.visualize .botao.enviarcartao { margin-right: 15px; }
.visualize .voltar { margin: 15px 0 0 20px; }
.visualize.natalvisualize #cartaoflash { background: #fff; }
.visualize.natalvisualize #concurso { padding-top: 1em; }
/*.visualize #ouvir { position: absolute; z-index: 10; margin: 150px 0 0 -70px; }
html > body .visualize #ouvir { margin: 150px 0 0 177px; }*/
.visualize #ouvir { float: left; margin-top: 5px; }
html > body .visualize #ouvir { }
.visualize #ouca { padding-left: 10px; }
.cartoes p.escolha { clear: both; font-weight: bold; padding-top: 1em; }
.cartoes .previacartao { float: left; margin: 0 1px 15px 0; text-align: right; width: 80px; }
html > body .cartoes .previacartao { margin: 0 5px 0 0; }
.cartoes #concurso { clear: both; height: 50px; }
html > body .cartoes #concurso { height: 150px; }
.cartoes h5 { color: #E5000A; padding-top: 2em; }

.espetaculo #secao { padding-top: 2em; }
html > body .espetaculo #secao { padding-right: 1em; }
.espetaculo #texto { padding: 2em 2em 0; }
html > body .espetaculo #texto { padding: 1em 2em 0; }
.espetaculo.galeria #secao { padding: 2em 0 0; margin-right: 2em; }
.espetaculo.galeria #texto { padding-right: 0; }
.espetaculo h4 { width: 172px; background: url(../imagens/titulo_espetaculo.gif) no-repeat; }
.espetaculo #titespetaculo, .espetaculo #titagenda, .espetaculo #titmusicas, 
.espetaculo #titconheca, .espetaculo #titgaleria { text-indent: -9999em; overflow: hidden; }
.espetaculo #titespetaculo { width: 345px; height: 13px; background: url(../imagens/subtitulo_espetaculo_esp.gif) no-repeat; }
.espetaculo #titagenda { width: 242px; height: 13px; background: url(../imagens/subtitulo_espetaculo_agenda.gif) no-repeat; }
.espetaculo #titmusicas { width: 66px; height: 13px; background: url(../imagens/subtitulo_espetaculo_musica.gif) no-repeat; }
.espetaculo #titconheca { width: 272px; height: 17px; background: url(../imagens/subtitulo_espetaculo_conhec.gif) no-repeat; }
.espetaculo #titgaleria { width: 140px; height: 12px; background: url(../imagens/subtitulo_espetaculo_galeri.gif) no-repeat; }
.espetaculo #navespetaculo { width: 534px; height: 23px; background: url(../imagens/degrade_vermelho.gif) repeat-x; }
* html .espetaculo #navespetaculo { margin: -20px 0 0 44px; }
.espetaculo #arredondaesq, .espetaculo #arredondadir, .nataloke #navnataloke #arredondaesq, .nataloke #navnataloke #arredondadir { display: block; width: 3px; height: 23px; }
.espetaculo #arredondaesq, .nataloke #navnataloke #arredondaesq { float: left; background: url(../imagens/arredonda_esquerda.gif) no-repeat; }
.espetaculo #arredondadir, .nataloke #navnataloke #arredondadir { float: right; background: url(../imagens/arredonda_direita.gif) no-repeat; }
.espetaculo #navespetaculo ul { text-align: center; padding-top: 4px; }
.espetaculo #navespetaculo ul li, .nataloke #navnataloke ul li { list-style: none; display: inline; padding: 0 0 0 3px; border-right: 1px solid #fff; }
html > body .espetaculo #navespetaculo ul li, .nataloke #navnataloke ul li { padding: 0 3px 0 0; }
.espetaculo #navespetaculo ul li#ultimo, .nataloke #navnataloke ul li#ultimo { border: 0; }
.espetaculo #navespetaculo ul li a, .nataloke #navnataloke ul li a { color: #fff; font-weight: bold; }
.espetaculo #navespetaculo ul li a.atual, .nataloke #navnataloke ul li a.atual { color: #FFED00 !important; }
.espetaculo #navespetaculo ul li a.atual:hover, .nataloke #navnataloke ul li a.atual:hover { text-decoration: none; }
.espetaculo h5 { color: #E5000A; font-size: 1.2em; margin: 1em 0; }
.espetaculo dt { background: url(../imagens/bullet_estrela.gif) no-repeat; height: 13px; padding-left: 20px; margin-bottom: 2px; font-weight: bold; font-size: 1.1em; }
.espetaculo dd { margin-bottom: 1em; }
.espetaculo #conteudo #texto ul { list-style: none; margin: 0 0 10px 10px; }
.espetaculo table { width: 100%; background: url(../imagens/degrade_tabela.gif) bottom repeat-x #fff; text-align: center; font-weight: bold; }
.espetaculo table thead { background: #DF0013; color: #fff; }
.espetaculo table thead th { padding: 5px; font-size: 1.2em; }
.espetaculo table tbody th { font-size: 1.2em; text-transform: uppercase; padding: 15px; }
.espetaculo table tbody tr.dias td { padding: 0 5px; margin-bottom: 10px; border-right: 1px solid #000; }
.espetaculo table tbody tr.dias td.ultima { border: 0; }
.espetaculo table tbody span.importante { display: block; background: #666; color: #fff; padding: 3px 3px 0; width: 36px; height: 30px; margin: 0 auto; }
.espetaculo table tbody td.ultimalinha span.importante { margin-left: 14px; background: transparent; color: #000; }
.espetaculo table tfoot td { text-align: left; padding: 5px 5px 5px 11px; }
.espetaculo #conteudo #texto ul#musicas { list-style: none; float: right; width: 330px; }
html > body .espetaculo #conteudo #texto ul#musicas { width: 340px; }
.espetaculo #conteudo #texto ul#musicas li { margin-bottom: 2px; }
.espetaculo p.confira { text-align: center; clear: right; }
.espetaculo.agenda #secao { padding-bottom: 3em; }
html > body .espetaculo.agenda #secao { padding-bottom: 1em; }
.espetaculo #galeriafotos { position: absolute; margin-left: 50px; background: url(../imagens/degrade_tabela.gif) bottom repeat-x #fff; padding-bottom: 10px; }
html > body .espetaculo #galeriafotos { position: static; margin: 0 0 0 126px; }
.espetaculo #galeriafotos .legenda { color: #fff; background: #FF0000; padding: 0 0 0 7px; margin-bottom: 20px; }
html > body .espetaculo #galeriafotos .legenda { padding: 3px 0 3px 7px; }
.espetaculo #galeriafotos .legenda .totalfotos { margin-left: 40px; color: #000; background: #E3E5E6; padding: 3px 7px; }
html > body .espetaculo #galeriafotos .legenda .totalfotos { margin-left: 60px; }
.espetaculo #confira { border-top: 1px solid #000; padding-top: 1em; }
.musicas #texto { padding-left: -2em; }
.musicas #texto a.cliqueaqui { float: none; }
* html .galeria #navespetaculo { margin-left: 55px; }
.conheca #secao { padding-bottom: 3em; }

.downloads h4 { width: 132px; background: url(../imagens/titulo_downloads.gif) no-repeat; }
.downloads #texto, .downloads #instrucoes { margin-left: 170px; }
html > body .downloads #texto, .downloads #instrucoes { margin-left: 155px; }
.downloads h5 { font-size: 1.2em; color: #E5000A; }
.downloads #titnatal { width: 233px; height: 13px; background: url(../imagens/subtitulo_downloads_natal.gif) no-repeat; text-indent: -9999em; overflow: hidden; margin-bottom: 1em; }
.downloads dl dt { background: url(../imagens/seta_azul.gif) 0 3px no-repeat; padding-left: 10px; font-weight: bold; }
.downloads dl dd { margin: 0 0 1em 1em; }
.downloads .etiqueta, .downloads .papel { float: left; padding: 3px; }
.downloads #miniemoticons { text-align: center; }
.downloads .emoticon { float: left; margin: 3px 25px; border: 1px solid #ccc !important; }
.downloads .papel { width: 112px; text-align: center; }
.downloads .papel img { border: 1px solid #ccc !important; }
.downloads #instrucoes { clear: both; width: 350px; padding-top: 1em; } 
.downloads #instrucoes h6 { margin-bottom: 1em; font-size: 1.1em; }
.downloads #instrucoes ul { list-style: none; margin-bottom: 1em; }
.downloads #instrucoes ul li { margin-bottom: 5px; }
.downloads #texto img { border: 0; }

.downloads #lista li { float: left; list-style: none; width: 113px; }
.downloads #lista li .cliqueaqui{ display: inline; margin-left: 8px; }
.downloads .voltar.final { display: block; clear: both; margin-top: 1em; }
.downloads .etiqueta { float: left; }
.downloads .etiqueta .cliqueaqui { float: none; }
.etiquetas { padding-top: 27px; }
.etiquetas #etiqueta { width: 522px; height: 870px; margin: 0 auto; }
.etiquetas #tesoura1, .etiquetas #tesoura2 { position: absolute; }
.etiquetas #tesoura1 { margin: -27px 0 0 -85px; width: 18px; height: 27px; }
.etiquetas #tesoura2 { margin: 196px 0 0 -284px; width: 27px; height: 18px; }

.jogos #texto { margin-left: 170px; }
html > body .jogos #texto { margin-left: 155px; }
.jogos.interna #texto { padding-right: 2em; }
.jogos #texto a { text-decoration: none; }
.jogos h4 { width: 65px; background: url(../imagens/titulo_jogos.gif) no-repeat; }
.jogos h5 { font-size: 1.2em; color: #E5000A; }
.jogos #titdiversao, .jogos #titmemoria, .jogos #titequilibrio, .jogos #titrepita { text-indent: -9999em; overflow: hidden; margin-bottom: 1em; } 
.jogos #titdiversao { width: 274px; height: 13px; background: url(../imagens/subtitulo_jogos_diversao.gif) no-repeat; }
.jogos #titmemoria { width: 145px; height: 17px; background: url(../imagens/subtitulo_jogos_memoria.gif) no-repeat; }
.jogos #titequilibrio { width: 161px; height: 17px; background: url(../imagens/subtitulo_jogos_equilibrio.gif) no-repeat; }
.jogos #titrepita { width: 160px; height: 12px; background: url(../imagens/subtitulo_jogos_repita.gif) no-repeat; }
.jogos .jogo { margin-right: 5px; }
html > body .jogos .jogo { margin-right: 10px; }
.jogos p.final { clear: both; }
html > body .jogos p.final { padding-top: 1em; }
.jogos #texto ul#listajogos { margin-bottom: 1em; }
.jogos #texto ul#listajogos li { list-style: none; float: left; padding: 0; }
.jogos #texto ul#listajogos li span { display: block; width: 113px; text-align: center; padding-bottom: 2px; }
.jogos #texto ul#listajogos li a { display: block; }
.jogos #texto .cliqueaqui { display: inline; margin: -10px 0 0 35px; }
.jogos #texto .cliqueaqui:hover { text-decoration: underline; }
html > body .jogos #texto .cliqueaqui { margin: -10px 0 0 72px; }
.jogos #texto img { border: 0; }
.jogos #texto ul { list-style: inside; }
.jogos.interna h6 { font-size: 1.1em; }
.jogos.interna #texto ul { list-style: decimal inside !important; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #000; }


.nataloke.inicial p { padding-right: 2em; }
.nataloke.inicial .botao.enviar { background: url(../imagens/botao_enviar_2.gif) no-repeat; }
.nataloke.inicial .cliqueaqui.letra { float: none; }
.nataloke.inicial .participe { margin-left: 160px; }
.nataloke.inicial #secao { margin: 0 20px 10px 20px; padding-bottom: 70px; }
html > body .nataloke.inicial #secao { margin: 10px 50px 10px 9px; }
html > body .nataloke.inicial .participe { margin-left: 176px; }
.nataloke #texto { padding-top: 2em; }
.nataloke #navnataloke { margin-bottom: 13px; width: 534px; height: 23px; background: url(../imagens/degrade_vermelho.gif) repeat-x; }
.nataloke #navnataloke ul { text-align: center; margin-left: 110px; }
html > body .nataloke #navnataloke ul { margin-left: 112px; }
.nataloke .participe, .nataloke .cante, .cartoes .participe { display: block; height: 31px; text-indent: -9999em; overflow: hidden; } 
.nataloke .participe, .cartoes .participe { width: 148px; background: url(../imagens/botao_participe.gif) no-repeat; }
.nataloke .cante { float: right; width: 118px; background: url(../imagens/botao_cante.gif) no-repeat; }
html > body .nataloke .cante { margin-top: -1.5em; }
.nataloke h4 { width: 229px; background: url(../imagens/titulo_nataloke.gif) no-repeat; }
.nataloke h5 { width: 269px; height: 48px; background: url(../imagens/subtitulo_nataloke.gif) no-repeat; text-indent: -9999em; overflow: hidden; margin-bottom: 1em; }
.nataloke .separador1, .nataloke .separador2, .nataloke .separador3 { display: block; clear: both; border: 0; }
.nataloke .separador1, .nataloke .separador2 { width: 538px; height: 10px; }
.nataloke .separador1 { background: url(../imagens/separador_1.gif) no-repeat; }
.nataloke .separador2 { background: url(../imagens/separador_2.gif) no-repeat; }
.nataloke .separador3 { width: 350px; height: 12px; background: url(../imagens/separador_3.gif) left bottom no-repeat; padding-top: 1em; }
.nataloke .blocotexto { float: left; width: 240px; margin: 2em 0 2em 2em; }
* html .nataloke.inicial .blocotexto.primeiro { margin-left: 1em; }
.nataloke .blocotexto.vencedores { width: 350px; margin: 0 0 10px; }
/* .nataloke .blocotexto dl dt { font-size: 1.2em; color: #E5000A; font-weight: bold; } */
.nataloke .blocotexto dl dt { text-indent: -9999em; overflow: hidden; height: px; }
.nataloke .blocotexto dl dt#titvencedores { background: url(../imagens/subtitulo_nataloke_vencedor.gif) no-repeat; }
.nataloke .blocotexto dl dt#titpart1 { background: url(../imagens/subtitulo_nataloke_part1.gif) no-repeat; }
.nataloke .blocotexto dl dt#titpart2 { background: url(../imagens/subtitulo_nataloke_part2.gif) no-repeat; }
.nataloke .blocotexto dl dt#titpart3 { background: url(../imagens/subtitulo_nataloke_part3.gif) no-repeat; }
.nataloke .blocotexto dl dd, .nataloke .blocotexto dl dd ul li { margin: 0.5em 0; }
.nataloke .blocotexto dl dd ul { list-style: none; }
.nataloke .blocotexto dl dd ul li { float: left; }
.nataloke .blocotexto dl dd ul li .nome { font-weight: bold; width: 120px; clear: both; padding: 3px 0px; float: left; }
.nataloke .blocotexto.vencedores dl dd ul li .nome { width: 260px; } 
.nataloke .blocotexto dl dd ul li .player { font-weight: bold; width: 70px; float: right; }
.nataloke .minhagravacao { float: none; }
.nataloke.logado .minhagravacao { width: 90%; }
html > body .nataloke.logado .minhagravacao { width: 100%; }
.nataloke .minhagravacao #enviargravacao { float: right; background: url(../imagens/nataloke_enviar.gif) no-repeat; padding-left: 112px; height: 99px; margin: 0 -15px 0 10px; }
html > body .nataloke .minhagravacao #enviargravacao { margin-right: 0; width: 190px; }
.nataloke .minhagravacao #enviargravacao p { width: 150px; }
html > body .nataloke .minhagravacao #enviargravacao p { width: 148px; } 
.nataloke form#login { float: right; width: 187px; height: 98px; padding: 8px 5px 2px; margin: 20px 20px 0 0; background: url(../imagens/bg_nataloke_form.gif) no-repeat; font-weight: bold; }
html > body .nataloke form#login { margin: 20px 50px 0 0; }
.nataloke form#login .campos { text-align: left; }
.nataloke form#login .campos label { display: block; float: left; width: 40px; }
.nataloke form#login .campos input { border: 0; }
.nataloke form#login .campos .botao.menor { width: 46px; background: url(../imagens/botao_menor.gif) no-repeat; margin-top: -2px; }
.nataloke #email, .nataloke #senha { width: 11.5em; }
html > body .nataloke #email, .nataloke #senha { width: 12em; }
.nataloke #senha { margin-bottom: 5px; }
.nataloke .botao { float: right; margin-right: 1em; }
.nataloke form#login a { color: #000; }
.nataloke form#login .botao.enviar { margin-top: -21px; }
html > body .nataloke form#login .botao.enviar { margin: -18px 0 3px 0; }

.nataloke.participar #texto { margin-left: 205px; }
html > body .nataloke.participar #texto { margin-left: 195px; }
html > body .nataloke.participar #texto, html > body .nataloke.instrucoes #texto, html > body .nataloke.participar2 #texto { padding-right: 2em; }
.nataloke #titparticipar, .nataloke #titesquente, .nataloke #titenviar, .nataloke #titletra { text-indent: -9999em; overflow: hidden; margin-bottom: 1em; }
.nataloke #titparticipar { width: 318px; height: 16px; background: url(../imagens/subtitulo_nataloke_inst.gif) no-repeat; }
.nataloke #titesquente { width: 158px; height: 15px; background: url(../imagens/subtitulo_nataloke_esquente.gif) no-repeat; }
.nataloke #titenviar { width: 308px; height: 17px; background: url(../imagens/subtitulo_nataloke_enviar.gif) no-repeat; }
.nataloke #titconcurso, .cartoes #titconcurso { width: 254px; height: 14px; background: url(../imagens/subtitulo_nataloke_concurso.gif) no-repeat; }
.nataloke #titinstrucoes { width: 223px; height: 36px; background: url(../imagens/subtitulo_nataloke_inst2.gif) no-repeat; }
.nataloke #titminhagravacao { width: 139px; height: 17px; background: url(../imagens/subtitulo_nataloke_minhagra.gif) no-repeat; }
.visualize #titminhagravacao, .enviando #titminhagravacao { width: 139px; height: 17px; background: url(../imagens/subtitulo_nataloke_minhagra.gif) no-repeat; margin: 1em 0 -1em; text-indent: -9999em; overflow: hidden; }
.nataloke #titnataloke { width: 173px; height: 14px; background: url(../imagens/subtitulo_nataloke_nataloke.gif) no-repeat; }
.nataloke #titparticipantes { width: 254px; height: 12px; background: url(../imagens/subtitulo_nataloke_particip.gif) no-repeat; }
.nataloke #titpremiacoes { width: 103px; height: 18px; background: url(../imagens/subtitulo_nataloke_premiaco.gif) no-repeat; }
.nataloke #titregulamento { width: 256px; height: 12px; background: url(../imagens/subtitulo_nataloke_regulame.gif) no-repeat; }
.nataloke #titduvidas { width: 74px; height: 15px; background: url(../imagens/subtitulo_nataloke_duvidas.gif) no-repeat; }
.nataloke #titletra { width: 116px; height: 31px; background: url(../imagens/subtitulo_nataloke_letra.gif) no-repeat; }
.nataloke.participar #texto ul, .esquente #texto ul, .instrucoes #texto ul { list-style: decimal inside; margin: 1em 0;}
.nataloke #texto ul#requisitos { list-style: disc inside; }
.nataloke #texto ul.procedimentos { list-style: none outside; }
.nataloke #texto ul.procedimentos li { margin: 0.5em 0; }
.nataloke #texto ul.procedimentos li img { padding: 5px; }
.nataloke.participar .voltar, .instrucoes .voltar { float: right !important; }
.nataloke.participar div#secao, .instrucoes div#secao { float: none; position: absolute; }
* html .nataloke.participar2 #secao { margin: 13px 0 0 20px; }
.nataloke.cadastro #texto { margin-left: 160px; }
html > body .nataloke.cadastro #texto { margin-left: 180px; }
* html .nataloke.cadastro #secao { margin-right: 0; }
.nataloke.cadastro form { margin: 1em 0; }
.nataloke.cadastro form { border: 0; }
.nataloke.cadastro form  legend { margin: 0 0 1em; font-size: 1.2em; color: #E5000A; font-weight: bold; }
* html .nataloke.cadastro form  legend { margin-left: -7px; }
.nataloke.cadastro form .campos label { float: left; }
.nataloke.cadastro form .campos input, .nataloke.cadastro form .campos select { font: 1em Arial, sans-serif; }
.nataloke.cadastro form .campos input, .nataloke.cadastro form .campos #email { width: 200px; }
.nataloke.cadastro form .campos #cidade { width: 154px; }
html > body .nataloke.cadastro form .campos #cidade { width: 158px; }
.nataloke.cadastro form .campos #telefone { width: 163px; }
.nataloke.cadastro form .campos #optin { width: auto; }
.nataloke.cadastro form p { clear: left; margin-top: 1em; }
.nataloke.cadastro form .botao.avancar { clear: both; float: right; }
.nataloke.cadastro .voltar { display: block; margin: 105px 0 0 -245px; }
html > body .nataloke.cadastro .voltar { margin: 0; }
.nataloke.cadastro .campodestaque { display: block; float: left; width: 217px; height: 87px; padding: 8px 5px 2px; margin: 20px 20px 0 0; background: url(../imagens/bg_nataloke_form2.gif) no-repeat; font-weight: bold; }
html > body .nataloke.cadastro .campodestaque { float: none; margin: 20px 50px 0 0; }
.nataloke.cadastro .campodestaque label { float:left; width: 10em; }
html > body .nataloke.cadastro .campodestaque label { width: 11em; }
.nataloke.cadastro .campodestaque input { float: left; border: 0; width: 8em !important; margin-left: -4em; }
html > body .nataloke.cadastro .campodestaque input { margin: 0; }
.nataloke.cadastro .campodestaque p { text-align: center; font-size: 0.9em; margin-top: 0.8em; }
.nataloke.cadastro .aviso { float: right !important; text-align: left; margin: 40px 0 0 0; color: #E5000A; width: 145px; font-weight: bold; }
html > body .nataloke.cadastro .aviso { width: 130px; }
* html .nataloke.cadastro form .botao { margin-top: 30px; }
.nataloke.cadastro form .texto { display: block; float: right; }
* html .nataloke.participar2 #navnataloke { margin: -20px 0 0 34px; }
.nataloke.participar2 p { padding-right: 2em; }
.nataloke.participar2 #texto ul { list-style: inside; margin-bottom: 1em; }
.nataloke.participar2 #flash { margin-bottom: 1em; width: 345px; height: 300px; }
.nataloke.participar2 .aviso { position: absolute; margin: -150px 0 0 -200px; width: 150px; text-align: center; font-weight: bold; color: #CA000C; }
html > body .nataloke.participar2 .aviso { margin: -150px 0 0 -170px; }
.nataloke.participar2 .cliqueaqui { float: right; margin: -10px 30px 0 0; }
html > body .nataloke.participar2 .cliqueaqui { float: right; margin: -10px -8px 0 0; }
.nataloke.participar5 #texto { margin-left: 170px; }
html > body .nataloke.participar5 #texto { margin-left: 180px; }
.nataloke.participar5 #texto #titenviar { width: 283px; height: 17px; }
.nataloke.participar5 table { margin-bottom: 1em; }
.nataloke.participar5 table thead th { font-size: 1.2em; color: #E5000A; padding: 0 0 1em; }
.nataloke.participar5 table th, .nataloke.participar5 table td { padding: 3px; }
.nataloke.participar5 table th { width: 35%; }
.nataloke.participar5 .botao.enviar { float: left; }
* html .nataloke.participar5 .voltar { margin-left: 5px; }
.nataloke.participar6 .voltar { float: right !important; }
.nataloke.participar6 .avancar { margin-right: 0; }
.participar6 dl dt { font-weight: bold; }
.participar6 dl dd { margin-bottom: 1em; }
.nataloke.participar6 #texto, .nataloke.participar7 #texto, .nataloke.participar8 #texto, .nataloke.participar9 #texto, .nataloke.participar10 #texto, 
.participantes #texto, .premiacoes #texto, .duvidas #texto, .nataloke.participar2 #texto, .letramusica #texto { margin-left: 158px; }
html > body .nataloke.participar6 #texto, html > body .nataloke.participar7 #texto, html > body .nataloke.participar8 #texto, 
html > body .nataloke.participar9 #texto, html > body .nataloke.participar10 #texto, html > body .participantes #texto, 
html > body .premiacoes #texto, html > body .duvidas #texto, html > body .nataloke.participar2 #texto, html > body .letramusica #texto { margin-left: 180px; }
.nataloke.participar6 #regulamento { overflow: auto; background: #F6F7F7; padding: 1em; height: 200px; }
.nataloke.participar6 #regulamento h6 { text-align: left; font-size: 1.2em; color: #E5000A; padding: 0 0 1em; }
.nataloke.participar6 #regulamento ul { margin-left: 15px; }
html > body .nataloke.participar6 #regulamento ul { margin: 10px 0 10px 10px; }
.nataloke.participar6 #regulamento ul li { margin-bottom: 1em; }
.nataloke.participar6 #aceito { background: #DADADA; padding: 1em; margin-bottom: 1em; }
.nataloke.participar6 .voltar { float: left !important; }
.nataloke.participar6 .cliqueaqui { float: right; }
.nataloke.participar7 #confirma { padding: 1em; background: #F6F7F7; }
.nataloke.participar7 #confirma h6 { font-size: 1.2em; color: #E5000A; padding: 0 0 1em; }
.nataloke.participar7 #confira { padding: 1em; background: #E3E5E6; color: #00469B; }
.nataloke.participar7 #confira p { font-weight: bold; }
.nataloke.participar7 #confira ul { list-style: none; }
.nataloke.participar7 #confira a { color: #00469B; }
.nataloke.participar8 #saudacao, .nataloke.participar9 #saudacao { width: 200px; font-size: 1.1em; }
.nataloke.participar8 #miniatura { position: absolute; width: 114px; height: 93px; margin: -18px 0 0 423px; background: url(../imagens/miniatura.gif) no-repeat; }
html > body .nataloke.participar8 #miniatura { margin: -10px 0 0 233px; }
.nataloke.participar8 #informacoes { background: #ECEEEF; }
.nataloke.participar8 #autor, .nataloke.participar9 #autor, .nataloke.participar10 #autor { width: 50%; padding: 1em 1em 1em 0; background: #E5000A; color: #fff; }
html > body .nataloke.participar8 #autor, html > body .nataloke.participar9 #autor, html > body .nataloke.participar10 #autor { padding: 1em; }
.nataloke.participar8 #autor a#ouvir, .nataloke.participar9 #autor a#ouvir, .nataloke.participar10 #autor a#ouvir { display: block; float: right; margin-left: 1em; color: #fff; font-weight: bold; }
.nataloke.participar8 #verminiatura { float: right; text-align: right; padding: 0.4em 1em 1em; margin-right: 0.8em; }
html > body .nataloke.participar8 #verminiatura { margin-right: 2em; }
.nataloke.participar8 #verminiatura a { color: #00469B; }
.nataloke.participar8 #envie { background: #F6F7F7; padding: 5px; margin: 1em 0; }
.nataloke.participar8 .direita { text-align: right; margin: 1em; }
.nataloke.participar8 form .campos { display: block; width: 95%; }
.nataloke.participar8 form .campos label { width: 32%; text-align: left; float: left; }
.nataloke.participar8 form .campos #nome, .nataloke.participar8 form .campos #email { width: 200px; font: 1em Arial, sans-serif; }
.nataloke.participar8 form .campos textarea { width: 200px; height: 100px; border: 1px #E4E3CE solid; margin-bottom: 1em; font: 1em Arial, sans-serif; }
.nataloke.participar8 form .campos .restantes { text-align: right; display: block; margin-top: 1em; }
.nataloke.participar8 .avancar { float: right; margin 0 -20px 0 0 !important; padding: 0 !important; }
.nataloke.participar9 #previa, .nataloke.participar10 #confirmacao { margin: 1em 0; padding: 5px; border: 10px solid #F6F7F7; width: 90%; }
  /* self clearing rules */
  .nataloke.participar9 #previa:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .nataloke.participar9 #previa { display: inline-block; _height: 1%; }
  /* Hides from IE-mac \*/
  .nataloke.participar9 #previa { display: block; }
  /* End hide from IE-mac */
.nataloke.participar9 #previa img { float: left; }
.nataloke.participar9 #destinatario, .nataloke.participar9 #remetente { display: block; border: 1px solid #D8DADC; margin-bottom: 1em; padding: 2px; }
.nataloke.participar9 #destinatario, .nataloke.participar9 #remetente, .nataloke.participar9 #previa p { margin-left: 134px; }
.nataloke.participar9 #previa p { padding: 0 0.5em; }
.nataloke.participar9 .destaque { text-transform: uppercase; text-align: center; margin-bottom: 0; }
.nataloke.duvidas ul { list-style: none; }
.nataloke.duvidas ul li a { color: #00469B; }
.logado #textoesquerda { width: 251px; text-align: left; }
.logado #subsecao { border: 1px solid #000; margin-bottom: 1em; }
.logado #ouvir { float: right; text-align: right; }
.logado #logout { float: left; margin-top: 2em; }
.obrigatorios { display: block; color: #bababa; padding: 2px; text-align: right; }
.nataloke.confirma #texto { margin-left: 153px; }
.nataloke.letramusica #texto { padding: 2em 2em 0 0; }
.nataloke.letramusica .imprimir { float: left; }
.nataloke.letramusica .participe { float: right; }
.nataloke.letramusica .voltar { margin-top: 1em; }

#cartaoescolhido #cartaoflash { float: left; overflow: hidden; height: 188px; }
* html #cartaoescolhido #cartaoflash { width: 245px; }

* html .instrucoes div#secao { margin-left: 21px; }
.instrucoes #texto { margin-left: 204px; }
html > body .instrucoes #texto { margin-left: 190px; }
.instrucoes #texto .finalizar { text-align: left; }

.esquente #secao { padding-bottom: 2em; }
* html .esquente #secao { margin: 10px; }
.esquente #texto { padding: 1em 1em 0; }
html > body .esquente #texto { padding: 2em 2em 0; }
.esquente .participe { float: right; margin-top: -1em; }
.esquente table { margin-bottom: 1em; }
.esquente table th { padding: 3px; }
.esquente table td { padding: 5px; }
.esquente table a { color: #000; }
.passos { color: #E5000A; }
.esquente .procedimentos { padding: 0; }
html > body .esquente .procedimentos { padding: 20px 0 20px 20px; }
.esquente .procedimentos li.procedimento { clear: both; display: block; border: 1px solid #BFBFBF; padding: 5px 0 50px 20px; }
html > body .esquente .procedimentos li.procedimento { padding: 20px 0 20px 20px; min-height: 180px; }
.esquente .procedimentos li.procedimento ul li { width: 40%; list-style: none outside; clear: none; border: 0; padding: 0; text-indent: 0; min-height: auto; }
.esquente .procedimentos li.procedimento ul li img { padding-bottom: 2em; }
.esquente .procedimentos p { width: 40%; }
.esquente .procedimentos li.procedimento img, .esquente .procedimentos li#configurar #configuraflash { display: block; float: right; margin: 10px 0 10px 10px; }
html > body .esquente .procedimentos li.procedimento img { margin-top: 0; }
.esquente .procedimentos li#configurar { border-bottom: 1px solid #CA000C; padding: 10px 0; height: 150px; }
.esquente .procedimentos li#configurar p { padding-top: 2em; padding-left: 20px; }
.esquente .procedimentos li#configurar p.estrela { height: auto; padding-top: 0; margin-top: 2em; font-weight: normal; }
.esquente .procedimentos li#configurar #configuraflash { padding-right: 27px; }
.esquente #botoes { padding-bottom: 1em; }
.esquente #botoes .botao { float: right; }
.esquente #botoes .botao.imprimir { margin-top: 4px; }
.esquente #botoes .voltar { float: left !important; margin-top: 6px; }
.participantes .campos { text-align: left; padding: 0; margin-bottom: 1em; }
.participantes .campos input { margin-right: 5px; }
.participantes .campos #busca { width: 250px; font: 1em Arial, sans-serif; }
.participantes form .botao { margin: -23px 0 0; }
html > body .participantes form .botao { margin: -22px 0 0; }
.participantes #indice #lista { clear: right; width: 89%; background: #F6F7F7; padding: 8px; }
html > body .participantes #indice #lista { width: 333px; }
.participantes #indice #lista ul { list-style: none; margin-top: 1em; }
.participantes #indice #lista ul li { display: inline; padding: 1px; }
.participantes #indice #lista ul li a { color: #E5000A; }
.participantes #indice #lista ul li a:hover { text-decoration: underline; }
.participantes #indice #lista ul li a.atual { background: #E5000A; color: #fff; padding: 3px; }
.participantes #indice #lista ul li a.atual:hover { text-decoration: none; }
.participantes #indice table { width: 94%; margin-bottom: 1em; }
html > body .participantes #indice table { width: 99%; } 
.participantes #indice table a { color: #000; font-weight: bold; }
.participantes #indice table td { width: 60%; padding: 3px 0 3px 10px; text-align: left; }
.participantes #indice table thead tr { padding: 5px 0; background: #E5000A; color: #fff; }
.participantes #indice table thead th { padding: 3px 5px; }
.participantes #indice table tbody td { border-bottom: 1px dashed #000; }
.participantes #indice table tfoot th { background: #F6F7F7; padding: 8px; }
.participantes #indice table tfoot th img { border: 0; }
.participantes #indice table tfoot th .paginas { display: block; text-align: center; }
.participantes #indice #promocao { padding: 15px; }
.participantes #indice #promocao #participe { float: right; margin-left: 10px; text-align: center; text-transform: uppercase; width: 100px; }
.participantes #indice #promocao a { color: #000; }
.participantes #texto { padding-top: 1em; }
html > body .participantes #texto { padding-top: 2em; }
.participantes #texto table td.nome { text-align: left; }
.participantes h6 { font-size: 1em; }
.participantes .participe { float: right; }

.premiacoes #texto, .letrasmusica #texto { padding: 1em 2em 0 0; }
html > body .premiacoes #texto, html > body .letrasmusica #texto { padding: 2em 2em 0 0; }
.premiacoes #texto ul li { list-style: none; margin: 1em 0; }
.premiacoes #secao { margin-right: -1em; }
.premiacoes h6 { font-size: 1.2em; margin: 1em 0; }
.premiacoes h6.apoio { border-bottom: 1px solid #000; font-size: 1em; }
.premiacoes #apoiologos { list-style: none; padding-bottom: 2em; text-align: center; }
.premiacoes #apoiologos li { display: inline; padding-right: 30px;  }
.premiacoes .cliqueaqui { float: right !important; }

.regulamento #secao { padding-bottom: 2em; }
.regulamento #texto { padding: 1em 2em 0; }
html > body .regulamento #texto { padding: 2em 2em 0; }
.regulamento #texto dl { margin: 1em 0; }
.regulamento #texto dl dt { font-weight: bold; font-size: 1.1em; }
.regulamento #texto dl dd { margin-bottom: 1em; }
.regulamento #texto h6 { font-size: 1.1em; }

.duvidas #texto { padding: 1em 2em 0 0; }
html > body .duvidas #texto { padding-top: 2em; }
.duvidas #texto dl dt { background: url(../imagens/seta_azul.gif) 0 3px no-repeat; padding-left: 10px; font-weight: bold; margin-bottom: 1em; }
.duvidas #texto dl dd { margin-bottom: 1em; padding: 0 0 7px 7px; border-bottom: 1px solid #dadada; }
.duvidas form { margin-bottom: 1em; }
.duvidas form .campos { text-align: left; }
.duvidas form .campos label { display: block; float: left; width: 100px; }
.duvidas form .campos #nome, .duvidas form .campos #email { width: 200px; font: 1em Arial, sans-serif; }
.duvidas form .msg label { clear: left; width: 200px; float: none !important; }
.duvidas form .campos textarea { width: 95%; height: 100px; border: 1px #E4E3CE solid; margin-bottom: 1em; font: 1em Arial, sans-serif; }
html > body .duvidas form .campos textarea { width: 89%; }
.duvidas form .botao { margin: 0 21px 0 0; }
html > body .duvidas form .botao { margin: 0 41px 0 0; }
.duvidas .cliqueaqui { width: 95%; }
html > body .duvidas .cliqueaqui { float: none; }

.depoimentos #texto { margin-left: 168px; }
html > body .depoimentos #texto { margin-left: 153px; }
.depoimentos #texto p { padding-right: 2em; }
.depoimentos h4 { width: 144px; background: url(../imagens/titulo_depoimentos.gif) no-repeat; }
.depoimentos h5 { color: #E5000A; font-size: 1.2em; margin-bottom: 1em; }
.depoimentos #titconfira, .depoimentos #titama { text-indent: -9999em; overflow: hidden; }
.depoimentos #titconfira { width: 209px; height: 12px; background: url(../imagens/subtitulo_depoimentos_confi.gif) no-repeat; }
.depoimentos #titama { width: 308px; height: 33px; background: url(../imagens/subtitulo_depoimentos_ama.gif) no-repeat; }
.depoimentos form { padding: 0 0 1em; }
.depoimentos form select { font: 1em Arial, sans-serif; display: block; width: 130px; margin: 3px 0; }
.depoimentos form label { float: left; }
.depoimentos form #buscar { float: left; margin-left: 1em; width: 170px; }
html > body .depoimentos form #buscar { width: 185px; }
.depoimentos .listadepoimentos { margin-top: 3em; }
.depoimentos .total { margin-top: 5em; }
.depoimentos #botaovoltar { clear: both; float: none; padding-top: 1em; }
.depoimentos #depoimento { /*float: right;*/ float: left; padding: 0 2em 0 7em; }
.depoimentos #indice { text-align: center; list-style: none; margin: 1em 0; background: #F6F7F7; padding: 5px; }
.depoimentos #indice li { display: inline; padding: 1px; margin: 0 !important; }
.depoimentos #indice li a { color: #E5000A; margin: 0; }
.depoimentos #indice li a:hover { text-decoration: underline; }
.depoimentos #indice li a.atual { background: #E5000A; color: #fff; padding: 3px; }
.depoimentos #indice li a.atual:hover { text-decoration: none; }
.depoimentos #lista { text-align: center; }
.depoimentos #lista .depoimento { margin: 3px; float: left; width: 80px; }
.depoimentos #lista .depoimento b { margin: 0px 0px 5px 0px; float: left;  width: 80px; }
.depoimentos #lista .depoimento span { display: block; float: left; width: 80px; height: 70px; background: url(../imagens/depoimentos_mini.gif) no-repeat; }
html > body .depoimentos #lista .depoimento span { margin: 0; }
.depoimentos #lista .depoimento img { margin: -65px 0 0 0; }
html > body .depoimentos #lista .depoimento img { margin: 4px 0 0 -75px; }


.imprensa h4 { width: 111px; background: url(../imagens/titulo_imprensa.gif) no-repeat; }
.imprensa h5 { margin-bottom: 1em; }
.imprensa #titimprensa, .imprensa #tittudo { text-indent: -9999em; overflow: hidden; }
.imprensa #titimprensa { width: 406px; height: 35px; margin-bottom: 1em; background: url(../imagens/subtitulo_imprensa_presstitulo.gif) no-repeat; }
.imprensa #tittudo { clear: both; width: 260px; height: 11px; margin-bottom: 1em; background: url(../imagens/subtitulo_imprensa_press.gif) no-repeat; }
.imprensa #texto { padding: 0 2em; }
  /* self clearing rules */
  .imprensa #texto:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .imprensa #texto { display: inline-block; _height: 1%; }
  /* Hides from IE-mac \*/
  .imprensa #texto { display: block; }
  /* End hide from IE-mac */
.imprensa #texto table { width: 100%; margin: 1em auto; border-bottom: 1px dashed #eaeaea; }
.imprensa #texto th, .imprensa #texto td { padding: 3px; }
.imprensa #texto table thead th { background: #F4F4F4; }
.imprensa #texto table tbody td.natal { background: url(../imagens/seta_vermelha.gif) 0 6px no-repeat; padding-left: 7px; }
.imprensa .separador { display: block; margin: 1em; height: 2px; background: url(../imagens/pontilhado.gif) repeat-x; }
.imprensa .imagem { float: left; margin: 0 15px 0; }
.imprensa .hsbc { margin-top: 50px; }
.imprensa img { border: 0; }
.imprensa .informacoes { clear: left; font-style: italic; font-size: 85%; }
.imprensa #acrobat { float: right; padding: 0 0 0 1em; }
.disclaimer { clear: both; padding-top: 1em; color: #cacaca; }
html > body .imprensa .disclaimer { margin-bottom: -1em; }

.monte h4 { width: 202px; background: url(../imagens/titulo_montesuamusica.gif) no-repeat; }
.monte #titseja { text-indent: -9999em; overflow: hidden; width: 258px; height: 15px; background: url(../imagens/subtitulo_monte_seja.gif) no-repeat; margin: 0 2em 1em 2.5em; }
* html .monte #titseja { margin-left: 23px; }
.monte #texto p, .monte.cartao h6, .monte.cartao #texto ul { margin: 0 2em 1em; }
.monte #texto p { font-size: 1.2em; }
.monte #titcartao { text-indent: -9999em; overflow: hidden; width: 317px; height: 13px; margin-bottom: 1em; background: url(../imagens/subtitulo_monte_cartao.gif) no-repeat; }
.monte.cartao h6 { font-size: 1.1em; }
.musicas .obrigatorios { margin-left: 120px; }

.instituto #texto, .termos #texto { padding: 0 2em; }
.instituto #secao, .termos #secao { padding-right: 1em; }
.instituto h4 { width: 337px; background: url(../imagens/titulo_instituto.gif) no-repeat; }
.instituto #titvejacomo, .instituto #titcartao, .instituto #titoutros, .instituto #titcriancas { text-indent: -9999em; overflow: hidden; margin-bottom: 1em; }
.instituto #titvejacomo { width: 300px; height: 34px; background: url(../imagens/subtitulo_instituto_vejacom.gif) no-repeat; }
.instituto #titcartao { clear: both; width: 296px; height: 12px; background: url(../imagens/subtitulo_instituto_cartao.gif) no-repeat; }
.instituto #titoutros { width: 227px; height: 13px; background: url(../imagens/subtitulo_instituto_outros.gif) no-repeat; }
.instituto #titcriancas { width: 128px; height: 15px; background: url(../imagens/subtitulo_instituto_crianca.gif) no-repeat; }
.instituto #texto #leque { float: left; padding: 0 1em 1em 0; }
.instituto h6, .termos h6 { font-size: 1.1em; margin-top: 1em; }
.instituto #texto dl { padding-left: 0.5em; }
.instituto #texto dl dt { background: url(../imagens/bullet_estrela.gif) no-repeat; height: 13px; font-weight: bold; padding-left: 20px; margin-bottom: 2px; }
.instituto #texto dl dd { margin-bottom: 1em; }
.instituto #texto ul { list-style: inside; margin-bottom: 1em; }
.instituto #subsecao { float: right; margin: 0 20px; }

.lojinha #texto, .entraremcontato #texto { padding-right: 2em; margin-left: 170px; }
html > body .lojinha #texto { padding-right: 2em; margin-left: 153px; }
.lojinha h4 { width: 187px; background: url(../imagens/titulo_lojinha.gif) no-repeat; }
.lojinha #compre { margin-bottom: 4em; }
.lojinha .horarios { border-bottom: 1px solid #000; font-weight: bold; }
.lojinha #rosario ul, .lojinha #teatro ul { margin: 0.5em 0 1em 1.4em; }
.lojinha #rosario *, .lojinha #teatro * { text-align: left; }
.lojinha #rosario { float: left; width: 50%; padding-bottom: 8em; }
.lojinha #teatro { margin-left: 30%; }
html > body .lojinha #teatro { margin-left: 50%; }

.termos h4 { width: 162px; background: url(../imagens/titulo_termos.gif) no-repeat; }
.termos #tittermos { width: 369px; height: 11px; margin-bottom: 2em; background: url(../imagens/subtitulo_termos.gif) no-repeat; text-indent: -9999em; overflow: hidden; }
.termos h6#principal { text-transform: uppercase; margin-bottom: 2em; text-align: center; }
.termos #texto ul { margin-left: 10px; }
.termos table { text-align: center; border: 1px solid #DFDFDF; }
.termos table th { background: #EBEBEB; padding: 5px; }
.termos table td { padding: 3px; border: 1px solid #DFDFDF; }
.termos table tbody td { background: #F5F5F5; }
.termos table tfoot td { text-align: left; }
.vermelho { color: #E5000A; }

.entraremcontato #texto { padding-right: 2em; margin-left: 170px; }
html > body .entraremcontato #texto { padding-right: 2em; margin-left: 153px; }
.entraremcontato h4 { width: 214px; background: url(../imagens/titulo_entraremcontato.gif) no-repeat; }
.entraremcontato #texto form {  }
.entraremcontato #texto form .campos { display: block; text-align: left; }
.entraremcontato #texto form .campos label { width: 100px; float: left; font-weight: bold; padding-top: 2px; }
.entraremcontato #texto form .campos input, .entraremcontato #texto form .campos textarea { width: 200px; font: 1em Arial, sans-serif; }
.entraremcontato #texto form .campos textarea { height: 50px; }
.entraremcontato #texto form .botao { margin: 1em 0 0 0; }

#bgjogo { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; visibility: visible; text-align:center; z-index:1000; background:url(../imagens/bg_jogo.png); }
#bgjogo.esconde { display: none !important; }
* html #bgjogo { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='imagens/bg_jogo.png')}

#jogo { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; visibility: visible; text-align:center; padding-top: 50px; z-index:1001; }
#jogo.esconde { display: none !important; }