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

* {
	font-family: Verdana, Arial, Helvetica, Sans;
	font-size: 11px;
}
h1, h4 {
	display: block;
}
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #FFF;
}
#geral {
	width: 695px;
}

/* topo */
#topo #logo_ibge a{
	display: none;
}
#topo #logo_ibge{
	width: 270px;
	height: 25px;
	background-image: url(../imgs/bg_top.gif);
}
#topo #logo_canal{
	display: none;
}
#topo h2 {
	font-size: 15px;
	font-weight: bold;
	margin-left: 10px;
	padding-left: 20px;
	background: url(../imgs/seta.gif) no-repeat;
}
#topo {
	float: left;
}

/* conteudo */
.tema {
	display: inherit;
	margin: 0 10px 30px 10px;
	padding: 1px 10px 30px 10px;
	background: #000 url(../imgs/fundo_div_tema.jpg) repeat-x;
	clear: both;
}
.tema h3{
	clear: both;
}
.tema h1 {
	display: inherit;
	text-transform: uppercase;
	font-size: 18px;
	color: #CCCCCC;
}
.temaOff, .temaOff h1, .temaOff div, .temaOff .cgraf object {
	display: none;
}
.tema, .tema h1, .tema div, .tema div h4, .tema .cgraf object {
	display: inherit;
	visibility: visible;
}
.temaOn {
	display: inherit;
}

.cGraf {
	margin: 30px 0 0 15px;
	clear: both;
}
.cGraf h4 {
	display: inherit;
	font-size: 13px;
	color: #CBCBCB;
}

#dados_basicos {
	margin-left: 15px;
}
#dados_basicos table{
	width: 620px;
}
#dados_basicos table tr th, #dados_basicos table tr td {
	margin: 0;
	padding: 10px 20px;
	border: 1px solid #606060;
	text-align: center;
}
#dados_basicos table tr th {
	background-color: #E8E5E5;
	color: #000000;
}
#dados_basicos h3, #historico h3, #dados h3, #fontes h3 {
	font-size: 13px;
}

.tab_dados {
	margin-top: 10px;
	clear: both;
	padding: 1px;
	border: 1px solid #606060;
	width: 412px;
}
.tab_dados table {
	color: #FFF;
	background-color: #606060;
	width: 412px;
}
.tab_dados table tr th {
	padding: 2px;
	font-weight: normal;
	text-align: left;
	background-color: #606060;
}
.tab_dados table tr td {
	padding: 2px;
	text-align: right;
	background-color: #606060;
}
#tab_crescimento_populacional tr th, #tab_crescimento_populacional tr td {
	text-align: center;
}
#piramide_etaria .tab_dados {
	display: none;
}

span.bullet {
	padding-right: 5px;
}

/*
.grafico object {
	border: 1px solid #000;
}
*/

#piramide_etaria .tab_dados table, #piramide_etaria .tab_dados a{
	display: none;
}

.volta_topo {
	display: none;
}

a.linkTab {
	display: none;
}

#menu ul, #menu ul li, #menu ul li a {
	display: block;
}
#menu ul {
	margin: 10px 5px;
	float: right;
}
#menu ul li {
	list-style-type: none;
	float: left;
	margin-right: 3px;
}
#menu ul li a {
	width: 51px;
	height: 50px;
}
#menu ul li a span {
	display: none;
}
#menu ul li #link_default {
	background-image: url(../imgs/bot_ger_off.gif);
}
#menu ul li #link_default:hover, #menu ul li #link_default.on {
	background-image: url(../imgs/bot_ger_on.gif);
}
#menu ul li #link_populacao {
	background-image: url(../imgs/bot_pop_off.gif);
}
#menu ul li #link_populacao:hover, #menu ul li #link_populacao.on {
	background-image: url(../imgs/bot_pop_on.gif);
}
#menu ul li #link_estatistica {
	background-image: url(../imgs/bot_est_off.gif);
}
#menu ul li #link_estatistica:hover, #menu ul li #link_estatistica.on {
	background-image: url(../imgs/bot_est_on.gif);
}
#menu ul li #link_economia {
	background-image: url(../imgs/bot_eco_off.gif);
}
#menu ul li #link_economia:hover, #menu ul li #link_economia.on {
	background-image: url(../imgs/bot_eco_on.gif);
}
#menu ul li #link_historico {
	background-image: url(../imgs/bot_hist_off.gif);
}
#menu ul li #link_historico:hover, #menu ul li #link_historico.on {
	background-image: url(../imgs/bot_hist_on.gif);
}
#menu ul li #link_print {
	background-image: url(../imgs/bot_print_off.gif);
}
#menu ul li #link_print:hover, #menu ul li #link_fontes.on {
	background-image: url(../imgs/bot_print_on.gif);
}
#menu ul li #link_fontes {
	background-image: url(../imgs/bot_desc_off.gif);
}
#menu ul li #link_fontes:hover, #menu ul li #link_fontes.on {
	background-image: url(../imgs/bot_desc_on.gif);
}

.grafCompUf {
	float: left;
	margin: 10px 0 0 10px;
	background-color: #4A4E4F;
	border: 1px solid #606060;
}
.grafCompBr {
	float: left;
	margin: 8px 0 0 10px;
	background-color: #4A4E4F;
	border: 1px solid #606060;
}
.grafCompMun {
	float: left;
	margin-top: 10px;
	clear: both;
	background-color: #4A4E4F;
	border: 1px solid #606060;
}
#grafLocalizacaoMun {
	background-color: #4A4E4F;
	border: 1px solid #606060;
	width: 0;
}

ul.submenu {
	display: block;
	clear: both;
	margin-left: -20px;
	*margin-left: 15px;
	margin-top: -10px;
	margin-bottom: 5px;
}
ul.submenu li {
	display: block;
	float: left;
}
.submenu li a, .submenu li a.off {
	display: block;
	width: 85px;
	height: 17px;
	margin-right: 4px;
	background: #CCCCCC url(../imgs/bot_off.gif) no-repeat;
	text-align: center;
	text-decoration: none;
	padding: 3px 0 0 0;
}
.submenu li a:hover, .submenu li a.on {
	background: #33FFCC url(../imgs/bot_on.gif) no-repeat;
}

.submenu li a span{
	font-size: 9px;
	font-variant: small-caps;
	font-weight: bold;
	color: #666666;
}

/*============== novos gráficos de pizza =======================*/

.cPizza {
	width: 620px;
	margin-left: 15px;
	margin-top: 25px;
	clear: both;
}
.cPizza div {
	padding: 0;
}
.cPizza .legenda, .cPizza .legenda li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cPizza .legenda li .list_bullet {
	display: block;
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 5px;
}
.cPizza .section1 {
	width: 335px;
	margin-right: 5px;
	float: left;
}
.cPizza .section2 {
	width: 275px;
	float: right;
}
.cPizza .section1 .tit_tema {
	display: block;
	padding: 10px 10px 10px 5px;
	margin: 0 0 5px 0;
	background-color: #484b4d;
	color: #CCCCCC;
}
.cPizza .cidade {
	padding-bottom: 15px;
	background-color: #484b4d;
}
.cPizza .cidade .grafico {
	width: 220px;
	height: 220px;
	margin: 0 auto;
}
.cPizza .cidade .legenda {
	margin: 0 auto;
	margin-top: 5px;
}
.cPizza .cidade .legenda li {
	width: 65px;
	float: left;
}
.cPizza .c9 .cidade .legenda, .cPizza .c3 .cidade .legenda{
	width: 200px;
}
.cPizza .c2 .cidade .legenda, .cPizza .c4 .cidade .legenda{
	width: 135px;
}
.cPizza .estado, .cPizza .pais {
	background-color: #484b4d;
}
.cPizza .pais {
	clear: both;
	margin-top: 5px;
}
.cPizza .estado .grafico, .cPizza .pais .grafico {
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 50px;
	margin-right: 10px;
}
.cPizza .c9 .estado .grafico, .cPizza .c9 .pais .grafico {
	margin-left: 10px;
	margin-right: 10px;
}
.cPizza .estado .legenda, .cPizza .pais .legenda {
	width: 70px;
	float: left;
}
.cPizza .estado .legenda li, .cPizza .pais .legenda li {
	width: 70px;
	float: left;
}
.cPizza .c9 .estado .legenda, .cPizza .c9 .pais .legenda {
	width: 145px;
	float: left;
}
.cPizza .c2 .estado .legenda, .cPizza .c2 .pais .legenda {
	margin-top: 35px;
}
.cPizza .c3 .estado .legenda, .cPizza .c3 .pais .legenda {
	margin-top: 28px;
}
.cPizza .c4 .estado .legenda, .cPizza .c4 .pais .legenda {
	margin-top: 20px;
}
.cPizza .c9 .estado .legenda, .cPizza .c9 .pais .legenda {
	margin-top: 14px;
}
.cPizza .cidade h4, .cPizza .estado h5, .cPizza .pais h5 {
	text-align: center;
	color: #CCCCCC;
}
.cPizza .estado h5, .cPizza .pais h5 {
	display: block;
	margin: 0;
	padding: 5px;
}
.cPizza .bruto {
	padding: 5px;
	margin-bottom: 5px;
	background-color: #484b4d;
}
.cPizza .bruto li {
	height: 15px;
}
.cPizza .bruto li .descricao {
	display: block;
	float: left;
}
.cPizza .bruto li .valor {
	display: block;
	float: right;
}

.cPizza .c2 .estado, .cPizza .c2 .pais {
	height: 144px;
}
.cPizza .c3 .estado, .cPizza .c3 .pais {
	height: 137px;
}
.cPizza .c4 .estado, .cPizza .c4 .pais {
	height: 136px;
}
.cPizza .c9 .estado, .cPizza .c9 .pais {
	height: 135px;
}
.cPizza .c2 .cidade {
	height: 288px;
}
.cPizza .c3 .cidade {
	height: 292px;
}
.cPizza .c2 .cidade h4, .cPizza .c3 .cidade h4 {
	margin-top: 10px;
}
.cPizza .c4 .cidade {
	height: 306px;
}
.cPizza .c9 .cidade {
	height: 389px;
}
.cPizza .c9 .cidade h4 {
	margin-top: 30px;
}
.cPizza .c2 {
	height: 340px;
}
.cPizza .c3 {
	height: 340px;
}
.cPizza .c4 {
	height: 360px;
}
.cPizza .c9 {
	height: 450px;
}
.outrosOff {
	display: none;
}
.cPizza .tit_tema, .cPizza .cidade, .cPizza .bruto, .cPizza .estado, .cPizza .pais {
	border: 1px solid #666666;
}

/*============== novos gráficos de barras =======================*/

.cBarras {
	width: 620px;
	margin-left: 15px;
	margin-top: 25px;
	clear: both;
}
.cBarras div {
	padding: 0;
}
.cBarras .legenda, .cBarras .legenda li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cBarras .legenda li .list_bullet {
	display: block;
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 5px;
}
.cBarras .section1 {
	width: 335px;
	margin-right: 5px;
	float: left;
}
.cBarras .section2 {
	width: 275px;
	float: right;
}
.cBarras .section1 .tit_tema {
	display: block;
	padding: 10px 10px 10px 5px;
	margin: 0 0 5px 0;
	background-color: #484b4d;
	color: #CCCCCC;
}
.cBarras .cidade {
	padding-bottom: 15px;
	background-color: #484b4d;
}
.cBarras .cidade .grafico {
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
/*
.cBarras .cidade .legenda {
	margin: 0 auto;
	margin-top: 5px;
}
.cBarras .cidade .legenda li {
	width: 65px;
	float: left;
}
.cBarras .c9 .cidade .legenda, .cBarras .c3 .cidade .legenda{
	width: 200px;
}
.cBarras .c2 .cidade .legenda, .cBarras .c4 .cidade .legenda{
	width: 135px;
}
*/
.cBarras .estado, .cBarras .pais {
	background-color: #484b4d;
}
.cBarras .pais {
	clear: both;
	margin-top: 5px;
}
.cBarras .estado .grafico, .cBarras .pais .grafico {
	width: 110px;
	height: 110px;
	float: left;
	margin-left: 30px;
	margin-right: 10px;
}
.cBarras .estado .legenda, .cBarras .pais .legenda {
	width: 100px;
	float: left;
	margin-top: 30px;
}
.cBarras .estado .legenda li, .cBarras .pais .legenda li {
	width: 100px;
	float: left;
}
/*
.cBarras .c9 .estado .legenda, .cBarras .c9 .pais .legenda {
	width: 145px;
	float: left;
}
.cBarras .c2 .estado .legenda, .cBarras .c2 .pais .legenda {
	margin-top: 35px;
}
.cBarras .c3 .estado .legenda, .cBarras .c3 .pais .legenda {
	margin-top: 28px;
}
.cBarras .c4 .estado .legenda, .cBarras .c4 .pais .legenda {
	margin-top: 20px;
}
.cBarras .c9 .estado .legenda, .cBarras .c9 .pais .legenda {
	margin-top: 14px;
}
*/
.cBarras .cidade h4, .cBarras .estado h5, .cBarras .pais h5 {
	text-align: center;
	color: #CCCCCC;
}
.cBarras .estado h5, .cBarras .pais h5 {
	display: block;
	margin: 0;
	padding: 5px;
}
.cBarras .bruto {
	padding: 5px;
	margin-bottom: 5px;
	background-color: #484b4d;
}
.cBarras .bruto li {
	height: 15px;
}
.cBarras .bruto li .descricao {
	display: block;
	float: left;
}
.cBarras .bruto li .valor {
	display: block;
	float: right;
}
.cBarras .estado, .cBarras .pais {
	height: 144px;
}
/*
.cBarras .c2 .estado, .cBarras .c2 .pais {
	height: 144px;
}
.cBarras .c3 .estado, .cBarras .c3 .pais {
	height: 137px;
}
.cBarras .c4 .estado, .cBarras .c4 .pais {
	height: 136px;
}
.cBarras .c9 .estado, .cBarras .c9 .pais {
	height: 135px;
}
*/
.cBarras .cidade {
	height: 306px;
}
/*
.cBarras .c2 .cidade {
	height: 288px;
}
.cBarras .c3 .cidade {
	height: 292px;
}
*/
.cBarras .cidade h4, .cBarras .cidade h4 {
	margin-top: 10px;
}
/*
.cBarras .c2 .cidade h4, .cBarras .c3 .cidade h4 {
	margin-top: 10px;
}
.cBarras .c4 .cidade {
	height: 306px;
}
.cBarras .c9 .cidade {
	height: 389px;
}
.cBarras .c9 .cidade h4 {
	margin-top: 30px;
}
*/
.cBarras {
	height: 340px;
}
/*
.cBarras .c2 {
	height: 340px;
}
.cBarras .c3 {
	height: 340px;
}
.cBarras .c4 {
	height: 360px;
}
.cBarras .c9 {
	height: 450px;
}
*/
.cBarras .tit_tema, .cBarras .cidade, .cBarras .bruto, .cBarras .estado, .cBarras .pais {
	border: 1px solid #666666;
}

/*============== novo gráfico de linha =======================*/

.cLinha {
	width: 620px;
	margin-left: 15px;
	margin-top: 25px;
	clear: both;
}
.cLinha div {
	padding: 0;
}
.cLinha .legenda, .cLinha .legenda li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cLinha .legenda li .list_bullet {
	display: block;
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 5px;
}
.cLinha .section1 {
	width: 390px;
	margin-right: 5px;
	float: left;
}
.cLinha .section2 {
	width: 220px;
	float: right;
}
.cLinha .section1 .tit_tema {
	display: block;
	padding: 10px 10px 10px 5px;
	margin: 0 0 5px 0;
	background-color: #484b4d;
	color: #CCCCCC;
}
.cLinha .cidade {
	padding-bottom: 15px;
	background-color: #484b4d;
}
.cLinha .cidade .grafico {
	width: 352px;
	height: 275px;
	margin: 0 auto;
}
.cLinha .cidade .legenda {
	margin: 0 auto;
	margin-top: 5px;
}
.cLinha .cidade .legenda li {
	width: 65px;
	float: left;
}
.cLinha .c4 .cidade .legenda{
	width: 135px;
}
.cLinha .estado, .cLinha .pais {
	background-color: #484b4d;
}
.cLinha .pais {
	clear: both;
	margin-top: 5px;
}
.cLinha .estado .grafico, .cLinha .pais .grafico {
	width: 160px;
	height: 125px;
	float: left;
	margin-left: 25px;
	margin-right: 10px;
}
.cLinha .estado .legenda, .cLinha .pais .legenda {
	width: 70px;
	float: left;
}
.cLinha .estado .legenda li, .cLinha .pais .legenda li {
	width: 70px;
	float: left;
}
.cLinha .c4 .estado .legenda, .cLinha .c4 .pais .legenda {
	margin-top: 20px;
}
.cLinha .cidade h4, .cLinha .estado h5, .cLinha .pais h5 {
	text-align: center;
	color: #CCCCCC;
}
.cLinha .estado h5, .cLinha .pais h5 {
	display: block;
	margin: 0;
	padding: 5px;
}
.cLinha .bruto {
	padding: 5px;
	margin-bottom: 5px;
	background-color: #484b4d;
}
.cLinha .bruto li {
	height: 15px;
}
.cLinha .bruto li .descricao {
	display: block;
	float: left;
}
.cLinha .bruto li .valor {
	display: block;
	float: right;
}
.cLinha .c4 .estado, .cLinha .c4 .pais {
	height: 155px;
}
.cLinha .c4 .cidade {
	height: 345px;
}
.cLinha .c4 {
	height: 390px;
}
.outrosOff {
	display: none;
}
.cLinha .tit_tema, .cLinha .cidade, .cLinha .bruto, .cLinha .estado, .cLinha .pais {
	border: 1px solid #666666;
}


/*============== novo gráfico de linha =======================*/

.cPiramide {
	width: 620px;
	margin-left: 15px;
	margin-top: 25px;
	clear: both;
}
.cPiramide div {
	padding: 0;
}
.cPiramide .legenda, .cPiramide .legenda li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cPiramide .legenda li .list_bullet {
	display: block;
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 5px;
}
.cPiramide .section1 {
	width: 390px;
	margin-right: 5px;
	float: left;
}
.cPiramide .section2 {
	width: 220px;
	float: right;
}
.cPiramide .section1 .tit_tema {
	display: block;
	padding: 10px 10px 10px 5px;
	margin: 0 0 5px 0;
	background-color: #484b4d;
	color: #CCCCCC;
}
.cPiramide .cidade {
	padding-bottom: 15px;
	background-color: #484b4d;
}
.cPiramide .cidade .grafico {
	width: 320px;
	height: 320px;
	margin: 0 auto;
}
.cPiramide .cidade .legenda {
	margin: 0 auto;
	margin-top: 5px;
}
.cPiramide .cidade .legenda li {
	width: 65px;
	float: left;
}
.cPiramide .c2 .cidade .legenda{
	width: 135px;
}
.cPiramide .estado, .cPiramide .pais {
	background-color: #484b4d;
}
.cPiramide .pais {
	clear: both;
	margin-top: 5px;
}
.cPiramide .estado .grafico, .cPiramide .pais .grafico {
	width: 160px;
	height: 160px;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
}
.cPiramide .estado .legenda, .cPiramide .pais .legenda {
	width: 70px;
	float: left;
}
.cPiramide .estado .legenda li, .cPiramide .pais .legenda li {
	width: 70px;
	float: left;
}
.cPiramide .c2 .estado .legenda, .cPiramide .c2 .pais .legenda {
	margin-top: 20px;
}
.cPiramide .cidade h4, .cPiramide .estado h5, .cPiramide .pais h5 {
	text-align: center;
	color: #CCCCCC;
}
.cPiramide .estado h5, .cPiramide .pais h5 {
	display: block;
	margin: 0;
	padding: 5px;
}
.cPiramide .bruto {
	padding: 5px;
	margin-bottom: 5px;
	background-color: #484b4d;
}
.cPiramide .bruto li {
	height: 15px;
}
.cPiramide .bruto li .descricao {
	display: block;
	float: left;
}
.cPiramide .bruto li .valor {
	display: block;
	float: right;
}
.cPiramide .c2 .estado, .cPiramide .c2 .pais {
	height: 205px;
}
.cPiramide .c2 .cidade {
	height: 360px;
}
.cPiramide .c2 {
	height: 430px;
}
.outrosOff {
	display: none;
}
.cPiramide .tit_tema, .cPiramide .cidade, .cPiramide .bruto, .cPiramide .estado, .cPiramide .pais {
	border: 1px solid #666666;
}