#menulateral {
  float: right;
	width: 200px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	top: 20px;
	display: block;
	font-family: "maiandra gd", "lucida sans", "Comic Sans MS", sans-serif, verdana;
}
#menulateral a.parent, #menulateral a.parent:hover 	/* attaches down-arrow to all parents */
{
background-image: url('images/navdown_violeta.gif');
background-position: 90% center;
background-repeat: no-repeat
}
		
#menulateral ul {
list-style : none;
margin : 0 0 20px 0;
padding : 0;
list-style:none;
width:195px;	/* width of all menu boxes */
z-index: 100;
text-transform:uppercase;

}
#menulateral ul li {
display : inline;
padding : 0;
margin : 0px;
z-index: 100;
}
#menulateral ul li a {
display : block;
color : #000;
background : inherit;
text-decoration : none;
line-height: 150%;
margin : 0;
padding : 5px 40px 5px 0;
border-bottom : 1px solid #c0c0c0;
z-index: 100;
}
#menulateral ul li a:hover {
text-decoration : none;
background : #ece5ec;
color : #00750a;
}

#menulateral li
{
position: relative;
}

#menulateral ul ul
{
position:relative;
z-index:100;
top:auto;
display: none;
width:169px;
padding: .5em;
line-height: 150%;
border-bottom : 0px none;
font-size: 90%; margin-left:2em; margin-right:0; margin-top:0em; margin-bottom:0
}
#menulateral ul ul a
{
line-height: 120%;
border-bottom : 0px none;
}
#menulateral ul ul ul
{
top:0;
width:144px;
padding: .5em;
margin:0em 0.5em 0 2em;
font-size: 90%;
}
div#menulateral li:hover
{
cursor:pointer;
z-index:100;
}

div#menulateral li:hover ul ul,
div#menulateral li li:hover ul ul,
div#menulateral li li li:hover ul ul,
div#menulateral li li li li:hover ul ul
{display:none;}

div#menulateral li:hover ul,
div#menulateral li li:hover ul,
div#menulateral li li li:hover ul,
div#menulateral li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */