#menu {
	height: 40px;
	width: 608px;
	margin-top: 0px;
	float: right;
	background-color:transparent;
}
#menu .menuprincipal {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#menu .menuprincipal .menor_off a {
	text-align:center;
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #282828;
	float: left;
	height: 30px;
	padding-top: 10px;
	margin-left: 0px;
	font-weight: bold;
	background-color: #f6f6f6;
	border: 1px solid #e3e3e3;
}

#menu .menuprincipal .menor_off a:hover {
	text-align:center;
	width: 110px;	
	float: left;
	background-image: url(../img_site/bg_menu_on.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;
	padding-top: 10px;
	margin-left: 0px;
	color:#FFF;
}


#menu .menuprincipal .menor_ativo a {
	text-align:center;
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	float: left;
	height: 30px;
	padding-top: 10px;
	margin-left: 0px;
	font-weight: bold;
	border: 1px solid #e3e3e3;
	background-image: url(../img_site/bg_menu_on.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFF;
}


/* -------------------------------- MENU MAIOR --------------------------------------------------- */


#menu .menuprincipal .grande_off  {
	float: left;
	position:relative;
	margin-left: 3px;	/*  espaçamento entre os menus */
	
}

#menu .menuprincipal .grande_off a {
	text-align:center;
	width: 160px;	/*  largura */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #282828;
	float: left;
	height: 30px;
	padding-top: 10px;
	margin-left: 0px;
	font-weight: bold;
	background-color: #f6f6f6;  /*  preenchimento */
	border: 1px solid #e3e3e3;  /*  borda menu */
}


#menu .menuprincipal .grande_off a:hover {
	text-align:center;
	width: 160px; /*  largura */	
	float: left;
	background-image: url(../img_site/bg_menu_on.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;
	padding-top: 10px;
	margin-left: 0px;
	color:#FFF;
}


/* SUB MENU grande off --------------------------------------------------- */
#menu .menuprincipal .grande_off .sub_ul {
	display: none;
	position:absolute;
	float: left;
	margin-top: 40px;
	left: 0px;
	list-style-type: none;
	width: 250px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index:1000;
	height: 40px;
	font-weight: normal;
}
#menu .menuprincipal .grande_off:hover .sub_ul {
	list-style-type: none;
	display:block;
}
#menu .menuprincipal .grande_off:hover ul,
#menu .menuprincipal .grande_off.hover ul{
	display:block;
}
#menu .menuprincipal .grande_off .sub_ul .sub_li a {
	text-align:left;
	padding-left: 10px;
	left:0;
	height: 30px;
	width: 270px;  /* largura do sub menu grande */
	clear:both;
	background-color:#054b68; /* cor de fundo do submenu, do menu nao selecionado */
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #fff;
	font-weight: normal;
	color:#FFF; 	/* cor da fonte do submenu, do menu nao selecionado */
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#menu .menuprincipal .grande_off .sub_ul .sub_li a:hover {
	background-color:#000;
	font-weight: normal;	

}
#menu .menuprincipal .grande_off .sub_ul .sub_li {
	float:none;
	clear:both;	
}


/* GRANDE ativo *************************************************************************/

#menu .menuprincipal .grande_ativo {
	float: left;
	position:relative; /* ---------- */
	margin-left: 3px;	/*  espaçamento entre os menus ativados */
}

#menu .menuprincipal .grande_ativo a {
	text-align:center;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	float: left;
	height: 30px;
	padding-top: 10px;
	margin-left: 0px;
	font-weight: bold;
	border: 1px solid #e3e3e3;
	background-image: url(../img_site/bg_menu_on.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFF;
}
#menu .menuprincipal .grande_ativo a:hover {
	text-align:center;
	width: 160px;		
	float: left;
	height: 30px;
	padding-top: 10px;
	margin-left: 0px;
}

/* sub menu do ativo grande */
#menu .menuprincipal .grande_ativo .sub_ul {
	display: none;
	position:absolute;
	float: left;
	margin-top: 40px;
	left: 0px;
	list-style-type: none;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index:1000;
	height: 40px;
	font-weight: normal;
}

#menu .menuprincipal .grande_ativo:hover .sub_ul {
	list-style-type: none;
	display:block;
}

#menu .menuprincipal .grande_ativo:hover ul,
#menu .menuprincipal .grande_ativo.hover ul{
	display:block;
}
   
#menu .menuprincipal .grande_ativo .sub_ul .sub_li a {
	text-align:left;
	padding-left: 10px;
	left:0;
	height: 30px;
	width: 290px; /* largura do sub menu - grande */
	clear:both;
	background-color:#054b68;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #fff;
	font-weight: normal;
	color:#FFF;
	background-image:none; /* nao mostrar o fundo dos sub menu's, quando menu tiver ativado */
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#menu .menuprincipal .grande_ativo .sub_ul .sub_li a:hover {

	background-repeat: repeat-x;
	background-position: left top;
	font-weight: normal;
	background-image:url(../img_site/bg_menu_on.jpg); /* mostrar fundo ao passar o mouse em cima do sub menu */
}

#menu .menuprincipal .grande_ativo .sub_ul .sub_li {
	float:none;
	clear:both;	
}