/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
z-index:999;
	LEFT: -1000px; 
	OVERFLOW: hidden; 
	POSITION: absolute; 
	TOP: -1000px;
	}
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	POSITION: absolute; 
	z-index:999;
	}

/* this table comprises all menu items. each TR is one item. 
It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it 
comprende lo sfondo nero che sposto giù con top: ..*/

.transMenu .items {
z-index:999;
	position:relative;
	border:none;
	left:0px; top:-1px; right:0px; 
	text-indent:3px;
	width = 10px;
	background-image: url(img/baseriga.gif);	
		/*border-bottom:1px solid #ffffff;*/
	}
.transMenu.top .items {
z-index:999;
border-top: none;
border-bottom: none;
border-right: none;
background-color: #ffffff;
	
	}

/* each TR.item is one menu item */
/* definisce gli elementi della tendina*/
.transMenu .item{
z-index:999;
	background-color: #f14813;
	COLOR: #FFFFFF;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	margin: 0px;
	border-right: none;
	height:19px;
	
	display:block;
	border:none;
	/* 	width:150px;
this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	cursor:pointer;
	/*questo lo fa solo su Mozilla, quindi non va bene
	border-bottom: 1px solid #ffffff;*/	
	background-image: url(img/baseriga.gif);	
	}
	
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px;
	top:0px;
	height:0px;
	z-index:1;
	/*-moz-opacity:.1;
	filter:alpha(opacity=10);*/
	border-bottom-width: 0px;
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:0px; 
	width:0px;
	/*-moz-opacity:.01;
	filter:alpha(opacity=1);*/
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG 
*/
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:0px; 
	height:0px;
	/*-moz-opacity:.01;
	filter:alpha(opacity=1);*/
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
background: #EC8E1B;
COLOR: #FFF;
background-image: url(img/baseriga.gif);	

}
/*questo sotto è il colore del rollover del font della tendina*/
.transMenu .item.hover td {
color:#fff;


}
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}
.transMenu .item#active {
	BACKGROUND: #ccc;
	COLOR: #FFFFFF;
	
	}
.transMenu .item#active.hover {
	COLOR: #FFFFFF;
	background:#ccc;
	
	}
	.transMenu .item tr{
	border-bottom:1px solid #ffffff;
	
	}
	/* questo sotto è il font del sottomenu(item) */	
.transMenu .item td{
	color:#FFFFFF;
	font-weight:bold;

	/*se metto questo su Mozilla fa la riga lunga come il testo ma su IE finalmente la fa..
	border-bottom:1px solid #ffffff;*/

}
/* For first level menu.*/
/* tutte le voci principali del menu. */
#wrapMenu {
z-index:999;
   margin: 0px;
   padding: 0px;
   background-color: #cccccc;
   height: 26px;
   align: center;
}
#topMenu {
z-index:999;
 border-left: none
	border-right: none
	border-top: none

}
/* sempre le voci principali del menu. */
a.mainlevel-trans:link, a.mainlevel-trans:visited {
   font-family: Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 10px;
   font-weight:normal;
   color:#000;
   white-space:nowrap;
   line-height: 26px;
   border-right: 1px solid #Ffffff;
   display: block;
   height: 26px;
   width:auto;
   margin: 0px;
   padding: 0px 4px 0px 3px;
}
a.mainlevel-trans:hover {
	BACKGROUND: #f14813; COLOR:#FFFFFF
}
a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
   font-family: Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 11px;
   font-weight:bold;
   color:#FFFFFF;
   white-space:nowrap;
   line-height: 26px;
   /*border-right: 1px solid #Ffffff;*/
   border-right: none;
   display: block;
   height: 26px;
   width:auto;
   margin: 0px;
   padding: 0px 15px 0px 29px;
   /*background: url(img/arrow.png) 12px 10px no-repeat;*/
   
}
a.mainlevel_active-trans:hover {
  color:#FFFFFF;
}
/* End added */