/********** Stile generale **********/

/* La dimensione generale del carattere è stata definita al 90% 
poiché in numerosi browser il carattere normale è troppo largo */
body {
   font-family:     Verdana, Arial, Helvetica, sans-serif;
   font-size:       90%;	
   color:           #000;
   background: #FFFFCC;
   margin:          0;
   padding:         0;
   border:          none;
}



.hidden {			/* Usato per il contenuto che dovrà essere mostrato
							dai browser che non supportano i fogli di stile*/ 
   display:         none !important;
}

.notprinted {			/* Usato per il contenuto che non dovrà essere stampato */

}


/* Intestazioni */

h1,				/* Intestazioni(h1-h6) che verranno impiegate solamente nell'area principale */ 
h2,				                
h3 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.5em 0 0 0;
   padding:         0;
}

h4,
h5,
h6 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.25em 0 0 0;
   padding:         0;
}

h1 { font-size:     175% }
h2 { font-size:     145% }
h3 { font-size:     120% }
h4 { font-size:     105% }
h5 { font-size:     80%  }
h6 { font-size:     65%  }


/* Ancore */

a:link {
   text-decoration: none;
   color: #CA0000;
   background:      transparent;
}

a:visited {
   text-decoration: none;
   color: #870000;
   background:      transparent;
}

a:hover,
a:active {
   text-decoration: underline;
}


/* Elementi in linea e classi */

/* Questo foglio di stile lascia che i selettori
B, BIG, EM, I, SMALL, STRONG, SUB e SUP siano 
definiti dal folgio di stile integrato nel browser */
code,
kbd,
pre,
samp,
tt {
   font-family:     "Courier New", Courier, monospace;
   font-size:       110%;	/* Il carattere Courier tenderebbe ad essere mediamente un po' più piccolo */
}

kbd,
code.markup,			/* Marcatura HTML/CSS */
span.markup,			/* Modulo alternativo per la marcatura HTML/CSS */
.title {			/* Titolo in aree flottanti / barre laterali a sinistra*/
   font-weight:     bolder;
}

abbr,
acronym {
   font:            inherit;
}

.tooltip {
   cursor:          help;
   border-bottom: 1px dotted #CC6600;
}

abbr[title],
acronym[title] {
   cursor:          help;
   border-bottom: 1px dotted #CC6600;
}

cite,
dfn,
var,
.fn,				/* = File Name*/
.url,				/* = Uniform Resource Locator */
.email {			/* = E-mail address */
   font-style:      italic;
}

.clearboxes {			/* Pulisce le aree di navigazione e quelle flottanti */
   clear:           right;
}

.unicode {
   font-family:     "Arial Unicode MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}


/* Elementi blocco-in linea */

img {
   vertical-align:  baseline;
   margin:          0;
   padding:         0;
   border:          none;
}

img.left {			/* Immagine flottante a sinistra*/
   margin:          0.75em 1.5em 0.75em 0;
   float:           left;
}

img.right {			/* Immagine flottante a destra */
   margin:          0.75em 0 0.75em 1.5em;
   float:           right;
}

img.icon16[src] {		/* Per le icone di 16x16*/
   vertical-align:  -10%;	/* IE/Win non riesce a gestire le percentuali negative  */
}

del,
del * {				/* Necessario per Mozilla*/
   text-decoration: line-through;
}

ins,
ins * {				/* Necessario per Mozilla */
   text-decoration: underline;
}


/* Elementi blocco */

p {
   margin:          1em 0;
   padding:         0;
}

blockquote {			/* Potrà essere usato solo sull'area principale, in aree flottanti o sulle barre laterali */ 
   margin:          1em 2.5em;
   padding:         0;
}

pre {				/*Potrà essere usato solo sull'area principale e nelle in aree flottanti*/
   line-height:     1.1;
   margin:          1em 2.5em;
   padding:         0;
}

hr {
   color: #870000;
   background:      transparent;
   height:          1px;	/* Necessario per IE/Win */
   margin:          1em 0;
   padding:         0;
   border-color: #870000;
   border-width:    1px;
   border-style:    none none solid none;
}

hr.lighter {			/* Attenzione: non verrà stampato */
   color: #FFFFCC;
   background:      transparent;
   border-color: #FFFFCC;
}


/* Liste*/

ol {
   list-style:      decimal outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol.alpha {
   list-style-type: lower-alpha;
}

ol.number {
   list-style-type: decimal;
}

ul {
   list-style:      square outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol ol,
ol ul,
ul ol,
ul ul {
   margin-top:      0;
   margin-bottom:   0;
}

ol ul,				
ol ol ul,
ol ul ul,
ul ul,
ul ol ul,
ul ul ul {
   list-style:      square outside;
}

li {
   margin:          0;
   padding:         0;
}

dl {
   margin:          1em 0;
   padding:         0;
}

dt {
   font:            inherit;	/* Non considerea automaticamente il testo in grassetto */
   margin:          1em 0 0.25em 0;
   padding:         0;
}

dd {
   margin:          0 0 1em 2.5em;
   padding:         0;
}


/* Tabelle */
				/* Le tabelle non dovrebbero essere impiegate per l'impaginazione; questo è il ruolo specifico dei CSSS! */ 

table.simple {
   color:           inherit;
   background:      inherit;	/* Non definisce la trasparenza della tabella */
   border-collapse: collapse;
   border-spacing:  0;
   empty-cells:     show;
   margin:          0.5em 2.5em;
   padding:         0;
   border: 1px solid #870000;
}

table.simple caption {
   text-align:      center;
   caption-side:    top;
   margin:          0 2.5em 0.75em;
   padding:         0;
   border:          none;
}

table.simple td,
table.simple th {
   text-align:      center;
   vertical-align:  middle;
   margin:          0;
   padding:         0.25em 0.5em;
   border: 1px solid #870000;
}

table.simple th,
table.simple td.highlight,
table.simple th.highlight {
   font-weight:     bold;
   color:           inherit;
   background: #FFFFCC;
}

table.simple td.lighter,
table.simple th.lighter {
   color:           inherit;
   background: #FFFFCC;
}

table.simple td.left,
table.simple th.left {
   text-align:      left;
}

table.simple td.center,
table.simple th.center {
   text-align:      center;
}

table.simple td.right,
table.simple th.right {
   text-align:      right;
}


/* I seguenti elementi HTML non dovrebbero essere usati in documenti che impiegano il presente folgio di stile: 
address - si usi invece lo sile #footer
q       - si usi invece “ e ” 
*/


/********** Stili per il contenuto principale **********/

#main {
   text-align:      justify;
   line-height:     1.5;
   color:           black;
   background:      white;
   margin:          0 0 0 12.5em;
   padding:         0.25em 1.5em 0.5em 1em;
   border-left: 1px solid #870000;
}

#main h1 {			/* Dovrebbe essere usato una sola volta, seguento navhead */
   color: #870000;
   background:      transparent;
   margin:          0 0 0.5em 0;
}

#main .highlight {		/* Area di risalto (per avvertimenti, etc) */
   color:           inherit;
   background: #FFFFCC;
   margin:          1em 0;
   padding:         1em 2.5em;
   border: 1px solid #870000;
}

#main .totop {			/* Per le intestazioni nella FAQ, etc */
   font-size:       90%;
   text-align:      right;
   margin:          -0.75em 0 1em 0;
   padding:         0 0 0.25em 0;
   border-bottom: 1px solid #FFFFCC;
}

#main table.simple td.highlight,  /* Oppure "#main .highlight" lo sovrasciverà */
#main table.simple th.highlight {
   margin:          0;
   padding:         0.25em 0.5em;
}


/* Altri stili rapportati al contenuto principale */

#mainlink {			/* "Salta al contenuto principale" collegamento */
   display:         none !important;
}

#navhead {			/* "Percorso su questa pagina" informazione */
				/* Attenzione: non verrà stampato sulla carta */
   font-size:       90%;
}

#navhead hr {
   display:         none;
}

#endmain {
   visibility:      hidden;
   clear:           both;	/* Non sempre funziona con IE/Win */
}


/********** Stili per le arre flottanti **********/

/* "navbox" viene impiegato per fornire i collegamenti; non viene stampato sulla carta.
"floatbox" viene impiegato per definire delle aree galleggianti che possono apparire in un qualunque posto all'interno dell'area principale; verrà stampato  */
.floatbox,
.navbox {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   margin:          0 0 0.75em 1.5em;
   padding:         0.5em 1em;
   border: 1px solid #870000;
   float:           right;
   clear:           right;
}

.floatbox2 {
   overflow:        visible;
   font-size:       95%;
   margin:          1em;
   padding:         1em;
   border: 1px solid #870000;
   float:           right;
   clear:           right;
	color:           black;
   background: #FFFFCC;
	width: auto;
}

.floatbox {
   color:           black;
   background: #FFFFCC;
   width:           35%;
}

.navbox {
   text-align:      left;
   color:           black;
   background:      white;
   width:           12.5em;
}

.floatbox hr,			/* Usato per i browser che non supportano i folgi di stile */
.navbox hr {
   display:         none !important;
}

.floatbox p,
.navbox p {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox ol,
.floatbox ul {
   margin:          0.75em 0;
   padding:         0 0 0 1.5em;
}

.navbox ol,
.navbox ul {
   margin:          0.5em 0;
   padding:         0 0 0 1.5em;
}

.floatbox blockquote {
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox pre {
   font-size:       95%;
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0 0.25em 0;
   padding:         0;
}

.floatbox dd {
   margin:          0 0 0.75em 1.5em;
   padding:         0;
}

#main .floatbox .highlight {
   color:           inherit;
   background:      white;
   margin:          0.75em 0;
   padding:         0.75em 1.5em;
}

#main .floatbox table.simple {
   margin:          0.75em 0;
}

#main .floatbox table.simple th,
#main .floatbox table.simple td.highlight,
#main .floatbox table.simple th.highlight {
   color:           inherit;
   background:      white;
   margin:          0;
   padding:         0.25em 0.5em;
}


/********** Stili per le intestazioni **********/

/* In questo foglio di stile, le intestazioni sono divise in tre parti: left, right and subheader.
La parte di sinistra potrebbe essere un'immagine.            */

#header {			/* Attenzione: non verrà stampato sulla carta */
   color: #870000;
   background: #FFDC00;
	background-image: url(grafica/img_header1.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#header a:link,
#header a:visited {
   color: #870000;
   background:      transparent;
}

#header .highlight,
#header a.highlight:link,
#header a.highlight:visited {
   color:           white;
   background:      transparent;
}

/* Parte sinistra dell'intestazione (idealmente un'immagine, ma potrebbe essere anche un collegamento) */

#header div.left {
   float:           left;
   clear:           left;
}

#header div.left img {
 /*  display:         block;	 Diversamente l'immagine è un elemento in linea e potrebbe generare delle aperture */
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       200%;
   font-weight:     bold;
   text-decoration: none;
   color:           white;
   background:      transparent;
}

#header div.left p {
   margin:          0 0 0 0.25em;
   padding:         0;
}

#header div.left .alt {
   color: #870000;
   background:      transparent;
}

#header div.testologo {
float:left;
   color: #870000;
   background: transparent;
	font-size:15px;
	text-align: bottom;
	margin-left: 25px;
	padding-top: 25px;
	display: inline;
}

#header div.immaginelogo {
float:left;
padding: 5px 10px 10px 10px;
display: inline;
}

/* La parte destra dell'intestazione è dedicata ai collegamenti esterni o generali etc. */

#header div.right {
   font-size:       90%;
   text-align:      right;
   margin:          0;
   padding:         0.5em 1.67em 0 1em;
   float:           right;
   clear:           right;
}

#header div.right a:link,
#header div.right a:visited {
   margin:          0;
   padding:         0 0.5em;
}

#header div.right form {
   margin:          0;
   padding:         0.25em 0 0 0;
}

#header div.right form input {
   font-size:       95%;
   vertical-align:  middle;
}

/* Subheader for global links */

#header div.subheader {
   color:           white;
   background: #870000;
   margin:          0;
   padding:         0.25em 1.5em 0.5em 0.5em; /* Per IE/Win */
   clear:           both;
}

#header > div.subheader {
   padding:         0.5em 1.5em 0.5em 0.5em; /* Per tutti gli altri browser */
}

#header div.subheader a:link,
#header div.subheader a:visited {
   font-weight:     bolder;
   color: #FFCC33;
   background:      transparent;
   margin:          0;
   padding:         0 0.5em;
}

#header div.subheader .highlight,
#header div.subheader a.highlight:link,
#header div.subheader a.highlight:visited {
   color: White;
   background:      transparent;
}


/********** Stili per la barra laterale sinistra **********/

#sidebar {			/* Attenzione: non verrà stampato sulla carta*/
   width:           12.5em;
   border-right: 1px solid #870000;
   float:           left;
   clear:           both;
}



#sidebar div {
   font-size:       95%;
   text-align:      left;
   margin:          0;
   padding:         0.5em 1em;
   border-bottom: 1px solid #870000;
}

#sidebar div.lighter {
   color:           inherit;
   background:      white;
}

#sidebar p {
   margin:          0.5em 0;
}

#sidebar .title a:link,
#sidebar .title a:visited {
   color:           black;
   background:      transparent;
}

#sidebar ul {
   list-style:      none outside;
   margin:          0.5em 0;
   padding:         0;
}

#sidebar ul li {
   margin:          0;
   padding:         0.125em 0;
}

#sidebar ul li.highlight {
   color:           inherit;
   background:      white;
   margin-left:     -1em;
   margin-right:    -1em;
   padding-left:    1em;
   border-top: 1px solid #870000;
   border-bottom: 1px solid #870000;
}

#sidebar ul li.highlight a:link,
#sidebar ul li.highlight a:visited {
   color:           black;
   background:      transparent;
}


/********** Stili per il piè di pagina **********/

#footer {
   font-size:       90%;
   text-align:      left;
   color:           white;
   background: #870000;
   margin:          0;
   padding:         0.5em 1.67em 0.5em 15.25em;
   clear:           both;
}

#footer a:link,
#footer a:visited {
   text-decoration: underline;
   color:           white;
   background:      transparent;
}

#footer hr {
   display:         none !important;
}

#sidebar #menuleft {
margin-left: 15px;
}