#menu-accordeon:hover {
  transform: rotate(0deg);
  transform: translate(90px, -100px);
  transition: 1s all;
 
}

/*{  -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(90deg); transform: rotate(270deg);
transition: .3s all;}*/
#menu-accordeon {
  padding:0;
  margin:0;
  left: -85px;
  top: 100px;
  color: white;
  list-style:none;
  text-align: center;
  position: fixed;
  z-index: 1000;
 font-size: 1em;
  transform: rotate(270deg);
  
 }

#menu-accordeon ul {
  max-width: 200px;
  padding:2px;
  margin:0;
  list-style:none;
 text-align: center;
}
#menu-accordeon li {
   background-color:#c6d8e5; 
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 2px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:0.8em
}
#menu-accordeon li:hover {
   background: #729EBF
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 5em;
}