#nav {
	width:200px;
	position:fixed;
	top:0px;
	left:0px;
}

#nav.hiding {
  max-height: 160px;
  overflow-y: hidden;
}

#nav.hiding:hover {
  transition: width 2s, max-height 1s, transform 2s;
  max-height: 1000px;
  width: 200px;
} 

ul.dropdown {
	font: bold 20px Arial, Helvetica, sans-serif;
	z-index: 11;
	list-style: none;
	padding:0px;
	margin:0px;
}

ul.dropdown > li > input {
	display: none;
}
ul {
	list-style:none;	
	margin: 0px;
	padding: 0px;
}
#lista_vie {
	position: absolute;
	z-index: 50;
	background-color: #dcdcde;
    height: 80%;
	overflow: auto;
	overflow-x: hidden;
}
#lista_vie li{
	cursor: pointer;
	width: 500px;
	padding: 1px;
	font-size: 15px;
    font-weight: bold;
	}

#lista_vie li:hover,#lista_vie .selezionato{
	background-color: #FFD600;
	}
ul.dropdown > li {
	background-color: white;
	color: black;
	border-bottom: 1.5px solid black;
	border-right: 1.5px solid black;
	border-radius: 5px;
	padding-bottom: 9px;
	padding-top: 9px;
}

ul.dropdown > li > label {
	display: block;
	white-space:nowrap;
	padding-left: 6px;
	padding-right: 6px;	
	padding-top:3px !important;	 
	padding-bottom:3px !important;
	line-height: 1.3em;
	width: auto;
	vertical-align: middle;	
}

ul.dropdown li > input:checked  ~ label {
	
}
/* */
ul.dropdown li > input:checked  ~ label,
ul.dropdown > li:hover > label{
	background-color: lightgrey;
	color:black;
}


ul.dropdown ul {
	list-style: none;
	padding-left: 8px;
	margin-left: 0px;
	background-color: #FFFFFF;
	border-top:none;
	color: #000;
	font-size: 17px;
	font-weight: normal;
	opacity:0;
	visibility: hidden;
	max-height: 0px;
 	/*position: absolute;*/
}

ul.dropdown ul li {
	background-color: transparent;
	color: #000;
	padding:5px;
}
/*ul.dropdown > li:hover ul */
ul.dropdown > li > input:checked ~ ul{
	left: inherit !important;
	transition: visibility 0.1s linear , opacity 0.5s linear, max-height 0.5s linear ;
 	visibility: visible;
 	opacity:1;
 	max-height: 100%;
}


ul.dropdown ul li:hover {
 color:black;
 background-color: lightgrey;
 transition: transform 0.1s linear 0s;
 transform: scale(1.10);
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown a{
	text-decoration: none;
	color: black;
}


/*
#nav {
	width:99.9%;
	position:fixed;
	top:0px;
	left:0px;
} 
 
ul.dropdown {
	font: bold 17px Arial, Helvetica, sans-serif;
	z-index: 11;
	list-style: none;
	padding:0px;
	margin:0px;
}

ul.dropdown > li > input {
	display: none;
}

ul.dropdown > li {
	background-color: #006699;
	color: #ffd600;
	float: left;
}

ul.dropdown > li > label {
	display: block;
	white-space:nowrap;
	padding-left: 6px;
	padding-right: 6px;	
	padding-top:3px !important;	 
	padding-bottom:3px !important;
	line-height: 1.3em;
	width: auto;
	vertical-align: middle;	
}

ul.dropdown li > input:checked  ~ label {
	text-decoration: underline;
}
ul.dropdown li > input:checked  ~ label,
ul.dropdown > li:hover > label{
	background-color: #FFD600;
	color:#006699;
}


ul.dropdown ul {
	list-style: none;
	left:0px;
	padding: 0px;
	margin-left: 0px;
	padding-bottom: 9px;
	background-color: #FFFFFF;
	background-image: url(../images/sfumgialla2.png);
	background-repeat:repeat-x;
	border:1px solid #DDDDDD;
	border-top:none;
	color: #000;
	font-size: 17px;
	font-weight: normal;
	opacity:0;
	visibility: hidden;
 	position: absolute;
}

ul.dropdown ul li {
	background-color: transparent;
	color: #000;
	padding:5px;
}

ul.dropdown > li > input:checked ~ ul{
	left: inherit !important;
	transition: visibility 0.1s linear , opacity 0.5s linear ;
 	visibility: visible;
 	opacity:1;
}


ul.dropdown ul li:hover {
 color:#FFD600;
 border: solid 1px #006699;
 background-color: #0087c8;
 transition: transform 0.1s linear 0s;
 -webkit-transform: scale(1.10);
 transform: scale(1.10);
}

ul.dropdown ul li {
	float: none;
}

*/