/*************************************************
			     ESTILOS GERAIS
*************************************************/
*{
	margin: 0;
	padding: 0;
	outline: none;
}
img {
	border: 0;
	
}
body{
	background: url(../imagens/bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
#geral{
	border: solid 1px #CCC;
	width: 980px;
	margin: 0 auto;
	height: auto;
	background: #FFFFFF;
	padding: 5px;
	margin-bottom: 40px;
}
.data_not {
	font-size:11px;
	color:#900;
	font-weight:normal;	
	margin: 3px 0;
}
.paginacao {
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center
}
.paginacao a{
	color: #09F;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center
}
/*************************************************
			     ESTILOS TOPO
*************************************************/
#topo{
	width: 980px;
	background:#666666;
	height: 179px;
	display: block;
}
#topo_cima{
	background: #006699;
	height: 25px;
	width: 980px;
	padding-top: 8px;
}
#topo_cima #span_cid{
	color: #FFFFFF;
	font-size: 11px;
	margin-left:10px;
	float: left;
}
#topo #topo_cima ul{
	float: right;
	list-style: none;
	padding-right: 10px;
}
#topo #topo_cima ul li{
	display: inline;
	margin-left: 10px;
}
#topo #topo_cima ul li img{
	border: none;
}
#topo #topo_baixo{
	width: 980px;
	height: 146px;
	background: url(../imagens/bg_topo.jpg) repeat-x;
	
}
#topo #topo_baixo #logo{
	background: url(../imagens/topo_logo.gif) no-repeat bottom;
	width: 140px;
	height: 126px;
	margin-left: 25px;
	float: left;
	padding-top: 8px;
}
#topo #topo_baixo #topo_dir{
	float: right;
	width: 800px;
	_width: 750px;
	height: 112px;
}
#topo #topo_baixo #tit_site{
	background: url(../imagens/topo_slogan.gif) no-repeat;
	width: 184px;
	height: 74px;
	margin-top: 20px;
	float: left;
}
#topo #topo_baixo #img_site{
	background: url(../imagens/topo_foto.jpg) no-repeat right;
	width: 550px;
	height: 112px;
	float: right;
}
#menu_topo{
	width: auto;
	height: 34px;
	float: right;
}
#menu_topo ul #ponta_menu{
	background: url(../imagens/barra_menu1.jpg) no-repeat;
	margin-left: -10px;
	height: 34px;
	width: 27px;
}
#menu_topo ul{
	background: url(../imagens/barra_menu_fundo.jpg) repeat-x;
	width: 785px;
	height: 34px;
}
#menu_topo ul li{
list-style: none;
	float: left;
	width: 96px;
	*width: 96px;
	height: 34px;
}
#menu_topo ul li a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	width: 96px;
	*width: 96px;
	display: block;
	text-align: center;
	line-height: 34px;
	text-decoration: none;
	border-right: solid 1px #333333;
}
#menu_topo ul li a:hover{
	color: #FFFF00;
}
/*************************************************
			     ESTILOS COLUNA ESQUERDA
*************************************************/
#col_esq{
	width: 180px;
	height: auto;
	display: block;
	margin-top: 5px;
	float: left;
	margin-bottom: 20px;
}
/*************************************************
			     ESTILOS MENU ESQUERDO
*************************************************/
#col_esq #menu{
	background: #E8E8E8;
}
#col_esq #menu ul{
	width: 180px;
	list-style: none;
}
#col_esq #menu ul li{
	background: url(../imagens/bg_botao.jpg) repeat-x;
}
#col_esq #menu ul li a{
	background: url(../imagens/icon_seta.gif) no-repeat;
	display: block;
	width: 167px;
	height: 23px;
	padding-left: 13px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: 23px;
}
#col_esq #menu ul li ul li{
	background: url(../imagens/bg_botao2.jpg) repeat-x #BDBDBD;
}
#col_esq #menu ul li ul li a{
	color: #333333;
	height: 23px;
}
#col_esq #menu ul li ul li ul li{
	background: url(../imagens/bg_botao3.jpg) repeat-x #DDDDDD;
	height: 23px;
}


#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10,
#menu11,#menu12,#menu17,#menu16,#menu15,#menu16,#menu17,#menu18,#menu19,#menu20,
#menu21,#menu22,#menu23,#menu24,#menu25,#menu26,#menu27,#menu28,#menu29,#menu30{
	display: none;
}
#sub_menu1,#sub_menu2,#sub_menu3,#sub_menu4,#sub_menu5,#sub_menu6,#sub_menu7,#sub_menu8,#sub_menu9,#sub_menu10,
#sub_menu11,#sub_menu12,#sub_menu17,#sub_menu16,#sub_menu15,#sub_menu16,#sub_menu17,#sub_menu18,#sub_menu19,#sub_menu20,
#sub_menu21,#sub_menu22,#sub_menu23,#sub_menu24,#sub_menu25,sub_#menu26,sub_#menu27,#sub_menu28,#sub_menu29,#sub_menu30{
	display: none;
}
#col_esq #menu ul li .botao{
	background: url(../imagens/btn_mais.gif) no-repeat left;
	margin-left: 5px;
}
#col_esq #menu ul li .botao_menos{
	background: url(../imagens/btn_menos.gif) no-repeat left;
	margin-left: 5px;
}
/**********************************************
			ESTILOS ENQUETE
**********************************************/
#enquete{
	width: 180px;
	height: auto;
	margin-top: 5px;
}
#enquete h1{
	background: url(../imagens/bg_tit_enquete.gif) no-repeat;
	height: 34px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#enquete p{
	margin: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
#form_enq{
	margin: 5px;
}
#form_enq span{
	font-size: 12px;
}
#form_enq #botao{
	background: url(../imagens/bt_enq_vote.gif) no-repeat;
	border: none;
	width: 42px;
	height: 12px;
	margin-top: 5px;
}
/*************************************************
			     ESTILOS COLUNA DIREITA
*************************************************/
#col_dir{
	width: 180px;
	height: auto;
	margin-top: 5px;
	float: right;
	margin-bottom: 20px;
}
#col_dir #busca{
	width: 180px;
}
#col_dir #busca h1{
	background: url(../imagens/bg_tit_busca.gif) no-repeat;
	height: 34px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#col_dir #busca #form_busca{
	height: 87px;
	background: #99CCCC;
}
#col_dir #busca #form_busca label{
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
}
#col_dir #busca #form_busca #campo_busca{
	margin: 3px 0 0 15px;
}
#col_dir #busca #form_busca #botao{
	margin: 3px 0 0 15px;
	background: url(../imagens/b_busca.gif) no-repeat;
	width: 42px;
	height: 15px;
	border: none;
}
#col_dir #not_dir {
	margin: 10px 0;
}
#col_dir #cont_not_dir {
	padding: 5px;
	border: 1px solid #DADADA;
}
#col_dir #not_dir h1{
	background: url(../imagens/bg_tit_destaques.gif) no-repeat;
	height: 34px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
} 
#col_dir #cont_not_dir ul li{
	list-style: none;
	font: 11px Arial, Helvetica, sans-serif;
}
#col_dir #cont_not_dir ul li:hover{
	background: #f5f5f5;
}
#col_dir #cont_not_dir ul li a{
	text-decoration: none;
	color: #333;
}
#col_meio #tv_sindi{
	width: 590px;
	margin-top: 5px;
}
#col_meio #tv_sindi h1{
	background: url(../imagens/tv_sindijufe.jpg) no-repeat;
	width: 180px;
	height: 35px;
}
#tv_sindi #cont_tv{
	width: 180px;
	height: auto;
	float: left;
}
#tv_sindi #cont_tv ul{
	width: 180px;
	list-style: none;
}
#tv_sindi #cont_tv ul li{
	margin: 5px 5px 10px 5px;
}
#tv_sindi #cont_tv ul li a{
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
#tv_sindi #cont_tv ul li a:hover{
	text-decoration: underline;
}
#col_dir #destaques{
	width: 180px;
	height: 35px;
	margin-top: 5px;
}
#col_dir #destaques{
	width: 180px;
	height: auto;
}
#col_dir #destaques h1{
	background: url(../imagens/bg_tit_destaques.gif) no-repeat;
	width: 180px;
	height: 35px;
	display: block;
	border: solide 1px #FF0000;
}
#destaques #cont_dest ul{
	width: 180px;
	list-style: none;
}
#destaques #cont_dest ul li{
	margin: 5px 5px 10px 5px;
	padding-bottom: 5px;
	border-bottom: dotted 2px #FF6600;
}
#destaques #cont_dest ul li a{
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
#destaques #cont_dest ul li a:hover{
	text-decoration: underline;
}
#filiese{
	width: 180px;
	text-align: center;
}
/*************************************************
			     ESTILOS COLUNA MEIO
*************************************************/
#col_meio{
	_width: 595px;
	height: auto;
	margin: 5px 187px;
	margin-bottom: 20px;
	padding: 10px;
	position: relative;
}
#col_meio #not_dest{
	width: 585px;
	_width: 595px;
	height: auto;
	min-height: 150px;
	max-height: 230px;
}
#col_meio #not_dest img{
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	border: none;
}
#col_meio #not_dest p{
	font-size: 12px;
	margin-top: 90px;
}
#col_meio #not_dest p span{
	font-size: 12px;
	color: #666666;
}
#col_meio #not_dest span{
	font-weight: bold;
}
#col_meio h2{
	margin-top: 10px;
	width: 500px;
	color: #FFAD00;
	font-size: 20px;
}
#col_meio silva{
	margin-top: 10px;
	width: 500px;
	color: #FFAD00;
	font-size: 20px;
}
#not_dest p{
	margin-top: 10px;
}
#col_meio #not_dest a{
	float: right;
}
#col_meio #leia_tambem{
	margin-top: 10px;
	width: 585px;
	_width: 595px;
}
#col_meio #leia_tambem{
	padding: 0 10px;
	padding-bottom: 10px;
	width: 565px;
	_width: 570px;
}
#leia_tambem ul{

}
#leia_tambem ul li{
	margin-top: 5px;
	list-style: none;
	background: url(../imagens/bullet.jpg) no-repeat left;
	padding-left: 10px;
}
#leia_tambem ul li a{
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
#leia_tambem ul li img{
	border: none;
}
#boxes{
	width: 585px;
	_width: 595px;
	height: 210px;
	margin-top: 5px;
}
#boxes #dest_um, #boxes #dest_dois, #boxes #dest_tres{
	width: 183px;
	_width: 184px;
	text-align: center;
	float: left;
	height: 200px;
	margin: 0 1px;
	padding: 5px;
}
#boxes #dest_um a, #boxes #dest_dois a, #boxes #dest_tres a{
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px;
	text-decoration: none;
}
#boxes #dest_um a:hover, #boxes #dest_dois a:hover, #boxes #dest_tres a:hover{
	text-decoration: underline;
}
#boxes #dest_um p, #boxes #dest_dois p, #boxes #dest_tres p{
	color: #FFFFFF;
	margin: 5px;
}
#boxes #dest_um{
	background: #3696CF;
}
#boxes #dest_dois{
	background: #C86231;
}
#boxes #dest_tres{
	background: #93BE2E;
}
#gal_agen{
	margin-top: 10px;
}
#col_meio #galeria{
	width: 285px;
	_width: 285px;
	margin-top: 5px;
	float: left;
}
#col_meio #galeria h1{
	background: url(../imagens/fundo_gal_fotos.gif) no-repeat;
	height: 34px;
}
#galeria span a{
	color:#0066FF;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;
	float:right;
	margin:10px 30px 0px 0px;
	text-decoration: none;
}
#galeria span a:hover{
	text-decoration: underline;
}
#col_meio #fotos{
	margin-top: 5px;
	padding-left: 5px;
}
#col_meio #fotos ul{
	list-style: none;
}
#col_meio #fotos ul li{
	width: 285px;
	_width: 285px;
	height: 90px;
}
#col_meio #fotos ul li img{
	float: left;
	border: none;
	margin-right: 4px;
}
#col_meio #fotos ul li ul li{
	height: 20px;
	_width: 170px;
}
#col_meio #fotos .tit_img{
	color: #3696CF;
	font-size: 12px;
	font-weight: bold;
}
#col_meio #fotos .data_img{
	font-size: 12px;
}
#col_meio #fotos .data_img span{
	font-size: 12px;
	font-weight: bold;
}
#col_meio #fotos .ver_fotos img{
	border: none;
	margin-top: 3px;
}
#col_esq #agenda{
	margin-top: 5px;
	margin-left: 5px;
	width: 176px;
	_width: 170px;
	height: auto;
	float: left;
}
#col_esq #agenda h1{
	background: url(../imagens/fundo_gal_agenda.gif) no-repeat;
	height: 34px;
}
#agenda .agen_dados{
	border-bottom: dotted 2px #990000;
}
#agenda .agen_dados .dados span{
	color: #990000;
	font-size: 11px;
}
#agenda .agen_dados .data{
	width: 90px;
	_width: 80px;
	height: auto;
	float: left;
	color: #990000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	padding-bottom: 5px;
}
#agenda .agen_dados .data span{
	font-size: 35px;
}
#agenda .agen_dados .dados{
	margin-top: 5px;
	width: 200px;
	height: auto;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
#agenda .agen_dados .data .dia{
	color: #990000;
}
#agenda span a{
	color:#0066FF;
	font-size:12px;
	font-weight:bold;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	text-decoration:none;
	float: right;
	margin-top: 5px;
}
#agenda span a:hover{
	text-decoration: underline;
}
/*************************************************
		         ESTILOS BUSCA
*************************************************/
.lista_busca a{
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}
.lista_busca a:hover{
	color: #990000;
	text-decoration: underline;
}
/*************************************************
		      ESTILOS PAGINACAO
*************************************************/
#paginacao{
	text-align: center;
	margin-top: 20px;
}
#paginacao #primeira, #paginacao #ultima{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
#paginacao #primeira:hover{
	color: #990000;
}
#paginacao #ativo{
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
#paginacao #ultima:hover{
	color: #990000;
}
#paginacao #ativo{
	margin: 0 2px;
}
#paginacao .numeros{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	margin: 0 4px;
}
#paginacao .numeros:hover{
	color: #990000;
}

/*************************************************
			ESTILOS COLUNA DIREITA
*************************************************/
#rodape{
	clear: both;
	height: auto;
}
#rodape #img_rodape{
	background: #E40800;
	float: left;
	height: 75px;
	width: 194px;
	text-align: center;
	padding-top: 15px;
}
#rodape #dados_rodape{
	float: left;
	width: 613px;
	margin-top: 10px;
}
#rodape #dados_rodape p{
	font-size: 11px;
	margin: 5px;
	width: 400px;
	float: left;
}
#rodape #dados_rodape span{
	font-weight: bold;
}
#rodape #dados_rodape a{
	color: #0000FF;
	font-weight: bold;
}
#dados_rodape a img{
	border: none;
	float: right;
	margin-top: 10px;
}
#dados_rodape #address{
	background: #000066;
	color: #FFFFFF;
	height: 40px;
	width: 604px;
	margin-top: 5px;
	padding-top: 15px;
	padding-left: 10px;
}
#teste1{
	background: url(../imagens/btn_mais.jpg) no-repeat;
}
/*************************************************
			ESTILOS FORMULARIOS
*************************************************/
#formulario{
	text-align: right;
	width: 500px;
	margin-top: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	position: relative;
}
#formulario label{
	color: #666666;
	font-size: 12px;
}
#formulario .text{
	width: 303px;
}
#formulario .text2{
	width: 150px;
}
#formulario .text3{
	width: 233px;
}
#formulario .text4{
	width: 80px;
}
#formulario #textarea{
	width: 303px;
}
#formulario .text,
#formulario .text2,
#formulario .text3,
#formulario #textarea
{
	margin-top: 8px;
}
#formulario #observacao{
	position: absolute;
	left: 40px;
	bottom: 100px;
}
#formulario .select{
	wisth: 303px;
}
#formulario .select2{
	wisth: 303px;
}
#formulario #botao{
	border: none;
	background: #990000;
	color:#FFFFFF;
	font-weight: bold;
	position: absolute;
	right: 20px;
	margin-top: 10px;
}
/*************************************************
			ESTILOS PAGINA LER
*************************************************/
#opcoes{
	width: 400px;
	margin: 0 auto;
	margin-top: 20px;
}
#texto_ler{
	color: #666666;
	font-size: 12px;
}
#video{
	margin: 0 auto;
	width: 414px;
}

#textobold{
	color: #000000;
	font-weight:700;
}

#textobold, texto{
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}


/*************************************************
			ESTILOS PAGINA FOTOS
*************************************************/
#paginas{
	color: #990000;
	font-weight: bold;
	width: 550px;
	padding-right: 20px;
	text-align: right;
}
#paginas a{
	color: #000000;
	font-size: 13px;
	text-decoration: none;
}
#paginas a:hover{
	color: #000000;
	text-decoration: underline;
}
#paginas span{
	color: #333333;
	font-size: 12px;
	
}


/*************************************************
			     ESTILOS MENU ESQUERDO
************************************************
BACKUP DO CODIGO

#col_esq #menu{
	background: #E8E8E8;
}
#col_esq #menu ul{
	width: 180px;
	list-style: none;
}
#col_esq #menu ul li{
	background: url(../imagens/bg_botao.jpg) repeat-x;
}
#col_esq #menu ul li a{
	background: url(../imagens/icon_seta.gif) no-repeat;
	display: block;
	width: 167px;
	padding-left: 13px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: 23px;
}
#col_esq #menu ul li ul li{
	background: url(../imagens/bg_botao2.jpg) repeat-x #BDBDBD;
}
#col_esq #menu ul li ul li a{
	color: #333333;
}
#col_esq #menu ul li ul li ul li{
	background: url(../imagens/bg_botao3.jpg) repeat-x #DDDDDD;
}
#sub_menu1{
	/*display: none;*/
}
#col_esq #menu ul li .botao1{
	background: url(../imagens/btn_mais.gif) no-repeat left;
	margin-left: 5px;
}
#col_esq #menu ul li .botao2{
	background: url(../imagens/btn_mais.gif) no-repeat left;
	margin-left: 5px;
}
*/
