/* BOTTONI */
#area-bottoni-funzione{
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 125;
}

#area-bottoni-funzione li{list-style: none;}
#area-bottoni-funzione a {
 display: inline-block;
  right: 0px;
  transition: 0.3s;
  padding: 6px 10px 6px 10px;
  text-decoration: none;
  font-size: 12px;
  color: white;
  min-width: 130px;    
}
#area-bottoni-funzione a i {
  padding: 10px;
}
#bottone-uno a{
  background-color: #6ab1bf;
}
#bottone-due a{
  background-color:  #c7b299;
}

#bottone-tre a{
  background-color:#c7b299;
}
#bottone-quattro a{
  background-color:#358b39;
}

#bottone-uno a:hover,
#bottone-due a:hover,
#bottone-tre a:hover,
#bottone-quattro a:hover
{
  background-color: #454645;
}
#bottone-tre {display:none;}

@media only screen and (max-width: 1024px) {
    
    #area-bottoni-funzione{
    position: fixed;
    bottom: -2px;
    top: inherit;
    z-index: 125;
    left: 0;
    
}
#area-bottoni-funzione ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(51 51 51 / 63%);;
  display: table;
    width: 100%;
}

#area-bottoni-funzione li {
     display: table-cell;
    text-align: center;
    padding: 10px 0 10px 0;
}
    #area-bottoni-funzione a {
  position: relative;
    padding: 6px 0px 2px 0px;
  transition: 0.3s;
  text-decoration: none;
  font-size: 18px;
  color: white;  
}
#area-bottoni-funzione a i {
    padding: 0px;
}
#bottone-uno a,
#bottone-due a,
#bottone-tre a,
#bottone-quattro a,
#bottone-uno a:hover,
#bottone-due a:hover,
#bottone-tre a:hover,
#bottone-quattro a:hover
{
  background-color: transparent;
}
 #area-bottoni-funzione a span {
  font-size: 11px;
 display:block;
   
}