/* 
* @package Menu Drop Down
* @copyleft (cc) 2008 UNIFACS - Desenvolvimento Web Sites - Turma 04. Alguns direitos reservados
* @licence http://www.gnu.org/licence/lgpl.html LGPL Licence
* @author Marcelo Pereira Rodrigues - marcelo@alconta.com.br
* @author Eduardo de Souza Santos - eduipd@yahoo.com.br
* @author Alexandre Valverde - alexandre_valverde@hotmail.com
* @author Danilo Pinheiro - pivamix@hotmail.com
*/

/* 
Regra 0 - Definiçao da fonte padrao encontrada na maioria dos computadores
*/
body {

}
/* 
Regra 1 - Classe que define as propriedades da barra horizontal
*/
ul.menubar{
  margin: 0px;
  padding: 0px;
  background-color: #000000; /* IE6 Bug */
}
/* 
Regra 2 - Classe que define o formato e a posiçao dos submenus (um ao lado do outro)
*/ 
ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #000000;
  border: 0px solid #000;
  float:left;
}
/* 
Regra 3 - Classe que define a posiçao e a exibiçao dos menus verticais (inicialmente eles nao sao exibidos)
*/  
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
}
/* 
Regra 4 - Classe que define a aparencia do link da barra horizontal
*/  
ul.menubar a{
  padding: 9px 0px;
  width:99px;
  display:block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #000;
  border-collapse: collapse;

}
/* 
Regra 5 - Classe que define o tamanho e a cor do menu vertical
*/ 
ul.menu, ul.menu ul{
  margin: 5px;
  padding: 0;
  border-bottom: 0px solid #ccc;
  width: 200px;
  background-color: #000000; /* IE6 Bug */
} 
/* 
Regra 6 - Classe que define o posicionamento dos itens do menu vertical relativos ao submenu
*/  
ul.menu li{
  position: relative;
  list-style:none;
  border: 0px;
}
/* 
Regra 7 - Classe que define a aparencia dos links dos itens do menu vertical
*/  
ul.menu li a{
  color: #fff;
  display: block;
  text-decoration: none;
  font-size: 11px;
  text-align: left;
  border: 0px solid #ccc;
  border-bottom: 0px;
  padding: 5px 10px 5px 5px;
}
/* 
Regra 8 - Classe que define o posicionamento do menu vertical
*/   
ul.menu ul{
  position: absolute;
  display: none;
  left: 199px; /* Definir 1px menor que o tamannho do menu */
  top: 0px;
}
/* 
Regra 9 - Classe que define o tamanho e a posiçao do 3o nível de menus
*/ 
ul.menu li.submenu {
  width: 200px;
  position: relative; 
  list-style:none; 
  border: 0px; 
  float:none;  
  z-index: 1000; /* IE7 Bug */
}
/* 
Regra 10 - Classe que define a aparencia dos links do 3o nível de menus
*/ 
ul.menu li.submenu a {
  color: #fff;
  display: block;
  text-decoration: none;
  border: 0px solid #ccc;
  border-bottom: 0px;
  padding: 5px 10px 5px 5px;
}

/* Fixar IE. Invisível para IE Mac \*/
* html ul.menu li { float: left; height: 1%; } /* Regra 11 */
* html ul.menu li a { height: 1%; } /* Regra 12 */
* html ul.menu li.submenu { float: none; height: 1%; } /* Regra 13 */
* html ul.menu li.submenu a { height: 1%; } /* Regra 14 */
/* Fim */

/* 
Regra 15 - Classe que torna os sub-menus invisíveis inicialmente
*/ 
ul.menu li.submenu ul { display: none; } 
/* 
Regra 16 - Classe que insere a imagem da seta para a direita no menu vertical
*/  
ul.menu li.submenu {
  background-color: transparent;
  background-image: url(../img/seta_dir.gif);
  background-repeat: no-repeat;
  background-position: 93% 50%;
}