@media screen and (min-width: 240px){
html {background-color: #FFFF88;}		/*giallo*/
}

@media screen and (min-width: 320px){
html {background-color: #000;}			/*nero*/
}

@media screen and (max-width: 479px){		/*giallo e nero*/
div#maxmenu {display:none;}
div#minimenu {float:left;}
div#minimenu ul {display: none;}
div#minimenu:hover ul {display: block;
        line-height: 50px;
        list-style-type: none;
	z-index: 3;
	width: auto;
        position: absolute;
	padding: 1em;
	margin: 0px;
        background-color: #000;
        border: 1px dotted #ffcc00;}
div#minimenu a {color: #fff; margin-left:1em;}
nav.testata {height: 1em;}

p.sinistra, p.centro, p.destra, iframe#maxmap {display: none;}
}

@media screen and (min-width: 480px){
html {background-color: #C7C7C7; font-size: 85%;}	/*grigio*/
div#minimenu, iframe#minimap {display:none;}
} 

@media screen and (max-width: 767px){
aside {display:none;}
article {margin:3em;}
}

@media screen and (min-width: 768px){
html {background-color: #0000cc;}			/*blu*/
article {margin: 1em 15em 1em 10em;}
}

@media screen and (min-width: 1024px){
html {background-color: #90EE90;}			/*verde*/
article {margin: 1em 20em 1em 15em;}
}

@media screen and (min-width: 1280px){
html {background-color: #fff;}				/*bianco*/
h1 {font-size:250%;}
article {margin: 1em 25em 1em 20em;}
}

@media screen and (min-width: 1570px){
html {background-color: #ccccff; font-size:100%;}	/*azzurro*/
article {margin: 1em 30em 1em 30em;}
}