#barnav {
			float: right;
			height: 35px;
			/*background: Silver;*/
			margin: 56px 0px 0 0; 
			padding-right: 18px;
		}
		
		#barnav ul{
			background: Aqua;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
		#barnav li {
			float: left;
			/*background: Gray;*/
			width: 35px;
			height: 35px;
			margin-left: 18px
		}
		
		#barnav  a {
				display: block;
				text-decoration: none;
				width: 100%;
				height: 100%;
		}
		
		#menu {
			display: block;
			margin-top: 10px;
			width: 150px;
			float: left;
			z-index: 100;
		}
	
		#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
			width: 150px; /* Width of Menu Items */
		}
		
		#menu ul li {
			position: relative;
			border-left: 5px;
		}
			
		#menu li ul {
			position: absolute;
			left: 149px; /* Set 1px less than menu width */
			top: 0;
			display: none;
		}
		
		#menu ul li a {
			display: block;
			text-decoration: none;
			color: #FFF;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-weight: bold;
			background-image: url(../../images/tarja_azul.png);
			/*background: #000;  IE6 Bug */
			padding: 5px;
			/*border: 1px solid #ccc;*/
			border-bottom: 0;
			margin-bottom: 10px; /*Separo os itens do menu*/
		}
		
		/* Fix IE. Hide from IE Mac \*/
		*  html #menu ul li { float: left; height: 1%; }
		*  html #menu ul li a { height: 1%; }
		/* End */
		
		#menu ul li a:hover { 
			color: #fff;	 
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-weight: bold;
			/*background: #f9f9f9; *//* Hover Styles */
			background-image: url(../../images/tarja_azul.png);
		}
				
		#menu li ul li a { 
			color: #00008b;
			padding: 5px 5px;
			margin-left: 5px;
			margin-bottom: 0px; /*submenu fica emendado*/
			background: #fff; 
			border-bottom: 1px solid #000;
		} /* Sub Menu Styles */
				
		#menu li:hover ul, 
		#menu li.over ul { 
			display: block;
		} /* The magic */