/* Mio foglio di stile 

Tipi di carattere
font-family: serif, georgia, "times new roman"
font-family: sans-serif, arial, verdana
font-family: monospace, "curier new", "lucida console"

Dimensioni del carattere
font-size: 1 ecc.

Stile del carattere
font-style: normal / italic / oblique;

Peso del carattere
font-weight: normal (400) / bold (700) / bolder / ligther / 100-900

Allineamento
text-align: left / right / center / justify;

Linea su testo
text-decoration: none / overline / underline / line-through;

Identzaione
text-indent: valore;

Colore in primo piano
color: valore;

Colore di sfondo
background-color: valore;

Larghezza
width: valore;

Altezza
height: valore;

Margine esterno
margin: valore; vale per i quattro lati del contorno
margin: valore1 valore2; vale per alto-basso e destra-sinistra
margin: valore1 valore2 valore3; vale per alto, destra-sinistra, basso
margin: valore1 valore2 valore3, valore4; vale per alto, destra, basso, sinistra
margin-top: valore;
margin-right: valore;
margin-bottom: valore;
margin-left: valore; 

Margine interno:
padding: valore; <-stesse regole del margin

Bordo
border-width: valore;  <- stesse regole del margin
border-style: solid / dotten / dashed / double / groove / ridge / inset / outset
border-color: valore;

*/

header {
	height: 10%;
	width: 90%;
	margin: 0 auto; 
	text-align: center;
	background-color: #ffffff;
}

p {
	background-color: red;
	text-align: center;
	border: 1px solid black;
	padding: 5px;
}

section {
	height: 80%;
	width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
}

#filtro {
	height: 80%;
	width: 90%;
	margin: 0 auto;
	background-color: #ffffff;
	padding-top: 10px;
}

footer {
	height: 10%;
	width: 89%;
	margin: 0 auto; 
	text-align: right;
	padding-right: 1%;
	background-color: #ffffff;
}

body {
	font-family: verdana, arial, helvetiva, sans-serif;
	font-size: 14px;
}

table {
	border: 1px;
	border-color: black;
	border-style: solid;
	width: 90%;
	margin-left:auto; 
	margin-right:auto;
}

button {
width: 15em;
padding: .5em;
color: #ffffff;
text-shadow: 1px 1px 1px #000;
border: solid thin #882d13;
-webkit-border-radius: .7em;
-moz-border-radius: .7em;
border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
box-shadow: 2px 2px 2px #bbb;
background-color: #ce401c;
background-image: -webkit-gradient(linear, left top, left bottom,
 from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));
}

th {
	font-style: italic;
}

tr {
	border: 1px solid red;
	text-align: center;
}

tr:nth-child(odd) {
	background-color: #E6E6FA;
}

tr:nth-child(even) {
	background-color: #ADD8E6;
}

td {
	border: 1px solid black;
}

h2 {
	text-align: center;
}

form {
	margin: 0 auto;
	width: 45%;
	background-color: #ffffff;
	text-align: center;
}

input {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

input.campi {
		width: 95%;
		min-width: 20%;
}

.data {
	input {
	width: 80%;
	margin: 0 auto;
}