#menu3
/*Configurações Padrões*/
ul.menu, .menu li, .menu a{ margin:0; padding:0; list-style:none; text-decoration:none;}
ul.menu ul{ position:absolute; display:none; box-shadow:3px 3px 2px #333;}
 
/* Configurações nivel 1*/
ul.menu{ float:left; font-family:Arial,sans-serif; font-size:12px; width: 99%; border-radius:54px; padding:0 4px;}
.menu li{ float:left; width:auto; position:relative;}
.menu li a{ display:block; padding:0 18px; line-height:38px; height:38px; float:left; transition:all 0.1s linear; }
 
/* Configurações nivel 2*/
.menu li:hover > ul.submenu-1{ display:block; top:33px; left:0; padding:5px; width:178px; border-radius:0 0 5px 5px;   }
.menu ul.submenu-1 a{  width:150px; padding:0 20px; border-radius:5px;  }
 
/* Configurações nivel 3*/
.menu li:hover > ul.submenu-2{ display:block; top:0; left:180px; padding:5px; width:178px;  border-radius: 0 5px 5px 5px; }
.menu ul.submenu-2 a{  width:150px; padding:0 20px; border-radius:5px; }
 
/* Configurações nivel 4*/
.menu li:hover > ul.submenu-3{ display:block; top:0; left:180px; padding:5px; width:178px;  border-radius: 0 5px 5px 5px; }
.menu ul.submenu-3 a{  width:150px; padding:0 20px; border-radius:5px; }
 
 
/*Configurações de cores*/
 
/*nivel 1*/
.menu{background:#CCC; }
.menu a{ color:#000;}
.menu li:hover > a{ background:#999;  color:#fff;}
 
/*nivel 2*/
.submenu-1{ background:#999;}
.submenu-1 a{color:#fff;}
.submenu-1 li:hover > a{ background:#666; }
 
/*nivel 3*/
.submenu-2{ background:#666;}
.submenu-2 a{color:#fff;}
.submenu-2 li:hover > a{ background:#333; }
 
/*nivel 4*/
.submenu-3{ background:#333;}
.submenu-3 a{color:#fff;}
.submenu-3 li:hover > a{ background:#000; }