.uno {background:#ba252d;padding-left:1%;padding-right:62px;}
.uno .mdes{display:contents;}

table { width: 100%; border-collapse: collapse; }
tr:nth-of-type(odd) { background: #eee; }
th { background: #005184; color: white; font-weight: bold; }
td, th { padding: 6px; text-align: left; }
.col-container {display: table;width: 100%;}
.col {display: table-cell;padding-top: 16px;border-right:1px solid #fff;border-left:1px solid #fff;vertical-align:middle;	padding-left:1%;padding-right:1%;width:33%;}
.footer{background:#005184;width:100%;}

@media screen and (max-width: 480px){
	nav {margin-bottom:0;}
    .r1 .t1 { min-height: 40px;}
    .r1 .t1 h1 { margin: 5px 0 0 0}
}

@media screen and (max-width: 700px){
	.col {width:unset!important; display:block!important;}
}

@media only screen and (max-width: 767px){
	.cola table, .cola thead, .cola tbody, .cola th, .cola td, .cola tr,.colr table, .colr thead, .colr tbody, .colr th, .colr td, .colr tr { display: block; }
	.cola table,.colr table {border:none;}
    .cola th,.colr th {display:none;}
	.cola thead tr,.colr thead tr { position: absolute;top: -9999px;left: -9999px;}
	.cola tr,.colr tr { border: 1px solid #ccc; }
	.cola td,.colr td { border: none;position: relative;padding-left: 50%; }
    .cola td:before,.colr td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}
	.cola td:nth-of-type(1):before,.colr td:nth-of-type(1):before { content: "Seleziona"; text-align:left }
	.cola td:nth-of-type(2):before,.colr td:nth-of-type(2):before { content: "Data partenza"; text-align:left }
	.cola td:nth-of-type(3):before,.colr td:nth-of-type(3):before { content: "Data arrivo"; text-align:left }
	.cola td:nth-of-type(4):before,.colr td:nth-of-type(4):before { content: "Compagnia"; text-align:left }
	.cola td:nth-of-type(5):before,.colr td:nth-of-type(5):before { content: "Nave"; text-align:left }
}