ul {
    list-style-type: none;
    position: absolute;
    margin-left: 37%;
    padding: 0px;
    width: 478px;
    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, .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);
}

.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;
}

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

.show {display:block;}

.mov {
	padding-top: 70px;
}

.via {
	  list-style-type: none;
    position: absolute;
    margin-left: 1043px;
    margin-top: 27px;
    padding: 1px;
    width: 120px;
    height: 140px;  
}

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

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

.footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}