html
{
background-size: 100% ;
width: 960px;
margin:auto;
background-repeat: repeat;
background-attachment: fixed;
background-image: url('images/sfondo1.jpg');
padding: 0px 0px 0px 0px;
border: 0px;
}
body
{
width: 940px;
height: 100%;
background-image: url("images/sfondo.png");
margin:30px auto;
padding: 0px 0px 0px 0px;
background-repeat: repeat;
}

#logo
{
width: 50%;
float:left;
padding: 5px 0px 0px 0px;
margin:auto;

}

.immagini
{
 background-position: bottom;
  width: 100%;
  height:100%;
  padding: 10px 10px 0px 0px;

}

#descrizioni
{
 background-position: bottom;
  width: 100%;
  height:100%;
  padding:10px 10px 0px 0px;
  margin-top: 100px;

}



figure
{
  width: 350px;
  height:350px;
  padding:20px;
  float:left;
  text-align: center;


}

figure img 
{
  width: 350px;
  height:350px;
  padding:30px 10px 10px  10px;
  float:left;
  text-align: center;


}

figcaption
{
 background-position: bottom;
  width: 350px;
  height:650px;
  font-size: 20px;
  font-style: oblique;
  padding:  0px;
  text-align: justify ;


} 

img 
{
    padding: 20px 20px 20px 20px;
    
}

#maweb img 
{
    padding: 20px 20px 20px 250px;
    
}

#social img 
{
    padding: 10px 10px 10px 0px;
    width:4%;
    height: 4%;  
    margin-left: 30px;  
}


#contatti
{
widows: 100%;
padding: 0px 0px 0px 20px;
}


nav
{
width: 80%;
height:100%;
background-position: top center;
padding: 20px 20px 20px 20px;
font-family: Arial, Helvetica, sans-serif;
display: block;
text-align: justify;
}



h1
{
font-family: Arial, Helvetica, sans-serif;
font-size : 26px;
text-align: center;
color:red;
border:2px;
margin:40px;
padding:0px 0px 0px 0px ;
}

h2
{
font-family:Arial, Helvetica, sans-serif;
font-size: 21px;
color:gray;
border:0px;
margin:40px;
text-align: justify;
}

h3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:green;
border:2px;
margin:40px;
text-align:justify;

}
h4
{
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color:goldenrod;
border:2px;
margin:40px;
text-align:center;

}
p
{
width: 870px;
color:black;
border:2px;
margin:20px ;
font-family: Arial, Helvetica, sans-serif; 
font-size: 19px;
text-align: justify;

}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}

li a:hover:not(.active) {
  background-color: #111;
}

.active {
  background-color: rgb(240, 34, 34);
}

a {
  color:black;
  }


  footer { 
   
    padding:20px 20px 20px 20px ;
    font-family: Arial, Helvetica, sans-serif;
    
  } 
  p.slogan {
    font-family:raleway,arial,Verdana;
    background:#F0F0F0;color:#000000;
    font-size:20px;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:0px;
    line-height:32px;
    text-align:justify;
    border:1px solid;
    border-radius:10px;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;}
    p.slogan1 {
      font-family:raleway,arial,Verdana;
      background:yellow;color:#000000;
      font-size:20px;
      padding-bottom:0px;
      padding-top:0px;
      padding-left:0px;
      line-height:32px;
      text-align:center;
      border:1px solid;
      border-radius:10px;
      padding: 5px 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;}
      
      .chisono
      {
      width: 940px;
      height: 400px;
      margin:30px auto;
      padding: 0px 0px 0px 0px;
      
      }