body{
  margin: 0;
  margin-bottom: 3.5%;
  background-image: url("Img/sfondo.png");
  font-family: "Khula";
}

#background{
  background-image: url("Img/texture.jpg");
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: -1%;
  border-bottom: solid 1em;
  border-color: #8f0000;
}

#logo{
  border: solid 10px;
  border-color: white;
  margin-top: -1.9%;
  margin-bottom: 1%;
  margin-left: 35%;
  width: 30%;
  max-height: 350px;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: -1;
}

.info{
  position: relative;
  padding-top: 0;
  width: 100%;
  text-align: center;
  font-family: "Indie Flower";
  font-size: 4vw;
  font-weight:bolder;
  color: #8f0000;
}

#menu{
  margin-right: 25%;
  margin-left: 25%;
  border-color: #8f0000;
  border-style: solid;
  border-radius: 15px;
  border-top: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 0.8%;
}

.button{
  margin-top: 1.5%;
  cursor: pointer;
  width:18%;
  font-size: 2em;
  color: #8f0000;
  font-weight: bold;
  background: none;
  border-style: none;
  border-radius: 15px;
  padding:15px;
  font-family: "Indie Flower";
}
.button:hover{
  text-decoration: underline;
}
.button:focus{
  outline: none;
}

#sfondo{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: white;
  border:7px;
  border-style: solid;
  border-radius: 15px;
  border-color: #8f0000;
  margin-top: 0.3%;
  margin-right: 25%;
  margin-bottom: 0.3%;
  margin-left: 25%;
  padding: 1%;
  min-height: 45.2vh;
}

ul,li{
  list-style-type: none;
}

/* PsP_index.html */
.par{
  margin-top: 0;
  margin-bottom: 3%;
}
.last{
  margin-top: 0;
  margin-bottom: 0;
}

#indexhr {
  width: 80%;
  height: 30px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
#indexhr:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}

#img1{
  width: 35%;
  margin-right: 5%;
  float: left;
  border-radius: 2%;
}
#img2{
  width: 30%;
  margin-left: 5%;
  float: right;
  border-radius: 2%;
}

/* PsP_photos.html */
#galleria{
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  height: 500px;
  padding: 1%;
  padding-right: 0;
  padding-left: 0;
}
#principale{
  overflow: hidden;
  position: relative;
  height:500px;
}
#foto{
  max-width: 90%;
  max-height: 500px;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 15px;
}

#prev{
  float: left;
}
#forw{
  float:right;
}

.gallery_nav0{
  opacity: 0;
}

.gallery_nav1{
  margin-top: 245px;
  background-color: #4e4e4f;
  color: white;
  font-size: 1.5em;
  border: none;
  border-radius: 5px;
  opacity: 0.7;
}

/* PsP_menu.html */
input{
  text-align: center;
  width: 25%;
  margin-top: 1%;
  margin-left: 37%;
  padding: 1%;
  border: 5px;
  border-radius: 8px;
  border-style: solid;
  border-color: #8f0000;
}
input:focus{
  outline:none;
}

#lente{
  width:4%;
  margin-top: 1.5%;
  margin-right: 29%;
  float:right;
}

.filtro0{
  margin-top: 1%;
  padding: 1%;
}
.filtro1{
  font-family: "Indie Flower";
  margin-top: 1%;
  margin-right: 5%;
  margin-left: 5%;
  border:5px;
  border-style: solid;
  border-radius: 15px;
  border-color: #8f0000;
  padding: 1%;
}

.li_menu{
  display: none;
}

.bottoni_menu{
  font-family: "Indie Flower";
  cursor: pointer;
  width:10vw;
  margin-left: 36%;
  font-size: 1.3em;
  color: #333;
  font-weight: bold;
  background: none;
  border: 0;
  border-bottom: 5px;
  border-style: solid;
  border-color: #8f0000;
  border-radius: 10px;
  padding:15px;
}
.bottoni_menu:focus{
  outline: none;
}
.bottoni_menu:hover{
  text-decoration: underline;
}

.liste0{
  display: none;
}
.liste1{
  font-family: "Indie Flower";
  margin-right: 10%;
  margin-left: 5%;
  border:5px;
  border-style: solid;
  border-radius: 15px;
  border-color: #8f0000;
  padding: 1%;
}
.prezzi{
  float: right;
}


/* PsP_contacts.html */
#giorni{
  float: left;
}
.merc{
  color: #777;
}
#ore{
  float: right;
  text-align: center;
  margin-right: 15%;
}
#mappa{
  max-width: 37%;
  border-radius: 15px;
  float: right;
}

/* footer */
#orizzontale{
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}
footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, gray, black);
  height: 50px;
  color: white;
}
footer ul{
  float:left;
  margin-top: 0.5%;
  margin-bottom: 0;
}