/*-----MENU-----*/
		/* Menú de la derecha de la web de maçanet */
		div#menu{
			display:block;
			clear:both;
			float:right;
			margin:0 -1px 0 0;
			padding:0;
			width:150px;
			background-color:#EFFFF2;
		}
		div#menu ul{
			clear:both;
			margin:0;
			padding:0;
			width:100%;
		}
		/*--- OPCIONES DEL MENÚ ---*/
		div#menu li.menuOpcion{
			margin:0 0 0 0;
			padding:0 0 0 0;
			border-bottom:1px solid #5F7062;
			list-style:none;
			background-color:#E8FFEB;
			background-image:url(../catala/img/composicion/bgbtn.gif);
			background-position:0px 0px;
			background-repeat:no-repeat;			
		}
		div#menu li.menuOpcion a{
			display:block;
			width:128px;
			text-decoration:none;
			color:#35403F;
			font-size:0.8em;
			padding:2px 2px 2px 20px;
			/* los estilos del background son para el javascript */
			background-position:0px 0px;
			background-repeat:no-repeat;
		}
		/* esto es para el IExplorer, el ancho en pixel es diferente*/
		*html div#menu li.menuOpcion a{
			width:100%;
		}
		div#menu li.menuOpcion:hover{
			background-image:url(../catala/img/composicion/bgbtnhover.gif);
			cursor:pointer;			
		}
		div#menu li.menuOpcion a:hover {
			background-image:url(../catala/img/composicion/bgbtnhover.gif);		
		}				
		/*--- SUBOPCIONES DEL MENÚ ---*/
		/* desplegable con las opciones, el tamaño del texto se controla desde aquí */
		div#menu li ul{
			margin:0;
			padding:0;
			font-size:0.8em;
			background-color: #F2FFF4;
			border-top:1px solid #7A8F7D;
		}
		*html div#menu li ul{
			font-size:0.8em;
		}
		/* opciones del desplegable */
		div#menu li ul li.menuSubOpcion, div#menu li:hover ul li.menuSubOpcion{
			border-bottom:0px solid #FFF;
			margin: 0;
			padding:0;
			color:#99826A;
			list-style : none;
		}	
		/* enlaces de las opciones del desplegable */
		div#menu li ul li.menuSubOpcion a{
			display:block;
			width:130px;
			background-image:url(../catala/img/composicion/bgbtnsubopcio.gif);
			background-position:0px -2px;
			margin: 0;
			padding:2px 0 2px 20px;
		}
		/* evento: enlace activo */
		div#menu li ul li.menuSubOpcion:hover a{
			background-color:#CCFFD3;
		}		
		div#menu li ul li.menuSubOpcion a:hover{
			text-decoration:underline;
			background-image:url(../catala/img/composicion/bgbtnsubopciohover.gif);
		}
		*html div#menu li ul li.menuSubOpcion a{
			width:100%;
		}