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

#myMap {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	padding:0;
	margin:0;
	z-index:0;
}

/* GRAFICO */
#grafCont{
	background-color: rgba(223, 235, 238, 0.9);
	position:fixed;
	right:0;
	bottom:0;
	padding:0;
	margin:0;
	text-align:right;
	border: 1px solid steelblue;
}
.line {
	fill: none;
	stroke: steelblue;
	stroke-width: 4px;
  }
.area {
	fill: lightsteelblue;
}
/* FINE GRAFICO */

/* MENU BAR EXPORT -------------------------------------------------------------------------- */

#menuContExport {position:relative;
	background-color:transparent;
	padding:0;
	width: 213px;
	margin-top:-10px;
	margin-right:-10px;
	text-align:right;
	z-index: 1;
}

#menuContExport ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    color:#FFF;
    display:inline-block;
}

#menuContExport ul li {
    float: left;
    border:1px solid #999;
}

.dropdownEx {
    width:40px;
	height:40px;
}

li a {
    display: inline-block;
    color:#FFF;
    text-align: center;
    padding: 8px;
    text-decoration: none;
}

.dropdown-contentEx {
    display: none;
    position: absolute;
    right:0px;
    padding-top:6px;
    padding-bottom:6px;
    background-color: #f9f9f9;
    min-width: 204px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    z-index: 2;
}

.dropdown-contentEx a {
    color: #000;
    font-size: 13px;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    display: block;
    text-align:right;
}

.dropdown-contentEx a:hover {background-color: #f1f1f1}

.dropdownEx:hover .dropdown-contentEx {
    display: block;
    position:absolute;
    top:42px;
    z-index: 2;
}

.kmProg{
	float:right;
	width:30px;
	background-color:#f1f1f1;
	font-size:10px;
	margin-left:2px;
	padding-right:5px;
	text-align:right;
	/*text-shadow: 2px 2px 4px rgb(134, 134, 134);*/
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}

.bkg-v{background-color:#00FF00;}
.bkg-r{background-color:#FF0000;}
.bkg-a{background-color:#FFA64D;}
.bkg-c{background-color:#00FFFF;}
.bkg-g{background-color:#FFFF00;}

#menu, #grafico, #occhio, #selMarkers, #selLayers {
	/*cursor:pointer;*/
	box-shadow: 0px 1px 8px rgba(0,0,0,0.4);
}

#menu:hover, #selMarkers:hover, #selLayers:hover {
	border-bottom: 1px solid #FFF;
	
	
}

#menu {
	background: url(img/download.jpg) 50% 50% no-repeat #FFF;
	width:40px;
	height:40px;
	margin-right: -1px;
}

#menu a{
	text-align:left;
	padding-left: 8px;
}

#mdiv{text-align:left;background-color:#fff;}
#mdiv p{color:black;margin:6px 2px 6px 8px; }
#mdiv p:hover{cursor:default; }
#mdiv img{display:inline;vertical-align:middle;}
#mdiv .tit{margin:0;background-color:#3388FF;color:white;font-size:13px;padding:6px 0px 7px 7px;cursor:default;}

#grafico {
	background: url(img/graph-2x.jpg) 50% 50% no-repeat #FFF;
	width:40px;
	height:40px;
	margin-right: -1px;
}

#occhio {
	background: url(img/eye-2x.jpg) 50% 50% no-repeat #FFF;
	width:40px;
	height:40px;
	margin-right: -1px;
}

#selMarkers {
	background: url(img/magnifying-glass-2x.jpg) 50% 50% no-repeat #FFF;
	width:40px;
	height:40px;
	margin-right: -1px;
}

#selMarkersList{
	line-height: 180%; 
	max-height: 199px;
	overflow-y: auto;
}

#selLayers {
	background: url(img/layers.png) 50% 50% no-repeat #FFF;
	width:40px;
	height:40px;
	margin-right: 0px;
	
}

/* MENU BAR EXPORT FINE -------------------------------------------------------------------------- */

/* ZOOM */

#zoomIn, #zoomOut { position: absolute; right: 5px; width: 32px; height: 32px; z-index:0; cursor:pointer;}
#zoomIn {top: 70px; background-image: url(img/zoomin.png); }
#zoomOut {top: 120px; background-image: url(img/zoomout.png); }

/* ZOOM FINE */
 
/* POPUP */
		
.popdiv {
	border: 1px solid #999;
	padding: 1px;
	padding-top:5px;
	color: #FFE9AB;
	background-color: #3A4C50;
	background-image: url(img/bkgtit.jpg);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	line-height: 1.5em;
	max-height:320px;
	overflow-y: auto;
	font-weight: normal;
	font-size: 13px;
	text-shadow: 0px 0px 0 rgb(21, 21, 21), 0px 1px 0 rgb(-131, -131, -131), 0px 2px 1px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, .2);
	text-align:center;
	border-radius: 7px;
}
		 
.popdiv img { display:block; border-top:1px solid black;}

.img-last{border-radius: 0px 0px 6px 6px;}

.popdiv p {text-align:left; line-height:120%;margin:6px 3px 6px 6px;padding:0;}
		
.custom .leaflet-popup-tip, .custom .leaflet-popup-content-wrapper {
	display:inline;
	margin:0;
	padding:0;
	
}
		
div.popMenu { 
	padding-bottom:5px;
}
		
div.popMenu a { /* voci del menu sotto il titolo */
	text-decoration: none;
	margin:0;
	padding: 0px 15px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	color: #D6D6D6;
	text-shadow: 0px 0px 0 rgb(21, 21, 21), 0px 1px 0 rgb(-131, -131, -131), 0px 2px 1px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, .2);
}

div.popMenu a:hover {
	color: #FFFFFF;
}

.iHD{
	width:24px;
	height:24px;
	position:absolute;
	bottom:15px;
	right:21px;
	margin:0;
	padding:0;
	background: url('img/imgHD.png') no-repeat;
	border-radius: 5px 0px 5px 0px;
	border-top: 1px solid #2A3B3E;
	border-left: 1px solid #2A3B3E;
}


.iHD:hover {cursor: pointer;}

/* POPUP FINE */

.opac80 {
	filter:alpha(opacity=80); /*ie7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*ie8*/
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.leaflet-container.crosshair-cursor-enabled {
	cursor:crosshair;
}



.nascosto {visibility:hidden;}
.visibile {visibility:visible;}

@media print {
	body{margin:0;}
	#topBar{display:none;}
  @page {margin:0;}
}