body	 {
background-image: url("img/sfondo24-a.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 #cccccc;
border-right	: 0px solid #cccccc;
border-top		: 0px solid black;
padding-bottom 	: 1px;
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			: right;
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 "menu" */
#menu {
text-align		: center;
border-bottom	: 0px solid #CCCCCC;
border-left		: 0px solid #CCCCCC;
border-right	: 0px solid #CCCCCC;
border-top		: 0px solid #CCCCCC;
margin			: 0px 0px 0px 248px;
padding-bottom 	: 0px;
padding-left 	: 0px;
padding-right 	: 0px;
padding-top 	: 3px;
height			: 34px;
width			: 450px;
position		: relative;
top				: 49px;
}


/* Selettore contestuale di table della sezione "menu" */
#menu table {
border		: solid 0px #000000;
font		: bold 13px 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 	table  a:link {
text-decoration	: none;
}

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

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




/* Stile della sezione "lista" */
#lista {
background		: #FFFFFF;
text-align		: left;
border-bottom	: 1px solid #CCCCCC;
border-left		: 1px solid #000000;
border-right	: 1px solid #CCCCCC;
border-top		: 0px solid #CCCCCC;
margin			: -20px 0px 0px 0px;
padding-bottom 	: 0px;
padding-left 	: 5px;
padding-right 	: 0px;
padding-top 	: 0px;
width			: 180px;
height			: 500px;
float			: left;
}

/* Selettore contestuale di b della sezione "lista" */
#lista b { 
font			: bold 11px Arial;
color			: #0946FF;
padding-left 	: 2px;
}

/* Selettore contestuale di tabella della sezione "lista" */
#lista  			table { 
width			: 180px;
font			: bold 12px Arial;
color			: #FFFFFF;
border			: solid 0px;
background-color: #3366FF;
}

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 "prodotto" */
#prodotto {
background		: #FFFFFF;
text-align		: justify;
border-bottom	: 0px solid black;
border-left		: 0px solid black;
border-right	: 1px solid #000000;
border-top		: 0px solid #CCCCCC;
margin			: 0px 0px 0px 188px;
padding-bottom 	: 20px;
padding-left 	: 20px;
padding-right 	: 10px;
padding-top 	: 20px;
position		: relative;
top				: -20px;
left			: 0px;
height			: 450px;
}

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

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

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

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

/* Stile della sezione "inferiore" */
#inferiore {
background-image	: url("img/sfondo_inf.jpg");
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;
height				: 80px;
position			: relative;
top					: -20px;
clear				: left;
}


/* 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;
}

/* 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;
}