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


html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}



#container
{
background:rgba(47, 49, 51, 0);
	width:98%;
	position:absolute;
	margin:0px;
	padding:2%;
	


}


#bolas {
	

	position:relative;
	margin-top:10px;

height:400px;
 
}


.conteu1 {


	float:left;
	position:relative;
	margin-right:2%;

}
	
	
	
.conteu2 {

	width:76%;
	float:left;
position:relative;
height:200px;
}	



#fundo1{
	display:block;
	position:absolute;
	
	}


[id*="fundo"] {
	
	width:96%;
	
	background-color: rgba(255,255,255,1);
	padding:10px;
	z-index:55510;
	border-radius:16px;
	display:none;
	position:absolute;
	margin-top:20px;

 
}


#imagem_mundo

{
	margin-top:0px;
	margin-left:0px;
position:absolute;
display:none;
	
	}
	
	
img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}	


.titulo_entrada {

	font-family:Amplitude, Arial, Helvetica, sans-serif;
	font-size:32px;
	text-align: center;
	position:relative;
	font-weight:bold;
	width:94%;

}




.entrada {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	margin-top:5px;
	position:relative;
	font-weight:bold;
	width:94%;


}



.titulo_cor {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color:#6ba3bc;
	text-align: left;
	
	

}


.sub_titulo {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color:#333;
	text-align: left;
	margin-bottom:15px;


}


.titulo_graficos {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;

	font-style: normal;
	color:#333;
	text-align: left;
	

}



.texto {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color:black;
	text-align: left;

	padding-right:10px;

}





.legenda {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color:#333;
	text-align: left;

}


.leg{

	position:absolute;
	left: 31px;
	top: 174px;
	z-index:9999999;

	}


.numeros {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color:#333;
	text-align: left;

}



.caixas{
	width:100%; 
	height:1px; 
	background-color:#8d8b8b;
	margin-bottom:35px;
	
	}

ul, li {
	list-style:none;
	margin:0;
	padding:0;
	top:10px;

}



ul.navegacao li {
	float:left;
	margin-right:12px;
	padding:3px;
	z-index:99999999999;
	}


.foto{
	width:100%;
	height:100%;


	}



.foto2{
	width:100%;
	height:100%;


	}


.clear {
	clear:both;
}




/* mobile styles */
@media only screen and (max-width:480px) {

#container
{
background:rgba(47, 49, 51, 0);
	width:96%;

}


.conteu1 {

	width:98%;
	margin-bottom:5px;

}
	
	
.conteu2 {

	width:98%;

}



.titulo_entrada {

	font-size:15px;


}




.entrada {
	
	font-size: 10px;
	margin-left:5px;


}



.titulo_cor {
	

	font-size: 14px;


	
	

}


.sub_titulo {
	

	font-size: 11px;

	margin-bottom:10px;


}


.titulo_graficos {
	

	font-size: 16px;
	font-weight: bold;

	

}



.texto {
	
	font-size: 12px;
	height:200px;
	
	margin-top:10px;
	
	

}


[id*="fundo"] {
	
width:90%;
	margin-top:-260px;
	
	

 
}


.foto{
	
	width:50%;

	}
	
	
.foto2{
	
	width:100%;

	}	
	
		.caixas{

	margin-bottom:15px;
	
	}

.leg{


	left: 0px;
	top: 144px;
	z-index:9999999;
	width:30%;
	display:none;


	}	


}


/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {

	#container
{
background:rgba(47, 49, 51, 0);
	width:96%;

}


.conteu1 {

	width:20%;
	margin-bottom:20px;

}
	
	
.conteu2 {

	width:78%;

}




	.foto{
	
	width:100%;

	}
	
	
		.foto2{
	
	width:90%;

	}
	
	
	
.leg{


	left: 4px;
	top: 144px;


	}	
	

[id*="fundo"] {
	

	margin-top:-70px;
	
	

 
}


}


/*desktop styles*/
@media only screen and (min-width:769px) {
	

	
	
}