/* XXX TEMPORANEO CSS */
/** { margin: 0; border: 0; padding: 0; }*/

/* Azzero margin, border e padding di tutti gli elementi che costituiscono la struttura */
/* XXX Verificare che non abbia dimenticato nulla */
html, body, div, h1 { margin: 0; border: 0; padding: 0; }
#h2, #h2 li { margin: 0; border: 0; padding: 0; }
#side ul, #side ul li { margin: 0; border: 0; padding: 0; }
#gallery ul, #gallery ul li { margin: 0; border: 0; padding: 0; }

body {
	/*padding-top: 2.5ex;*/
	padding-top: 1.9ex;	/* 2.5*(font-size di #top) */
	padding-bottom: 100px;
	/* Vedere se ci vuole
		Opera mette una barra di scorrimento quindi OK
	*/
	/*overflow: hidden;*/ /* Si fotta Opera */
	/*Oppure:*/
	/*overflow: hidden;	/* Per Opera */
	overflow-x: auto;	/* Gecko/IE: vedere safari e khtml */
	overflow-y: auto;
}

#content {
	position: relative;
	z-index: 3;
	left: 150px;
	width: 380px;
	margin: 10px;
}

#top {
	position: fixed;
	z-index: 4;
	left: 0; top: 0;
	width: 100%;
	/* XXX 2.5ex va bene se font-size è 100% e il testo non discende.
	       Se ci sono lettere discendenti occorre 3ex.
	       Qui non c'è problema: il font-size degli elementi contenuti è 80%
	height: 2.5ex;
	*/
	/* Ho dovuto modificare. Mi serve la misura in pixel per la posizione dell'immagine di sfondo */
	height: 15px;
	/* NEW */
	width: 813px;
	border-right: 1px solid #5d5d5d;
}

h1 {
	position: fixed;
	z-index: 5;
	bottom: 0;
	height: 97px;
	width: 100%;
	/*left: 0;*/
	border-top: 3px;
	/* NEW */
	width: 813px;
	border-right: 1px;
}

#h2 {
	position: fixed;
	z-index: 6;
	bottom: 0;
	height: 62px;
	width: 100%;
	border-top: 3px;
	list-style-type: none;
	/* NEW */
	width: 813px;
	border-right: 1px;
}

#side {
	position:  fixed;
	z-index: 3;
	/*top: 2.5ex;*/
	top: 15px;
	bottom: 100px;
	width: 149px;
	border-right: 1px;
}

#right {
	position:  fixed;
	z-index: 3;
	left: 550px;
	/*top: 2.5ex;*/
	top: 15px;
	bottom: 100px;
	/*right: 0;*/
	border-left: 1px;
	/* NEW - ho anche commentato 'right' */
	width: 262px;
	border-right: 1px;
}


/* XXX TEMPORANEO */
/*#content p { padding-left: 1em; padding-right: 1em; }*/
/* XXX TEMPORANEO */
/*#content h2 { padding-left: 1em; padding-right: 1em; padding-top: 1em; }*/

#h2 li {
	/* IMPORTANTE */
	/* Non ci devono essere spazi tra i "li" */
	display: inline;
	padding: 0 .5em 2.5ex .5em;
	border-right: 3px;
	/* Elimino dello spazio bianco superiore che non so perché c'è...
	   Verificare la compatibilità tra i vari programmi */
	position: relative; top: -1px;
	/*background-color:#0f0;*/
}

#h2 li a {
	position: relative;
	top: 2.5ex;
	padding: 3px;
	/*background-color:#00f;*/
}
#h2 li a.active
{
	/*top: 1.5ex;*/
}

#side ul {
	list-style-type: none;
}

#gallery {
	/*position: absolute;*/
	position: relative;	/* Con absolute Opera 8.54 non visualizza la galleria */
	left: 10px;
	top: 10px;
	width: 240px;
	height: 200px;	/* 180 + 20 */
	/*margin: 0 auto;*/
	border-top:   1px;
	border-left:  1px;
	border-right: 1px;
	/* background-image: url("img/00t.jpg");				per IE6 e prec. nessuna immagine */
	background-repeat: no-repeat;
	/*background-position: center 10px;*/
	background-position: center 0px;
	/*background: #ddd;*/
}
#gallery:hover {
	background-image: none;
}

#gallery ul {
	margin: 0; padding: 0;
	width: 240px;
	height: 20px;
	list-style-type: none;
	margin-top: 180px;
	height: 18px; border-top: 1px; border-bottom: 1px;
	/*background: red;*/
}
#gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 20px;
	height: 18px;
}
#gallery ul li a, #gallery ul li a:visited {
	display: block;
	width: 10px;
	height: 8px;
	margin: 5px;
	text-align: center;
	background-color: #ccc;
}

/*#gallery ul li a.seconda {*/
	/*background-color: #0f0;*/
	/*position: relative;*/
	/*top: 1px;*/
/*}*/

#gallery ul li a:hover {
	background-color: #f00;
}
#gallery ul li a .image {
	display: block;
	height: 20px;
}
#gallery ul li a:hover .image {
	display: block;
	position: absolute;
	left: 0;
	width: 240px;
	top: -181px;
	height: 180px;
	background-repeat: no-repeat;
	background-position: center;
	/*background-color: yellow;*/
}
/*#gallery ul li a:hover span#i00 {background-image: url("img/00t.jpg"); left:    0px;}	 decrementi pari alla larghezza di li */
/*#gallery ul li a:hover span#i01 {background-image: url("img/01t.jpg"); left:  -20px;}*/
/*#gallery ul li a:hover span#i02 {background-image: url("img/02t.jpg"); left:  -40px;}*/
/*#gallery ul li a:hover span#i03 {background-image: url("img/03t.jpg"); left:  -60px;}*/
/*#gallery ul li a:hover span#i04 {background-image: url("img/04t.jpg"); left:  -80px;}*/
/*#gallery ul li a:hover span#i05 {background-image: url("img/05t.jpg"); left: -100px;}*/
/*#gallery ul li a:hover span#i06 {background-image: url("img/06t.jpg"); left: -120px;}*/
/*#gallery ul li a:hover span#i07 {background-image: url("img/07t.jpg"); left: -140px;}*/
/*#gallery ul li a:hover span#i08 {background-image: url("img/08t.jpg"); left: -160px;}*/
/*#gallery ul li a:hover span#i09 {background-image: url("img/09t.jpg"); left: -180px;}*/
/*#gallery ul li a:hover span#i10 {background-image: url("img/10t.jpg"); left: -200px;}*/
/*#gallery ul li a:hover span#i11 {background-image: url("img/11t.jpg"); left: -220px;}*/

#gallery ul li a:hover span#i00 {left:    0px;}	/* decrementi pari alla larghezza di li */
#gallery ul li a:hover span#i01 {left:  -20px;}
#gallery ul li a:hover span#i02 {left:  -40px;}
#gallery ul li a:hover span#i03 {left:  -60px;}
#gallery ul li a:hover span#i04 {left:  -80px;}
#gallery ul li a:hover span#i05 {left: -100px;}
#gallery ul li a:hover span#i06 {left: -120px;}
#gallery ul li a:hover span#i07 {left: -140px;}
#gallery ul li a:hover span#i08 {left: -160px;}
#gallery ul li a:hover span#i09 {left: -180px;}
#gallery ul li a:hover span#i10 {left: -200px;}
#gallery ul li a:hover span#i11 {left: -220px;}

#gallery ul li a:hover span#i12 {left:    0px; top: -199px;}	/* seconda riga */
#gallery ul li a:hover span#i13 {left:  -20px; top: -199px;}
#gallery ul li a:hover span#i14 {left:  -40px; top: -199px;}
#gallery ul li a:hover span#i15 {left:  -60px; top: -199px;}
#gallery ul li a:hover span#i16 {left:  -80px; top: -199px;}
#gallery ul li a:hover span#i17 {left: -100px; top: -199px;}
#gallery ul li a:hover span#i18 {left: -120px; top: -199px;}
#gallery ul li a:hover span#i19 {left: -140px; top: -199px;}
#gallery ul li a:hover span#i20 {left: -160px; top: -199px;}
#gallery ul li a:hover span#i21 {left: -180px; top: -199px;}
#gallery ul li a:hover span#i22 {left: -200px; top: -199px;}
#gallery ul li a:hover span#i23 {left: -220px; top: -199px;}

#gallery ul li a .dida {
	display: none;
}
#gallery ul li a:hover .dida {
	display: inline;
	position: absolute;
	top: 21px;	/* è il minimo. va aumentato per dare spazio */
	top: 41px;
	width: 240px;
	text-align: justify;
	color: #ccc;
	/*background-color: blue;*/
}
#gallery ul li a:hover span#d00 {left:    0px;}	/* decrementi pari alla larghezza di li */
#gallery ul li a:hover span#d01 {left:  -20px;}
#gallery ul li a:hover span#d02 {left:  -40px;}
#gallery ul li a:hover span#d03 {left:  -60px;}
#gallery ul li a:hover span#d04 {left:  -80px;}
#gallery ul li a:hover span#d05 {left: -100px;}
#gallery ul li a:hover span#d06 {left: -120px;}
#gallery ul li a:hover span#d07 {left: -140px;}
#gallery ul li a:hover span#d08 {left: -160px;}
#gallery ul li a:hover span#d09 {left: -180px;}
#gallery ul li a:hover span#d10 {left: -200px;}
#gallery ul li a:hover span#d11 {left: -220px;}

#gallery ul li a:hover span#d12 {left:    0px; top: 23px;}	/* seconda riga */
#gallery ul li a:hover span#d13 {left:  -20px; top: 23px;}
#gallery ul li a:hover span#d14 {left:  -40px; top: 23px;}
#gallery ul li a:hover span#d15 {left:  -60px; top: 23px;}
#gallery ul li a:hover span#d16 {left:  -80px; top: 23px;}
#gallery ul li a:hover span#d17 {left: -100px; top: 23px;}
#gallery ul li a:hover span#d18 {left: -120px; top: 23px;}
#gallery ul li a:hover span#d19 {left: -140px; top: 23px;}
#gallery ul li a:hover span#d20 {left: -160px; top: 23px;}
#gallery ul li a:hover span#d21 {left: -180px; top: 23px;}
#gallery ul li a:hover span#d22 {left: -200px; top: 23px;}
#gallery ul li a:hover span#d23 {left: -220px; top: 23px;}