body,td,th {
	color: #0c0c0c;
}
a:link {
    color: #003366;
}
a:visited {
    color: #003366;
}

.Stile1 {
	font-family: Cetus;
	font-size: 24px;
}
.Stile2 
{   font-family: Cetus, Verdana;
    font-size: 36px}
.Stile3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.Stile4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
}
.Stile5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Stileante {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.Stilearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* Stili per i layers mobili, le scrollbar, ecc  

conten1:    contenitore esterno della parte che scrolla
rett1:      all'interno del porecedente, con il clip
foglio1:    layer che resta in parte nascosto, con tutto il testo
contenuto1: definisce lo stile nascosto per il layer che scrolla
dimensioni da regolare:
160px -> esterno totale
130px -> testo (esclusa barra di scroll)
160px -> altezza finestra

conten2:    contenitore esterno della parte che scrolla
rett2:      all'interno del porecedente, con il clip
foglio2:    layer che resta in parte nascosto, con tutto il testo
contenuto2: definisce lo stile nascosto per il layer che scrolla
dimensioni da regolare:
160px -> esterno totale
130px -> testo (esclusa barra di scroll)
90px -> altezza finestra
*/
div#conten1 { 
  position:relative; left:15px; top:15px;
  width:160px; height:160px; 
  overflow:hidden; z-index:100 }
div#rett1  { 
  position:absolute; left:0px; top:0px;
  width:130px; height:160px; 
  clip:rect(0px, 130px, 160px, 0px ); 
  overflow:hidden; z-index:1
  }
  

div#foglio1 { width:130px }
div.contenuto1 { 
  position:absolute; visibility:hidden; 
  left:0px; top:0px; z-index:100
   
  }  

div#conten2 { 
  position:relative; left:15px; top:5px;
  width:200px; height:130px; 
  overflow:hidden; z-index:100 }
div#rett2  { 
  position:absolute; left:0px; top:0px;
  width:180px; height:130px; 
  clip:rect(0px, 180px, 130px, 0px ); 
  overflow:hidden; z-index:1
  }
  

div#foglio2 { width:170px }
div.contenuto2 { 
  position:absolute; visibility:hidden; 
  left:0px; top:0px; z-index:100
   
  }  
/* per aggiungere titolo fisso
div#conten3 { 
  position:relative; left:15px; top:15px;
  width:475px; height:160px; 
  overflow:hidden; z-index:100 }
div#rett3  { 
  position:absolute; left:0px; top:0px;
  width:445px; height:160px; 
  clip:rect(0px, 445px, 160px, 0px ); 
  overflow:hidden; z-index:1
  }
  

div#foglio3 { width:445px }
div.contenuto3 { 
  position:absolute; visibility:hidden; 
  left:0px; top:0px; z-index:100
   
  }  
*/

div#conten3 { 
  position:relative; left:15px; top:10px;
  width:475px; height:145px; 
  overflow:hidden; z-index:100 }
div#rett3  { 
  position:absolute; left:0px; top:0px;
  width:445px; height:145px; 
  clip:rect(0px, 445px, 145px, 0px ); 
  overflow:hidden; z-index:1
  }
  

div#foglio3 { width:445px }
div.contenuto3 { 
  position:absolute; visibility:hidden; 
  left:0px; top:0px; z-index:100
   
  }  


div#conten4 { 
  position:relative; left:15px; top:10px;
  width:475px; height:115px; 
  overflow:hidden; z-index:100 }
div#rett4  { 
  position:absolute; left:0px; top:0px;
  width:445px; height:115px; 
  clip:rect(0px, 445px, 115px, 0px ); 
  overflow:hidden; z-index:1
  }
  

div#foglio4 { width:445px }
div.contenuto4 { 
  position:absolute; visibility:hidden; 
  left:0px; top:0px; z-index:100
   
  }  


/* elementi grafici:
barra1:     la "sede" della barra di scorrimento (altezza = finestra)
traccia1:   la "rotaia" di scorrimento (pił corta della precedente perchč non ha le frecce finali)
segnaposto1:    l'indicatore di posizione mobile
su1 e giu1:     le frecce per spostarsi su e gił
se non si vuole vedere la traccia e il segnaposto, mettere visibility:hidden
in questo caso le frecce possono essere spostate al centro cambiando 569px in un valore pił piccolo
e creando spazio verticale in modo che non finiscano sopra al testo
  */

div#barra1 { 
  position:absolute; 
  
  left:149px; top:0px;
  width:11px; height:160px; 
  font-size:1px; z-index:2
  }
div#traccia1 { 
  position:absolute; left:0px; top:12px;

  width:11px; height:136px;
  background: url("img/traccia.gif") #f2f2f2 repeat;
  z-index:1
  }
div#segnaposto1 {
  position:absolute; left:1px; top:101px;
  width:9px; height:20px;

  background-color:#f2f2f2;
  z-index:1
  }  

div#barra2 { 
  position:absolute; 
  
  left:189px; top:0px;
  width:11px; height:130px; 
  font-size:1px; z-index:2
  }
div#traccia2 { 
  position:absolute; left:0px; top:2px;

  width:11px; height:106px;
  background: url("img/traccia.gif") #ffffff repeat;
  z-index:1
  }
div#segnaposto2 {
  position:absolute; left:1px; top:41px;
  width:9px; height:20px;

  background-color:#ffffff;
  z-index:1
  }  

/* prova x titolo fisso
div#barra3 { 
  position:absolute; 
  
  left:464px; top:0px;
  width:11px; height:160px; 
  font-size:1px; z-index:2
  }
div#traccia3 { 
  position:absolute; left:0px; top:2px;

  width:11px; height:86px;
  background: url("img/traccia.gif") #ffffff repeat;
  z-index:1
  }
div#segnaposto3 {
  position:absolute; left:1px; top:41px;
  width:9px; height:20px;

  background-color:#ffffff;
  z-index:1
  }  
*/

div#barra3 { 
  position:absolute; 
  
  left:464px; top:0px;
  width:11px; height:145px; 
  font-size:1px; z-index:2
  }
div#traccia3 { 
  position:absolute; left:0px; top:2px;

  width:11px; height:71px;
  background: url("img/traccia.gif") #ffffff repeat;
  z-index:1
  }
div#segnaposto3 {
  position:absolute; left:1px; top:41px;
  width:9px; height:20px;

  background-color:#ffffff;
  z-index:1
  }  


div#barra4 { 
  position:absolute; 
  
  left:464px; top:0px;
  width:11px; height:115px; 
  font-size:1px; z-index:2
  }
div#traccia4 { 
  position:absolute; left:0px; top:2px;

  width:11px; height:91px;
  background: url("img/traccia.gif") #ffffff repeat;
  z-index:1
  }
div#segnaposto4 {
  position:absolute; left:1px; top:41px;
  width:9px; height:20px;

  background-color:#ffffff;
  z-index:1
  }  



div#su1 { position:absolute; left:0px; top:0px; z-index:2 }  
div#giu1 { position:absolute; left:0px; bottom:0px; z-index:3 }  
