/* ================================================================ 
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.stunicholls.com/menu/skeleton_up.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

http://www.createblog.com/forums/lofiversion/index.php/t103770.html
===================================================================*/


#nav, 
#nav ul {padding: 0 0 0 0; margin:0; list-style:none; font: 9px Arial, verdana, sans-serif; border:0px solid #000; background-color: Transparent; position:relative; z-index:30000;}
#nav {height:24px; padding:0;}

/* MTCB (04-06-2009) #FF9D1F*/
#nav ul ul {padding-bottom: 0px;}

#nav li {float:left; background-color: #F7B512;}
#nav li li {float:none; background-color: #D4851F;} 
#nav li li li {float:none;background-color: #C2751A;} 

/* a hack for IE5.x and IE6*/
* html #nav li li {float:left;}

#nav li a {font-family: "Arial Black", verdana, sans-serif; font-size: 9px; display:block; float:left; padding: 12px 0 12px 0; text-decoration:none; color: #FFF; font-weight: normal; text-align: center; text-transform:uppercase; letter-spacing: 0.1em;}
#nav li li a  { font: 11px Arial, verdana, sans-serif; font-weight: bold; float:none; padding: 4px 0 6px 0;  margin-left: 12px; text-align: left; text-transform:none; font-weight: bold; letter-spacing: 0.1em;}

/*........................................*/
#nav li a.tselected {font-family: "Arial Black", verdana, sans-serif; color: #FFF; font-weight: bold;}
#nav li li a.tselected {font-family: Arial, verdana, sans-serif; color: #FFF; font-weight: bold;}

#nav li a.wdefault { width: 117px;}
#nav li:hover a.wdefault { background:url(images/menu_bottom.png) no-repeat bottom left; }
#nav li li a.awdefault { width: 101px; margin-right: 4px;}
#nav li li li.a2wdefault {float:none; background-color: #C2751A; width: 117px;} 
.ta2wdefault { width: 117px;} 

#nav li a.wempresa { width: 95px;}
#nav li:hover a.wempresa { background:url(images/menu_bottom_95.gif) no-repeat bottom left; }
#nav li li a.awempresa { width: 79px; margin-right: 4px;}
#nav li li li.a2wempresa {float:none; background-color: #C2751A; width: 116px;}
.ta2wempresa { width: 116px;}

#nav li a.wprojecto { width: 86px;}
#nav li:hover a.wprojecto { background:url(images/menu_bottom_86.gif) no-repeat bottom left; }
#nav li li a.awprojecto { width: 70px; margin-right: 4px;}
#nav li li li.a2wprojecto {float:none; background-color: #C2751A; width: 115px;}
.ta2wprojecto { width: 115px;}

#nav li a.wllousa { width: 123px;}
#nav li:hover a.wllousa { background:url(images/menu_bottom_123_a.gif) no-repeat bottom left; }
#nav li li a.awllousa { width: 107px; margin-right: 4px;}
#nav li li li.a2wllousa {float:none; background-color: #C2751A; width: 123px;}
.ta2wllousa { width: 123px;}

#nav li a.wlhospital { width: 122px;}
#nav li:hover a.wlhospital { background:url(images/menu_bottom_122.gif) no-repeat bottom left; }
#nav li li a.awlhospital { width: 106px; margin-right: 4px;}
#nav li li li.a2wlhospital {float:none; background-color: #C2751A; width: 122px;}
.ta2wlhospital { width: 122px;}

#nav li a.wcomunicacao { width: 113px;}
#nav li:hover a.wcomunicacao { background:url(images/menu_bottom_113_a.gif) no-repeat bottom left; }
#nav li li a.awcomunicacao { width: 97px; margin-right: 4px;}
#nav li li li.a2wcomunicacao {float:none; background-color: #C2751A; width: 113px;}
.ta2wcomunicacao { width: 113px;}

#nav li a.wresponsabilidade { width: 175px;}
#nav li:hover a.wresponsabilidade { background:url(images/menu_bottom_175_a.gif) no-repeat bottom left; }
#nav li li a.awresponsabilidade { width: 159px; margin-right: 4px;}
#nav li li li.a2wresponsabilidade {float:none; background-color: #C2751A; width: 175px;}
.ta2wresponsabilidade { width: 175px;}

/*........................................*/

#nav li:hover { position:relative; z-index:3000; background-color: Transparent; } 
#nav li:hover li:hover { background-color: #D4851F; } 
#nav li:hover li:hover li:hover { background-color: #C2751A; } 


#nav li:hover ul { left:0; bottom:30px; top:auto; }
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:0px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0px; margin-left:100%; bottom:-14px; top:auto;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#FFFFFF; background-color: #D4851F;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:0px; margin-left:100%; bottom:-14px; top:auto; }

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/*show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#FFFFFF; }

#nav li:hover li:hover li:hover a { background-color: #C2751A; text-decoration:none; color:#FFFFFF; }


/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#FFB557; border: none 0 #000; background-image: none; }


.rwdefault {background-color:transparent;  border:0px solid #000;  width: 117px;}
.rwempresa {background-color:transparent;  border:0px solid #000;  width: 95px;}
.rwprojecto {background-color:transparent;  border:0px solid #000;  width: 86px;}
.rwllousa {background-color:transparent;  border:0px solid #000;  width: 123px;}
.rwlhospital {background-color:transparent;  border:0px solid #000;  width: 122px;}
.rwcomunicacao {background-color:transparent;  border:0px solid #000;  width: 113px;}
.rwresponsabilidade {background-color:transparent;  border:0px solid #000;  width: 175px;}

.roundcornerse { background:url(images/menu_top_left.gif) no-repeat bottom left ; width: 14px; height: 15px;}
.roundcornersd {background:url(images/menu_top_right.gif) no-repeat bottom right; width: 14px; height: 15px;}

.roundcornerse2 { background:url(images/menu2_canto_se.gif) no-repeat bottom left ; width: 14px; height: 15px;}
.roundcornersd2 {background:url(images/menu2_canto_sd.gif) no-repeat bottom right; width: 14px; height: 15px;}
.roundcornerie2 { background:url(images/menu2_canto_ie.gif) no-repeat top left ; width: 14px; height: 15px;}
.roundcornerid2 {background:url(images/menu2_canto_id.gif) no-repeat top right; width: 14px; height: 15px;}