body { margin: 0; padding: 0; text-align: center; 
	font-size:100%; font-family: "Mate", Georgia, serif; }
a { color: #369; text-decoration: none; }
a:hover { color: #f60; text-decoration: underline; }
h1 { margin: 0.6em 0; font-size: 1.5em; color: #f60; }
h2 { margin: 0.6em 0; font-size: 1.25em; color: #f60; }
p { margin: 0.6em 0; }

#sito { max-width: 60em; margin: 0 auto; }

#testa { width: 100%; text-align: center;  }
 #titolo { font-family: "Mate", Georgia, serif; font-size: 2em; margin: 1.5em auto 1.5em auto; color: #369; }
 #titolo a:hover { color:#369; outline: none; }
 #menu { font-family: "Mate", Georgia, serif; font-size: 1em;  }
 #menu a { padding: 0.25em 0.4em; margin: 0 0.3em; outline: none; }
 #menu a.on { color: #f60; }

#corpo { width: 100%; margin: 10px auto 0 auto; text-align: center; line-height: 1.75em; color: #444; font-size: 0.9em; }

 #slide { width: 78%; margin: 0 auto; }
 #slide img { width: 100%;}
 .blocco { width: 100%; clear: both; float: left; }
 .sx { text-align: right; float: left; width: 24%; font-family: "Mate", Georgia, serif; }
 .sx img { max-width: 50%; }
 .dx { text-align: left; float: left; max-width: 70%; margin-left: 6%; }
 .cx { text-align: left; float: left; width: 100%; }

 .menuOpere { margin: 20px 0 0 0; }
 .menuOpere a { font-size: 1.2em; }

#barra { max-width: 100%; margin: 0.7em auto 0 auto; text-align: center; }
 #barra img { width: 100%; }

#piede { width:90%; margin:0 5%; clear: both; font-size: 0.66em; line-height: 160%; text-align: center; color: #888; margin: 20px auto 5px auto; border-top: 1px solid #ddd; }
 #piede a { color: #f60; }
 
 
/* OPERE */

.boxOpere h3 { background: #f5f5f5; }

.opera { clear: both; float: left; width: 600px; margin: 0 0 20px 0; }
.opera-file { float: left; width: 30%; padding: 0 5% 0 0; }
.opera-file img { border: none; }
.opera-nome { float: left; width: 65%; font-size: 1.2em; color: #369; }
.opera-misu { font-size: 1em; }
.opera-tecn { font-size: 1.1em; font-style: italic; }
 
 
 /*

@media only screen and (min-width: 768px) and (max-width: 959px) { 
	#testa, #sito, #corpo, #piede { width: 768px; }
	#corpo img { width: 768px; margin: 0 auto; }
	}

@media only screen and (min-width: 321px) and (max-width: 767px) { 
	#testa, #sito, #corpo, #piede { width: 480px; }
	#corpo img { width: 480px; }
	#titolo { font-size: 28px; }
	#menu { font-size: 13px; }
	#piede { font-size: 11px;}
	}
*/
@media only screen and (max-width: 640px) {
	#sito {  }
	#testa, #corpo, #piede, #barra, .blocco, .sx, .dx {  }
	#corpo img {  }
	#titolo { font-size: 1.2em; margin: 1em 0.1em;  }
	#menu {  }
	#menu a {  }
	#piede {  }
	#barra { }
	h1 {}
	h2 {}
  .blocco {  }
  .sx { float: none; width: 90%; margin: 0 5%; text-align: left;  }
  .sx img { }
  .dx { float: none; width: 90%; margin: 0 5%; }
	}