@charset "UTF-8";


ul.MenuBarHorizontal
{
	margin: 0 0 0 200px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

ul.MenuBarActive
{	z-index: 1000;}

ul.MenuBarHorizontal li
{	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 12em; padding:12px 0 8px 0;
	float: left; background:url(../images/menu-div.gif) no-repeat right bottom;
}

ul.MenuBarHorizontal ul
{
	margin: 0; 
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 12em; background-color:#000000;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
	left: auto;}


ul.MenuBarHorizontal ul li{	width: 12em; background:none; padding: 0px 0; }

ul.MenuBarHorizontal ul ul{
	position: absolute;	margin: 5px 0 0 95%;}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{	left: auto;	top: 0;}




ul.MenuBarHorizontal a, ul.MenuBarHorizontal p
{
	display: block;
	cursor: pointer;
	
	padding:5px 10px; 
	color: #FFF;
	text-decoration: none;
}
ul.MenuBarHorizontal ul a 
{padding:5px;}


ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{	color: #FFF; background: url(../images/meu-hover.gif) repeat-x bottom;
}

ul.MenuBarHorizontal ul li.head { border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background-color:#333333}


ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-image:none; background-color:#999999
	color: #FFF;
}

ul.MenuBarHorizontal ul 
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	
	background-image:none;}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}