/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:auto; height:29px; position:relative; float: right; z-index:100;border-right:0px solid #000; font-family:Verdana, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:auto; w\idth:auto;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:auto; height:29px; border:0px solid #000; border-width:0px 0 0px 0px; background:none; padding:0px 10px; line-height:28px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFFFFF}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#FFFFFF;}
.menu ul ul :hover > a.drop {background:#FFFFFF;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFFFFF;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#FFFFFF;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:auto;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:29px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:auto;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#FFFFFF; color:#125581; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 0px 0px 0px; font-weight: normal;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover {color:#125581; background:#FFFFFF;}
.menu :hover > a {color:#125581; background:#FFFFFF;}
.menu ul ul a:hover{color:#FFFFFF; background:#125581;}
.menu ul ul :hover > a {color:#FFFFFF; background:#125581;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page a {
  color: #125581;
  background: #FFFFFF;
  font-weight: normal;
  border-left: 0px solid black;
}

.menu .current_page a {
  color: #125581;
  font-weight: bold;
  background: #FFFFFF;
}

.menu .current_parent {
  background: #FFFFFF;
}

.menu .current_parent a {
  color: #125581;
  font-weight: bold;
}

.menu ul .current_page ul a  {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page ul a:hover {
  background: #FFFFFF;
}

.menu .current_page a:hover {
	color: #FFFFFF;
  background: #125581;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout3.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu_right {
z-index:0;
float:right;
margin:0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu_right ul {
padding:0;
margin:0;
list-style-type:none;
z-index:0;
}
/* hack for IE5.5 */
* html .menu_right ul {margin-left:-16px; }
/* position relative so that you can position the sub levels */
.menu_right li {
position:relative;
*position:inherit;
height:30px;
margin:0 0 2px 0;
*margin:0 0 -1px 560px;
}

.menu_right li.menu_item_41 ul{
  *margin-top:65px;
}

.menu_right li.menu_item_45 ul{
  *margin-top:95px;
}

.menu_right li.menu_item_37 ul{
  *margin-top:160px;
}


.menu_right li li {
position:relative;
height:30px;
*z-index:0;
}

/* get rid of the table */
.menu_right table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu_right a, .menu_right a:visited {
font-family:verdana, sans-serif;
display:block; 
text-decoration:none;
color:#000;
text-indent:5px;
}
/* hack for IE5.5 */
* html .menu_right a, * html .menu_right a:visited {}
/* style the link hover */
* html .menu_right a:hover {}

.menu_right :hover > a{
color:#fff; 
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_right ul ul {
visibility:hidden;
z-index:1000;
position:absolute;
top:22px;
left:-150px; 
}

.menu_right ul ul ul {
display: none;
}

/* make the second level visible when hover on first level list OR link */
.menu_right ul li:hover ul,
.menu_right ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu_right ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu_right ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu_right ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu_right ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/*
<!--[if IE 7]>
<style type="text/css">
.menu_right li {float:left;}
</style>
<![endif]-->
*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu_left {height:132px; width:132px; position:relative;}

.menu_left ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#fff;}

.menu_left li {margin:0; padding:0; list-style:none;}
.menu_left li {display:inline;}
.menu_left ul ul {position:absolute; left:-9999px;}
.menu_left ul#toplevel {position:absolute; left:0; top:0;}

.menu_left a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 
.menu_left li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}

.menu_left li a:hover {background-color:#09c; color:#fff;} 
.menu_left li:hover > a {background-color:#09c; color:#fff;}

.menu_left ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

.menu_left a:hover ul,
.menu_left a:hover a:hover ul, 
.menu_left a:hover a:hover a:hover ul {left:100%;}
.menu_left a:hover ul ul, 
.menu_left a:hover a:hover ul ul {left:-9999px;}

.menu_left table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression
*/
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }

/* example */