ul {
    list-style-type: none;
    position: absolute;
    margin-left: 35%;
    margin-top: -10px;
    padding: 0px;
    width: 500px;
    height: 46px;  
    background-color: #333;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: yellow;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a, .dropbottn {
	  display: inline-block;
    color: yellow;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a, .mybar {
	  display: inline-block;
    color: yellow;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a, .down {
	  display: inline-block;
    color: yellow;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

li a:hover, .dropup:hover .dropbottn {
    background-color: red;
}

li a:hover, .up:hover .button {
    background-color: red;
}

li.dropdown {
    display: inline-block;
}

li.dropup {
    display: inline-block;
}

li.up {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 90px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);
}

.dropup-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 102px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);
}

.drop-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 70px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);
}

.barra-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 70px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: yellow;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropup-content a {
    color: yellow;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.drop-content a {
    color: yellow;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.barra-content a {
    color: yellow;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: red}
.dropup-content a:hover {background-color: red}
.drop-content a:hover {background-color: red}
.barra-content a:hover {background-color: red}

.show {display:block;}

.mov {
	margin-top: -10px;
	text-align: center;
	/*margin-left: 4%;*/
}

.via {
	  list-style-type: none;
    position: absolute;
    margin-left: 1006px;
    margin-top: 0;
    padding: 1px;
    width: 116px;
    height: 140px;  
}

.cerca {
	list-style-type: none;
  position: absolute;
	margin-left: 32px;	
}

.fer {
	list-style-type: none;
  position: absolute;
	margin-left: 3px;	
}

.footer {
  text-align: center;
  padding-top: -10px;
  background-color: DarkSalmon;
  color: black;
}

.sette {
	/*border: 2px solid black;*/
	width: 300px;
	padding-left: 40px;
}

.publi {
  text-decoration-line: underline;
  text-decoration-color: red; 
  font-size: 16px;
  color: green;
  line-height: 40%;
  text-align: center;
}

.bublic {
  text-decoration-line: underline;
  text-decoration-color: red; 
  font-size: 16px;
  margin-left: 85%;
  margin-top: -46px;
  color: green;
}

.otto {
  text-align: center;
	margin-left: 23%;
	margin-top: 50%;
}

.spazio {
  text-align: center;
  font-size: 26px;
}