#panel{ margin:0px;padding:0px;text-decoration:none;list-style:none;list-style-position:outside;list-style-image:none;font-weight:normal;}

body {
  font-family: Arial;
  font-size:12px;
  margin:0 auto;
}
h1 {
  font-size:1em;
  padding:.7em 30px .2em 30px;
  color:#4B4B4B;
  text-transform: uppercase;
  border-bottom:1px solid #fff;
  margin-bottom:.3em;
}
.fisso{
  margin:-2px; 
}
.fissoopen{
  margin:-2px; 
}
#panel h2{
  font-family: Verdana;
  font-size:11px;
 /* color:#346977; */
  color:#4B4B4B;
  text-transform: uppercase;
  font-weight:bold;
}
#panel {	
  padding:0px;
  /* background-color:#eef1f6; */
  /* background-color:#8CC3F7;*/
 background-image:url(http://www.amgaenergiaeservizi.com/CMS/img/sf_menu_sx.gif);
 /* background-color:#EEF2F6; tutto in sfondo grigio */ 
}
#panel li {
  position:relative;
  padding:2px;
  list-style:none;
  text-decoration:none;
  
  border-bottom:1px solid #ffffff;  /* bordo separatore tra sottoelementi */
  border-top:1px solid #4B4B4B;  /* bordo separatore tra sottoelementi */  
/*  border-bottom:1px solid #8CC3F7;  /* bordo separatore tra sottoelementi */
/*  border-top:1px solid #EEF2F6;  /* bordo separatore tra sottoelementi */  
}
#panel a {
  display:block;
  text-decoration:none;
  color:#ffffff;
}
#panel h2 a {
  line-height:28px;
  font-size:10px;
  color:#ffffff;
  text-align:left;
  padding:0 5px;
}

#panel h2:HOVER {
  /* color:#376879; */
  color:#FFFFFF;
}
/* Fix IE. Hide from IE Mac \*/
/*
* html ul li table{ float: left; width:249px;}
* html ul li a table{ height: 1%; }
/* End */

  
#panel .open{
  padding:1px 0;
  margin-bottom:-5px;
}
#panel li h2{
  margin:1px 5px 1px 20px;
  list-style: none;
  cursor: pointer;
 /* border-bottom:1px solid #ffffff; */
}
#panel .open h2 {
/* elenco livello 0 */
  position:relative;
  z-index:2;
  /*  background-color:#b1c3d9; verdone */
  /* background-color:#8CC3F7;*/
/*  color:#376879; */
  color:#FFFFFF;
/*  width:230px;*/ 
}
#panel .open a h2 {
  text-align:left;
  color: #ffffff;
  padding:0; 
  margin:5px 5px 10px 25px;
}
#panel .open span {
/* lo spazietto bianco tra il sottomenu aperto e la voce che gli sta sotto */
  display:block;
/*  height:-2px; */
}
#panel .open ul {
/*  padding:24px 15px 3px 15px;*/
/* margin:-27px 0 0 0; */
  margin:0px; 
  padding: 0px; 
/*  width:200px;*/ 
}
#panel .open li {
/* margin:1px 5px 1px 1px; */ 
  margin:0px 0px 0px 0px; /* senso orario */
  border-bottom:1px solid #ffffff;  /* bordo separatore tra sottoelementi */
  border-right:1px solid #ffffff;  /* bordo separatore tra sottoelementi */
/*  background-color:#ff9e01; arancione */
  background-color:#FFFFFF;
  /* width:200px; */   
}

#panel .open ul a {

  font-family: Verdana;
  font-weight: bold;
  text-decoration : none;
  color : #FF9E00;
  text-transform: uppercase;
  
  text-align:left;
  padding: 0 5px;
  margin-left:35px;  /* a che distanza cominciano i link del sottomenu */
  font-size: 9px;
/*  line-height:18px; */
/*  color: #ffffff; */
/*  text-decoration:none;  margin: 4px;*/
/* 	padding: 5px 20px 5px 20px;*/
}

#panel .open ul a:hover {
  background-image:none;
  color: #ffffff;
}
#panel .open ul a img {
  border:0px solid;
  float:left;
  padding:1px;
  margin:0px;
  margin-left:-5px;
}


#panel li ul {
  display:none;
}
#panel .open ul {
  display:block;
}
* html #panel h2 a:hover {
  background:transparent none;
}
* html #panel .open ul {
  background:transparent none; 
}
* html #panel .open span {
  background:transparent none;
}
* html #panel .open {
  background:transparent none;
}
* html #panel {float:left;}
* html #panel .open li span {display:inline;list-style-position:inside;}
* html #panel .open a {background-position:0px 0px;}
