/* Stili generici per l'elemento body */
body	 {
   scrollbar-face-color: #000000;
   scrollbar-shadow-color: #EEEEEE;
   scrollbar-highlight-color: #FFFFFF;
   scrollbar-3dlight-color: #C0C0C0;
   scrollbar-darkshadow-color: #C0C0C0;
   scrollbar-track-color: #FFFF00;
   scrollbar-arrow-color: #00FF00;

background-image: url("img/background.jpg");
margin			  : 0px 0px 0px 0px;
padding-bottom: 0px;
padding-left 	: 0px;
padding-right : 0px;
padding-top 	: 0px;
text-align 		: center;
font-size		  : 76%;
}



/* Stile della Sezione "principale"*/
#principale	{
border-bottom	: 0px solid black;
border-left		: 0px solid black;
border-right	: 0px solid black;
border-top		: 0px solid black;
padding-bottom: 0px;
padding-left 	: 0px;
padding-right : 0px;
padding-top 	: 0px;
margin			  : 0px 0px 0px -350px;
width			    : 700px;
text-align 		: left;
position		  : absolute;
left			    : 50%;
}

/* Stile della sezione "logo" */
#logo {
border-bottom	: 0px solid black;
border-left		: 0px solid black;
border-right	: 0px solid black;
border-top		: 0px solid black;
text-align		: left;
height			  : 115px;
width			    : 100px;
position		  : relative;
top				    : 45px;
left			    : 25px;
z-index			  : 1;
}



/* Stile della sezione "superiore" */
#superiore {
background-image	: url("img/sfondo_sup.jpg");
background-position	: center;
text-align			: center;
border-bottom		: 1px solid #000000;
border-left			: 1px solid #000000;
border-right		: 1px solid #000000;
border-top			: 1px solid #000000;
margin				  : 0px 0px 0px 0px;
padding-bottom 	: 0px;
padding-left 		: 0px;
padding-right 	: 0px;
padding-top 		: 0px;
height				  : 80px;
position			  : relative;
top					    : -20px;
z-index				  : 0;
}


/* Stile della sezione "titolo" */
#titolo {
text-align		  : left;
border-bottom	  : 0px solid #000000;
border-left		  : 0px solid #000000;
border-right	  : 0px solid #000000;
border-top		  : 0px solid #000000;
margin			    : 0px 0px 0px 0px;
padding-bottom 	: 0px;
padding-left 	  : 0px;
padding-right 	: 0px;
padding-top 	  : 0px;
height			    : 40px;
width			      : 300px;
position		    : absolute;
top				      : 55px;
left            : 135px;
}

/* Selettore contestuale di h1 della sezione "contenuto" */
#titolo h1 { 
font		: bold 18px Verdana;
color		: #3366FF;
margin			: 0px 0px 0px 0px;
}

/* Selettore contestuale di h2 della sezione "contenuto" */
#titolo h2 { 
font		: bold 12px Verdana;
margin			: 0px 0px 0px 0px;
}


/* Stile della sezione "titolo" */
#dataora {
font		: bold 8px Verdana;
text-align		  : right;
border-bottom	  : 0px solid #000000;
border-left		  : 0px solid #000000;
border-right	  : 0px solid #000000;
border-top		  : 0px solid #000000;
margin			    : 0px 0px 0px 0px;
padding-bottom 	: 0px;
padding-left 	  : 0px;
padding-right 	: 0px;
padding-top 	  : 0px;
height			    : 20px;
width			      : 238px;
position		    : absolute;
top				      : 78px;
left            : 455px;
}

#dataora form.input.text {
font: bold 12px Arial, Helvetica, sans-serif;
color: red;
background: #CCCCCC;
border: 1px solid #000000;
padding-right: 5px;
padding-left: 5px;
width: 140px;
}


/* Stile della sezione "menu" */
#menu {
text-align		  : center;
border-bottom	  : 0px solid #000000;
border-left		  : 0px solid #000000;
border-right	  : 0px solid #000000;
border-top		  : 0px solid #000000;
margin			    : 0px 0px 0px 158px;
padding-bottom 	: 0px;
padding-left 	  : 0px;
padding-right 	: 0px;
padding-top 	  : 3px;
height			    : 34px;
width			      : 560px;
position		    : relative;
top				      : 49px;
}


/* Selettore contestuale di table della sezione "menu" */
#menu table {
border		      : solid 0px #000000;
font		        : bold 11px Tahoma;
text-align	    : center;
}

/* Selettore contestuale di td(colonna) della sezione "menu" */
#menu   td { 
background		  : #3366FF;
border			    : solid 0px #000000;
height			    : 22px;
width			      : 80px;
}

/* Stile dei link della sezione "menu" */

#menu 	a{
text-decoration	: none;
color 			    : #FFFFFF;
}

#menu 	table  a:link {
text-decoration	: none;
}

#menu 	table  a:visited {
color 			: #FFFFFF;
text-decoration	: none;
}

#menu 	table  a:hover {
text-decoration	: none;
}

/* Stile della sezione "container" */
#container {
background		: #FFFFFF;
text-align		: left;
border-bottom	: 1px solid #000000;
border-left		: 1px solid #000000;
border-right	: 1px solid #000000;
border-top		: 1px solid #000000;
margin			: 0px 0px 0px 0px;
padding-bottom 	: 0px;
padding-left 	: 0px;
padding-right 	: 0px;
padding-top 	: 0px;
position		: relative;
top				: 0px;
}




/* Stile della sezione "contenuto" */
#contenuto {
background		: #FFFFFF;
text-align		: justify;
border-bottom		: 0px solid #CCCCCC;
border-left		: 0px solid #000000;
border-right		: 0px solid #000000;
border-top		: 0px solid black;
margin			: 0px 0px 0px 0px;
padding-bottom 	: 10px;
padding-left 	: 40px;
padding-right 	: 40px;
padding-top 	: 0px;
}


/* Selettore contestuale di h1 della sezione "contenuto" */
#contenuto h1 { 
font		: bold 20px Verdana;
color		: red;
}

/* Selettore contestuale di h2 della sezione "contenuto" */
#contenuto h2 { 
font		: bold 14px Verdana;
}

/* Selettore contestuale di b della sezione "contenuto" */
#contenuto b { 
font		: bold 12px Verdana;
color		: #000000;
}

/* Selettore contestuale di p della sezione "contenuto" */
#contenuto p { 
font		: 11px Verdana;
color		: #000000;
}

/* Selettore contestuale di p della sezione "contenuto" */
#contenuto ul { 
font				: 11px Verdana;
color				: #000000;
list-style-type		: square;
list-style-position	: outside;

}

/* Stile dei link della sezione "contenuto" */
#contenuto 	  a:link {
background 	:#FFFFFF;
color 		:#3366FF;
text-decoration	: none;
}

#contenuto 	a:visited {
background 	:#FFFFFF;
color 		:#3366FF;
text-decoration	: none;
}

#contenuto 	a:hover {
background 	:#FFFFFF;
color 		:red;
text-decoration	: none;
}


/* Stile della sezione "contenuto" */
#immagini {
width			    : 682px;
height        : 258px;
background		: #FFFFFF;
text-align		: justify;
border-bottom		: 0px solid #3366FF;
border-left		: 1px solid #3366FF;
border-right		: 1px solid #3366FF;
border-top		: 0px solid #3366FF;
margin			: -18px -30px -2px -33px;
padding-bottom 	: 0px;
padding-left 	: 0px;
padding-right 	: 0px;
padding-top 	: 0px;
}


/* Stile degli elenchi puntati */
ul.snf {
list-style-image	: url(img/bullets.png);
font				: 11px Tahoma;
width				: 160px;
margin				: 0px;
padding-left		: 20px; /* elimino i rientri delle liste */
}

ul.snf 				a{
display				: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration		: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding				: 1px; /* lascia spazio far il bordo del menu e il testo del link */
height				: 1.7em;
line-height			: 1.4em; /* altezza del link: height e line-height devono avere il medesimo valore */
background			: #FFFFFF;
color				: #000000;
}

/* colori per il link */
ul.snf  		 		a :link {
text-decoration		: none;
background			: #FFFFFF;
color				: #000000;
}

ul.snf  	     			a:visited {
text-decoration		: none;
background			: #FFFFFF;
color				: #000000;
}
 
ul.snf  				a:hover {
text-decoration		: none;
background			: #3366FF;
color				: #FFFFFF;
}


/* Stile della sezione "inferiore" */
#inferiore {
background-image	: url("img/sfondo_inf.jpg");
border-bottom		: 1px solid #000000;
border-left			: 1px solid #000000;
border-right		: 1px solid #000000;
border-top			: 1px solid #000000;
margin				: 0px 0px 0px 0px;
padding-bottom 		: 0px;
padding-left 		: 0px;
padding-right 		: 0px;
padding-top 		: 0px;
height				: 80px;
position			: relative;
top					: 20px;
}


/* Stile della sezione "inferiore-lingue" */
#inferiore-lingue {
text-align		: center;
border-bottom	: 0px solid black;
border-left		: 0px solid black;
border-right	: 0px solid black;
border-top		: 0px solid black;
margin			: 0px 0px 0px 0px;
padding-bottom 	: 0px;
padding-left 	: 0px;
padding-right 	: 0px;
padding-top 	: 4px;
height			: 50px;
width			: 240px;
position		: absolute;
top				: 14px;
left			: 10px; 
}

/* Selettore contestuale di table della sezione "inferiore-lingue" */
#inferiore-lingue table { 
border		: solid 0px #000000;
font		: bold 11px Verdana;
color		: #330099;
text-align	: center; 
}

/* Selettore contestuale di td(colonna) della sezione "inferiore-lingue" */
#inferiore-lingue td { 
width		: 50px;
}

#inferiore-lingue img { 
border		: 0px;
}


/* Stile della sezione "inferiore-login" */
#inferiore-login {
text-align		: center;
border-bottom	: 0px solid black;
border-left		: 0px solid black;
border-right	: 0px solid black;
border-top		: 0px solid black;
margin			: 0px 0px 0px 0px;
padding-bottom 	: 0px;
padding-left 	: 0px;
padding-right 	: 0px;
padding-top 	: 0px;
height			: 50px;
width			: 200px;
position		: absolute;
top				: 10px;
left			: 290px; 
}

/* Selettore contestuale di p della sezione "inferiore-login" */
#inferiore-login p { 
font		: bold 10px Verdana;
color		: #000000
}

/* Selettore contestuale di table della sezione "inferiore-login" */
#inferiore-login table { 
border		: solid 0px #000000;
font		: bold 8px Verdana;
}

/* Selettore contestuale di table della sezione "inferiore-login" */
#inferiore-login tr { 
height		: 20px;
}

#inferiore-login input#uid{ 
font-size			: bold 6px Verdana;
color				: #000000;
background-color	: #ffffff;
height				: 1.2em;
}

#inferiore-login input#psw{ 
font-size			: bold 6px Verdana;
color				: #000000;
background-color	: #ffffff;
height				: 1.2em;
}


/* Stile della sezione "inferiore-logoIGQ" */
#inferiore-logoIGQ {
text-align		: center;
border-bottom	: 0px solid black;
border-left		: 0px solid black;
border-right	: 0px solid black;
border-top		: 0px solid black;
margin			: 0px 0px 0px 0px;
padding-bottom 	: 0px;
padding-left 	: 0px;
padding-right 	: 0px;
padding-top 	: 0px;
height			: 50px;
width			: 150px;
position		: absolute;
top				: 16px;
left			: 530px; 
}

/* Stile della sezione "piepagina" */
#piepagina {
background-image: url("img/sfondo24-a.jpg");
border-bottom	: 0px solid black;
border-left		: 0px solid black;
border-right	: 0px solid black;
border-top		: 0px solid black;
height			: 30px;
position		: relative;
top				: -20px;
}


/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "piepagina" */
#piepagina p {
background-image: url("img/sfondo24-a.jpg");
color 			: #000000;
font 			: 9px Verdana;
margin			: 5px 0px 0px 0px;
text-align		: center;
vertical-align	: middle;
}

b.dataora {
color 			: #000000;
font 			: 10px Verdana;
}