*{
	color:#000;
	font-family:arial;
	padding:0px;
	margin:0px;
}
html, body{
	height:100%;
	min-width:760px;
}
div{
	font-size:12px;
}
body{
	padding:0px;
	margin:0px;
	/*overflow: hidden; */
	height: 100%;
	background-color:#ddd;
}
img{
	border:0px;
}
h1 a, h1{
	color:#3d4d6f;
	margin:0px;
}
h2{
	color:#3d4d6f;
}
h3{
	color:#3d4d6f;
}
p{
	padding-top:10px;
}

#mapas_visitados, #conteudo_palavrachave p{
		padding-left:10px;
		width:98%;
}
ul{
	list-style-type: none;
	padding:2px 0px;
}

ul#folhas{
	list-style-type: none;
	padding:0px 0px;
}
a{
	text-decoration: none;
	color:#3d4d6f;
}

a.lista,a.lista2{
	display:block;
	padding:1px;
}


.miniatura{
	display:block;
	/*width:50px;
	height:33px;*/
	padding:2px;
}
a.selected{
	display:block;
	padding:1px;
	background-color:#d5dbe8;
	font-weight:bold;
}
div.selected{
	display:block;
	padding:1px;
	border-top:1px solid #a9b4cf;
	border-bottom:1px solid #a9b4cf;
	background-color:#d5dbe8;
	font-weight:bold;
}
a span, a span.tipo{
	color:#009933;
}
a span.titulo{
	color:#3d4d6f;
}
a span.subtitulo{
	font-style:italic;
	color:#777;
	display:block;
	margin-left:5px;
}
div span.opcoes{
	color:#777;
}
li{
	width:100%;
	padding:2px;
	clear:both;
}
li.comMini{
	width:206px;
	float:left;
	padding:3px;
	clear:none;
}


#lateral_esquerda{
	float:left;
	width:28%;
	position:absolute;
	left:0px;
	height:90%;


}
#caixa1{
	clear:both;
	border:3px solid blue;
}
#caixa2{
	clear:both;
}
.botoes{
	width:100%;
	background-color:#3d4d6f;
	height:32px;
	clear:both;
}
#conteudo{
	clear:both;
	width:100%;
	background-color:#ddd;
}
#filtros{
	display:block;
	margin:10px;

}
#abreFiltros{
	display:block;
	float:right;
	margin-right:5px;
	white-space: nowrap;

}
#textoFiltro, #textoFiltro b{
	color:#8f8f8f;
}
#filtros a{
	color:#2f43ff;
}
#meio{
	width:72%;
	float:left;
	position:absolute;
	right:0px;
	height:92%;
}
#mapa{
	margin:auto;
	height:100%;
	background-color:#fff;
	border:0px;
}
#mapa.menor{
	height:70%;
}
#mapa.maior{
	height:90%;
}
#resultado{
	height:50%;
	clear:both;
	overflow-y:hidden;
	overflow-x:hidden;
	background-color:#ddd;
	padding:5px 10px;
	margin:0px 10px 10px 0px;
}

#resultado.inativo{
	height:25%;
}

#mapas_visitados{
	height:23%;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#ddd;
}
#mapas_visitados.ativo{
	/*height:25%;*/
}
#mapa1{
	margin:auto;
	overflow-y:auto;
	overflow-x:auto;
	z-index:1;
	position:absolute;
}
.vis1{
	width:100%;
	height:100%;
	z-index:1;
	border:0px;
}
.vis2{
	width:49%;
	height:100%;
	z-index:1;
	border:0px;
}
.vis3{
	width:32%;
	height:100%;
	z-index:1;
	border:0px;
}
.vis4{
	float:left;
	width:48%;
	height:220px;
	z-index:1;
	border:0px;
}
.vis5{
	width:33%;
	height:49%;
	z-index:1;
	border:0px;
}
.abas div, .abas2 div{
		float:left;
		padding:5px 6px;
		margin:8px 2px 0px 0px;
		text-align:center;
		color:#3d4d6f;
		cursor:pointer;
		
}
.abas div.inativo,.abas2 div.inativo{
		display:block;
		background-color:#b1b9cf;
}
.abas div.ativo,.abas2 div.ativo{
		display:block;
		background-color:#ddd;
	
}
#opcoes{
	float:right;
	padding:6px 6px;
	/*color:#030b22;*/
	color:#fff;
	font-size:11px;
}

.escondido{
	display: none;
} 
.visivel{
	display: visible;
}
.caixa{
	border:1px solid #fff;
	padding:5px;
	margin:10px 12px 10px 10px;
}
.intro{
	padding: 20px;
	background-color:white;
}
#metadado{
	/*height:20%;
	bottom:0px;
	left:0px;
	background-color:#c7ccd8;
	width:27.3%;
	_width:28%;
	padding-bottom:40px;
	*/
	color:#3d4d6f;
	height:20px;
	top:74px;
	left:29%;
	font-size:80%;
	font-weight:bold;
	
	padding:5px;
	position:absolute;
	z-index:200;
	overflow-y:auto;
	overflow-x:hidden;
	
}

table{
	border-collapse:collapse;
	font-size:12px;
}
tr{
	border-collapse:collapse;
}
td.titulo{
	color:#3d4d6f;
	text-align:right;
	margin-right:10px;
	vertical-align:center;
	padding:1px;
	width:20%;
}
td.info{
	color:#000;
	text-align:left;
	vertical-align:center;
	padding:1px;
}
.recomendacao{
	color:#3d4d6f;
	font-weight:bold;
}

#recomendacao{
	position:absolute;
	width:72%;
	right:0px;
	bottom:0px;
	z-index:2;
	background-color:#b1b9cf;
}
#recomendacao ul{
		padding-left:20px;
}
#recomendacao h3, #metadado h3{
	border-bottom:1px solid #fff;
	padding:6px;
	/*cursor:pointer;*/
}
#recomendacao.fechado{
	display:none;
}
#recomendacao.min{
	height:9%;
}
#recomendacao.max{
	height:27%;
	overflow-y:auto;
	overflow-x:hidden;
}
#recomendacao p{
	padding-left:20px;
}

#mensagem{
	position:absolute;
	bottom:0px;
	left:0px;
	width:28%;
	background-color:#dec058;
	height:60px;
	z-index:10;
}
#mensagem p{
	margin-left:20px;
	font-weight:bold;
}
.botao{
	padding:2px 20px;
	background-color:#b1b9cf;
	border:2px solid #333;
	cursor:pointer;
	display:block;
	float:right;
	margin-right:25px;
}

.comentar,.compartilhar,.excluir{
	color:#ddd;
	font-size:11px;
	margin-left:5px;
	padding:0px 3px;
	height:14px;
	cursor:pointer;
	display:block-inline;
	float:right;
}

.classificacao{	
	padding:2px;
	display:block;
	float:left;
	margin-right:5px;
}
.grupo li{
	/*font-weight:bold;*/
	clear:both;
}
#linkmenu1{
	display:block;
	width:7%;
	float:left;

}
#ibge{
	display:inline-block;
	background:url(../images/barra_ibge_logo.gif) no-repeat;
	height:70px;
	width:150px;
	float:right;
	
}
#geral{
	clear:both;
}

#expressoes{
	width:60%;
}

#topo{
	width:100%;
	/*background-color:#030b22;*/
	color:#fff;
	height:70px;
	background: url('../images/barra_canal_bg.gif') repeat-x scroll 0% 0% transparent;
	min-width:780px;
	
}
#logos,#menu, #menuSemLogin, #menuComLogin{
	display:block;
	color:white;
}
#logos{
	float:left;
	width:28%;
	min-width:360px;
}
#menu{
	float:left;
}
#menuSemLogin, #menuComLogin{
	float:right;
	padding-right:50px;
}
#menu a{
	display:inline-block;
}
#menuSemLogin a, #menuComLogin a,.infodousuario, .ico_google_IBGE{
	display:inline-block;
}

#menu a, #menu span, #menuSemLogin a, #menuComLogin a{
	font-weight:bold;	
	color:#0091c9;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
}
#menu a:hover, #menu span:hover, #menuSemLogin a:hover, #menuComLogin a:hover{
	font-decoration:underline;
	color:orange;
}
.infodousuario{
	font-weight:bold;	
	color:#767676;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
}
#menuSemLogin a, #menuComLogin a,.infodousuario,.ico_google_IBGE{
	float:right;
}
#menuSemLogin.escondido, #menuComLogin.escondido{
	display:none;
}
#fechar_recomendacoes,#fechar_info{
	float:right;
	width:25px;
	cursor:pointer;
	padding-top:8px;
}
#resultado li span.hl{
	background-color:yellow;
	font-weight:bold;
}

.viraPagina{
	position:absolute;
	cursor:pointer;
}
#viradorDePaginasAnterior{
	position:absolute;
	z-index:10;
	top:50%;
	width:44px;
	height:84px;
	left:29%;
}
#viradorDePaginasProximo{
	position:absolute;
	z-index:11;
	top:50%;
	width:44px;
	height:84px;
	right:1%;
}
#anterior{
	position:absotute;
	left:0px;
}
#proximo{
	position:absotute;
	right:0px;
}
.fixar{
	cursor:pointer;
}
.banner{
	 height:56px;
	 width:100%;
	 color:white;
	 font-weight:bold;
	 background:#034444;
}
.fechar{
	align:right;
}
.label b{
	color:#0b82c7;
}
/*ul{
		border:2px solid blue;
		margin:2px;
}
ul.nivel0{
		border:2px solid red;
		margin:2px;
}
ul.nivel1{
		border:2px solid pink;
		margin:2px;
}
ul.nivel2{
		border:2px solid orange;
		margin:2px;
}*/

img.collapse_expand{
	float:left;
	cursor:pointer;
}
.excluirProduto{
	display:block;
	float:right;
	width:10px;
	height:15px;
	border:1px solid blue;
}
/*.estrelas{
	display:block;
	float:left;
}*/


.foto{
	display:block;
	float:left;
	margin-top:-10px;
	height:30px;
	width:30px;
}
#redessociais{
		position:absolute;
		top:100px;
		left:30%;
		
}
li b{
	color:#3d4d6f;
}

.button_comentar{
	padding:2px;
}
.comentario{
	padding:2px;
	margin-left:20px;
	color:#777;
}
.sombra{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:10;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.5);
		/* Para navegadores IE 5.5 - 7 */
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
		/* Para navegadores IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
}
.centralizador{
		position:absolute;
		left: 50%;
		top:10%;
		z-index:12;
}

#pop{
		width:600px;
		height:350px;
		position:relative;
		left: -50%;
		background-color:#fff;
		z-index:12;
		padding:10px;
}
#paginacao{
	width:50px;
	margin:auto;
}

#anteriores{
	display:block;
	float:left;
	cursor:pointer;
}
#proximos{
	display:block;
	float:right;
	cursor:pointer;
}
.cover {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}
#fundo{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.5);
	/* Para navegadores IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
	/* Para navegadores IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
}
#centralizador{
		position:absolute;
		left: 50%;
		top:10%;
}
#compartilhamento{
		width:500px;
		height:400px;
		position:relative;
		left: -35%;
		background-color:#fff;
		z-index:1000;
		padding:10px;
}
/*botao google*/
#customBtn {
  display: inline-block;
  background: #dd4b39;
  color: white;
  width: 35px;
  border-radius: 5px;
  white-space: nowrap;
  cursor:pointer;
}
#customBtn:hover {
  background: #e74b37;
  cursor: hand;
}
/*botao facebok*/
#fblogin{
	margin-left:10px;
	float:right;
	display: inline-block;
	background-color:#17599d;
	width: 35px;
	height: 35px;
  border-radius: 5px;
  white-space: nowrap;
  cursor:pointer;
}
span.icon {
  background: url('../images/g.gif') no-repeat;
  background-position: 0px 0px; 
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  /*border-right: #bb3f30 1px solid;*/
}
span.buttonText {
  display: inline-block;
  vertical-align: middle;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 14px;
  font-weight: bold;
  /* Use the Roboto font that is loaded in the <head> */
  font-family: 'Roboto',arial,sans-serif;s
}