#menu {
width: 100%;
height: 25px;
background: #fff;
float: left;
clear:both;
padding-left: 1px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12.01em;
float: left;
background: #7F0A24;
}

#menu a, #menu h2 {
	display: block;
	list-style: none;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
	}

#menu h2 {
color:#005300;
background:#000 ;
text-transform:uppercase;
}

#menu a, #menu a:visited{ /* cor da letra*/
color:#fff;
}
/*#7F0A24*/

#menu a:hover { 
color: #7F0A24;
background: #eee;
}

#menu li {position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;
 /*background submenu*/
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;
 /*background nivel 2 e 3*/
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
}

body {
behavior:   url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%; } 

#menu a, #menu h2 {
font: 0.7em/1.4em arial, helvetica, sans-serif;
}

#menu a.x, #menu a.x:visited{
color:#fff;
background:#7F0A24; /* sub menu*********/
}

#menu a.x:hover{
color:#B40E33;
background:#eee;
}

#menu a.y, #menu a.y:visited{
color:#000;
background:#CACACA; /* sub menu********/
}

#menu a.y:hover{
color:#B40E33;
background:#eee;
}

#menu a.z, #menu a.z:visited{
color:#000;
background:#D6D6D6; /* sub menu*/
}

#menu a.z:hover{
color:#B40E33;
background:#eee;
}
