H1
{
  margin:0px;
  padding:0px;
  color:brown;
  font-size:22px;
  font-weight:bold;
  margin-bottom:30px;
  text-align:center;
}

H2
{
  margin:0px;
  padding:0px;
  color:brown;
  font-size:17px;
  font-weight:bold;
  text-align:justify;
}

H3
{
  margin:0px;
  padding:0px;
  color:brown;
  font-size:13px;
  font-weight:bold;
  text-align:justify;
}

H4
{
  margin:0px;
  padding:0px;
  color:brown;
  font-size:13px;
  text-align:justify;
  display:inline;
  font-style:italic;
}

STRONG
{
  font-weight:bold;
}

EM
{
  font-style:italic;
}
    
BODY
{
  margin:0px;
  padding:0px; /*Entrambi servono ad appiccicare il sito al margine superiore della finestra*/
  font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
  font-size:13px;
  line-height:20px;
  text-align:center;   /*CENTRA IN INTERNET EXPLORER 5.x e 6*/
}

/*******************************************************************************************************************/


/*Le opzioni seguenti si applicano solo al DIV con id=container. Si puo' quindi evitare l'uso di CLASS e si ottiene
anche una maggiore robustezza contro gli errori.
E' FONDAMENTALE RICORDARE CHE SICCOEM TUTTI GLI ELEMENTI HANNO UN POSIZIONAMENTO CHE VIENE INFLUENZATO DALLE PROPRIETA'
DEL CONTAINER, LE OPZIONI DI ESSO DEVONO ESSERE MODIFICATE CON ATTENZIONE.*/
DIV#container
{
  width:960px;            /*Larghezza di fatto del sito (tipicamente: 760px->800x600 e 960px->1024x768)*/
  margin:0px auto;        /*CENTRA NEGLI ALTRI BROWSER CHE NON SIANO "IE" IN CUI SI CENTRA CON LA REGOLA PRECEDENTE*/
  text-align:justify;     /*RIPRISITINA L'ALLINEAMENTO, ALTRIMENTI IL TESTO SAREBBE AL CENTRO PER LA REGOLA DI PRIMA*/
  border:solid 1px brown;
}
/*-----------------------------------------------------------------------------------------------------------------*/

/*Le opzioni seguenti si applicano solo al DIV con id=header. Si puo' quindi evitare l'uso di CLASS e si ottiene
anche una maggiore robustezza contro gli errori.*/
DIV#header
{
  color:white;  /*Colore del testo dell'header*/
  background-image:url('../immagini/sfondo_header1.jpg'); /*L'intestazione viene inserita ocmpletamente come immagine di sfondo*/
  background-position:center top;
  background-repeat:no-repeat;
  height:163px; /*per forzare la dimensione è necessario che sia uguale all'altezza dell'oggeto sopra importato*/
}

/*Le opzioni seguenti si applicano solo al DIV con id=content. Si puo' quindi evitare l'uso di CLASS e si ottiene
anche una maggiore robustezza contro gli errori.*/
DIV#content
{
  padding-right:40px;
  padding-left:100px;
  padding-top:30px;
  clear:both;
  background-image:url('../immagini/sfondo_content1.jpg'); /*Diventa il colore del sommario*/
  background-repeat:repeat-y;
  background-position:center top;
}

/*Le opzioni seguenti si applicano solo al DIV con id=navigation. Si puo' quindi evitare l'uso di CLASS e si ottiene
anche una maggiore robustezza contro gli errori.*/
DIV#navigation
{
  line-height:12px;
  padding-top:27px;
  padding-bottom:5px;
  background-image:url('../immagini/sfondo_navigation1.jpg');
  background-position:center top;
  background-repeat:no-repeat;
  float:left;
}

/*Le opzioni seguenti si applicano solo al DIV con id=footer. Si puo' quindi evitare l'uso di CLASS e si ottiene
anche una maggiore robustezza contro gli errori.*/
DIV#footer
{
  text-align:center;
  background-image:url('../immagini/sfondo_footer1.jpg'); /*L'intestazione viene inserita ocmpletamente come immagine di sfondo*/
  background-repeat:no-repeat;
  background-position:center top;
  height:100px; /*per forzare la dimensione è necessario che sia uguale all'altezza dell'oggetto sopra importato*/
  color:black;
}

/*******************************************************************************************************************/

DIV#footer a  /*Specifica che ogni link nel footer deve avere il seguente aspetto, ma appunto SOLO quelli nel footer*/
{
  color:blue;
  font-weight:bold;
  text-decoration:underline;
}

/*******************************************************************************************************************/

A
{
  color:blue;
}

/*Stili per un sommario html*/

DIV#navigation ul#nav1, DIV#navigation ul#nav2
{
  list-style:none; /*serve a sfruttare la struttura di un elenco puntato senza che appaia come tale*/
  margin:0px;
  padding:0px;
  font-family:'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
  /*font-family:/*Georgia,'Bookman Old Style',Garamond,*//*'Times New Roman',serif;*/
  font-size:16px;
  font-style:italic;
  font-weight:bold;
  width:860px;
  display:inline;
}

DIV#navigation ul#nav1
{
  float:right;
  margin-bottom:8px;
}

DIV#navigation ul#nav2
{
  /*border:solid 1px blue;*/
  float:left;
}
     
DIV#navigation ul#nav1 li, DIV#navigation ul#nav2 li
{
  float:right; /*I list-item verranno affiancati attaverso la proprietà float e...*/
  margin:0 10px 0; /*... Separati da un margine sul lato destro*/
  padding:0px; /*Il padding di default viene azzerato*/
  /*border:solid 1px red;*/
}

DIV#navigation ul#nav1 a, DIV#navigation ul#nav2 a
{
  float:left; /*float per essere "auto-adattanti" in larghezza*/
  padding:0px 0px 0px 0px; /*elementi float sono resi automaticamente block-level. Viene specificato un padding sinistro*/
  text-decoration:none;
  width:171px;
  height:42px;
  outline:none;
  -moz-outline:none;
  /*border:solid 1px green;*/
}

DIV#navigation ul#nav1 a
{
  background:url(../immagini/tab.jpg) no-repeat top left;
  color:yellow;
}

DIV#navigation ul#nav2 a
{
  background:url(../immagini/tab2.jpg) no-repeat top left;
  color:brown;
}

UL#nav1 span, UL#nav2 span
{
  float:left;
  padding-top:12px;
  cursor:pointer;
  white-space:nowrap;
  text-align:center;
  width:100%;
  height:30px;
}


/*DIV#navigation ul#nav1 li#activelink, DIV#navigation ul#nav1 a:hover, DIV#navigation ul#nav2 li#activelink, DIV#navigation ul#nav2 a:hover
{
  background:url(../immagini/tab2.jpg) no-repeat top left;
}*/

DIV#navigation ul#nav1 li#activelink span, DIV#navigation ul#nav1 a:hover,
DIV#navigation ul#nav2 li#activelink span, DIV#navigation ul#nav2 a:hover
{
  /*background:url(../immagini/tab2.jpg) no-repeat top right;*/
  color:/*#184D8A*/blue; /*colore del testo*/
}

DIV#footer a:hover
{
  color:brown;
}

/*******************************************************************************************************************/

FIELDSET
{
  border:solid;
  border-width:1px;
  border-color:brown;
  padding:3px;
  margin:0px;
  text-align:center;
}

LEGEND
{
  color:brown;
  font-weight:bold;
}