/*********		STILE GENERICO TABELLA  	**********/
table { 
width: 95%; 
border-collapse: collapse; 
text-align: center; 
}
th { 
background: #9D9D9D;
font-weight: bold;
}
td, th { 
border: 1px solid #666;
line-height:28px;
}
tr:nth-of-type(odd){						/*  Righe giallo scuro dispari */
background: #BFBFBF;
}
tr:nth-of-type(even){						/*  Righe giallo chiaro pari */
background: #9D9D9D;
}

/*********		MEDIA QUERY  	**********/	
@media only screen and (max-width: 950px){
		
table, thead, tbody, th, td, tr { 			/* Forza la tabella a non essere pił una tabella */
display: block; 
}

thead tr { 									/* Nascondiamo l'intestazione della tabella thead */
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #666; }
		
td { 
position: relative;							/* Creiamo lo spazio per l'intestazione  */
padding-left: 50%; 
border:0;
}
		
td:before { 	
position: absolute;							/* Creiamo le altre celle per la descrizione */
left: 20px;
width: 50%;  
font-weight:bold;
}
		
td:nth-of-type(1):before { content: "Data"; }			/*  inseriamo l'etichetta per ciascuna cella con il selettore nth-of-type  */
td:nth-of-type(2):before { content: "Descrizione"; }
td:nth-of-type(3):before { content: "Collegamento"; }	
}	

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

table, thead, tbody, th, td, tr { 			/* Forza la tabella a non essere pił una tabella */
display: block; 
}
thead tr { 									/* Nascondiamo l'intestazione della tabella thead */
position: absolute;
top: -9999px;
left: -9999px;
}
tr { 
border: 1px solid #666; 
padding-top: 10px;}
td { 
position: relative;							/* Creiamo lo spazio per l'intestazione  */ 
line-height:50px;
border:0;
padding-left: 0%;
}
a{
line-height: 45px;
}

td:before { 	
position: absolute;							/* Creiamo le altre celle per la descrizione */
left: 0px;
width: 100%;  
font-weight:bold;
line-height:0px;
}
}