/*Lo script gestisce menu principale e due sottomenu, è già pronto per un terzo sottomenu togliendo le parti commentate*/

ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 1000px; /*For KHTML, larghezza del menu principale completo */
  list-style: none;
  height: 28px;
}


ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 28px; /* altezza del contenitore se position=abslute (occupata dal menu) */
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 600px; /*larghezza del contenitore se posizionato in modo assoluto*/
  list-style: none;
  display: none;
  position: absolute;
  top: 28px; /* come sopra, altezza del contenitore, quindi distanza dei sottomenu, deve essere uguale all'altezza dei menu */
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden; /*contenitore nascosto*/
}

/* Menu principale */
ul#navmenu a {
	border: 1px solid #fff; /*bordo di ciascuna casella*/
	/*cell padding= px che contornano la casella*/ 
	/*cell spacing=px che dividono le caselle*/
	padding: 0 6px; 
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	font: bold 14px/26px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	width:186px;
	height: auto !important; /*posso mettere anche auto*/
	height: 1%; /*For IE*/
	color: #fff; /*colore del font*/
	background: #F9A800; /*colore dello sfondo non cliccato*/
	text-transform: uppercase; /*mette tutto maiuscolo*/ /*uppercase,lowercase,capitalize(iniziale maiuscola),none*/
	text-align: center;
}

ul#navmenu ul li {
  width: 500px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  text-align:left;
}


/* Menu principale Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #0FD621; /* colore sfondo al passaggio del mouse */
  color: #fff; /*colore del carattere al passaggio del mouse */
}

/* Primo sottomenu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #FFD784; /*colore sfondo*/
  color: #FF6317; /*colore carattere*/
  text-align: left;
  font-weight: normal;
  text-transform: none;
}

/* Primo sottomenu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background:  #0FD621; /* colore sfondo al passaggio del mouse */
  color: #FFF; /*colore del carattere al passaggio del mouse */
}

/* Secondo sottomenu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #CDDCEF; /*colore sfondo*/
  color: #366AB5; /*colore carattere*/
  text-align: left;
  font-weight: normal;
  text-transform: none;
}

/* Secondo sottomenu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #28829B;
  color: #FFF;
}

/* Terzo sottomenu /*in caso si voglia aggiungere
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li:iehover li a {
  background: #CDDCEF; /*colore sfondo
  color: #366AB5; /*colore carattere
  text-align: left;
  font-weight: normal;
  text-transform: none;
}

/* Terzo sottomenu Hover Persistence 
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li:iehover li a:hover,
ul#navmenu li.iehover li.iehover li:iehover li.iehover a {
  background: #28829B;
  color: #FFF;
}*/

ul#navmenu ul ul,
ul#navmenu ul ul ul {
/*ul#navmenu ul ul ul ul{  (riga per l'eventuale terzo menu)*/
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
/*ul#navmenu li:hover ul ul ul ul, */
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
/*ul#navmenu li.iehover ul ul ul ul { */
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
/*ul#navmenu ul ul ul li:hover ul, */
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
/*ul#navmenu ul ul ul li.iehover ul{ */
  display: block;
}

.Stile1 {color: #3B6FB8}