@charset "UTF-8";
/* CSS Document */

/* remove all the bullets, borders and padding from the default list styling */
ul.menu { border-bottom:1px solid #946A04; height:39px; list-style-type:none; margin:0; padding-bottom:0 0 1px 0; z-index:998; }

/* style the sub-level lists */
ul.menu ul { z-index:999 !important; }

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
ul.menu li            { float:left; }

/* style the sub level list items */
ul.menu ul li { display:block; height:auto; position:relative; width:170px; }

/* style the links for the top level */
.menu a,
.menu a:visited { background:url(../img/bg_menu.gif) repeat-x left top; border-left:1px solid #252525; border-right:1px solid #373737; color:#FFF; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; height:19px; padding:9px 15px 10px; text-align:center; text-decoration:none; text-shadow:1px 1px 0px #000; text-transform:uppercase; }
.menu a.menu-clube { border-left:none !important; width:57px; }
.menu a.menu-compe { width:86px;  }
.menu a.menu-elenc { width:48px;  }
.menu a.menu-torce { width:68px;  }
.menu a.menu-memor { width:135px; }
.menu a.menu-canai { width:46px;  }
.menu a.menu-notic { width:59px;  }
.menu a.menu-impre { width:61px;  }
.menu a.menu-falec { border-right:none !important; width:94px; }


/* style the sub level links */
ul.menu ul li ul a,
ul.menu ul li ul a:visited        { background:#343434; border-bottom:1px solid #666; color:#FFF; display:block; font-size:11px; height:100%; text-shadow:none; text-transform:none; text-align:left; }
ul.menu table ul li ul a,
ul.menu table ul li ul a:visited  { width:18em; w\idth:16em; }

/* style the sub-sub level links */
ul.menu ul a,
ul.menu ul a:visited        { background:#343434; border-bottom:1px solid #666; color:#FFF; display:block; font-size:11px; height:100%; text-shadow:none; text-transform:none; text-align:left; }
ul.menu table ul a,
ul.menu table ul a:visited  { width:18em; w\idth:16em; }


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table              { font-size:1em; left:0; position:absolute; top:0; z-index:-1; }
ul.menu ul table         { lef\t:-1px; }
ul.menu ul table ul.left { margin-lef\t:2px; }

.menu li:hover       { position:relative; }
* html .menu a:hover { position:relative; }

/* style the third level background */
ul.menu ul ul a,
ul.menu ul ul a:visited { background:#F2AD07; }

/* style the fourth level background */
ul.menu ul ul ul a,
ul.menu ul ul ul a:visited { background:#F2AD07; }

/* style the sub level 1 background */
ul.menu :hover a.sub1 { background:#CCC; }

/* style the sub level 2 background */
ul.menu ul :hover a.sub2 { background:#DDD; }

/* style the level hovers */
/* first */
.menu a:hover    { background:#343434; color:#F2AD07; }
.menu :hover > a { background:#343434; color:#F2AD07; }
/* second */
ul.menu ul a:hover    { background:#F2AD07 !important; color:#2A2A2A !important; }
ul.menu ul :hover > a { background:#F2AD07 !important; color:#2A2A2A !important; }
/* third */
ul.menu ul ul a:hover    { background:#F2AD07 !important; }
ul.menu ul ul :hover > a { background:#F2AD07 !important; }
/* fourth */
ul.menu ul ul ul a:hover { background:#F2AD07; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.menu ul      { position:absolute; height:0; left:0; top:38px; visibility:hidden; }
ul.menu ul.last { left:inherit; right:0 !important; }
/* position the third level flyout menu */
ul.menu ul ul { left:14em; top:0; width:14em; }
/* position the third level flyout menu for a left flyout */
ul.menu ul ul.left { left:-14em; }

/* make the second level visible when hover on first level list OR link */
ul.menu li:hover ul,
ul.menu a:hover ul { border-bottom:2px solid #666; height:auto; visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
ul.menu :hover ul ul { visibility:hidden; }

/* keep the fourth level hidden when you hover on second level list OR link */
ul.menu :hover ul :hover ul ul { visibility:hidden; }

/* make the third level visible when you hover over second level list OR link */
ul.menu :hover ul :hover ul { visibility:visible; }

/* make the fourth level visible when you hover over third level list OR link */
ul.menu :hover ul :hover ul :hover ul { visibility:visible; }