#menu { width: 200px; list-style-image: none; }
#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 { font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; }

#menu h2 { color: #360; background: #81dac6; text-transform: uppercase; text-align: center; }

#menu a { color: #930; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; }
#menu a:hover { color: #f00; background: #ffffaf; }
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
}
.menufondo { background-image: url(../Imagenes/Menu/menuv.jpg); background-repeat: repeat-x; width: 200px; }