﻿/***********************************************/
/* TopMenu                                     */
/***********************************************/
.MenuEx 
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.MenuExIcon
{
	border:none;
	vertical-align:middle;
	padding-right:2px;
}

/***********************************************/
/* TopMenu level1                              */
/***********************************************/

#MenuExBar {
	margin:0;
	padding: 0;
	font-size:11px;
	height:5px;
	border-bottom: 1px solid #727288;
	/*border-bottom: 1px solid #727288;*/
}

#MenuExBar ul{
	margin: 0;
	list-style:none;
	padding:  0px ;
	padding-left:10px;
	text-align:center;
}

#MenuExBar li{
	display:inline;
	POSITION: relative	;
	float:left;
}

#MenuExBar a
{
    /*Fonte do menu */
	color: #000000;   /*link color*/
	margin:0 4px 0 0;
	/*text-decoration:none;*/
	border: 1px solid #727288;  /*border color*/
	border-bottom:none;
	padding:5px 10px ; /*tab size*/
	display:block;
}


#MenuExBar a:hover
{
    /*Efeito no Botão do menu*/
	background-color: white; /*color 1*/
}

#MenuExBar #Selected a{ /*currently selected tab*/
	border-bottom: 1px solid  white; /*color 1*/
	
}

/***********************************************/
/* Dynamic menu for level 1                    */
/***********************************************/
#MenuExBar UL UL {
	POSITION: absolute; 
	margin:0px;
	LEFT: 0px; 
	VISIBILITY: hidden; 
	WIDTH:  auto; 
	TOP: 27px;/*dynamic top*/
	height: auto;
	padding: 0px 0px;
	border:1px solid #727288;
	z-index:500;
}

HTML #MenuExBar2 UL UL {
	top:27px; /*dynamic top*/
}

#MenuExBar UL UL li{
	list-style:none;	
}

#MenuExBar UL UL A 
{
	margin:0px;
	display: block;
	BACKGROUND: #727288; 
	WIDTH: 130px; 
	COLOR: #000; 
	LINE-HEIGHT: 1em; 
	padding:5px 10px;
	HEIGHT: auto;
	border:none;
}

#MenuExBar UL UL A:hover {
	BACKGROUND: #000000; COLOR: #fff
}

#MenuExBar UL UL UL {
	LEFT: 150px; WIDTH: 150px; TOP: 0px
}

#MenuExBar UL UL UL.left {
	LEFT: -150px
}

#MenuExBar TABLE {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}

#MenuExBar UL :hover UL {
	VISIBILITY: visible
}

#MenuExBar UL :hover UL UL {
	VISIBILITY: hidden
}

#MenuExBar UL :hover UL :hover UL UL {
	VISIBILITY: hidden
}

#MenuExBar UL :hover UL :hover UL {
	VISIBILITY: visible
}

#MenuExBar UL :hover UL :hover UL :hover UL {
	VISIBILITY: visible
}



/***********************************************/
/* Dynamic menu                              */
/***********************************************/
#MenuExBar2 UL UL {
	POSITION: absolute; 
	margin:0px;
	LEFT: 0px; 
	VISIBILITY: hidden; 
	WIDTH:  auto; 
	TOP: 15px;/*dynamic top*/
	height: auto;
	padding: 0px 0px;
	border:1px solid #727288;
	display:block;
}

HTML #MenuExBar2 UL UL {
	top:15px; /*dynamic top*/
}

#MenuExBar2 UL UL li{
	list-style:none;	
}

#MenuExBar2 UL UL A {
	display: block;
	BACKGROUND: #d4d8bd; 
	WIDTH: 129px; 
	COLOR: #000; 
	LINE-HEIGHT: 1em; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	HEIGHT: auto;
	border:none;
}

#MenuExBar2 UL UL A:hover {
	BACKGROUND: #949e7c; COLOR: #fff
}

#MenuExBar2 UL UL UL {
	LEFT: 150px; WIDTH: 150px; TOP: 0px
}
#MenuExBar2 UL UL UL.left {
	LEFT: -150px
}
#MenuExBar2 TABLE {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}

#MenuExBar2 UL :hover UL {
	VISIBILITY: visible
}
#MenuExBar2 UL :hover UL UL {
	VISIBILITY: hidden
}
#MenuExBar2 UL :hover UL :hover UL UL {
	VISIBILITY: hidden
}

#MenuExBar2 UL :hover UL :hover UL {
	VISIBILITY: visible
}

#MenuExBar2 UL :hover UL :hover UL :hover UL {
	VISIBILITY: visible
}

/***********************************************/
/* Vertical menu                              */
/***********************************************/
#MenuExBarV
{
	border-left : 1px solid #727288; /*border color*/
	border-right : 1px solid #727288; /*border color*/
	width:100%;
}

 #MenuExBarV ul {
	padding:0px 0px 0px 0px;  /*x offset */
	list-style-type: none; 
	margin: 0;
	border-top : 1px solid #727288; /*border color*/
}

#MenuExBarV li {
	padding:0px 0px 0px 0px; /* x offset */
	margin: 0;
}

#MenuExBarV li a 
{
	display: block; 
	background: white url(img/shade.gif) repeat-x 0 0;  /*selected color*/
	color: #727288;   /*link color*/
	width: auto;
	text-decoration: none;	
	padding: 3px 20px 3px 12px;	
	border-bottom: 1px solid #727288;
	line-height:18px;
	width:100%; /*12em;*/
	FONT-SIZE: 14px;
 }

 #MenuExBarV li ul {
	border: none;
}

 
#MenuExBarV li li a 
{
	display: block; 
    FONT-SIZE: 85%;	
	background: none;
	background-color: #E3EAEA; /*#F2F5F5;  selected color*/
	color: #333333 ;   /*link color*/
	padding: 3px 10px 3px 22px;/* important */
	border-bottom: 1px dashed #727288;
	width:100%;  /*this is width */
}

#MenuExBarV li li a:hover
{
	text-decoration: underline;
	background-color:#CAD0D0 ;/*#E2EAEA;*/
}

/* bullet */
#MenuExBarV li li span {
	background: url(img/arrow.gif) no-repeat left ; 
	padding: 3px 10px;
}

/* selected item */
#MenuExBarV li li #Selected span 
{
	font-weight:bolder;
}

#MenuExBarV li li li a 
{
	background-color: #ffffff ;   /*link color*/
	padding: 3px 4px 3px 28px; /* important */
	color: #333333 ;   /*link color*/
}



