/* CSS Document */

html, body {
	background: #6476b3;
	margin: 4px;
	padding: 0;
}

img {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

#contador {
	display: none;
}

#geral {
	margin: 0 auto;
	width: 780px;
	background: white;
}

html>body #geral #conteudo #grise {
	margin-right: -4px;
}

#geral #conteudo #grise {
	position: absolute;
	right: 0;
	top: 335px;
	width: 122px;
	height: 121px;
	z-index: 10;
}

#topo {
	background: url(../_estrutura/fundo-topo.gif) left top no-repeat;
	padding: 4px;
	height: 128px;
	clear: both;
}

#topo-index {
	background: url(../_estrutura/fundo-topo.gif) left top no-repeat;
	padding: 4px;
	height: 249px;
	clear: both;
}

#topo-municipio {
	background: url(../_estrutura/fundo-topo.gif) left top no-repeat;
	padding: 4px;
	height: 217px;
	clear: both;
}

#img02 {
	margin-left: 5px;
}

#img03 {
	margin-left: 5px;
	margin-right: 5px;
}

#meio {
	clear: both;
	background: url(../_estrutura/fundo-rodape.gif) left bottom no-repeat;
	min-height: 270px;
	_height:270px;
}

/************************** MENU *************************
_______________________________________________________________*/

#menudiv {
	float: left;
	margin-left: 4px;
	_margin-left: 2px;
	width: 185px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	font-weight: 600;
	color: #364885;
}

ul#menu {
	margin: 0;
	padding: 0;
	width: 185px;
	background: #e3e3e3; /* IE6 Bug */
	font-size: 100%;
}

ul#menu ul {
	z-index: 10;
	margin: 0;
	padding: 0;
	width: 145px;
	border-bottom: 1px solid #ccc;
	background: #fff; /* IE6 Bug */
	font-size: 90%;
}

ul#menu ul ul {
	z-index: 10;
	width: 155px;
	font-size: 100%;
}

ul#menu li {
	position: relative;
	list-style: none;
	}

ul#menu li a {
	display: block;
	text-decoration: none;
	color: #364885;
	padding: 4px;
	border-bottom: 4px white solid;
}

ul#menu li li a {
	border: 1px solid #ccc;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#menu li { float: left; height: 1%; }
* html ul#menu li a { height: 1%; }
/* End */

ul#menu ul {
	position: absolute;
	display: none;
	left: 185px;
	top: 0;
}

ul#menu ul ul {
	position: absolute;
	display: none;
	left: 144px;
	top: 0;
}

ul#menu li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.over ul ul,
ul#menu li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#menu li:hover ul,
ul#menu li li:hover ul,
ul#menu li li li:hover ul,
ul#menu li.over ul,
ul#menu li li.over ul,
ul#menu li li li.over ul { display: block; } /* The magic */

ul#menu li.submenu {
	background: transparent url(../_estrutura/more.gif) right center no-repeat;
}

ul#menu li.submenu:hover,
ul#menu li.over {
	background: white url(../_estrutura/arrow2.gif) right center no-repeat;
}

ul#menu li li.submenu:hover,
ul#menu li li.over {
	background: white url(../_estrutura/arrow.gif) right center no-repeat;
}

ul#menu li a:hover { 
	background: white url(../_estrutura/arrow.gif) right center no-repeat;
}

ul#menu li li a:hover { 
	background: #e3e3e3 url(../_estrutura/arrowb.gif) right center no-repeat;
}

#menudiv #rodape-menu {
	display: block;
	width: 185px;
	height: 23px;
	background: url(../_estrutura/menu-rodape.gif) left bottom no-repeat #e3e3e3;
}

/************************** FIM MENU **************************/

#conteudo {
	margin-left: 198px;
	margin-right: 7px;
	border-bottom: 105px white solid;
	padding: 4px;
	}

.logo-fbcvb {
	float: left;
}
#conteudo #coluna1 {
	float: left;
	width: 250px;
	border: 1px white solid;
}

#conteudo #coluna2 {
	width: 250px;
	margin-left: 252px;
	border: 1px white solid;
}

.direita {
	float: right;
}

.esquerda {
	float: left;
}

.both {
	clear: both;
}

#conteudo table {
	width: 540px;
}

.mantenedor {
	width: 270px;
	background: #e3e3e3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border-bottom: 2px #fff solid;
	border-right: 2px #fff solid;
	padding: 3px;
	margin: 0;
}

.mantenedor strong {
	color: #364885;
}

#conteudo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #364885;
	font-weight: bolder;
	margin: 0;
}

#conteudo h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bolder;
}

#conteudo h2.index {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #455698;
	font-weight: bolder;
}

#conteudo h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6476b3;
	font-weight: bolder;
}

#conteudo p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: justify;
}

#conteudo address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-style: normal;
}

#conteudo a:link,
#conteudo a:visited {
	color: #000;
	text-decoration: none;
}

#conteudo a:hover {
	color: #6476b3;
	text-decoration: underline;
}

#conteudo ul {
	padding: 0 0 0 30px;
	_margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: justify;
}

#conteudo ul.empresas {
	padding: 0;
	margin: 0 0 0 25px;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../_estrutura/arrowi.gif);
}

#conteudo ul.empresas li {
	height: 10px;
}

#conteudo ul.menuinterno {
	padding: 0;
	margin: 0 0 0 25px;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../_estrutura/arrowi.gif);
}

#conteudo ul.menuinterno li {
	height: 10px;
}

#conteudo li {
	margin: 10px 0 0 0;
}

#conteudo form label {
	display: block;
	margin: 5px 0 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

#conteudo form label.inline {
	float: left;
	display: block;
	width: 45px;
	padding: 4px;
	margin: 0;
}

/************************** FORM **************************/

#conteudo form textarea,
#conteudo form input,
#conteudo form select {
	border: 1px #6476b3 solid;
	padding: 2px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6476b3;
}

#conteudo form textarea.inline,
#conteudo form input.inline {
	border: 1px #6476b3 solid;
	padding: 2px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6476b3;
}

#conteudo form textarea:hover,
#conteudo form input:hover,
#conteudo form select:hover {
	background: #e3e3e3;
}
#conteudo form select{
	width: 200px;
}
#conteudo form select.estado{
	width: 50px;
}

#conteudo form .evento {
	width: 170px;
}

#conteudo form textarea {
	height: 100px;
}
#conteudo form input.login {	
	width: 200px;	
}

#conteudo form input.enviar {
	background: #e3e3e3;
	width: 150px;
	margin: 20px 0 5px 0;
}

#conteudo form input.btlogar {
	background: #e3e3e3;
	width: 100px;
	margin: 0 0 0 54px;
}

#conteudo form input.enviar:hover,
#conteudo form input.btlogar:hover {
	background: white;
}

/************************** FIM FORM **************************/

/************************** CENTRO DE EVENTOS **************************/


#geral #meio #conteudo a img.foto-eventos {
	float: right;
	margin-left: 10px;
	border: 0;
}

/************************** FIM CENTRO DE EVENTOS **************************/

#conteudo .tabelaestatisticas {
	position: relative;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	left: 50%;
	_left: 25%;
	margin: 18px 0 18px -150px;
	#margin: 18px 0 18px -390px;
}

#conteudo .tabelaestatisticas .titulo {
	width: 300px;
	padding: 2px 0 2px 0;
	background: white;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e3e3e3;
	border-bottom-color: #e3e3e3;
}

#conteudo .tabelaestatisticas .pesquisa {
	width: 296px;
	padding: 2px 0 2px 4px;
	background: white;
}

#conteudo .tabelaestatisticas .indice {
	width: 195px;
	padding: 2px 0 2px 4px;
	margin: 1px 0 0 0;
	background: #e3e3e3;
}

#conteudo .tabelaestatisticas .valor {
	width: 99px;
	_width: 97px;
	border-left: 1px white solid;
	padding: 2px 0 2px 0;
	margin: 1px 0 0 0;
	background: #e3e3e3;
	text-align: center;
}

#conteudo .tabelaestatisticas .impar {
	background: white;
}

#conteudo .tabelaestatisticas .total {
	font-weight: bold;
}
#conteudo .logofuturo {	
	position: relative;
	margin-left: 435px;
	margin-top: -135px;
	_margin-top: -150px;
	top: -12px;
	#top: -27px;
	z-index: 15;
}

#rodape {
	clear: both;
	background: #6476b3;
}

#rodape #serragaucha {
	float: left;
	margin-left: 20px;
}

#rodape #logotipo {
	position: relative;
	margin-left: 390px;
	margin-top: -135px;
	_margin-top: -150px;
	top: -12px;
	#top: -12px;
}



/************************** MUCÍPIOS E ECOTURISMO *************************
_______________________________________________________________*/

#geral #meio #conteudo #conteudofloat:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}

#meio #conteudo #conteudofloat #centerwrap {
	float:left;
	width: 100%; 
	margin: 0 -95% 0 0;
}

#geral #meio #conteudo #conteudofloat #centerwrap #center {
	margin: 0 185px 0 0;
	padding: 10px
}

#geral #meio #conteudo #conteudofloat #right {
	float:right;
	width: 170px;
	margin: 0;
	padding: 5px;
}

#geral #meio #conteudo #conteudofloat #right img {
	display: block;
	margin: 0 auto;
	border: 2px white solid;
}

#geral #meio #conteudo #both {
	clear: both;
}

/************************** FIM MUCÍPIOS **************************/


/************************** PONTOS TURÍSTICOS *************************
_______________________________________________________________*/


#conteudo #pontoturistico {
	display: block;
	width: 94%;
	margin: 0 auto;
	padding: 10px;
}

#conteudo #pontoturistico-par {
	display: block;
	width: 94%;
	margin: 0 auto;
	padding: 10px;
	border-top: 1px #e3e3e3 solid;
	border-bottom: 1px #e3e3e3 solid;
	background: #f9f9f9;
}

#conteudo #pontoturistico strong,
#conteudo #pontoturistico-par strong {
	color: #6476b3;
	font-size: 14px;
}

#pontoturistico img,
#pontoturistico-par img {
	float: right;
	margin: 15px 5px 5px 10px;
}

/************************** FIM PONTOS TURÍSTICOS **************************/

/************************** NOTICIAS *************************
_______________________________________________________________*/

#geral #meio #conteudo-noticias {
	margin-left: 198px;
	margin-right: 7px;
	border-bottom: 95px white solid;
	padding: 4px;
}

#geral #meio #conteudo-noticias:after {
	clear: both;
	display: block;
	width: 150px;
	height: 1px;
	content: ".";
	visibility: hidden;
}

#geral #meio #conteudo-noticias #texto {
	display: block;
	margin-right: 165px;
}

#geral #meio #conteudo-noticias h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #364885;
	font-weight: bolder;
	margin: 0;
}

#geral #meio #conteudo-noticias h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bolder;
}

#geral #meio #conteudo-noticias h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6476b3;
	font-weight: bolder;
}

#geral #meio #conteudo-noticias p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: justify;
}

#geral #meio #conteudo-noticias a:link,
#geral #meio #conteudo-noticias a:visited {
	color: #000;
	text-decoration: none;
}

#geral #meio #conteudo-noticias a:hover {
	color: #6476b3;
	text-decoration: underline;
}

#geral #meio #conteudo-noticias #menu-noticias {
	display: block;
	float: right;
	height: auto;
	width: 150px;
}

#geral #meio #conteudo-noticias #menu-noticias ul {
	display: block;
	width: 150px;
	height: auto;
	background: #fff;
	list-style-type: none;
}

#geral #meio #conteudo-noticias #menu-noticias a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6476b3;
	background: #e3e3e3;
	width: 147px;
	height: auto;
	margin-bottom: 4px;
	padding: 1px 2px;
	border: 1px #e3e3e3 solid;
}

#geral #meio #conteudo-noticias #menu-noticias a:hover {
	background: #fff;
	text-decoration: none;
}

#geral #meio #conteudo-noticias #both {
	clear: both;
}

/************************** FIM NOTICIAS **************************/