#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 150px;
    
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}

#menu-accordeon li {
   background-color:green; 
   background-image:-webkit-linear-gradient(top, green 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, green 0%, #333A40 100%);
   border-radius: 2px;
   margin-bottom:3px;
   box-shadow: 2px 3px 3px #999;
   border:solid 1px #333A40
}

#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .4s;
   border-radius:0;
   background: blue;
   box-shadow: none;
   border:none;
   margin:0
}

#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 5px 0;
  font-family: verdana;
  font-size:0.7em
}

#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:0.6em
}

#menu-accordeon li:hover {
   background: #729EBF
}

#menu-accordeon li li:hover {
   background: cyan;
}

#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}

#menu-accordeon li:hover li {
  max-height: 15em;
}

**************************

#menu-accord {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 150px;
    
}
#menu-accord ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}

#menu-accord li {
   background-color:green; 
   background-image:-webkit-linear-gradient(top, green 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, green 0%, #333A40 100%);
   border-radius: 3px;
   margin-bottom:1px;
   box-shadow: 2px 2px 1px #999;
   border:solid 1px #333A40
}

#menu-accord li li {
   max-height:0;
   overflow: hidden;
   transition: all .1s;
   border-radius:0;
   background: red;
   box-shadow: none;
   border:none;
   margin:0
}

#menu-accord a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 1px 0;
  font-family: verdana;
  font-size:0.8em
}

#menu-accord ul li a, #menu-accord li:hover li a {
  font-size:0.8em
}

#menu-accord li:hover {
   background: #729EBF
}

#menu-accord li li:hover {
   background: orange;
}

#menu-accord ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}

#menu-accord li:hover li {
  max-height: 15em;
}