@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

body{
	background-color: #FFFFFF;
	text-align:center;
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
		}
table{
	width:90%;
	text-align:justify;
	
		}
	
div#titolo{
	border-style:solid;
	border-width:2px;
	padding:6px;
	font-family:"Bookman Old Style";
	font-size:large;
	border-color:#000000;
	color:#FF0000;
	font-weight:bold;
	}
a.immagine{
border-style:none;
padding:3px
}
a.immagine:hover{
border-style:solid;
border-color:#999999;
border-width:3px;
padding:0px;
}

.cellaMenu {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}
.TabellaCentrale {
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	width:100%;
}
.TabellaCentraleBis {
	border-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	width:100%;
	padding:6px;
	text-align:justify;
}
.CellaColore {
	background-image: url(../Immagini/cella.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color:#888899;
	text-decoration: none;
	font-weight: bolder;
}
.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}
.inizio {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	color: #666666;
	text-decoration: none;
	text-align: center;
}
.inizio:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
.mail {

	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: lowercase;
	color: #333333;
	text-decoration: none;
}
.mail:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: lowercase;
	color: #000000;
	text-decoration: underline;
}

.CellaColoreAlta {

	background-image: url(../Immagini/cella.gif);
	background-repeat: repeat-x;
	background-position: top;
}
a.link{

	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
a.link:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.link:visited {

	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color:#666666;
	
}
.Stile2 {
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
}
.Stile3 {
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
}
.Stile4 {
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	}
	ul{
	list-style-image:url(../Immagini/freccia.gif)
	
	}
	.prima{
	list-style-image:url(../Immagini/freccia2.gif)
	}
#giustificato{
text-align:justify;
}
.tooltip{ /*il resto è compito di javascript */
    position:absolute;
    top: 2em; left: 2em; width: 15em;
    border: 1px solid #000000; 
	background-color:#FFCC33;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000000;
	font-style: normal;
	font-weight: normal;
    font-size: 10pt;
	text-align: center}