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: 400px;
margin: 10px auto;
color: #fff;
background: rgba(56, 68, 83, 0.84);
padding: 10px;
overflow: hidden;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px #ffffff;
    border-style: solid;
-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 */
}


#FConferma1 form {
width: 100%;
margin: 5px auto;
color: #0a0a0a;
background: rgb(192, 192, 192);
padding: 5px;
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;    
}

#FConferma1 label, input, textarea { /* Stili comuni agli elementi del form */
color: #4e4e4e; /* Colore del testo */
float: left; /* Float a sinistra */
font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
margin:5px 0; /* Margini */
padding: 5px;   
/*width: auto;*/
vertical-align: middle;
}

#FReset form {
width: 450px;
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;
border-color: white;
border-style: solid;
-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;    
}

#FReset 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 auto; /* 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%;
    vertical-align: middle;
}

.bottone-ins {
  width: 120px;
  height: 50px;
  font: 14px 'Open Sans', sans-serif;
  background-color: #395c96;
  color: white;
  padding: 6px;
  padding-left: 10px;    
  cursor: pointer;
  border: none;
  margin-top: 10px;
  margin-left: 5px;
  text-transform: uppercase;    
  background-image: url('../images/Insert.png');
  background-repeat: no-repeat;
  background-position: left center;
  border-radius: 10px 10px 10px 10px;
}

.bottone-cerca {
  width: 100px;
  height: 30px;
  font: 14px 'Open Sans', sans-serif;
  background-color: #395c96;
  color: white;
  padding: 6px;
  padding-left: 10px;    
  cursor: pointer;
  border: none;
  margin-top: 10px;
  margin-left: 5px;
  text-transform: uppercase;    
  background-image: url('../images/cerca.png');
  background-repeat: no-repeat;
  background-position: left center;
  border-radius: 10px 10px 10px 10px;
}

.bottone-reset {
  width: 100px;
  height: 30px;
  font: 14px 'Open Sans', sans-serif;
  background-color: rgba(248, 11, 11, 0.98);
  color: white;
  padding: 6px;
  padding-left: 10px;    
  cursor: pointer;
  border: none;
  margin-top: 10px;
  margin-left: 5px;

  text-transform: uppercase;    
  background-image: url('../images/refresh.png');
  background-repeat: no-repeat;
  background-position: left center;
  border-radius: 10px 10px 10px 10px;
}

.bottone-reset:hover {
    
    border: 3px solid rgba(253, 235, 21, 0.99);
}

.bottone-ins:hover {
    
    border: 3px solid rgba(97, 247, 253, 0.99);
}

.bottone-cerca:hover {
    
    border: 3px solid rgba(97, 247, 253, 0.99);
}

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: #717070; /* Colore del testo */
float: left; /* Float a sinistra */
font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
margin: 10px 0; /* Margini */
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: 200px; /* Larghezza */
padding: 5 5px; /* Padding */ 
}

.table1 table {
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;
}

.Elenchi ul { list-style-image:URL('../images/cerca_mini.png'); }

.Elenchi table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
/*	border: thin solid #999999;*/
	background-color:#FFFFFF;
	border-color: #E1E1E1;
    border-radius: 15px;
}
.Elenchi th {
    height: 30px;
	border-style: none;
    border-color: inherit;
	border-width: medium;
	font-style: normal;
	font-weight: bold;
    font-size: 15px;
	text-align:center;
	color: #FFFFFF;
/*	background-color: #6F90D1;*/
	background-image:url('../images/TH.gif');
					background-repeat:repeat-x;
	}
.Elenchi tr:hover td{background: #8d9db6;color: #FFFFFF}
.Elenchi a:hover {color:#daebe8}
.Elenchi td {
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border: none;
	white-space: nowrap;
}

.Elenchi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
}

.Elenchi caption{caption-side: top;
04.text-align: center;
height: 20px;
05.padding: 10px 10px 10px 10px;
06.font-size: 18px;
color: gray;
font: bold;
border-radius: 10px 10px 0 0;
background-image: -ms-linear-gradient(top , #FFFFFF 0%, #c0c0c0 100%);
background-image: -webkit-linear-gradient(top , #FFFFFF 0%, #c0c0c0 100%);
background-image: -moz-linear-gradient(top , #FFFFFF 0%, #c0c0c0 100%);
background-image: -o-linear-gradient(top , #FFFFFF 0%, #c0c0c0 100%);
}


#newmenu {
  background: #343434;
  color: #eee;
  height: 35px;
  border-bottom: 4px solid #eeeded
}

#newmenu ul,
#newmenu li {
  margin: 0 0;
  padding: 0 0;
  list-style: none
}

#newmenu ul {
  height: 35px
}

#newmenu li {
  float: left;
  display: inline;
  position: relative;
  font: bold 12px Arial;
  text-shadow: 0 -1px 0 #000;
  border-right: 1px solid #444;
  border-left: 1px solid #111;
  text-transform: uppercase
}

#newmenu li:first-child {
  border-left: none
}

#newmenu a {
  display: block;
  line-height: 35px;
  padding: 0 14px;
  text-decoration: none;
  color: #eee;
}

#newmenu li:hover > a,
#newmenu li a:hover {
  background: #111
}

#newmenu input {
  display: none;
  margin: 0 0;
  padding: 0 0;
  width: 80px;
  height: 35px;
  opacity: 0;
  cursor: pointer
}

#newmenu label {
  font: bold 30px Arial;
  display: none;
  width: 35px;
  height: 36px;
  line-height: 36px;
  text-align: center
}

#newmenu label span {
  font-size: 12px;
  position: absolute;
  left: 35px
}

#newmenu ul.menus {
  height: auto;
  width: 180px;
  background: #111;
  position: absolute;
  z-index: 99;
  display: none;
  border: 0;
}

#newmenu ul.menus li {
  display: block;
  width: 100%;
  font: 12px Arial;
  text-transform: none;
}

#newmenu li:hover ul.menus {
  display: block
}

#newmenu a.home {
  background: #c00;
}

#newmenu a.standard {
  background: #242323;
}

#newmenu a.prett {
  padding: 0 27px 0 14px
}

#newmenu a.prett::after {
  content: "";
  width: 0;
  height: 0;
  border-width: 6px 5px;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 9px
}

#newmenu ul.menus a:hover {
  background: #333;
}

#newmenu ul.menus .submenu {
  display: none;
  position: absolute;
  left: 180px;
  background: #111;
  top: 0;
  width: 180px;
}

#newmenu ul.menus .submenu li {
  background: #111;
}

#newmenu ul.menus .has-submenu:hover .submenu {
  display: block;
}

#legenda label {
display:block;
float:left;
max-width: inherit;
/*width:100px;*/
text-align:right;padding-right:.5em;
}
#legenda input {
font:bold 1em verdana,helvetica,sans-serif;
letter-spacing:.1em;word-spacing:.2em;
padding:0 2px;
    max-width: inherit;
/*width:200px;*/
width:auto;
border:1px inset #666;
border-style:solid;border-color:#808080;
border-width:1;
background:#eee;
}
fieldset:hover { border:2px solid #900 }
/*label:hover {background:#ff0}*/
#legenda input:hover,#note textarea:hover {background:#c0c0c0}

#legenda select {
vertical-align:middle;
font:1em/1.2em verdana,helvetica,sans-serif;
width:276px;
background:#eee;
}
