body {
 background-image:url("sfondo.jpg");
 background-color: #cccccc;
}

button {
	background-color:#CCFFFF;
	padding:10px;
	margin:20px;
	border-color:#003265;
	border-style:solid;
	font-size:medium;
}

button:hover {
	background-color:aqua;
}

div {
	width:60%;
	margin:auto;
	padding:20px;
	border:silver 5px double;
	text-align:center;
	margin-top:25px;
}

p {
	font-family: "Arial Black";
	color: #003265;
	margin-bottom:40px;			
}

p.titolo {
	font-family: "Arial";
	color: red;
	text-decoration:underline;
	margin-bottom:20px;			
}

p.conferma {
	font-family: "Arial";
	margin-bottom:20px;			
}

table {
	margin:auto;
	table-layout:auto;
	border-collapse:collapse;
}

td {
	width:50%;
}

.tdsms {
	width:10%;
	text-align:left;
	border:1px gray solid;
	padding:5px;
}

.tdradio {
	width:10%;
	text-align:center;
	border:1px gray solid;
	padding:5px;
	background-color:silver;
}

.sx {
	font-family: "Arial";
	color: #003265;
	text-align:right;
	padding:5px;
}

.dx {
	font-family: "Arial";
	color: #003265;
	text-align:left;
	padding:5px;
}

.suggerim-bl {
	font-family: "Arial";
	font-size:small;
	color:black;
	font-style:italic;
}

.suggerimento {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:red;
}

.scelta {
	background-color:silver;
	margin:10px;
}

.scelta:hover {
	background-color:gray;
	color:white;
}

.cal {
	text-align:center;	
	font-size:small;
	border-collapse:collapse;
	padding:1px;
	margin:1px;
}

div.tabella
{
display: table;
}
div.riga
{
display: table-row;
}
div.cella
{
	width: 20px;
	height: 20px;
	border: 1px solid;
	text-align:center;
	display: table-cell;
	text-align:center;	
	font-size:small;
	border-collapse:collapse;
	padding:1px;
	margin:1px;

}