* {
  font-size:12pt;
}
body {
  margin:0px;
  padding:0px;
}

#project_title {
  font-size:larger;
  margin-bottom:10px;
}

#stats_summary {
  float:right;
  margin:0px 0px 5px 10px;
  padding:3px;
  border:1px solid;
}
/* img mappa statistiche */
#stats_map {
  float:left;
}
/* grafico */
#stats_graph {
  float:right;
}
/* legend */
#stats_legend {
  clear:both;
}
#stats_legend h3 {
  margin-bottom:5px;
}
#stats_legend  .stats_legend_row {
  float:left;
  width:24%;
  margin-bottom:5px;
  overflow:hidden;
}
#stats_legend  .stats_legend_item {
  float:left;
  position:relative;
  width:16px;
  height:12px;
  overflow:hidden;
  margin-right:2px;
}
#stats_legend  .stats_legend_item  div{
  width:0px;
  font-size:0px;
}
/* table */
#stats_table {
  margin-top:15px;
  clear:both;
  width:100%;
}
.grid {
  border:1px solid #999999;
  border-collapse:collapse;
}
.grid td,
.grid th {
  border:1px solid;
  padding:2px;
  font-size:smaller;
}

#footer {
  clear:both;
  padding-top:20px;
  text-align:center;
}

.img_sx {
  float:left;
  margin-right: 20px;
}
.img_dx {
  float:right;
  margin: 10px 0px 0px 20px;
}
.img_border {
  border:1px solid #000000;
}


h1 {
  font-size:x-large;
}
h2 {
  font-size:large;
}

/* hidden elements */
#section_top,
#header,
#menu,
#title,
#footer_dx,
#link_right,
#icons,
#stats_selection,
#stats_list,
.caption {
  display:none;
}