

.div_comandi {
	float: none;
	border-bottom: 1px solid #444444;
    height: 66px;
	width: 100%;
	z-index: 0;
}




	.tocAperta {
		display: none; 
		float: right; 
		width: 300px; 
		height: 100%;
		border: 1px solid #0000ff;
		overflow: auto
	}
	
	.finestra {
		background: #fafafa url(toolbar-bg.png) repeat-x bottom left;		
	}
  
  .lello-bottone {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #999 #999 #ccc;
    font: bold 10px Arial, sans-serif;
    color: #000;
    cursor: pointer;
  }
 
  .lello-bottone-semplice {
    font: bold 10px Arial, sans-serif;
    cursor: pointer;
  }

  .lello-link {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #999 #999 #ccc;
    font: bold 10px Arial, sans-serif;
    color: #000;
    cursor: pointer;
    background-color: #AFAFAF;
    border-radius: 2px;

  }

	
 /* Stile per i div di visualizzazione */ 
	.testa {
		width: 100%; 
		height: 7%;
		/*border-bottom: 2px solid #951931;*/
		border-bottom: 3px solid #900808;
		background-color: #ffffff;
	}
	.riga2 {
		width: 100%; 
		height: 10%;
		border-top: 1px solid #FFFFFF;
		background-color: #444444;
	}
	.mappa {
		width: 100%; 
		height: 88%;
		border: 1px solid #ffffff;
		margin: 0px;
		background-color: #ffffff;
	}
	
	.basso {
		width: 100%; 
		height: 5%;
		border-top: 3px solid #FF9528;
		background-color: #444444;
	}

	.pannello {
		position: absolute;
		left: 81%;
		top:60px;
		width: 260px;
		display: none;
		background-color: #efefef;
		margin-top: 10px;
		height: 600px;
		border: 1px solid #900808;
		z-index: 10000;
	}
	.pannello_elenco {
		overflow-y: auto;
		height: 550px;

	}
	.pannello_gruppo {
		width: 100%;
		color: #900808;
		font: normal normal 800 0.6875em arial;
		border: 1px solid #FFFFFF;
	}

	.pannello_livello {
		margin: 0px;
		width: 100%;
		font: bold normal normal 11px Arial;
	}	
	
	.googlo360 {
		position: absolute;
		right: 200px;
		top:20%;
		width: 600px;
		display: none;
		background-color: #ededed;
		margin-top: 10px;
		height: 400px;
		border: 1px solid #900808;
		z-index: 10000;
	}

	.googlo360_foto {
		position: relative;
		margin: 5px;
		width: 590px;
		height: 366px;
	}

	.carota {
		position: absolute;
		left: 300px;
		top:20%;
		width: 500px;
		background-color: #dcdcdc;
		margin-top: 10px;
		height: 400px;
		border: 1px solid #900808;
		z-index: 10000;
	}
	
	.carota_titolo {
'		margin: 10px;
		font: normal bold normal 12px Arial;
		position: relative; 
		width: 100%; 
		height:90%; 
		overflow: auto;
	}
	.carota_p {
		margin-bottom: 2px; 
		font-size: 18px;
	}
	
	.openfoto {
		position: absolute;
		left: 200px;
		top:20%;
		width: 600px;
		display: block;
		background-color: #ededed;
		margin-top: 10px;
		height: 400px;
		border: 1px solid #900808;
		z-index: 10000;
	}

	.openfoto_foto {
		position: relative;
		margin: 5px;
		width: 98%;
		height: 91%;
	}
	
	
	
	.editing {
		position: absolute;
		left: 60px;
		top:12%;
		width: 300px;
		display: none;
		background-color: #ededed;
		margin-top: 10px;
		height: 200px;
		border: 1px solid #900808;
		z-index: 10000;
	}
	.misura {
		position: absolute;
		left: 300px;
		top:10%;
		width: 250px;
		display: none;
		background-color: #ededed;
		margin-top: 10px;
		height: 90px;
		border: 1px solid #900808;
		z-index: 10000;
	}

	.snap {
		position: absolute;
		left: 400px;
		top:12%;
		width: 250px;
		display: none;
		background-color: #ededed;
		margin-top: 10px;
		height: 90px;
		border: 1px solid #900808;
		z-index: 10000;
	}
	.snap_elenco {
		position: relative;
		width: 100%;
		height: 80px;
		overflow-y: auto;
	}
	.analisi_div {
		position: absolute;
		left: 60px;
		top:12%;
		width: 300px;
		height: 400px;
		display: none;
		background-color: #ededed;
		margin-top: 10px;
		border: 1px solid #900808;
		z-index: 10000;
	}
	
	.analisi_div_layer {
		position: relative;
		height: 300px;
		background-color: #ededed;
		margin-top: 10px;
		overflow-y: auto;
	}

	.clipper {
		position: absolute;
		left: 60px;
		top: 108px;
		height: 30px;
		width: 320px;
		display: none;
		border: 1px solid #900808;
		/*background-color: #ffffff;*/
		margin: 0px;
		z-index: 100000;
	}

	.info_div {
		position: absolute;
		left: 60px;
		top:130px;
		width: 300px;
		display: none;
		background-color: #ededed;
		margin-top: 10px;
		max-height: 600px;
		border: 1px solid #900808;
		z-index: 10000;
	}
	
	.info_dati {
		position: relative;
		background-color: #FFFFFF;
		width: 400px;
		max-height: 250px;
		margin: 3px;
		/*border: 1px solid #900808;*/
		overflow: auto;
	}
	
	
	
	.incolla_div {
		position: absolute;
		left: 50%;
		top:12%;
		width: 250px;
		display: none;
		background-color: #ededed;
		margin-top: 10px;
		border: 1px solid #900808;
		z-index: 10000;
	}

	.ricerca {
		position: absolute;
		left: 60px;
		top:12%;
		width: 250px;
		height: 80%;
		display: none;
		background-color: #ededed;
		margin-top: 10px;
		border: 1px solid #900808;
		z-index:10000;
	}

	.legenda {
		position: absolute;
		left: 60px;
		top: 35%;
		display: none;
		background-color: #eeeeee;
		border: 1px solid #888888;
		z-index:10000;
		width: 100px;
		height: 200px;
	}

	.bassoLegenda {
		position: relative;
		height: 5%;
		border-top: 3px solid #FF9528;
		background-color: #444444;
	}

	.fascia {
		padding-top: 2px;
		padding-left: 4px;
		cursor: move;
		margin-bottom: 3px;
		backGround-color: #3388ff;
		text-align: left;
		height: 20px;
		color: #FFFFFF;
		font: bold 15px Arial;
	}

	.risultati {
		position: relative;
		width: 100%;
		height: 70%;
		overflow-y: auto;
		border-top: 3px solid #900808;
		border-bottom: 3px solid #900808;
	}
	.informazioni {
		position: relative;
		width: 100%;
		height: 80%;
		overflow-y: auto;
		border-top: 3px solid #900808;
		border-bottom: 3px solid #900808;
	}
	
	
	.tdTitolo {
		background-color: #921A33;
		font: bold 12px Arial;
		color: #FFFFFF;
	}
	
	.tdCampo{
		background-color: #FFFFFF;
		/*border: 0px solid #444444;*/
		font: normal 12px Arial;
	}
	
	.tdCampo_no{
		background-color: #FFFFFF;
		/*border: 0px solid #444444;*/
		font: bold 8px Arial;
	}
	
	.carattereBold{
		/*background-color: #FFFFFF;*/
		/*border: 0px solid #444444;*/
		font: bold 11px Arial;
	}
	
	.sottoCarattereBold{
		color: #444444;
		/*border: 0px solid #444444;*/
		font: italic normal 10px Arial;
	}
	
	.tabella {
		position: absolute; 
		border: 1px solid #900808; 
		max-height: 600px;
		background-color: #f3f6fa;
	}

	
/* Icone per bottoni */

	.vediMappa {
		background-image: url(img/aree.gif);
	}
/* Cambiamenti generali e comportamentli EDITABLE */	
/*
	.leaflet-vertex-icon {
		max-width: 10px;
		max-height: 10px;
		margin-left: -5px !important;
		margin-top: -5px !important;
		opacity: 0.5;
		
	}
	.leaflet-middle-icon {
		max-width: 10px;
		max-height: 10px;
		margin-left: -5px !important;
		margin-top: -5px !important;
		
	}
*/	
	.leaflet-vertex-icon {
		background-color: #FF0000;
		border-radius: 10px;
		opacity: 0.5;
		
	}
	.leaflet-middle-icon {
		background-color: #FFFF00;
		border-radius: 10px;
		
	}
	
/* Rappresentazioni schede Mibact */	
    .td-n {
        padding-right: 3px;
        padding-left: 2px;
        font: italic bold 10px Arial;
        color: #FFFFFF;
        background-color: #777777;
    }	
    .td-v {
        border: 0.5px solid #444444;
        font: normal 12px Arial;
        vertical-align: middle;
    }	
	
	
/* Cambiamenti generali e comportamentli W2UI */	

/* cambio il colore del check premuto nella Toolbar */	
.w2ui-toolbar table.w2ui-button.checked {
  border: 1px solid #aaaaaa;
  background-color: #0F81EA;
}
	
	
/* Icone per bottoni W2UI*/
.w2ui-icon.icon-localizza {
  background: url(img/Punto1.gif) no-repeat center !important;
}	
.w2ui-icon.icon-toc {
  background: url(img/Toc1.gif) no-repeat center !important;
}	
.w2ui-icon.icon-info {
  background: url(img/Info.gif) no-repeat center !important;
}	
.w2ui-icon.icon-legenda {
  background: url(img/Leg.gif) no-repeat center !important;
}	
.w2ui-icon.icon-disegno {
  background: url(img/Edit.GIF) no-repeat center !important;
}	
.icon-dis-cancella {
  background: url(img/Cancella.gif) no-repeat center !important;
}	
.icon-disegno-copia {
  background: url(img/copia.gif) no-repeat center !important;
}	
.w2ui-icon-punto {
  background: url(img/geom_punto1.gif) no-repeat center !important;
}	
.w2ui-icon-linea {
  background: url(img/geom_linea1.gif) no-repeat center !important;
}	
.w2ui-icon-poligono {
  background: url(img/geom_area1.gif) no-repeat center !important;
}	
.w2ui-icon.icon-dis-unione {
  background: url(img/Unione.GIF) no-repeat center !important;
}	
.w2ui-icon.icon-dis-differenza {
  background: url(img/Differenza.GIF) no-repeat center !important;
}	
.w2ui-icon.icon-dis-intersezione {
  background: url(img/Intersezione.GIF) no-repeat center !important;
}	
.w2ui-icon.icon-dis-salva {
  background: url(img/Salva.GIF) no-repeat center !important;
}	
.icon-salva {
  background: url(img/Salva.gif) no-repeat center !important;
}	
.editaGeom {
  background: url(img/geom_area.gif) no-repeat center !important;
}	
.prendiGeom {
  background: url(img/geom_area1.gif) no-repeat center !important;
}	
.w2ui-icon.icon-dis-annulla {
  background: url(img/SalvaAnnulla.GIF) no-repeat center !important;
}	
.w2ui-icon-copia {
  background: url(img/DaInfo.GIF) no-repeat center !important;
}	
.w2ui-icon-importa {
  background: url(img/remoto.gif) no-repeat center !important;
}	
.w2ui-icon.icon-new-record {
  background: url(img/ApriTutto.GIF) no-repeat center !important;
}	
.w2ui-icon.icon-edit-dati {
  background: url(img/Edita.GIF) no-repeat center !important;
}	

.w2ui-icon.icon-edit-salva-geo {
  background: url(img/SalvaGeometria.GIF) no-repeat center !important;
}	
.w2ui-icon.icon-edit-canc-geo {
  background: url(img/CancellaGeometria.GIF) no-repeat center !important;
}	
.w2ui-icon.icon-edit-vedi-geo {
  background: url(img/DisegnaGeometria.GIF) no-repeat center !important;
}	

.w2ui-icon.icon-edit-tavola {
  background: url(img/Editext.GIF) no-repeat center !important;
}	

.w2ui-icon.icon-stile-tavola {
  background: url(img/Stile.GIF) no-repeat center !important;
}	
.w2ui-icon.icon-servizio-tavola {
  background: url(img/Servizio.GIF) no-repeat center !important;
}

.editclick {
  background: url(img/editclickmappa.gif) no-repeat center !important;
}
.editnew {
  background: url(img/editnew.gif) no-repeat center !important;
}
.reloadmappa {
  background: url(img/reload.gif) no-repeat center !important;
}
.scavi {
  background: url(img/scavi.gif) no-repeat center !important;
}
.zoomall {
  background: url(img/zoomall.gif) no-repeat center !important;
}
.info {
  background: url(img/info.gif) no-repeat center !important;
}