/****************************
	www.progettodighe.it - menu
	autore: Elvis Del Tedesco
	mailto: elvis.deltedesco(at)phante.com
	data:	14/10/2009
	ver: 	2.0
****************************/

/****************************
	Menu orizzontale Glossy Blue
****************************/
.glossymenu, .glossymenu_red, .glossymenu_pur{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	height: 46px;
	
	/*letter-spacing: 0.05em;
	line-height: 1em;*/
}

.glossymenu{
	background: url(../images/menub_bg.gif) repeat-x; /*tab background image path*/
}

.glossymenu_red{
	background: url(../images/menur_bg.gif) repeat-x; /*tab background image path*/
}

.glossymenu_pur{
	background: url(../images/menupu_bg.gif) repeat-x; /*tab background image path*/
}

.glossymenu li, .glossymenu_red li, .glossymenu_pur li{
	float:left;
	
	list-style: none;
}

.glossymenu li a, .glossymenu_red li a, .glossymenu_pur li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b, .glossymenu_red li a b, .glossymenu_pur li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.active a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu_red li.active a, .glossymenu_red li a:hover{
	color: #fff;
	background: url(../images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu_pur li.active a, .glossymenu_pur li a:hover{
	color: #fff;
	background: url(../images/menupu_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.active a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.glossymenu_red li.active a b, .glossymenu_red li a:hover b{
	color: #fff;
	background: url(../images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.glossymenu_pur li.active a b, .glossymenu_pur li a:hover b{
	color: #fff;
	background: url(../images/menupu_hover_right.gif) no-repeat right top; /*right tab image path*/
}


/****************************
	Menu orizzontale
****************************/
ul.nav {
	height:3em; line-height:2em; /* imposta un'altezza che contenga le voci di menu*/
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	width:auto;
	position:relative;
	display:block;
	background:url(../images/bck_menu_ul.png) repeat-x bottom left;
	
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
	
ul.nav li {
	float: left;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0;	
}

ul.nav li.active {
	font-weight: bold;
	color: #000;
	background:url(../images/bck_menu_ul_active.png) repeat-x bottom left;
}
	
ul.nav li a {
	float: left;
	padding: 0.5em 0.5em 0.5em 0.5em;
	
	text-decoration: none;
}

ul.nav li a:link, ul.nav li a:visited {
	color: #000;
}

ul.nav li a:hover {
	font-weight: bold;
	color: #d00;
	/*background:url(../images/bck_menu_ul_over.png) repeat-x bottom left;*/
}

/****************************
	Menu verticale 
****************************/
ul.vert_nav {
	list-style: none;
	margin:0.1em; 
	padding:0.5em;
}

ul.vert_nav li a {
	text-align: left;
	font-size: 0.7em;
	
	display: block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding: 0 0.5em; /* lascia spazio far il bordo del menu e il testo del link */
	height: 2em;
	line-height: 2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}

ul.vert_nav li { 
	display: inline; /* elimina lo spazio fra gli elementi della lista introdotto da Opera */
} 

ul.vert_nav li { 
	text-transform: uppercase;
	/*border-right: thin solid #666;
	border-bottom: thin solid #666;
	border-left: thin solid #666;*/
}

ul.vert_nav li a:link, ul.vert_nav li a:visited {
	background: transparent;
	border-left:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	color: #000;
}

ul.vert_nav li a:hover, ul.vert_nav li a:active {
	color: #000;
	background: #ccc;
}

ul.vert_nav li a.active {
	font-weight: bold;
	color: #000;
}