.menuresp_icon
{
   vertical-align: middle;
   width: 35px;
   margin-left: 10px;
   border-radius: 5px;
   transition: 0.1s;
}

.menuresp_icon:active
{
   transform: translate(2px, 2px);
}

.menuresp_icon:hover
{
   background: #F4EEED;
}

/* tutte le "cartelle", compresa quella top che contiene l'icona sandwich */

.toggle
{
   display: block;
   padding: 0 0 0 16px;
   font-size: 0.9em;
   font-weight: normal;
   line-height: 3em;
   text-decoration: none;
   margin: 0;
}

.toggle + a, .menu
{ 
   display: none; 
}

.toggle:hover
{ 
   background-color: #0C71D7;
   color: white;
}

[id^=drop]:checked + ul
{
   display: block; 
}

nav
{
   text-align: left;
   position: fixed;
   width: 100%;
   max-height: 90%; /* per permettere al menu di scrollare fino in fondo */
   overflow-y: auto;
   top: 48px;
   -webkit-overflow-scrolling: touch;
   z-index: 9999;
   border-radius: 15px;
}

nav:after
{
   content: "";
   display: table;
   clear: both;
}

nav ul
{
   padding: 0;
   margin: 0;
   background-color: #505050;
}

nav ul li
{
   margin: 0;
   display: block;
   width: 100%;
   float: left;
   background-color: #E2DFDE;
}

nav ul li ul li .toggle, nav ul ul a 
{ 
   background-color: #BFBEBD;
}

/* item normali (link) tutti i livelli esclusi "cartelle", tutti i livelli */

nav a 
{
   display: block;
   padding: 0 16px;
   color: #000000;
   font-size: 0.9em;
   line-height: 3em;
   text-decoration: none;
}

nav a:hover
{
   background-color: #0C71D7;
   color: white;
}

/* item 2° livello */

nav ul ul
{
   display: none;
   float: none;
}

nav ul ul .toggle, nav ul ul a
{
   padding: 0 0 0 48px; 
}

/* item 3° livello */

nav ul ul ul .toggle, nav ul ul ul a
{
   padding: 0 0 0 96px;
}