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

/************************************* 
             Menu Novo 
*************************************/
body{
  behavior:url(cssHoverFix.htc);
}

#navigation {
  width:200px; 
  height:auto;
  /*background: url(imagens/bg_preto_40.png) repeat;*/
  font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #fff;
  display: block;
}

/*Main Menu*/
#navigation ul {
  margin:0px; 
  padding:0px; 
  display: block;
}

#navigation ul li {
  height:25px;
  line-height:25px; 
  list-style:none; 
  padding-left:10px;
  display:block;
  color:#FFF; 
  cursor:pointer; 
}

#navigation ul li:hover {
  background-image:url(imagens/bg_preto_70.png);
  color:#f00;
  position:relative;
  display: block;
}


#navigation ul li a{
  display:block;
  text-decoration:none;
  color:#fff;
}

#navigation ul li a:hover {
  /*background-image: url(imagens/glossyback2.gif);*/
  /*background-image:url(imagens/bg_preto_70.png);*/
  color:#f60;
  position:relative;
  display: block;
}

/*Sub Menu*/
#navigation ul ul {
  display:none; 
  position:absolute; 
  left:120px; 
  top:10px; 
  border:#F00 solid; 
  border-width:1px; 
  background-image: url(imagens/bg_azul_40.png);
}

#navigation ul li:hover ul {
  display:block;
}

#navigation ul ul li {
  width:150px; 
  float:left; 
  display:inline; 
  border:none;
}

#navigation ul ul li:hover {
  text-decoration:none; 
  border:none;
}	

#navigation li:hover ul li ul {
  display:none;
}

#navigation ul ul li ul {
  left:110px; 
  background-color:#0099CC;
}

#navigation ul ul li:hover ul {
  display:block;
}


/************************************* 
            Menu Antigo 
*************************************/
.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 200px;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
behavior:url(iepngfix.htc);
background: url(imagens/bg_azul_40.png) repeat;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(imagens/glossyback2.gif);
}