/* LABELS
---------------------- */

.label-macrozone{
  white-space:nowrap;
  font-weight: 300;
  font-size: 200%;
  font-style: italic;
  text-shadow: 0 0 0.1em white, 0 0 0.1em white,
        0 0 0.1em white,0 0 0.1em white,0 0 0.1em;
  color: red;
}

.label-microzone{
  white-space:nowrap;
  font-weight: 300;
  font-size: 150%;
  font-style: italic;
  text-shadow: 0 0 0.1em white, 0 0 0.1em white,
        0 0 0.1em white,0 0 0.1em white,0 0 0.1em;
  color: green; /*#FF00BF;*/
}

.label-fogli-catastali{
  white-space:nowrap;
  font-weight: 300;
  font-size: 150%;
  font-style: italic;
  text-shadow: 0 0 0.1em white, 0 0 0.1em white,
        0 0 0.1em white,0 0 0.1em white,0 0 0.1em;
  color: blue;
}

/* LEGENDS 
---------------------- */

.info {
  padding: 6px 8px;
  /*font: 14px/16px Arial, Helvetica, sans-serif;*/
  background: white;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}
.info h4 {
  margin: 0 0 5px;
  color: #777;
}

.null-legend {
  color: rgba(0,0,0,0);
}

.legend {
  text-align: left;
  line-height: 18px;
  color: #555;
}
.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.legend label,
.legend span {
  display: block;
  float: left;
  height: 15px;
  width: 20%;
  text-align: left;
  font-size: 9px;
  font-weight: normal;
  color: black; /*#808080;*/
  opacity: 0.7;
}

.legend label2 {
  display: block;
  float: left;
  height: 15px;
  width: 20%;
  text-align: right;
  font-size: 9px;
  color: black; /*#808080;*/
  opacity: 0.7;
}

.legend cropname {
  width: 100%;
  /*background-color: #00ff00;*/
  font-size: 14px;
  font-weight: bold;
  color: darkgreen;
  opacity: 0.7;
}

.legend label3,
.legend span3 {
  display: block;
  float: left;
  height: 15px;
  width: 16.66%;
  text-align: center;
  font-size: 9px;
  color: black;
  opacity: 0.7;
}

.legend label4,
.legend span4 {
  display: block;
  float: left;
  height: 15px;
  width: 12.5%;
  text-align: center;
  font-size: 9px;
  color: black;
  opacity: 0.7;
}

.legend label5,
.legend span5 {
  display: block;
  float: left;
  height: 15px;
  width: 25%;
  text-align: center;
  font-size: 9px;
  color: black;
  opacity: 0.7;
}