html,body {
    padding: 0;
    margin: 0;
    font: 14px 'Open sans', sans-serif;
    color: #333;
}
h1 {
    margin: 0;
    margin-bottom: 20px;
	font-size: 24px;
}
form {
    padding: 40px;
    background: #DDD;
    border: 4px solid #AAA;
    width: 360px;
    margin: 30px auto;
}

 .loader {
display: contents;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../images/page-loader.gif') no-repeat center center;
text-align: center;
color: #999;
}

#FConferma form {
width: 500px;
margin: 10px auto;
color: #fff;
background: rgba(71, 78, 87, 0.84);
padding: 10px;
overflow: hidden;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow:  10px  10px 5px #808080;
-webkit-box-shadow:  10px  10px 5px #808080;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#808080', Direction=135, Strength=10);
box-shadow: 10px 10px 5px #808080;    
}

#FConferma label, input, textarea { /* Stili comuni agli elementi del form */
color: #dedede; /* Colore del testo */
float: left; /* Float a sinistra */
font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
margin: 10px 0; /* Margini */
}

#submit { padding: 0; width: 100px;left:10px; border-radius: 3px;background:#c7c0c0; }


input {
	font: 14px 'Open Sans', sans-serif;
    border: 2px solid #ccc;
    padding: 6px;
    display: block;
	margin-bottom: 10px;
    width: 96%;
}
button {
    font: 14px 'Open Sans', sans-serif;
    background-color: #4285f4;
    color: white;
    padding: 6px;
    cursor: pointer;
    border: none;
    margin-top: 10px;
	text-transform: uppercase;
}

ul#menu {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}


ul#menu li {
    background-color: #2e68c9;
    border-bottom: 5px solid #54BAE2;
    display: block;
    width: 150px;
    height: 30px;
    margin: 2px;
    float: left; /* elementi su singola riga */
}

ul#menu li a {
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
    width: 150px;
    height: 30px;
    text-align: center;
}

ul#menu li.active, ul#menu li:hover {
    background-color: #54BAE2;
    border-bottom: 5px solid #2e68c9;
}
 


fieldset {
border-radius: 20px;	
}



label, input, textarea { /* Stili comuni agli elementi del form */
color: #dedede; /* Colore del testo */
float: left; /* Float a sinistra */
font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
margin: 10px 0; /* Margini */
}

label { /* Stili per la label */
display: block; /* Impostiamo la label come elemento blocco */
line-height: 30px; /* Altezza di riga */
width: 150px; /* Larghezza */
}

select { /* Stili per il campo di testo e per la textarea */
background: #ffffff;  /*Colore di sfondo */
border: 1px solid #dedede; /* Bordo */
color: #000000; /* Colore del testo */
height: 30px; /* Altezza */
line-height: 30px; /* Altezza di riga */
width: 300px; /* Larghezza */
padding: 5 10px; /* Padding */
    font-size: 90%;
}

input { /* Stili per il campo di testo e per la textarea */
background: #ffffff;  /*Colore di sfondo */
border: 1px solid #dedede; /* Bordo */
color: #000000; /* Colore del testo */
height: 30px; /* Altezza */
line-height: 30px; /* Altezza di riga */
width: 300px; /* Larghezza */
padding: 5 5px; /* Padding */ 
}

.table1 {
border: 0px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
text-align: center;
border-spacing: 1px;
background: #ffffff;
border-radius: 15px;
border-collapse: collapse;
}

.table1 th {
font-size: 16px;
font-weight: 300;
padding: 12px 10px;
background:rgba(128, 128, 128, 0.81); 
border: 1px solid #cccccc;
color: #ffffff;
}

.table1 td {
padding: 10px;
color: #000000;
text-align: center;
border: 1px solid #cccccc;

}

.table1 tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}