/* tag */
body{
	font-family:Helvetica, Arial, sans-serif;
}
path{
	cursor:pointer;
}
polygon{
	cursor:pointer;
}

/* class */
.info_panel {
  background-color: rgba(255,255,255, .8);
  padding: 5px;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  border: 1px solid #aaa;
  color: #333;
  white-space: nowrap;
  cursor:pointer;
  z-index:3;
}
.info_panel::first-line {
  font-weight: bold;
}
.btn-chart{
	font-size:16px;
	text-align:center;
	border-radius:10px;
	cursor:pointer;
	border:4px solid #eee;
	margin-left:5px;
}
.fascia-sel-grafico{
	width:100%;
	float:left;
	border-bottom:1px solid #ddd;
	padding:10px;
	margin-bottom:20px;
}
.txt-grafico{
	border:1px solid #ddd;
	border-radius:5px;
	text-align:center;
	padding:10px;
	float:left;
}
.btn-statistiche{
	border:none;
	font-size:12px;
	margin-bottom:10px;
}

/* id */
#container-btn{
	position:absolute;
	top:10px;
	left:280px;
	z-index:2;
	font-size:16px;
	padding:10px;
	border:1px solid #ddd;
	border-radius:5px;
	background-color:#fff;
}
#regioni-container{
	width:500px;
	height:500px;
	margin:0;
	overflow:hidden;
	border:1px solid #ddd;
	background-color:#fff;
	stroke-width:1;
	stroke:#09e;
}
#province-container{
	width:500px;
	height:500px;
	margin:0;
	overflow:hidden;
	border:1px solid #ddd;
	background-color:#fff;
	stroke-width:0.5;
	stroke:#09e;
}
#btn-zoom-out{
	/*height:30px;
	font-size:16px;
	text-align:center;
	line-height:30px;
	border-radius:5px;
	padding:0 5px 0 5px;
	background-color:#eee;
	cursor:pointer;
	border:1px solid #ddd;
	margin-bottom:10px;*/
}
#btn-zoom-out:hover{
	/*color:#fff;
	background-color:#fc0; /* --- modificare --- */
}
#txt-regione{
	text-align:center;
}