#MENUhor{
	height:20px;
	}
	
.menu{
	list-style:none;
	height:30px;
	/*si vull posar imatge degradada de fons per al menu
	background:#FFF url(../img/degradado.png) bottom repeat-x;
	background-color:#999;
	*/
	}
	
.menu ul{
	display:none;
	}	
	
.menu li{
	width:106px;
	display:block;
	float:left; /*per a que elmts del menu ixquen a l'esquerra*/
	position:relative; 
	z-index:999; /*la capa més elevada de totes*/
	}
	
.menu li a{
	display:block;
	color:#666;
	padding:7px;
	text-decoration:none;
	}
.menu li a:hover{
	color:#6C0;
	background-color:#CCC;
	}
.menu li a:active{
	color:#FFF;
	background-color:#CCC;
	}
/* elements de segon nivell */

.menu li ul{
	position:absolute;
	top:25px;
	background-color:#CCC;
	}
	
.menu li ul li{
	width:159px;
	}
	
.menu li ul li ul{
	position:absolute;
	left:117px;
	}
	

	
#MENUvertical{
	width:inherit;
	text-align:left;
	height:inherit;
	display:inline-block;
	}
	
.menuVER{
	list-style:none;
	height:318px;
	background:#FFF url(../img/degradat_mvHOR.png) bottom repeat-y;
	color:#666;
	text-align:left;
	}
	
.menuVER ul{
	display:block;
	}	
	
.menuVER li{
	padding-top:25px;
	padding-left:10px;
	display:block;
	position:relative; 
	z-index:999; /*la capa més elevada de totes*/
	}
	
.menuVER li a{
	display:block;
	color:#FFF;
	padding:5px;
	text-decoration:none;
	}
.menuVER li a:hover{
	color:#6C0;
	}
.menuVER li a:active{
	color:#6C0;
	}
/* elements de segon nivell */

.menuVER li ul{
	position:absolute;
	top:25px;
	}
	
.menuVER li ul li{
	width:auto;
	}
	
.menuVER li ul li ul{
	position:absolute;
	}
	
.menuVER li ul li ul a{
	color:#FFF
	}

	
.menuVER li ul li ul a:hover{
	color:#6C0;
	background-color:#F00;
	}
	
.menuVER li ul li ul a:active{
	color:#6C0;
	background-color:#FFF;
	}