#contenuti {display: table; table-layout: fixed; width: calc(98% - 2em); margin-left: 2%;}
.messaggiostaff {background: #FFDDDD; color:#AA1111; padding: 7px; padding-left: 1em; margin-bottom: 0.5em;}
.blink {color:#000000; /*animation: blinker 2s step-start infinite;*/} /*@keyframes blinker {50% {opacity: 0;}}*/

/*STILI GENERALI DEL FORM*/
.divform {margin-top: 1em; margin-bottom: 1em;}
.intestazione {background: #CCE0EB; color: #006699; font-size: 90%; font-weight: bold; text-align: justify; padding: 5px 1em 5px 1em;}
.intestazione.staff {background: #AA1111; color: #FFFFFF; border: 1px solid #10468E;}
.intestazione.exp.staff:hover {background: #DD3333;}
.divform .intestazione {position: relative; color: #3B576D; font-size: 80%;}
.divform .intestazione.staff {color: #FFFFFF;}

.form {font-size: 90%; border: 1px solid #D2DEE4;}
/* VERRANNO TEMPI MIGLIORI IN CUI POTRO' FARE CIO
.form {
	display:table;
	width: 100%;
	font-size: 90%;
	border: 1px solid #D2DEE4;
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tablerow {display: table-row; width: 100%; padding: 5px; border: 1px solid #D2DEE4;}
.tablecell {display: table-cell; width: 100%; padding: 5px; border: 1px solid #D2DEE4;}
*/

/*STILI PER PORZIONI DI FORM RICORRENTI*/
.caricamento {text-align: center; padding: 1em;}

/*STILI PER FORM SPECIFICI*/
.datiutente {position: relative; left: 0.5em; display: inline-table; text-align: left; width: calc(100% - 50px);}
.liclick {text-align: left; font-weight: bold;}
.liclick:hover {text-decoration: underline; cursor: pointer; cursor: hand;}

/*CLASSI DI COLORI*/
.green {color: #008800;} .bggreen {background-color: #008800;}
.orange {color: #EE7700;} .bgorange {background-color: #EE7700;}
.red {color: #AA1111;} .bgred {background-color: #AA1111;}
.darkred {color: #661111;} .bgdarkred {background-color: #661111;}
.grey {color: #999999;} .bggrey {background-color: #999999;}
.lightgrey {color: #EEEEEE;} .bglightgrey {background-color: #EEEEEE !important;}
.purple {color: #551A8B;} .bgpurple {background-color: #551A8B;}
.yellow {color: #FFFF00;} .bgyellow {background-color: #FFFF00;}
.black {color: #000000;} .bgblack {background-color: #000000;}
.white {color: #FFFFFF;} .bgwhite {background-color: #FFFFFF;}

/*DISPLAY*/
.inline {display: inline;}
.inline-table {display: inline-table; text-align: left;}
.inline-block {display: inline-block !important;}
.table-row {display: table-row;}
.table-cell {display: table-cell;}
.block {display: block;}
.width100 {width: 100%;}
.floatleft {float: left;}

/*POSIZIONAMENTO E DIMENSIONE TESTO*/
.valignmiddle {vertical-align: middle;}
.valigntop {vertical-align: top;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.nowrap {white-space: nowrap;}
.overflowhidden {overflow: hidden;}
.fontsize1em {font-size: 1em;}
.fontsize2em {font-size: 2em;}

/*POSIZIONAMENTO BOTTONI MAIN*/
.mainbottone {width: 220px; min-height: 40px; padding: 10px; vertical-align: middle; font-weight: bold;}
.mainbottonesegnale {display: inline; width: 25px; vertical-align: middle; margin-left: 0.75em; margin-bottom: 3px;}
.mainbottonedescrizione {display: inline-table; width: calc(100% - 245px - 1.5em); margin-left: 0.75em;}

/*CLASSI PER MARGINI*/
.margin1em {margin: 1em !important;}
.margintop05em {margin-top: 0.5em !important;}
.marginbottom05em {margin-bottom: 0.5em !important;}
.marginleft05em {margin-left: 0.5em !important;}
.marginright05em {margin-right: 0.5em !important;}
.margintop1em {margin-top: 1em !important;}
.marginbottom1em {margin-bottom: 1em !important;}
.marginleft1em {margin-left: 1em !important;}
.marginright1em {margin-right: 1em !important;}
.margin2em {margin: 2em !important;}
.margintop2em {margin-top: 2em !important;}
.margintop3em {margin-top: 3em !important;}
.marginbottom2em {margin-bottom: 2em !important;}
.marginleft2em {margin-left: 2em !important;}
.marginright2em {margin-right: 2em !important;}
.margintop0 {margin-top: 0em !important;}
.marginbottom0 {margin-bottom: 0em !important;}
.marginleft0 {margin-left: 0em !important;}
.marginright0 {margin-right: 0em !important;}
.marginleft3em {margin-left: 3em !important;}

/*CLASSI PER PADDING*/
.padding0, table.form td.padding0 {padding: 0em !important;}
.padding2px {padding: 2px !important;}
.padding3px {padding: 3px !important;}
.padding4px {padding: 4px !important;}
.padding5px {padding: 5px !important;}
.padding05em, table.form td.padding1em {padding: 0.5em !important;}
.padding1em, table.form td.padding1em {padding: 1em !important;}
.paddingtop1em, table.form td.paddingtop1em {padding-top: 1em !important;}
.paddingbottom1em, table.form td.paddingbottom1em {padding-bottom: 1em !important;}
.paddingleft1em, table.form td.paddingleft1em {padding-left: 1em !important;}
.paddingright1em, table.form td.paddingright1em {padding-right: 1em !important;}
.padding2em, table.form td.padding2em {padding: 2em !important;}
.paddingtop2em, table.form td.paddingtop2em {padding-top: 2em !important;}
.paddingbottom2em, table.form td.paddingbottom2em {padding-bottom: 2em !important;}
.paddingleft2em, table.form td.paddingleft2em {padding-left: 2em !important;}
.paddingright2em, table.form td.paddingright2em {padding-right: 2em !important;}
.paddingtop0, table.form td.paddingtop0 {padding-top: 0em !important;}
.paddingbottom0, table.form td.paddingbottom0 {padding-bottom: 0em !important;}
.paddingleft0, table.form td.paddingleft0 {padding-left: 0em !important;}
.paddingright0, table.form td.paddingright0 {padding-right: 0em !important;}

/*CLASSI PER BORDI*/
.border {border: 1px solid #D2DEE4;}
.border0 {border: 0px !important;}
.bordertop0 {border-top: 0px;}
.borderbottom0 {border-bottom: 0px;}
.bordertop1 {border-top: 1px solid #D2DEE4;}
.borderbottom1 {border-bottom: 1px solid #D2DEE4;}
.borderright1 {border-right: 1px solid  #D2DEE4;}
.redborder1px {border: solid 1px red;}
.redborder2px {border: solid 2px red;}

/*CLASSI DI DIMENSIONI*/
.height05em {height: 0.5em;}
.height1em {height: 1em;}
.height2em {height: 2em;}
.height3em {height: 3em;}
.height4em {height: 4em;}
.height5em {height: 5em;}
.height6em {height: 6em;}
.height7em {height: 7em;}
.minheight1em {min-height: 1em;}
.minheight2em {min-height: 2em;}
.minheight3em {min-height: 3em;}
.minheight4em {min-height: 4em;}
.minheight5em {min-height: 5em;}

/*TABELLE DI TIPO DATI*/
table.table {font-size: 80%;}
table.table th {background: #D3DEE2; color: #3B576D; border: 1px solid #C3CED2; padding: 5px 8px 5px 8px;}
table.table td {background: #FFFFFF; padding: 8px 8px 8px 8px;}
table.table select {box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; min-width: 100px; max-width: 200px; border: solid 1px #AAAAAA; margin: 0px; padding: 5px;}

/*ALTRI STILI*/
.tablerow {display: table; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; border-top: 1px solid #D2DEE4;}
.tablerow > div {display: table-cell; padding: 5px;}
.colonnasxform {width: 50%; text-align: right; border-right: 1px solid #D2DEE4;}
div .divresult {display: none; background: white; font-weight: normal; margin-bottom: 1em; padding: 1em; border: 1px solid #D2DEE4;}


/*CAMPI DI INPUT*/
.form input[type=email], .form input[type=text], .form input[type=password] {padding: 2px 6px 2px 6px;}
table.table input[type=email], table.table input[type=text], table.table input[type=password] {padding: 5px;}
input[type=email], input[type=text], input[type=password], select {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	min-width: 100px;
	max-width: 258px;
	margin: 0px;
	padding: 1px;
	border: solid 1px #AAAAAA;
}


.contenutopagina {padding: 1em 1em 0em 1em; font-size: 90%;}
.contenutopagina input[name=modifica] {margin-top: 2em; width: 140px; color: #AA1111;}
.staff {background: #F2F2F2;}

/*Paragrafi, Liste e altro*/
#contenuti p {text-align: justify; margin: 0em; margin-bottom: 1em;}
li, ul {text-align: justify; margin: 0px; padding-top: 0px;}
li {padding-left: 1em; padding-bottom: 0.2em;}
ul {padding-left: 1em; margin: 0em; margin-bottom: 1em;}
ol {padding-left: 1em; margin: 0em; margin-bottom: 1em;}
ul.noindent, ol.noindent {padding-left: 0em; list-style-type: none;}
ul.noindent li, ol.noindent li {padding-left: 0em; padding-bottom: 1em;}
.listaconspazi li {margin-bottom: 1em;}

/*Link*/
a {color: #3B576D; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
