/* CSS Popout menul */
/* Fix IE. Hide from IE Mac \*/
* html #menul ul li{float:left;height:1%;}
* html #menul ul li a{height:1%;}
/* End */

#menul		                                 /* position, size, and font of  menu */
	{
	position:relative;	
	width:150px;   /* [1] width of menu item (i.e., box) */
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: white;			
	}

#menul a
	{
	background-image:url(../images/botonpink.gif);
	background-repeat:no-repeat;
	width:150px;
	height:28px;
	display:block;						
	padding-top: 5px;						/* expands menu box vertically*/
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom:0px solid #FFFFFF;		/* adds bottom border */
	white-space:nowrap;
	text-align:center;
	}

#menul a, #menul a:visited				/* all menus at rest */
	{
	color:#FFFFFF;
	background-image:url(../images/botonpink.gif);
	background-repeat:no-repeat;
	text-decoration:none;				       /* removes underlines from links */
	}

#menul a.parent, #menul a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(../images/boton3gif.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menul a:hover				             /* all menus on mouse-over */
	{
	color: #FFFFFF;
	background-image: url(../images/boton3gif.gif);
	}
	
#menul li
	{
	list-style-type:none;		            /* removes bullets */
	}

#menul ul li
	{
	position:relative;
	}

#menul li ul
	{
	position: absolute;
	top: 0;
	left: 142px;				                 /* distance from  left menu (this should be the same as width value in #menul [1]) above */
	display: none;	
	}

div#menul ul, #menul ul ul, div#menul ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 142px;			              /* width of sub menus  (this should be the same as width value in #menul [1]) above */
	}

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

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