@charset "UTF-8";
body  {
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
}

.totale{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-align: left;
}
.titolodiv {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #007422;
	height: 20px;
	width: 338px;
}
.titolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 17px;
	color: #007422;
	font-weight: bold;
}
.vicnome{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 90%;
	font-weight: bold;
}
.datifisk{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 8px;
	color: #333333;
}
.totlodatifisk{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 8px;
	color: #007422;
}

.link{
	color: #00CCFF;
	text-decoration: none;
}
.link a{
	color:#00CCFF;
	text-decoration:none;
	}
.link a:hover{
	color:#007422;
	}
	
	
	
	.linkmovi{
	color: #00CCFF;
	text-decoration: none;
}
.linkmovi a{
	color:#00CCFF;
	text-decoration:none;
	}
.linkmovi a:hover{
	color:#007422;
	}
	
	
.totale #container {
	width: 800px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
		height: 600px;
	background: #FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

.totale #menu {
	height: 145px;
} 

.totale #menu h1 {

	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */

	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */

}

.totale #img {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 390px;
	background-color: #FFFFFF;
	padding: 0px;
	height: 405px;
}

.totale #imggis {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 390px;
	padding: 0px;
	height: 405px;
	background-image: url(img/gis.jpg);
}
.totale #home {
	width: 800px;
	height: 550px;
}
 .totale #mainservizi {
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 52px;
	width: 748px;
	height: 405px;
	padding-top: 0px;
	background-image: url(img/iservizi.jpg);
} 
.servizi{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 18px;
	color: #333333;
	text-align: left;
}
.servizi2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 18px;
	color: #333333;
	text-align: left;
	padding-left: 11px;
}
.supporto {
	padding-left: 9px;
}

	
 .totale #maincontatti {
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 52px;
	width: 748px;
	height: 405px;
	padding-top: 0px;
	background-image: url(img/contatti.jpg);
} 
.totale #maintarget {
	width: 800px;
	height: 405px;
} 

.totale #mainContent {
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 52px;
	width: 338px;
	height: 405px;
} 
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */

	float: right;

	margin-left: 8px;

}
.fltrt #so {
	width: 452px;
	height: 50px;
	float: right;
} 
	
.totale #sdati {
	background-color: #FFFFFF;
	width: 296px;
	height: 50px;
	float: no;
	padding-left: 52px;
} 

.totale #sdatiokok {
	background-color: #FFFFFF;
	width: 346px;
	height: 38px;
	float: no;
	padding-top: 12px;
} 

.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/

	float: left;

	margin-right: 8px;

}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}
.imgimg {
	padding-top: 8px;
}
.imgdx{
	float: right;
}
.registrazione{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #007422;
	text-align: left;
}

