/* W3.CSS 4.07 December 2017 by Jan Egil and Borge Refsnes */
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

#mymenu1{
margin:0px 1% 0px 1%;
background-color:#003366;    
position:fixed; 
top:0px;
left:0px;
float:none;
z-index:109;
width:98%;
border-radius: 10px 10px 10px 10px;
border:1px;
border-color:#fff;
border-style:solid;
}

ul#menu1 {
border-radius: 10px 10px 10px 10px;
width:100%;
height:30px;
background-color:#003366;    
top:0px;
font-family: Verdana, sans-serif;
font-size:13.5px;
margin: 0;
padding: 0px 0px 0px :1vw;
list-style:none;
}

ul#menu1 li {
background-color:#003366;
display: block;
width: 20%;
height: 100%;
margin: 0px 0px 0px 0px;
float:left; /* elementi su singola riga */
vertical-align:middle;
border-radius: 10px 10px 10px 10px;
border:1px;
border-color:#fff;
border-style:solid;
}
ul#menu1 li a{
display: block;
width: 100%;
height: 70%;
text-decoration: none;
text-align: center;
font-weight:normal;
color: #fff;
line-height: 200%;
}
ul#menu1 li:hover {
background-color: rgba(155,155,155,0.3);
border-radius: 5px;
}
ul#menu1 li.active {
background-color: rgba(155,155,155,0.3);
border-radius: 5px;
}
ul#menu1 li.visibile2 {display:none}

@media only screen and (max-width: 900px){
#mymenu1{
position:relative; 
border-radius: 10px 10px 10px 10px;
border:1px;
border-color:#fff;
border-style:solid;
}

ul#menu1 {
overflow:hidden;
width:350px;
min-height:40px;
font-size:13.5px;
padding: 0px 0px 0px 0px;
}
ul#menu1 li {
position:relative;
top:0px;
left:20px;
background-color:#003366;
display: block;
width: 80%;
height:35px;
margin: 0px 0px 0px 0px;
float: left;
border:0px;
}
ul#menu1:hover { padding-bottom:10px ;height:auto}
ul#menu1 li.visibile2 {display:block}

}
@media only screen and (max-width: 440px){
#mymenu1{
right:0;
position:relative;
float:none;
}
ul#menu1 {
overflow:hidden;
width:350px;
min-height:40px;
font-size:13.5px;
padding: 0px 0px 0px 0px;
float:none;
}
ul#menu1 li {
position:relative;
top:0px;
left:10%;
background-color:#003366;
display: block;
width: 80%;
height:35px;
margin: 0px 0px 0px 0px;
}
}

@media only screen and (max-aspect-ratio: 1/1){
#mymenu1{
position:relative;
float:none;
}
				
}