html { font-size:100%; }


body
{
    background: #FFFFFF;
    color: #000000;
    margin: 0;
}

@media (max-width: 640px) { 
body {font-size:1.4rem;}
#MENU { display: none; }
} 

@media (min-width: 641px) { 
body {font-size:1.3rem;}

} 
 
@media (min-width:960px) { 
body {font-size:1.2rem;} 
} 

@media (min-width:1100px) { 
body {font-size:1.2rem;}
} 


#MAIN
{
    margin: 0 auto;
    max-width: 950px;
	max-height: 100%;
    
}

#HEADER {
         width: 100%;
         margin-right: auto;
	 margin-left: auto;
}
.dior {
	max-width: 100%;
	height: auto;
}
p.avviso {color: red}
 
#MENU
{
    float: left;
    width: 30%;
	min-height: 636px;
	background-color:#E6E6FA
}
#CONTENT
{
    float: left;
    width: 69%;
    min-height: 636px;
}
#FOOTER
{
    clear: left;
    border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	/*height: 100px;*/
}