#menu {
width: 7.5em;
padding:0.5em;
}
 
#menu ul {
list-style: none;
margin: 0;
padding:0;
}
 
#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
margin: 0;
padding: 2px 3px;
background: white url('../img/Tlacica.bmp');
background-repeat: no-repeat;
background-position: center;
text-align: center;
position: relative;
text-decoration: none;
color: white;
line-height: 2em;
}

#menu a:hover {
color:black;
}

#menu li {
position: relative;
color: rgb(186,16,26);
text-align: center;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
}

#menu li li {
background: white;
line-height: 1.25em;
}
 
#menu li li a {
background: white url('../img/Tlacica2.bmp');
line-height: 1.25em;
}

#menu li li li a {
background: white url('../img/Tlacica.bmp');
line-height: 2em;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 13em;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 7em;
}
 
div#menu ul ul,
div#menu ul ul ul li
{display: none;}
 
div#menu ul li:hover ul,
div#menu ul ul li:hover ul li
{display: block;}