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

	/* Tabella responsive. Il float ed il width servono per IE  */
	table, thead, tbody, th, td, tr { 
        display: block;
        float: left;
        clear: both;
        width: 100%;
        margin: 0;
        padding: 0;
	}
	table { 
        margin: 20px 0;
	}
	
    caption {
        width: 100%;
        font-weight: bold;
        display: block;  /* Per Safari */
    }
	
	#content table tr { 
        border: 1px solid #ccc; 
        clear: left;
        float: left;
        width: 100%;
    }
	
	#content table td { 
		/* Behave  like a "row" */
		border: 0 none;
		padding: 0;
        margin: 0;
        width: 100%;
	}
    #content table td span.key	{
        float: left;
        width: 30%;
        padding: 5px;
        min-height: 30px;
    }
    #content table td span.value	{
        float: left;
        width: 65%;
        padding: 5px;
        min-height: 30px;
    }

}

@media only screen and (max-width: 480px) {
    #content table td span.key	{
        float: left;
        width: 45%;
        padding: 5px;
        min-height: 30px;
    }
    #content table td span.value	{
        float: left;
        width: 45%;
        padding: 5px;
        min-height: 30px;
    }


}