@charset "utf-8";
/* CSS Document */


            body { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
				  background-color: teal; }
                
                main{width: 70%;background-color: lightgray;margin: 0 auto;}
                 
			    footer{height: 60px;background-color: orange;clear: both}
			
			   h1, h2 { margin: 50px 0 25px;}
            
               p {font-size: 18px;line-height: 27px;text-align: justify; }
                
              .box{width: 20%;float: left;padding:0px 30px;}
			
			  .testo{text-align: justify;margin: 30px; color: black;}
            
             .img-box{width: 90%;-webkit-box-shadow: 5px 5px 10px 0px #000000;
             -moz-box-shadow: 5px 5px 10px 0px #000000;
             -o-box-shadow: 5px 5px 10px 0px #000000;
             box-shadow: 5px 5px 10px 0px #000000;}    
			   .chiudi {
        	 color: #FFFFFF;
	        position: fixed;
	        right: 20px;
         	top: 30px;
	       font-size: 30px;}
    .chiudi a {background-color: yellow; text-decoration: none;  }
	.chiudi a:hover {background-color: brown;color: yellow;}
			
			@media only screen and (max-width: 960px) { main{width: 90%;}.testo {font-size: 16px;}}
	
	        @media only screen and (max-width: 600px) {  main{width: 99%;}  .testo {font-size: 14px;} }
		
       
        
            .zoom {
				
				width: 100%; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAABRElEQVRIie3Vvy5EQRTH8Q/RbImHUVi5/kQh0ZEsD6DkGXTiGfREQqfagmwsCS3eAYVWSbGzMjvu3OsmFMQvmWRy5szvOyd37hn+isai+Rxm8ZbkvOCgwmMLUyW+V7iE8WhhCXtYwWQ0WjUHbSX5K8FnqSx5F108Yb7GOKf5sL8b/DBaCVxjDcdYbAhoh32bwedDKQT6AXTUANTGaQCcp4tlkBh0+AVQGyc5QAp5DiMGdQwqKjKAwqCCTgJIvWrVxqPPFQ3jC03MqlTgNondyFf4r59Xgbskdu8bv0nuFuVuXaV2sJ3ECoNeVPWflK2PeMU/4xSmk5MeYwO9DKSnvNeNeOXaStyLLjI5Q/WxrqLXlUGaAGLQl5rqj70nE0nSMs4wEwbNn99brIrelBjSx36YT0bx15rTD5/foR7C6Nfs+4V6B2p1Sa5+2199AAAAAElFTkSuQmCC"), pointer;
            }

            .zoomOpen {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: #fff; padding: 30px; z-index: 99999; zoom: 0.65;opacity: 0;	
            cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAAAp0lEQVRIie2VTQqAIBSE52BBP7evbS47QJ6iNgpio8/8oYgGXEg633ukDvBFrQD6Sl698buoA7ADmAoB1meMVaDBO9qEubSfVuJ3dAhzsQMG0h4oBrHrkwEhUAjCCsoGMUgxwGowRgyizffbUsaADR/ChsqB/orqkX/S5HS5an5Pmt/4nLfrVkyUvsIiKJYHftKx5BPzJDlwBFkfeurmCgAXtFTyepFOkXBc+2M5ykQAAAAASUVORK5CYII="), pointer;
            }

            .zoomOpen > div {
                background-color:teal;
                background-repeat: no-repeat;
                background-position: center center;
                height: 100%;
                width: 100%;
				
            }