html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

#map {
	width: 100%;
	height: 700px;
	margin: auto;
}

/* info */
.info {
	padding: 6px 8px;
	font: 13px Titillium Web,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;
	line-height: 1.2em !important;
}

.info h4 {
	font-size: 14px;
	margin: 0 0 5px;
	color: #444;
	line-height: 1.2em !important;
	/*text-transform: capitalize;*/
}

.info table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	margin: 2px 0;
	line-height: 15px;
}

.info thead {
	background-color: #f5f5f5; 
}

.info th, td {
	text-align: left;
	padding: 5px;
}

.info th {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #c3c3c3;
}

.info td {
	color: #555;
}

.info td.bordo, .info th.bordo {
	border-left: 1px solid #c3c3c3;
}

.info td.dx {
	text-align: right;
}

.info th.centro {
	text-align: center;
}

/* azzurro */
.info tr.azzurro {
	border-bottom: 2px solid rgba(0, 102, 255, 0.75);
	font-weight: bold;
}

.info tr.azzurro td i {
	color: #0066ff;
	opacity: 0.75;
}

.info tr.azzurro td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}

/* verde */
.info tr.verde {
	border-bottom: 2px solid rgba(0, 153, 0, 0.75);
	font-weight: bold;
}

.info tr.verde td i {
	color: #009900;
	opacity: 0.75;
}

.info tr.verde td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}

/* rosso */
.info tr.rosso {
	border-bottom: 2px solid rgba(204, 0, 0, 0.75);
	font-weight: bold;
}

.info tr.rosso td i {
	color: #cc0000;
	opacity: 0.75;
}

.info tr.rosso td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}

/* giallo */
/* giallo m5s
.info tr.giallo {
	border-bottom: 2px solid rgba(255, 210, 0, 0.75);
	font-weight: bold;
}

.info tr.giallo td i {
	color: #ffd200;
	opacity: 0.75;
}

.info tr.giallo td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}
*/

.info tr.giallo {
	border-bottom: 2px solid rgba(204, 153, 0, 0.75);
	font-weight: bold;
}

.info tr.giallo td i {
	color: #cc9900;
	opacity: 0.75;
}

.info tr.giallo td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}

/* viola */
.info tr.viola {
	border-bottom: 2px solid rgba(153, 0, 204, 0.75);
	font-weight: bold;
}

.info tr.viola td i {
	color: #9900cc;
	opacity: 0.75;
}

.info tr.viola td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}

/* turchese */
.info tr.turchese {
	border-bottom: 2px solid rgba(0, 153, 153, 0.75);
	font-weight: bold;
}

.info tr.turchese td i {
	color: #009999;
	opacity: 0.75;
}

.info tr.turchese td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}

/* marrone */
.info tr.marrone {
	border-bottom: 2px solid rgba(177, 118, 59, 0.75);
	font-weight: bold;
}

.info tr.marrone td i {
	color: #b1763b;
	opacity: 0.75;
}

.info tr.marrone td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}

/* rosa */
.info tr.rosa {
	border-bottom: 2px solid rgba(255, 0, 153, 0.75);
	font-weight: bold;
}

.info tr.rosa td i {
	color: #ff0099;
	opacity: 0.75;
}

.info tr.rosa td span {
	color: #555;
	font-size: 10px;
	font-weight: bold;
}

div.dataora {
	padding-top: 10px
}

div.dataora span {
	font-family: Courier New,Consolas,Courier,monospace;
}

/* finestra */
.finestra {
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: 5px;
	z-index: 1000 !important;
}

/* legenda */
.legend {
	background: rgba(255,255,255,0.8);
	text-align: right;
	/*line-height: 20px;*/
	color: #555;
}

.legend i {
	width: 100px;
	border: 1px solid;
	height: 16px;
	float: right;
	margin-left: 8px;
	opacity: 0.75;
}

.legend span.lista {
	font-size: 12px;
}

.legend i.azzurro {
	background: #bfd9ff;
	background: -moz-linear-gradient(left, #bfd9ff 0%, #80b3ff 33%, #408cff 66%, #0066ff 100%);
	background: -webkit-linear-gradient(left, #bfd9ff 0%,#80b3ff 33%,#408cff 66%,#0066ff 100%);
	background: linear-gradient(to right, #bfd9ff 0%,#80b3ff 33%,#408cff 66%,#0066ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd9ff', endColorstr='#0066ff',GradientType=1 );
}

.legend i.verde {
	background: #bfe5bf;
	background: -moz-linear-gradient(left, #bfe5bf 0%, #80cc80 33%, #40b340 66%, #009900 100%);
	background: -webkit-linear-gradient(left, #bfe5bf 0%,#80cc80 33%,#40b340 66%,#009900 100%);
	background: linear-gradient(to right, #bfe5bf 0%,#80cc80 33%,#40b340 66%,#009900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe5bf', endColorstr='#009900',GradientType=1 );
}

.legend i.rosso {
	background: #f2bfbf;
	background: -moz-linear-gradient(left, #f2bfbf 0%, #e68080 33%, #d94040 66%, #cc0000 100%);
	background: -webkit-linear-gradient(left, #f2bfbf 0%,#e68080 33%,#d94040 66%,#cc0000 100%);
	background: linear-gradient(to right, #f2bfbf 0%,#e68080 33%,#d94040 66%,#cc0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2bfbf', endColorstr='#cc0000',GradientType=1 );
}

.legend i.arancio {
	background: #ffe2bf;
	background: -moz-linear-gradient(left, #ffe2bf 0%, #ffc680 33%, #ffa940 66%, #ff8c00 100%);
	background: -webkit-linear-gradient(left, #ffe2bf 0%,#ffc680 33%,#ffa940 66%,#ff8c00 100%);
	background: linear-gradient(to right, #ffe2bf 0%,#ffc680 33%,#ffa940 66%,#ff8c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2bf', endColorstr='#ff8c00',GradientType=1 );
}

/* giallo m5s
.legend i.giallo {
	background: #fff4bf;
	background: -moz-linear-gradient(left, #fff4bf 0%, #ffe980 33%, #ffdd40 66%, #ffd200 100%);
	background: -webkit-linear-gradient(left, #fff4bf 0%,#ffe980 33%,#ffdd40 66%,#ffd200 100%);
	background: linear-gradient(to right, #fff4bf 0%,#ffe980 33%,#ffdd40 66%,#ffd200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4bf', endColorstr='#ffd200',GradientType=1 );
}
*/

.legend i.giallo {
	background: #f2e5bf;
	background: -moz-linear-gradient(left, #f2e5bf 0%, #e6cc80 33%, #d9b340 66%, #cc9900 100%);
	background: -webkit-linear-gradient(left, #f2e5bf 0%,#e6cc80 33%,#d9b340 66%,#cc9900 100%);
	background: linear-gradient(to right, #f2e5bf 0%,#e6cc80 33%,#d9b340 66%,#cc9900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e5bf', endColorstr='#cc9900',GradientType=1 );
}

.legend i.turchese {
	background: #bfe5e5;
	background: -moz-linear-gradient(left, #bfe5e5 0%, #80cccc 33%, #40b3b3 66%, #009999 100%);
	background: -webkit-linear-gradient(left, #bfe5e5 0%,#80cccc 33%,#40b3b3 66%,#009999 100%);
	background: linear-gradient(to right, #bfe5e5 0%,#80cccc 33%,#40b3b3 66%,#009999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe5e5', endColorstr='#009999',GradientType=1 );
}

.legend i.rosa {
	background: #ffbfe5;
	background: -moz-linear-gradient(left, #ffbfe5 0%, #ff80cc 33%, #ff40b3 66%, #ff0099 100%);
	background: -webkit-linear-gradient(left, #ffbfe5 0%,#ff80cc 33%,#ff40b3 66%,#ff0099 100%);
	background: linear-gradient(to right, #ffbfe5 0%,#ff80cc 33%,#ff40b3 66%,#ff0099 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfe5', endColorstr='#ff0099',GradientType=1 );
}

.legend i.marrone {
	background: #ebddce;
	background: -moz-linear-gradient(left, #ebddce 0%, #d8bb9d 33%, #c5986c 66%, #b1763b 100%);
	background: -webkit-linear-gradient(left, #ebddce 0%,#d8bb9d 33%,#c5986c 66%,#b1763b 100%);
	background: linear-gradient(to right, #ebddce 0%,#d8bb9d 33%,#c5986c 66%,#b1763b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebddce', endColorstr='#b1763b',GradientType=1 );
}

.legend i.viola {
	background: #e5bff2;
	background: -moz-linear-gradient(left, #e5bff2 0%, #cc80e6 33%, #b340d9 66%, #9900cc 100%);
	background: -webkit-linear-gradient(left, #e5bff2 0%,#cc80e6 33%,#b340d9 66%,#9900cc 100%);
	background: linear-gradient(to right, #e5bff2 0%,#cc80e6 33%,#b340d9 66%,#9900cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5bff2', endColorstr='#9900cc',GradientType=1 );
}

.msg {
    padding: 4px 6px;
    font: 12px 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;
    line-height: 20px;
}

#nota {
	font: 12px Titillium Web, Arial, Helvetica, sans-serif;
}

#nota-asterisco {
	font-size:150%;
}