div.base
{
	/*
		Contenitore del menù di navigazione.
	*/
	
	height: 48px;
	margin-top: 30px;
}

/*
	*** Livello 1 *********************************************************************************************************************************
*/

div.navbar
{
	/*
		Contenitore del primo livello del menù.
		Imposta l'aspetto, e le dimensioni, del primo livello del menù.
	*/
	position:relative;
	width: 976px;
	height: 25px;
	border-bottom: solid 1px #BBBBBB;
}

div.navbar ul.top
{
	/*
		Definisce l'aspetto della lista che contiene le voci 
		del primo livello del menù.
	*/
	list-style: none none outside;
	margin: 0px;
	padding: 0px;

}

div.navbar ul.top li
{
	/*
		Aspetto di base di TUTTI gli elementi della lista.
	*/
	float: left;
	padding: 2px 0px 0px 0px;
	height: 25px;
	font-size: 13px;
	border: solid 0px Transparent;
	cursor: pointer;
	width: auto !important;
	width: 150px;
	text-align: center;
	margin-right:2px;
	margin-left:0px;
}

div.navbar ul.top li.selected
{
	/*
		Aspetto base quando è selezionato
	*/
	padding: 0px;
}

div.navbar ul.top li.logo
{
	/*
		Aspetto dell'elemento che contiene il LOGO
	*/
	padding: 0px;
}

div.navbar ul.top li.flags
{
	/*
		Aspetto dell'elemento che contiene le BANDIERINE
	*/
	width:auto;
	padding:6px 4px 0px 4px;
}

div.navbar ul.top li.lrt
{
	/*
		Classe per l'allineamento a DESTRA degli elementi
		della lista.
	*/
	float: right;
	margin-left:2px;
	margin-right:0px;
}

div.navbar ul.top li div.contenuto
{
	/*
		Stile applicato al contenuto dell'elemento
		del menù quando l'elemento NON è selezionato.
	*/
	border-right: solid 1px #BBBBBB; 
	border-left: solid 1px #BBBBBB;
	height: 19px;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF;
}

div.navbar ul.top li.selected div.contenuto
{
	/*
		Stile applicato al contenuto dell'elemento
		del menù quando l'elemento è selezionato.
	*/
	
	height: 19px;
	padding: 2px 10px 0px 10px;
}

div.navbar ul.top li div.rtop div.r1
{
	/*
		Elemento per l'arrotondamento in Alto
	*/
	height: 1px;
	margin: 0 4px;
	display: block;
	overflow: hidden;
	background:#BBBBBB;
	border-right: solid 1px #BBBBBB;
	border-left: solid 1px #BBBBBB;
	padding: 0 6px;
}

div.navbar ul.top li div.rtop div.r2
{
	/*
		Elemento per l'arrotondamento a Metà
	*/
	height: 1px;
	margin: 0 2px;
	display: block;
	overflow: hidden;
	border-right: solid 2px #BBBBBB;
	border-left: solid 2px #BBBBBB;
	padding: 0 7px;
	background-color: #FFFFFF;
}
div.navbar ul.top li div.rtop div.r3
{
	/*
		Elemento per l'arrotondamento in Basso
	*/
	height: 2px;
	margin: 0 1px;
	display: block;
	overflow: hidden;
	border-right: solid 1px #BBBBBB;
	border-left: solid 1px #BBBBBB;
	padding: 0 9px;
	background-color: #FFFFFF;
}

/*
	*** Livello 2 *********************************************************************************************************************************
*/

div.navbar ul.top li div.sub
{
	/*
		Definisce l'aspetto della lista che contiene le voci 
		del secondo livello del menù.
	*/
	position: absolute;
	top: 26px;
	left: 0px;
	width: 974px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #BBBBBB;	
	border-right: solid 1px #BBBBBB;
	border-bottom: solid 1px #BBBBBB;
	z-index: 10;
}

div.navbar ul.top li.selected div.sub
{
	/*
		Stile applicato al secondo livello dell'elemento
		selezionato.
	*/
	z-index: 50;
}