body { 
background-color:#ffffff;
font-family: 'Pinyon Script', cursive;
font-size:100%;
line-height:1.5;
-webkit-text-size-adjust:none;
color: #1b1b1b; 
}

h1 { 
font-size:1.25em; 
color:#ffffff; 
font-weight:normal; 
}

h1 span {
font-size:0.55em;
color:#0e4057; 
cursor:pointer;

}

h2 {
font-size:55px;
text-align:center;
color:#0e4057; 
margin:50px auto 0 auto;
}



a { 
color:#0e4057; 
text-decoration:none; 
}
a:hover { 
color:#1d7eab; 
text-decoration:none; 
}

a.chiudi { 
font-weight:bold;
font-size: 36px;
}


header { 
background-color:#0e4057;
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;
box-shadow: 0 0 5px #42403f;
padding:0;
height:150px;
border-bottom: 0;
position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.indice { 
height:150px;
}


a.indietro img{ 
display:block;
width:50px;height:50px;
position:absolute;
top:20px;
right:40px
}

header #logo {
width:440px;
margin: 15px 0 0 30px;
max-width:100%
}

footer { 
background-color:transparent;
border-top:0; 
text-align:center;
padding:0;
height:150px;
} 


footer p { 
color:#cccccc; 
font-size:1em; 
}
footer > p:last-of-type {
margin-top:2%;
}

section#gallery { 
margin:0; 
background-color:#ffffff;
}


section#gallery:after { 
clear:both; content:"."; 
display:block; height:0; 
visibility:hidden; 
}



section#gallery figure { 
float:left;
display:inline;
width:21%;
margin:2%; /*2% + 21% + 2% = 25% */
}

section#gallery a { 
display:block; 
width:100%;
border:1px solid #ffffff;
background:#42403f;
opacity:0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 hack */ 
filter: alpha(opacity = 70); /* IE 5-7 hack */
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
transition: all 0.5s; 
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;

} 

section#gallery a:hover { 
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */ 
filter: alpha(opacity = 100); /* IE 5-7 hack */
} 


section#gallery img { 
width:100%;
display:block;
border:none;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */ 
}




@media screen and (max-width:800px) {

body {}

header {padding:0 15px;height:100px}
	
header #logo {
display:inline-block;
width:240px;
margin: 20px auto;
max-width:100%
}

.indice {
    height: 100px;
}


footer {
    margin-top:50px
}

a.indietro { 
display:block;
width:20px;height:20px;
}
	
}