ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	height:65px;
}
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: auto;
	float: left;
	height:45px;
}
ul.MenuBarHorizontal li:hover
{
}
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: auto;
	position: absolute;
	left: -1000em;
	height:auto;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	background:url(../../img/site/bgs/menu_hover.png);
}
ul.MenuBarHorizontal ul li
{
	width: auto;
	clear:both;
	height:auto;
}
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -1% 0 0 100%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}
ul.MenuBarHorizontal ul
{
	padding-top:10px;
	background-position:0 5px;
	padding-bottom:10px;
}
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	height:auto;
	width:auto;
	white-space:nowrap;
	clear:both;
    font-family: Trebuchet MS, Verdana, Tahoma,arial,serif;
	font-size: 18px;
	color:#FFFFFF;
	font-weight:lighter;
	margin: 0px auto;
	text-decoration:none;
	padding-left:20px; 
	padding-right:20px;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
color:#FFF001;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	white-space:nowrap;
	background:url(../../img/site/bgs/menu_hover.png);
	color:#002037;
}

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

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

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

 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
	{
		float: left;
		border:none;
	}
	*{
	border:0px;
	}
}



/*  MENU LATERAL  */

ul#mainnav{
width: auto; /*Defino a largura*/
height: auto; /*Defino a altura*/
list-style: none; /*Tiro os bullets das listas*/
margin: 0 auto; /*Centralizo*/
padding-left: 5px; /*Dou um espaçamento interno*/
position: relative; /*Defino position: relativ, pois todos os filhos vão se posicionar em realação à ele*/
: 5px;
-moz-: 5px;
}
 
ul#mainnav li{
float: left; /*Coloco os li um ao lado do outro*/
: 5px; /*Não vai funcionar em todos os browsers. Deixa os cantos arredondados*/
-moz-: 5px;
clear:both;
}
 
ul#mainnav li:hover{
}
 
ul#mainnav li a{
display: block; /*Pega toda largura do elemento pai*/
min-height: 20px;
font-size: 14px;
    font-family: Trebuchet MS, Verdana, Tahoma,arial,serif;
color: #666; /*Configuro a fonte*/
text-decoration: none; /*Configuro a fonte*/
min-height: 20px;
padding-bottom: 3px;
padding-left: 15px;
padding-top: 3px;font-weight:lighter;
background:url(../../img/png/quadro_sub/sombra.png) left bottom no-repeat;
}
 
ul#mainnav li a:hover{
color:#075192;
}
ul#mainnav li a:active{
color:#009900;
}
 
ul#mainnav li ul{
list-style: none;
display: none; /*Inicialmente ele não aparece*/
position: absolute; /*Posiciona absolutamente*/
: 5px;
-moz-: 5px;
margin-left:10px;
z-index:1000;
margin-left: 140px;
    margin-top: -20px;
    width: auto;
	background:#FFFFFF;
	border:1px solid #999999;
	border-radious:5px;
	padding-right:15px;
}
 
ul#mainnav li ul li{
	float: left;
	width:100%;
}
 
ul#mainnav li:hover ul{
display: block; /*Quando passar o mouse na li, aparece o ul*/
}
 
ul#mainnav li:hover ul li ul{
display: none;
: 5px;
-moz-: 5px;
}
 
ul#mainnav li:hover ul li ul li{
float: left;
clear: both;
/*Essas duas linhas acima podiam ter sido feitas assim: "float: none", mas por causa do nosso idolatrado Internet Explorer, usei essa gambiarra que acabei de inventar.*/
width: 100%;
}
 
ul#mainnav li ul li:hover ul{
display: block;
}




#submenu_top{
	width:100%;
	height:10px;
	float:left;
}
#submenu_top_esq{
	width:49.9%;
	height:10px;
	float:left;
	background:url(../../img/png/bgs/top_esq_ok.png) left no-repeat;
	background-size:100% 10px;
}
#submenu_top_dir{
	width:49.9%;
	height:10px;
	float:left;
	background:url(../../img/png/bgs/top_dir_ok.png) left no-repeat;
	background-size:100% 10px;	
}
#submenu_meio{
	width:99.9%;
	height:auto;
	float:left;
	background:url(../../img/png/bgs/meio_ok.png) repeat-x;
	background-size: 100% 100%;
}
#submenu_bottom{
	width:100%;
	height:10px;
	float:left;
}
#submenu_bottom_esq{
	width:49.9%;
	height:10px;
	float:left;
	background:url(../../img/png/bgs/bottom_esq.png) left no-repeat;
	background-size:100% 10px;	
}
#submenu_bottom_dir{
	width:49.9%;
	height:10px;
	float:left;
	background:url(../../img/png/bgs/bottom_dir.png) left no-repeat;
	background-size:100% 10px;	
}