/***** STYLING MAINMENU ****/

ul.menulist{
	margin-top: 4px;
	}

.menulist, .menulist  ul { 
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:11px;
 margin: 0;
 padding: 0; 
 list-style: none; 
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 10px; 
 margin-top: 14px; 
 left: -1px;
 width: 500px; 
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -15px; 
 margin-top: 5px; 
 left: -148px; /*si es positiu está a la dreta */
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/

.menulist li {
 float: left;
 display: block;
 position: relative;
 /*border: 1px solid #330;*/
 margin-right: -1px; 
}

/* posiciones de los submenus */
.menulist li#menu1 ul{
	width: 550px;
}

.menulist li#menu1 li{
	position:relative;
	sleft: -180px;
}

.menulist li#menu2 ul{
	width: 400px;
}

li#menu2 ul li{
	position:relative;
	top:0;
	}

.menulist li#menu3 ul{
	width: 250px;
}

li#menu3 ul li{
	position:relative;
	top:0;
	}

.menulist li#menu4 ul{
	width: 150px;
}

.menulist ul li {
 float: left;
 margin: 0;
 margin-bottom: -1px;
 display:inline;
}

.menulist ul li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

.menulist a { 
 font-family: Verdana, Tahoma, "Lucida Grande", Helvetica, "Bistream Vera Sans", sans-serif;
 font-size: 10px;
 display: inline;
 padding:  3px 8px 3px 8px;
 font-weight:bold;
 color:#534A4A; 
 text-decoration: none;
 line-height:18px;
 vertical-align:middle;
}

.menulist ul li a{ 
 font-weight:normal;
}

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 text-decoration:underline;
}
.menulist a.highlighted {
 text-decoration:underline;
}

.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}

/**** END STYLING MAIN MENU ****/