body {
	  background-image:url('immagini/sfondo1.png');
	  background-size:contain;
	  background-repeat:no-repeat;
	  background-attachment:fixed;
	  background-size:cover;
	  background-position:center;
}




h1 {
	     font-size: 5vw;
		 text-align: center;
	     font-family: Verdana, sans-serif;
	     font-weight: bold;
	     color: white;
		 overflow:  auto;
}

h2 {
	     font-size: 3vw;
		 text-align: center;
	     font-family: Verdana, sans-serif;
	     font-weight: bold;
	     color: white;
		 overflow:  auto;
}

ul.menu {
	 
	  list-style-type:none;
	  margin:0;
	  padding:0;
      background: #9494b8;  
	  overflow: hidden;                                                                                      /*#a3a3c2;*/
}

li {
	float:left;
	
}

li a {
	  font-size: 3vw;
	  display:block;
	  text-align: center;
	  font-family: Verdana, sans-serif;
	  color:#ffffff;
	  padding: 11px;
	  text-decoration: none; 
	  
} 

li a:hover {
            background-color:#669;
            
}

ul.menu li.right {float: right;}

@media screen and (max-width: 600px){
    ul.menu li.right, 
    ul.menu li {float: none;}
}

/* stile del div che contiene il testo */

#box {
	  text-align: left;
	  margin-top: 5%;
	  margin-left:5%; 
	  float:left;
	  font-size:2vw;
	  font-family: Verdana, sans-serif;
	  color:#ffffff;
      width: 90%;
   }


#scritta-storia, p {
	                text-align: left;
					font-family: Verdana, serif;
	                margin-top: 2%;
	                margin-left:7%; 
	                float:left;
	                font-size:2vw;
	                color:#ffffff;
                    width: 85%;
}


#Zar {
     position: relative;
     float:left;
	 margin-top: 4%;
	 left: 10%;
	 width: 265px;
	 width: 22%;
     
}

#filmato {
	      margin-bottom: 18%;
          position: relative;
		  float: left;
          left: 30%;   
		   
}

#filmato, video {
	              width:58%;
	              height: auto;
}

     
h3 { 
	
	position: relative;
	font-size:3vw;
    font-family: Verdana, sans-serif;
	color:#ffffff;
    
}

#descr > p {   
	                  font-size:2vw; 
	            
}

#content_imglibri > img {
	                    margin-top: 2%;	         		
			            display:inline-block;                   
                        width: 20%;   
						                     
 }

#back, #up {
	       color: #ffffff;
		   background-color: transparent;
		   font-size: 3em;
		   padding: 1%;
		   margin: 2%;
		  
}

#back {
	   margin-top: 13%;
	   float:left;
	   margin-left: 32%;
	   width: 6%;
	   height: auto;
	   font-size:2vw; 
	   
}

#up {
	margin-top :13%;
	float: right;
	margin-right: 31%;
	width: 6%;
	height: auto;
	font-size:2vw; 
}




 #content_film > img {
                     display: block;
					 padding-left:40%;
                     overflow: auto;
                     width: 22%;
                     height: auto;
                     margin-top: 5%;
    
}

#content_film > p {    
                 padding-left: 4%;
                 display: inline-block;
                 text-align: left;    
                 overflow: auto;
                 font-size:2vw;    
}

