@charset "utf-8";
/* CSS Document */

	
	body {font-family: arial, freesans, garuda, helvetica, verdana, sans-serif; min-width: 940px; background-image:url(../img/bg-body.jpg); background-attachment:fixed;}
	*{margin: 0; padding: 0;}
	img, fieldset {border: 0;}
	a:link {text-decoration: none;}
	a:visited {text-decoration:none;}
	a:hover {text-decoration: underline;}
	a:active {text-decoration: underline;}
		
	.home_skin h1 {display: none;}
	

	#header {height:215px; background:url(../img/bg-topo.jpg) repeat-x; position: relative; text-align: center; z-index: 10;}
	#header #headerBox {text-align: left; margin: 0 auto; width:940px; height: 100%; position: relative;}
	#headerBarraPreta { width:100%; height:80px; background-image: url(../img/br-topo.jpg); float:left;}
	#headerBanerSwf {width:100%; height:400px; float:left;}
	
	#headerHoraTopo { width:300px; height:20px; float:left; margin: 7px 20px; color:#FFF;}
	#headerMenuTopo { width:500px; height:20px; float:right; margin:7px 20px 0 0; text-align:right;}
	#headerMenuTopo ul { list-style:url(../img/setamenu.png)}
	#headerMenuTopo ul li { display:inline; padding-left:20px;}
		
	#headerMenuTopo a {color:#fff; text-decoration:none;}
	#headerMenuTopo a:hover {color:#fff; text-decoration:underline; font:bold;}
	
	/* Corpo */
	#Corpo {min-height:600px;  position: relative; text-align: center; z-index: 11;}
	#Corpo #CorpoBox {text-align: left; margin: 0 auto; width:940px; height: 100%; position: relative; background-color:#FFF;  overflow:hidden; }

	/* Corpo */
	
/* ########################################### MENU ########################################### */
#menuCol {width: 177px; float: left;}
.BgMenu {background-image:url(../img/bg-menu.jpg); padding-left:10px;}
	
#menuCol a {color:#fff; text-decoration:none;}
#menuCol a:hover {color:#fff; text-decoration:underline; font:bold;}
#menuCol ul {list-style: none; margin:0; padding:0px; width:160px;}
#menuCol ul li ul {list-style: none; margin-left:0px; padding:0px; width:350px;}
#menuCol ul li {position: relative; padding-top:5px; padding-bottom:5px; border-bottom: #CCC solid 1px;}

	
#menuCol li ul {
	position: absolute;
	left: 160px; /* Set 1px less than menu width */
	width:190px;
	top: 0;
	display: none;
	background-color:#015294;
	border-bottom:#EEE7DA solid 1px;
	border-left:#fff solid 4px;
	}

/* Styles for Menu Items */
#menuCol ul li a {
	display: block;
	text-decoration: none;
	border-bottom: 0;
	padding-left:10px;
	}

#menuCol li ul li a {
	display: block;
	text-decoration: none;
	border-bottom: 0;
	padding-left:5px;
	}
	
/* Holly Hack. IE Requirement \*/
#menuCol * html ul li { float: left; height: 1%; }
#menuCol * html ul li a { height: 1%; }
/* End */

#menuCol li:hover ul, li.over ul { display: block;} /* The magic */
/* ########################################### MENU ########################################### */
	
	
	/*col direito*/
	#DireitaCol {width: 180px; min-height:100px; float: right; margin-right:6px;}
	#DireitaColBg {width:100%; height:230px; background: url(../img/bg-servico-online.jpg) top no-repeat;}
	#DireitaColLink {width: 300px; float: right; margin-right:6px; margin-top:6px; text-align:center;}
	#DireitaColLink img{ margin-top:5px;}
	/*col direito*/
	
	/*conteudo principal*/
	#content {margin-left: 183px;}
	#mainContent {margin-right: 192px; margin-top:20px;}
	#DestaqueBg {width:100%; height:230px; background:url(../img/topo-dest.jpg) top no-repeat;}
	
	#mainContentDica {margin-right: 312px; margin-top:6px;}
	
	#DivDicas {margin-bottom:2px; height:20px;}

/* tamanho das fontes */
	.Font01 { font-size:10px;}
	.Font02 { font-size:11px;}
	.Font03 { font-size:12px;}
	.Font04 { font-size:13px;}
	.Font05 { font-size:14px;}
	.Font06 { font-size:16px;}
/* tamanho das fontes */

/*baixo*/

#Space { height:10px; width:100%}
#Baixo {width:100%; height:130px; text-align:center;}
#BaixoBox {width:940px; height:100%; background:url(../img/bg-baixo.jpg) top repeat-x #FFFFFF; margin:0 auto;}
#BaixoLogo { width:105px; height:64px;  margin-left:20px; margin-top:40px; float:left;}
#BaixoTexto { width:300px; height:64px; margin-left:10px; margin-top:40px; float:left; text-align:left;}
#BaixoSelo { width:170px; height:43px;  margin-left:20px; margin-top:40px; float:left;}
#BaixoCarimbo { width:198px; height:40x;  margin-top:40px; margin-right:20px; float:right}

/*baixo*/

/*###### DivConteudo ######################################################*/
	#Col-Centro-Conteudo {width:740px; float:left; margin:0 5px; text-align:left; overflow:hidden;}
	#Div-Conteudo {width:740px; font-size:12px; margin-bottom:5px; float:left;}
	#Div-Conteudo table.bordasimples {border-collapse: collapse; width:650px;}
	#Div-Conteudo table.bordasimples tr td {border:2px solid #FFF; padding:4px;}
	#Div-Conteudo .TopoTabela {font-size:12px; background-color:#E8E8E8; color: #000; font-weight: bold; padding:5px;}
	#Div-Conteudo .DadosTabela {font-size:11px; color:#000; padding:5px; background-color:#F3F3F3;}
	
/* Monta topo das paginas */
	#Topo-paginas-conteudo {width:100%; height:32px; float:left; margin:10px 0 0px; background-image:url(../img/bg-menutopo.jpg)}
	#Topo-texto {min-width:100px; height:21px; margin:5px 20px; float:left; padding-top:2px; padding-left:10px; font:bold; padding-right:10px; color:#FFF}
	#Topo-Ir-Para-Pagina { width:150px; height:24px; float:right; margin:6px 6px; text-align:right;}
	#Rodape-paginacao {width:100%; height:36px; float:left; margin:10px 0 20px; background-color:#EEE;}
	#Rodape-paginacao-texto {width:200px; height:24px; margin:6px 246px; background-color:#FFF; text-align:center; font:12px;}
	#Rodape-total-registro {width:100%; height:60px; float:left;}
	#Topo-Pagina-navegacao {width:100%; height:20px; float:left; margin:3px 0 20px;}
/* Monta topo das paginas */

/*###### DivConteudo ######################################################*/


	
/* coloca borda nas tabelas */
	#Col-Centro-Conteudo table.bordasimples {border-collapse: collapse;}
	#Col-Centro-Conteudo table.bordasimples tr td {border:2px solid #FFF; padding:4px;}
/* coloca borda nas tabelas */

/* box busca arquivos */
	#Busca-arquivo {width:300px; height:28px; background-color:#EEE; padding:10px; margin-left:196px; float:left;}
/* box busca arquivos */

/*form contato*/
	#Contato {color:#000; font-size:12px; margin-bottom:20px; margin-left:20px; min-height:300px;}
		 #Contato p {padding:10px;}
				#Contato label {height:20px;}			
	#Contato label.error {FONT-SIZE: 10px; COLOR: red; margin-left:5px;}
/*form contato*/

/*###### Galeria ######################################################*/

#Div-Gallery {width:600px; text-align:left; margin-left:90px; text-decoration:none}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 20px 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 238px;
	height: 183px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 238px;
	height: 50px;
	display: block;
	position: absolute;
	top: 175px;
	left: 0px;
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
}
.gallery a {
	text-decoration: none;
}
/*###### Galeria lista fotos ######################################################*/

#Divlista-fotos {width:600px; text-align:left; margin-left:50px;}

.lista-fotos {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lista-fotos li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.lista-fotos img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.lista-fotos a {
	text-decoration: none;
}
/*###### Galeria lista fotos ######################################################*/

/*###### texto que não tem registro ######################################################*/
.texto-erro-registro {text-align:center; margin-top:20px; color:#F00; font-size:12px; font: bold;}
/*###### texto que não tem registro ######################################################*/

/*lista serviço online*/
.servico-online ul {margin-left:20px;}
.servico-online ul li {display:inline; padding-bottom:5px;}
/*lista serviço online*/

/* Estilo das tabelas */
	.TopoTabela {font-size:12px; background-color:#CECECE; color: #000; font-weight: bold; padding:5px;}
	.DadosTabela {font-size:11px; color:#000; padding:5px;}
/* Estilo das tabelas */

/*pagina historia do municipio*/
#Div-Menu-Cidade { width:500px; height:25px; margin:0 auto; background-color: #0057AE; text-align:center;}
	#Div-Menu-Cidade ul { margin-top:3px;}
	#Div-Menu-Cidade ul li {display:inline; padding-left:30px;}
	#Div-Menu-Cidade a {color: #FFF; text-decoration:none;}
	#Div-Menu-Cidade a:hover {color: #FFF; text-decoration:underline; font:bold;}
/*pagina historia do municipio*/