body {
 background-color: blue;
 font-family: Verdana, Geneva, sans-serif;
}

#all {
  background-color: yellow;
  padding: 1%;
  border: 5px solid yellowgreen;
  border-radius: 30px;
  margin: 2%; 
}

#title {
  text-align: center;
  padding: 5px;
  border: 5px solid blue;
  border-radius: 25px;
  margin: 2%;
  background-color: gold;
  font-size: x-large;
}

#logo_gerla {
   width:30%;
   float:left;
}

#foto {
    width:50%
    float: left;
}

#logo_gerla img {
  width:30%;
  position: relative;
  left: 15%;
}

#stemma_spinea {
  width:50%;
  height:auto;
}

#foto img {
  width: 50%;
  position: relative;
  left: 10%;
}

a:hover, a:visited, a:link, a:active
{
  text-decoration: none;
  color: inherit;
}

.menu {
  text-align: center;
  font-size: x-large;
  margin-bottom: 2%;
}

#emptya {
  display: inline-block;
}

#home {
  padding: 1%;
  border: 3px solid blue;
  border-radius: 20px;
  margin: 5px;
  background-color: gold;
  display: inline-block;
}

#about_us {
  padding: 1%;
  border: 3px solid blue;
  border-radius: 20px;
  margin: 5px;
  background-color: gold;
  display: inline-block;
}

#news {
  padding: 1%;
  border: 3px solid blue;
  border-radius: 20px;
  margin: 5px;
  background-color: gold; 
  display: inline-block
}

#songs {
  padding: 1%;
  border: 3px solid blue;
  border-radius: 20px;
  margin: 5px;
  background-color: gold;
  display: inline-block;
}

#gallery {
  padding: 1%;
  border: 3px solid blue;
  border-radius: 20px;
  margin: 5px;
  background-color: gold;
  display: inline-block
}

#content {
  
}

.audio{
  margin-right: 1%;
  margin-left: 2%;
  display: inline-block;
}

.titoli {
  margin-left: %;
  margin-right: %;
}

.canzoni{
  margin-left: %;
}

.download img{
  margin-right: %;
  width: 30px;
}

#nota_pie{
  margin-left: 2%;
}

#info {
  text-align: center;
  font-size: small;
  margin-top: 4%;
}