.tavolo{ float:left; width: 140px; /*height:      280px;*/} 
.table{ width: 140px; height:      100px; background-color:brown; }
@media all and (max-width: 500px) {
	
	.tavolo{ float:left; width: 33%; } 
	.table{ width: 100%; height:      100px; background-color:brown; }
}

	.registro{ float:left; width: 100%; /*height:      280px;*/ text-align:center;} 
	.registro input,select  {      width: 29% !important; }
	#cassa{ 
		background-color:transparent;
		height:                45px;
		width:                 90px;}
	#posto1a,#posto2a,#posto3a{ 
		background-color:green;
		height:                45px;
		width:                 90px;
		border-radius:         90px 90px 0 0;
		-moz-border-radius:    90px 90px 0 0;
		-webkit-border-radius: 90px 90px 0 0;}
	#posto1b,#posto2b,#posto3b{ 
		background-color:green;
		height:                45px;
		width:                 90px;
		border-radius:         0 0 90px 90px;
		-moz-border-radius:    0 0 90px 90px;
		-webkit-border-radius: 0 0 90px 90px;}
	#posto1b:hover,#posto2b:hover,#posto3b:hover,
	#posto1a:hover,#posto2a:hover,#posto3a:hover{ 
		background-color:red;}
	.dettaglio{     clear: left;}
	.selezionato{
		background-color:yellow !important;}