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



/*.............. HTML ..............*/
html { font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#fff url(../imagens/bgs/bg-x.jpg) repeat-x top; }



/*.............. 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; }



/*.............. TITULOS ..............*/

h3.titulo.agenda{ background:url(../imagens/titulos/agenda.png) no-repeat}
h3.titulo.contato{ background:url(../imagens/titulos/contato.png) no-repeat }
h3.titulo.galeria_de_fotos{ background:url(../imagens/titulos/fotos.png) no-repeat}
h3.titulo.galeria_de_videos{ background:url(../imagens/titulos/videos.png) no-repeat !important}
h3.titulo.informacoes{ background:url(../imagens/titulos/informacoes.png) no-repeat}
h3.titulo.noticias{ background:url(../imagens/titulos/noticias.png) no-repeat}


/*.............. SITE ..............*/
#site { width:1000px; margin:0 auto;}

/*.............. GERAL ..............*/
#geral { width:836px; margin:0 81px;}

h3.titulo{ display:block; height:45px; overflow:hidden; text-indent:-999999px }
div.mais{ float:left; width:100%; text-align:right; margin-top:10px;}
div.mais a{ background:#134f60; padding:2px 4px; font-size:10px; color:#fff;}
div.mais a:hover{ background:#3291ac; }
#conteudo h2 span{ color:#fff; font-size:22px; margin-bottom:10px; letter-spacing:-1px; background:#3291ac; padding:3px 5px; display:inline }
#conteudo span.data{ color:#7b0a01 }
#conteudo div.conteudo{ margin-top:20px }

/*.............. CABEÇALHO ..............*/
#cabecalho { width:1000px; height:383px; background:url(../imagens/_apagar/topos.jpg) no-repeat; } /*mudar*/
#cabecalho h1 { float:left; width:222px; height:116px; margin-left:15px; display:none} /*mudar*/
* html #cabecalho h1 { margin-left:16px;}
#cabecalho span {display:none;}
#cabecalho #banner-468x60 {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:225px; }
#navegacao #menu{ background:url(../imagens/bgs/menu-y.png) repeat-y center; margin-left:3px; _margin-left:2px}
#navegacao h3 { display:none }
#navegacao h3.titulo { display:block }
#navegacao #menu ul.menu { padding-bottom:30px; background:url(../imagens/bgs/menu.png) no-repeat center bottom;}
#navegacao #menu ul.menu li{ position:relative; display:inline-block; width:100%}
#navegacao #menu ul.menu ul { display:none; position:absolute; background:#ffd502; top:-25px !important; left:200px !important; width:180px; }
#navegacao #menu ul.menu ul li a{ margin:0; padding:8px 20px; font-size:12px; letter-spacing:0; color:#CE9613}
#navegacao #menu ul.menu ul li a:hover{ color:#900 }

/*.............. MENU ..............*/
#navegacao a { display:block; cursor:pointer; color:#FFF; margin:0 10px; font-size:14px; font-weight:bold; padding:6px 30px; letter-spacing:-1px }
#navegacao a:hover,
#navegacao a.jd_menu_active_menubar{ color:#333a38; background:#ffd502; cursor:pointer }


/*.............. ENQUETE ..............*/
#navegacao #enquete { padding-top:20px; color:#244d59}
#navegacao #enquete h3{ background:url(../imagens/titulos/enquete.png) no-repeat center;}
#navegacao #enquete form { float:left; margin:0px; padding:15px 15px 0 30px}
#navegacao #enquete form fieldset { border:0; }
#navegacao #enquete form fieldset legend strong { display:none; }
#navegacao #enquete form fieldset h4 {font-size:12px; margin-bottom:15px; }
* html #navegacao #enquete form fieldset h4 { margin:0 0 3px 2px; }
#navegacao #enquete form fieldset label { width:96%; display:block; font-size:11px; margin-bottom:15px; }
#navegacao #enquete form fieldset label input { float:left; margin:0 5px; }
* html #navegacao #enquete form fieldset label input { margin:0; }
#navegacao #enquete .botao-votar {  border:0 none; cursor:pointer; _cursor:pointer; margin-left:65px; _margin-left:65px; background:url(../imagens/botao_voltar.gif) no-repeat; _background:url(../imagens/botao_voltar.gif) no-repeat; }
* html #navegacao #enquete .botao-votar { text-indent:0; line-height:999999px; }
/*.............. 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; display: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:380px; margin:0 10px}
/*#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:380px;}/*cores*/
#conteudo #destaques h3 { background:url(../imagens/titulos/videos.png) no-repeat}
#conteudo #destaques ul { margin: 10px }
#conteudo #destaques ul li { float:left; width:50%; }
#conteudo #destaques ul li a.img{ padding:2px }
#conteudo #destaques ul li a:hover.img{ padding:0px }
#conteudo #destaques ul li a:hover.img img{ border:solid 3px #3291ac }
#conteudo #destaques ul li a.img img{ border:solid 1px #3291ac }
#conteudo #destaques ul li span{ color:#7b0a01; font-size:10px }
#conteudo #destaques ul li a{ color:#135061; font-size:11px; display: block }
#conteudo #destaques ul li a:hover{ color: #459bb4 }



/*.............. NOTÍCIAS ..............*/
#conteudo #noticias{ margin-bottom:30px; float:left; width:100% }
#conteudo #noticias h3.titulo{background:url(../imagens/titulos/noticias.png) no-repeat;}
#conteudo #noticias div.principal { margin:15px 0; padding:0 10px }
#conteudo #noticias div.principal a.img img{ border:0}
#conteudo #noticias div.principal h3 a{ color:#fff; background:#3291ac; padding:3px 6px; display:inline-block; font-size:18px; font-weight:normal; letter-spacing:-1px}
#conteudo #noticias #mais-noticias h3{ display:none }

#conteudo #mais-noticias { float:left; width:356px; padding-left:6px; }
#conteudo #mais-noticias ul { margin:0 5px }
#conteudo #mais-noticias ul li{ float:left; width:100% }
#conteudo #mais-noticias ul li { background:url(../imagens/bgs/pontilhado.png) repeat-x top; padding:15px 0}
#conteudo #mais-noticias ul li span { background:#f0f0f0; padding:2px 3px; font-size:10px; color:#7b0a01; float:left; }
#conteudo #mais-noticias ul li a { display:block; margin-left:60px; font-size:11px; color:#135061 }

* html #conteudo #mais-noticias ul li a { margin-bottom:2px; }
#conteudo #mais-noticias ul li a:hover { color:#736f5f; }



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



/*.............. FOTOS ..............*/
#fotos-publicidade #fotos { float:left; width:210px; margin-bottom:30px }
#fotos-publicidade #fotos h3{ margin-bottom:10px }
#fotos-publicidade #fotos li { margin:2px 0 }
#fotos-publicidade #fotos li h4,
#fotos-publicidade #fotos li span{ display:block; margin-left:95px; font-size:11px; font-weight:normal}
#fotos-publicidade #fotos li span{ color:#7b0a01; font-size:10px }
#fotos-publicidade #fotos li h4 a{ color:#135061; }
#fotos-publicidade #fotos li h4 a:hover{ color:#459bb4; }
#fotos-publicidade #fotos li a.img{ float:left; padding:2px }
#fotos-publicidade #fotos li a.img img{ border:solid 1px #459bb4 }
#fotos-publicidade #fotos li a:hover.img{ padding:0; }
#fotos-publicidade #fotos li a:hover.img img{ border:solid 3px #459bb4 }


#fotos-publicidade #fotos h3.titulo { background:url(../imagens/titulos/fotos.png) no-repeat}
#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:1px solid #f1ca31; }



/*.............. BANNERS 181PX POR 60PX ..............*/

#fotos-publicidade #parceiros{float:left; width:100%}
#fotos-publicidade #parceiros h3.titulo { background:url(../imagens/titulos/parceiros.png) no-repeat}
#fotos-publicidade #parceiros span{margin:10px 10px; display:block }



/*.............. 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 { width:769px; height:59px; padding:0px; font-size:11px; font-style:normal; background:url(../imagens/rodape.jpg) no-repeat; border-top:2px solid #fff; }
#endereco .email-contato { display:none; margin-top:5px; }



/*.............. RODAPÉ ..............*/
#rodape { font-size:10px; clear:both; height:72px; margin:20px auto; text-align:center; background:url(../imagens/bgs/rodape.jpg) no-repeat 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; }