ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 100%; /* Width of Menu Items */ /* tamanho geral do menu horizontal muito importante) */
	border-bottom: 0px solid #ccc;
	background: #CCC; /* IE6 Bug */
	font-size: 100%;
	}
	
 
ul#primary-nav li {
	position: relative;
	list-style: none;
	display: inline-block;
	float:left;
	width:150px;
	
	}
 
ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	padding: 10px;
	border: 0px solid #ccc;
	border-bottom: 0;
	}
 
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */
 
ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 0px; /* Set 1px less than menu width  **** MEXO NO POSICIONAMENTO DO SUBMENU */
	top: 28px;
	}
 
ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
 
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
 
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display:  block; } /* The magic */
 
ul#primary-nav li.menuparent { background:#CCC;/* transparent url(arrow.gif) right center no-repeat;*/ }
 
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #999;/* #f9f9f9; */ }
 
ul#primary-nav li a:hover { color: red;/*#E2144A;*/ }



/* menu */	
.menu { float:right; padding:10px 0 0 0; margin:0; width:100%; 
}
.menu ul { border-style: none;
	border-color: inherit;
	border-width: 0;
	text-align:right; 	padding:0; 	margin:0; 	list-style:none; 	height:35px;
	width: 100%;
}
.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:35px;}
.menu ul li a { float:left; margin:0; padding:10px 0; color:#5c8783; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;
	width: 81px;
}
.menu ul li a span { padding:10px 13px; background:none;}
.menu ul li a:hover { background:url(images/r_menu.gif) right no-repeat;}
.menu ul li a:hover span { background:url(images/l_menu.gif) left no-repeat;}
.menu ul li a.active { background:url(images/r_menu.gif) right no-repeat;}
.menu ul li a.active span { background:url(images/l_menu.gif) left no-repeat;}




/*
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	height: 23px;
}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 149px; 
	top: 0;
	display: none;
	}


ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}


html ul li { float: left; height: 1%; }
html ul li a { height: 1%; }

		
li:hover ul { display: block; }   The magic */

/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/