.sidenav {
		 height: 100%;
		 width: 0px;
		 position: fixed;
		 z-index: 100;
		 top: 0;
		 left: 0;
		 background-color: #070707;
		 overflow-x: hidden;
		 transition: 1s;
		 padding-top: 60px;
		 }
#nav ul	 {
	 	 margin: 0;
		 padding:0;
		 list-style-type: none;
		 width:200px;
		 }
#nav ul li {
    	 position:relative;
		 }
#nav li ul {
    	 position:absolute;
		 left:180px;
		 top:0;
		 display:none; /* il sottomenu non si vede fisso ma solo al passaggio del mouse */
		 transition: 2.0s;
		 }
#nav ul li a {
	 	 padding: 18px 8px 8px 22px;
		 text-decoration: none;
		 font-family:verdana;
		 font-size: 16px;
		 color: #999999;
		 display: block;
		 }
#nav ul li a:hover { /* colora la voce del menu al passaggio del mouse */
	 	 color:white;
		 }
#nav ul li:hover a.submenu {
	 	 background-image: url(/alchimia/imagens/gonext.png);
		 }
#nav li:hover ul {
		 display:block;
		 margin-top:0; 
		 }
.closebtn {
		 position: absolute;
		 top: 0;
		 right: 25px;
		 font-size: 36px !important;
		 margin-left: 50px;
		 }
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  		 }