body{
	font-family: 'Roboto';
	color: #444444;
	fill: rgb(126,124,129);
	font-size: 14px;
}

#body{
	margin: 0;
	padding: 0;
}
#infografia{
	width :960px;
	height:800px;
}
.province{
	fill:#819eba;
}
.community{
	fill:#819eba;
}
.button#reset{   
	top:0%;
	width :220px;
	height:30px;
	display: inline-block;
	text-align: center;
	font-family: 'Roboto';
	font-size: 14;
	line-height: 30px;
	color :#7E7C81;
	color: rgb(126,124,129);
	background-color: #E5E5E8;
	cursor: pointer;
}
.button#reset span {
  	display: inline-block;
  	vertical-align: middle;
  	line-height: normal;      
}

.button#communi{   
	top:0%;
	width :220px;
	height:30px;
	text-align: center;
	font-family: 'Roboto';
	font-size: 14;
	line-height: 30px;
	color :#7E7C81;
	color: rgb(126,124,129);
	cursor: pointer;
}
#communidad_selected{
	font-weight: bold;
}
.text{
	font-family: 'Roboto';
	line-height: 15px;
	
}
.left_text{
	font-family: 'Roboto';
	line-height: 15px;
	cursor: pointer;
}

.right_text{

	font-family: 'Roboto';
	line-height: 15px;

}
div.tooltip {   
				 
	height: 40px;
	position: absolute;
	text-align: top-left;
	display: inline-block;
	font-family: 'Roboto';
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color:#FFFFFF;
	pointer-events: none;
	padding: 5px;
	z-index: 3;
}
.community{
	cursor: pointer;
}