/*.............. ZERANDO PROPRIEDADES ..............*/
* { margin:0; padding:0; list-style:none; text-decoration:none; }



/*.............. HTML ..............*/
html { font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#f6efd3 url(../imagens/background.gif); }



/*.............. TOOLTIP ..............*/
div#qTip { color:#000; padding:2px;	z-index:1000; display:none; text-align:left; background:#ffffe1; position:absolute; border:1px solid #333; border-right-width:2px; border-bottom-width:2px; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }



/*.............. GERAL ..............*/
#geral { width:771px; margin:10px auto; background:#fdfaf1; border:4px solid #fff; }



/*.............. CABEÇALHO ..............*/
#cabecalho { width:100%; height:116px; background:url(../imagens/topo.png) no-repeat center right; } /*mudar*/
#cabecalho h1 { float:left; width:222px; height:116px; margin-left:15px; background:url(../imagens/hqfestival.gif) no-repeat left center; display:none} /*mudar*/
* html #cabecalho h1 { margin-left:16px; }
#cabecalho span { display:none; }
#cabecalho #banner-468x60 {width:468px; height:60px; /*display:none;*/ float:right; margin-top:28px; margin-right:20px; }
* html #cabecalho #banner-468x60 { margin-right:10px; }
#cabecalho #banner-468x60 img { border:0 none }



/*.............. COLUNA DE NAVEGAÇÃO ..............*/
#navegacao { float:left; width:195px; background:url(../imagens/dot.gif) repeat-y right; } /*cores*/
#navegacao h3 { width:195px; height:33px; background:#FFB006 url(../imagens/navegacao.gif) no-repeat; }
#navegacao h3 span { display:none; }



/*.............. MENU ..............*/
#navegacao a { height:18px; display:block; color:#7e5747; margin:0 10px; font-size:11px; font-weight:bold; padding:3px 0 0 15px; border-bottom:1px solid #f6f4eb; background:url(../imagens/seta.gif) no-repeat 4px 5px; }
#navegacao a:hover { color:#41271c; background:#fff0d1 url(../imagens/seta.gif) no-repeat 4px 5px; }



/*.............. ENQUETE ..............*/
#navegacao #enquete { margin-top:20px; }
#navegacao #enquete form { margin:5px; padding-top:20px; background:url(../imagens/titulos/enquete.gif) no-repeat; }
#navegacao #enquete form fieldset { border:0; }
#navegacao #enquete form fieldset legend strong { display:none; }
#navegacao #enquete form fieldset h4 { color:#fd9428; font-size:13px; margin:0 0 10px 2px; }
* html #navegacao #enquete form fieldset h4 { margin:0 0 3px 2px; }
#navegacao #enquete form fieldset label { color:#50311f; width:96%; display:block; font-size:11px; margin-bottom:5px; }
#navegacao #enquete form fieldset label input { float:left; margin:0 5px; }
* html #navegacao #enquete form fieldset label input { margin:0; }
#navegacao #enquete .botao-votar { width:50px; height:18px; border:0 none; cursor:pointer; margin-left:65px; text-indent:-99999px; *text-indent:0; _text-indent:0; line-height:80px; background:url(../imagens/botao-votar.gif) no-repeat; }
/*.............. RESPOSTA ENQUETE ..............*/
#navegacao #enquete li { width:94%; float:left; display:block; }
#navegacao #enquete span { float:left; color:#736f5f; display:block; margin-bottom:5px; }
#navegacao #enquete span.resposta { width:100%; margin-left:5px; margin-bottom:0; }
#navegacao #enquete span.numero { width:30px; text-align:right; margin-left:10px; padding-right:3px; font-size:11px; }
#navegacao #enquete span.barra { margin-top:3px; }
#navegacao #enquete span.barra img { height:8px; padding-right:4px; background:url(../imagens/barra-final.gif) no-repeat right center; }



/*.............. FORM BUSCA ..............*/
#form-busca { top:134px; z-index:10; width:350px; height:23px; text-align:right; margin-left:415px; position:absolute; }
* html #form-busca { margin-left:400px; }
#form-busca fieldset { border:0 none; }
#form-busca legend { display:none; }
#form-busca label { color:#fdfaf1; font-size:12px; font-weight:bold; margin-right:5px; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; }
* html #form-busca label { top:-2px; position:relative; }
#form-busca input, #form-busca select { color:#333; font-family:Arial, Helvetica, sans-serif; }
#form-busca input { font-size:10px; letter-spacing:1px; }
#form-busca select { font-size:9px; margin-bottom:1px; }
* html #form-busca select { margin-bottom:0; }
#form-busca .botao-ok { width:22px; height:23px; cursor:pointer; border:0 none; text-indent:-99999px; background:url(../imagens/botao-busca.gif) no-repeat; }
* html #form-busca .botao-ok { text-indent:0px; line-height:999999px; }



/*.............. CONTEÚDO ..............*/
#conteudo { float:left; width:374px; }
#conteudo .titulo {padding-top:3px;  width:100%; height:30px; background:url(../imagens/noti_rep.gif) repeat-x; }
#conteudo .titulo span { color:#fdfaf1; font-size:16px; display:block; text-transform:uppercase; background:url(../imagens/titulos/secao.gif) no-repeat 11px -3px; }



/*.............. DISPLAY ..............*/
#conteudo #display { float:left; width:356px; height:152px; margin:5px 9px; background:#fbf5db; }
* html #conteudo #display { margin:5px 5px; }



/*.............. DESTAQUES ..............*/
#conteudo #destaques { float:left; width:368px; height:178px; padding-left:6px; background:#F2972D url(../imagens/back_destaque.gif) no-repeat; }/*cores*/
#conteudo #destaques h3 { margin:7px 7px 3px 2px; background:url(../imagens/titulos/destaques.gif) no-repeat; }
#conteudo #destaques h3 a { height:18px; width:120px; display:block; overflow:hidden; text-indent:-9999px; }
#conteudo #destaques ul li { float:left; }
#conteudo #destaques ul li a { color:#fff; width:170px; height:32px; padding:6px; display:block; font-size:13px; font-weight:bold; }
* html #conteudo #destaques ul li a { height:30px; }
#conteudo #destaques ul li a:hover { color:#50311f; background:#ffa03c; } /*cores*/
#conteudo #destaques ul li a img { float:left; margin-right:2px; border:2px solid #50311f; } /*cores*/



/*.............. MAIS NOTÍCIAS ..............*/
#conteudo #mais-noticias { float:left; width:356px; padding-left:6px; }
#conteudo #mais-noticias h3 { margin:7px 7px 3px 2px; background:url(../imagens/titulos/mais.gif) no-repeat; }
#conteudo #mais-noticias h3 a { width:120px; height:18px; display:block; overflow:hidden; text-indent:-9999px; }
#conteudo #mais-noticias ul li { margin-left:5px; }
#conteudo #mais-noticias ul li a { margin:2px 0; display:block; color:#fd9428; font-size:12px; font-weight:bold; padding-left:13px; background:url(../imagens/bullet.gif) no-repeat 0 4px; }
* html #conteudo #mais-noticias ul li a { margin-bottom:2px; }
#conteudo #mais-noticias ul li a:hover { color:#50311f; }



/*.............. COLUNA DIREITA (FOTOS PUBLICIDADE) ..............*/
#fotos-publicidade { float:left; width:202px; padding-top:33px; background:url(../imagens/noti_rep.gif) repeat-x; }



/*.............. FOTOS ..............*/
#fotos-publicidade #fotos { float:left; padding-left:9px; }
#fotos-publicidade #fotos h3 { margin-top:4px; background:url(../imagens/titulos/galerias.gif) no-repeat; }
#fotos-publicidade #fotos h3 a { height:18px; display:block; overflow:hidden; margin-bottom:5px; text-indent:-99999px; }
#fotos-publicidade #fotos ul li { float:left; }
#fotos-publicidade #fotos ul li a { display:block; }
#fotos-publicidade #fotos ul li a img { margin:2px 6px; border:4px solid #f0942c; }



/*.............. BANNERS 181PX POR 60PX ..............*/
#fotos-publicidade #banners-181x60 { float:left; margin-top:5px; padding-left:9px; }
#fotos-publicidade #banners-181x60 h3 { height:18px; margin-top:5px; margin-bottom:5px; background:url(../imagens/titulos/publicidade.gif) no-repeat; }
#fotos-publicidade #banners-181x60 img { border:0 none; margin-top:3px; padding-left:4px; }
#fotos-publicidade #banners-181x60 h3 span { display:none }



/*.............. TEXTO ..............*/
#endereco { clear:both; color:#8d8875; padding-top:10px; text-align:center; }
#endereco a { color:#7b7766; text-decoration:underline; }
#endereco a:hover { text-decoration:none; }
#endereco address { padding:10px; font-size:11px; font-style:normal; background:#fbf5db; border-top:2px solid #50311f; }
#endereco .email-contato { display:block; margin-top:5px; }



/*.............. RODAPÉ ..............*/
#rodape { font-size:10px; clear:both; width:700px; height:50px; margin:20px auto 0 auto; text-align:center; }
#rodape ul { float:left; margin-top:4px; }
#rodape li { float:left; }
#rodape li a { width:94px; height:15px; display:block; overflow:hidden; margin-right:10px; text-indent:-9999px; }
#rodape li .botao-xhtml { background:url(../imagens/validacoes/xhtml.gif) no-repeat; }
#rodape li .botao-css { background:url(../imagens/validacoes/css.gif) no-repeat; }
#rodape li .botao-istos { background:url(../imagens/validacoes/istos.gif) no-repeat; }
#rodape li .botao-firefox { background:url(../imagens/validacoes/firefox.gif) no-repeat; }
#rodape h3 { float:right; width:280px; height:22px; font-size:11px; margin-bottom:20px; }
#rodape h3 span { float:left; color:#999; display:block; margin-top:4px; font-weight:normal; }
#rodape h3 a { float:left; width:74px; height:22px; display:block; overflow:hidden; margin:0 3px 0 3px; text-indent:-9999px; background:url(../imagens/desenvolvimento.gif) no-repeat; }



/*.............. PAGINAÇÃO ..............*/
.paginacao { clear:both; padding:2px; font-size:10px; text-align:center; margin:20px 20px 2px 5px; font-family:Tahoma, Arial, Verdana; }
.paginacao span { color:#4e4e4e; cursor:default; padding:1px 3px; border:1px solid #4e4e4e; }
.paginacao a { color:#a4a4a4; padding:3px 4px; }
.paginacao a:hover { color:#4e4e4e; }



.back-input { background:#ffffcc; }