/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 350;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

b, strong {
    font-weight: 500;
}

img {
	border: none;
}

form {
	margin: 0px;
	padding: 0px;
}

.submit {
	text-align: center;
}

/* TABELLE */
table {
	font-size: 13px; 	
	border: solid 1px #dddddd;
	background-color: #F5F5F5;
	border-radius: 5px;
}

th {
	text-align: left;
	font-size: 13px;
	font-weight: 500;
}

td {
	vertical-align: top;
}

caption {
	/*background-color:#ababab;*/
	text-align: left;
	/*height: 20px;*/
	font-weight: 400;
	padding: 2px;
	width: 100%;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
}

table.sottotable {
	border: none;
	background-color: transparent;
	border-spacing: 0px;
}

#lista-cerca table {
	background-color:#CCCCCC;
	}

#lista td, #lista th {
	border: solid 1px #666666;		
}


#lista-cerca {
}

#lista {
	margin-top: 10px;
}

#pagina-contenuti-corpo table {
	border: solid 1px #666666;
	width: 100%;
	margin: 0px;
	padding: 3px;
	border-collapse: collapse;
}

#pagina-contenuti-operazione table {
	border: 0px;
}

#pagina-contenuti-operazione td, #pagina-contenuti-operazione th {
	border-bottom: solid 1px #666666;
	height: 20px;
}


#pagina-contenuti-operazione .no-border td {
	border-bottom: none;
}

#pagina-contenuti-operazione .sezione {
	border-bottom: none;
	background-color: #CCCCCC;
	color: #000;
	font-weight: 500;
	padding: 2px;
	height: 16px;
}
/**/



/* STRTTURA */

#testa {
    background: url(img/logo-figt.png), url(img/logo-acsi.png), linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.1)), url(img/testa-sfondo.jpg);
    background-position: 10px center, 140px center, center left, top left;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
    background-size: auto, auto, 100% 50px, cover;
}


#testa > a {
    height: 100px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
    padding-left: 350px;
    font-size: 30px;
    font-weight: 500;
}

#utenteAutenticato {
    position: absolute;
    top: 5px;
    right: 45px;
    background-color: rgba(0,0,0,0.5);
    padding: 5px;
    padding-right: 15px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    height: 30px;
}

#utenteAutenticato-tipo {
    font-size: 11px;
}

#setup-logout {

    position: absolute;
    top: 5px;
    right: 5px;
    background-color: rgba(0,0,0,0.5);
    padding: 5px;

}

#setup-logout a {
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    font-size: 30px;
}

#piede {
	color: #dddddd;
	background-color: #5C685C;
	text-align: center;
	/*height: 157px;*/
	width: 100%;
}

#piede-contenuto {	
	text-align: left;
	/*padding-top: 40px;*/
	position: relative;
	margin: auto;
	width: 90vw;
	font-size: 12px;
	font-weight: 400;
	box-sizing: border-box;
	padding: 30px 0;
}

#piede-contenuto .display-inline-block {
    vertical-align: top;
}

#piede a {
	color: #dddddd;
	text-decoration: none;
}
/**/


/* ALLINEMANTO TESTO */
.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.valign-bottom {
	vertical-align: bottom;
}
/**/




/* TESTI */
.txt-link:hover {
    text-decoration: underline;
}
.txt-link {
    color: #0000FF;
    cursor: pointer;
}

.txt-upper {
	text-transform: uppercase;
}

.txt-normal {
	font-weight: 350;
}

.txt-bold {
	font-weight: 500;
}

.txt-red {
	color: #FF0000;
}
.txt-brown {
	color: brown;
}

.txt-grey {
	color: #afafaf;
}

.txt-purple {
	color: purple;
}

.txt-green {
	color: green;
}

.txt-white, .txt-white a {
	color: #FFF;
}
.txt-blue {
	color: blue;
}

.txt-9 {
	font-size: 9px;
}

.txt-10 {
	font-size: 10px;
}

.txt-11 {
	font-size: 11px;
}

.txt-12 {
	font-size: 12px;
}

.txt-13 {
	font-size: 13px;
}

.txt-14 {
	font-size: 14px;
}

.txt-16 {
	font-size: 16px;
}

.txt-18 {
	font-size: 18px;
}

.txt-18-bold {
	font-size: 18px;
	font-weight: 500;	
}

.txt-24-bold {
	font-size: 24px;
	font-weight: 500;	
}

.txt-28-bold {
	font-size: 28px;
	font-weight: 500;	
}


.txt-didascalia {
	font-size: 11px;
}
.txt-barrato {
	text-decoration: line-through;
}
/**/

.flexcontainer {
    display: flex;   
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flexbox;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#home #pagina-contenuti .container {
   /* display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;*/
}


#home #pagina-contenuti .container .pagina-box {
  border: 0;
  border-radius: 5px;
  margin: 10px auto;
  padding: 90px;
	width: 80%;
	max-width: 850px;
}

#home #pagina-contenuti .container .pagina-box .pagina-box-titolo {
  font-size: 30px;
  padding: 0;
	margin: 0;
	color: #000;
	font-weight: 400;
}


#home #pagina-contenuti .container .pagina-box .pagina-box-errori {
    font-size: 20px;
    font-weight: 400;
}

#home #pagina-contenuti .container .pagina-box:nth-child(4n) {
  background: #9CCC65;
}
#home #pagina-contenuti .container .pagina-box:nth-child(4n+1) {
  background: #81D4FA;
}
#home #pagina-contenuti .container .pagina-box:nth-child(4n+2) {
  background: #FFEE58;
}
#home #pagina-contenuti .container .pagina-box:nth-child(4n+3) {
  background: #F06292;
}

.prezzo-barrato {
	position: relative;	
}
.prezzo-barrato:before {
	width: 100%;
	display: inline-block;
	content: "";
	border-bottom: solid 2px red;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


/* FLOAT */
.display-inline-block {
	display: inline-block;
}
.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
}
/**/




/* PAGINAZIONE */
.paginazione-indietro {
	float: left;
}

.paginazione-avanti {
	float: right;
}

.box-paginazione {
	padding: 20px;
}

.barra-paginazione {
	background-color: #DFDFDF;
	padding: 20px;
}
/**/


/* MENU ORIZZONTALE */
#menu-orizzontale {
	/*border-left: solid 1px #666666;*/
	display: table;
	width: 100%
}
#menu-orizzontale-riga {
	display: table-row;
}

#menu-orizzontale .tasto-menu {	
	color: #666666;	
	font-weight: 450;
	width: 100px;
	height: 55px;
	text-align: center;
	font-size: 11px;
	border-top: solid 1px #666666;	
	border-bottom: solid 1px #666666;	
	border-right: solid 1px #666666;	
	padding: 0 5px;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}

#menu-orizzontale .tasto-menu:last-child {
	border-right: 0;
}
	


#menu-orizzontale .tasto-menu a {
	color: #666666;	
	text-decoration: none;
	font-weight: 450;
}

#menu-orizzontale .tasto-menu a:hover {
	text-decoration: underline;
}
/**/


/* PAGINA */
#pagina-titolo {
	padding-bottom: 15px;
	height: auto;
	/*border-bottom: solid 2px #c1001f;*/
	font-weight: 500;
	font-size: 16px;
	min-height: 20px;
	color: #c1001f;
	margin-bottom: 1px;
}

#pagina-menu {
	float: left;
	width: 200px;
	padding: 5px;
	padding-bottom: 30px;
	min-height: 200px;
	font-size: 14px;    
    border-right: solid 1px #c1001f;
    box-sizing: border-box;
}

#pagina-corpo {
	/*margin-left: 1px;
	margin-right: 1px;*/
}

#pagina-contenuti {
	float: left;
	width: calc(100% - 200px);;
	padding: 5px;
	min-height: 200px;
	border-left: solid 1px #c1001f;
    margin-left: -1px;
    box-sizing: border-box;
}

#paginaesterna #pagina-contenuti {
	width: 98%;
	border: 0px;
}

#mobile #pagina-contenuti {
	width: 98%;
	border: 0px;
}

#pagina-contenuti-titolo {
	font-size: 16px;
	color: #666666;
	font-weight: 500;
	margin-bottom: 10px;
}

#statistiche #pagina-contenuti-titolo {
	margin: 10px;
}

#pagina-clear {
	clear: left;
}

#paginaesterna #pagina-clear {
	/*clear: none;*/
	
	clear: left;
}
/**/


/* MENU SINISTRA */
#pagina-menu .tasto-menu {
	color: #666666;
	border-bottom: solid 1px #c1001f;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
#pagina-menu .tasto-menu a {
	color: #666666;
	text-decoration: none;	
}

#pagina-menu .tasto-menu:hover a {
    color: #000;
}

#pagina-menu .tasto-menu-1 {
	color: #c1001f;
}

#pagina-menu .tasto-menu-2 {
	color: #c1001f;
    margin-top: 25px;
}
/**/


/* SEZIONI */

.pagina-sezione {
	margin: 10px;
	font-size: 14px;
	width: 965px;
	position: relative;
	margin: auto;
}
.pagina-sezione-titolo {
	background-image: linear-gradient(to right, #000 0%, #fff 100%);
	font-size: 16px;
	padding: 2px;
	color: #fff;
	padding-left: 20px;
	font-weight: 500;
}
.pagina-sezione-corpo {
	padding: 20px;
	line-height: 20px;
}

.pagina-sezione-corpo-titolo {
	font-size: 16px;	
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.pagina-sezione-corpo-titolo:first-child {
	margin-top: 0px;
}

.pagina-sezione-corpo a {
	color: #000;
}


#formlogin {
	font-size: 16px;
}

.pulsante {
	display: inline-block;
	text-align: center;
	width: 150px;
	height: 25px;
	padding-top: 1px;
	background-color: #999999;
	color: #fff;
	text-transform: uppercase;
	border: none;
	font-size: 18px;
}

.pulsante a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 150px;
	height: 23px;
	padding-top: 4px;
}


#formlogin {
	font-size: 16px;
}
#formlogin input[type="text"], #formlogin input[type="password"] {
	border: solid 1px #000;
	margin-left: 10px;
	width: 210px;
}
/**/



/* RICHIESTE */
.pagina-box {
	margin: 10px;
	padding: 10px;
	border: solid 1px #c1001f;
	width: 98%;
	font-size: 16px;
}

.pagina-box-titolo {
	font-size: 16px;
	color: #666666;
	font-weight: 500;
	margin-bottom: 10px;
    padding-left: 18px;
}

.pagina-box2 {
	margin: 10px;
	padding: 10px;
	width: 98%;
	font-size: 16px;
}

#index #pagina-contenuti, #home #pagina-contenuti, #errore #pagina-contenuti, #paginanontrovata #pagina-contenuti {
	text-align: center;
}



#index .pagina-box, #home .pagina-box, #errore .pagina-box, #paginanontrovata .pagina-box {
	width: 600px;
	position: relative;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;	
	padding: 10px;
}

#home .pagina-box {
    width: 49%;
    margin: 0;
    box-sizing: border-box;
}

.tipo-settore .titolo-settore {	
	font-size: 18px;
	font-weight: 500;	
}

.tipo-affiliazione {
	border: solid 1px #ababab;
	background-color: #F5F5F5;
	margin: 5px;
	padding: 5px;
}


.tipo-affiliazione div {
	margin-left: 20px;
}

.tipo-affiliazione .tipo-affiliazione-titolo {
	margin-left: 0px;
}

.tipo-affiliazione-titolo {
	color: blue;
	text-transform: uppercase;
}

/**/


/* PAGINAZIONE */
.lista-indietro {
	width: 50%;
	float: left;
	text-align: left;
}

.lista-avanti {
	width: 50%;
	float: left;
	text-align: right;
}

.lista-cancellatore {
	clear: left;
}
/**/
/*
#accetta {
	background-color: green;
	color: #fff;
	font-size: 26px;
	margin: 15px;
	padding: 15px;
	width: 150px;
    
    border-radius: 10px; 
  	-moz-border-radius: 10px;  
  	-webkit-border-radius: 10px; 
    
    cursor: pointer;
}

#accettainpromozione {
	background-color: #007fff;
	color: #fff;
	font-size: 20px;
	margin: 15px;
	padding-top: 18px;
	padding-bottom: 18px;
	width: 150px;
    
    border-radius: 10px; 
  	-moz-border-radius: 10px; 
  	-webkit-border-radius: 10px; 
    
    cursor: pointer;
}

#rifiuta {
	background-color: red;
	color: #fff;
	font-size: 26px;
	margin: 15px;
	padding: 15px;
	width: 150px;

	border-radius: 10px; 
  	-moz-border-radius: 10px; 
  	-webkit-border-radius: 10px;
    
    cursor: pointer;
}
*/
.accettazioni {
	border: solid 1px #666666;
	height: 50px;
	width: 98%;
	padding: 5px;
	margin: 5px;
	overflow: auto;
	font-size: 10px;
}

.box-accettazioni {
	margin-top: 15px;
}


.pulsanti-editor table {
	border: none;
}

#invia {
	background-color: green;
	color: #fff;
	font-size: 16px;
	margin: 15px;
	padding: 5px;
	width: 150px;
}

#salta {
	background-color: red;
	color: #fff;
	font-size: 16px;
	margin: 15px;
	padding: 5px;
	width: 150px;
	
}

#attiva {
	background-color: green;
	color: #fff;
	font-size: 26px;
	margin: 15px;
	padding: 15px;
	width: 150px;
}

#sospendi {
	background-color: grey;
	color: #fff;
	font-size: 26px;
	margin: 15px;
	padding: 15px;
	padding-left: 9px;
	width: 150px;
	
}

#elimina {
	background-color: red;
	color: #fff;
	font-size: 26px;
	margin: 15px;
	padding: 15px;
	padding-left: 9px;
	width: 150px;
	
}

#esci {
	background-color: blue;
	color: #fff;
	font-size: 26px;
	margin: 15px;
	padding: 15px;
	padding-left: 9px;
	width: 150px;
	
}

#regala {
	background-color: orange;
	color: #fff;
	font-size: 20px;
	margin: 15px;
	padding: 15px;
	width: 200px;
}

.windows-lista {
	border: solid 1px #666666;
	padding: 10px;
	margin: 10px;
	margin-bottom: 0px;
}

.windows-lista-specifiche {
	font-size: 11px;
	margin-left: 20px;
}

.tabellaStatistiche {
	border-left: none;
	border-bottom: none;
	border-right: solid 1px #000;
	border-top: solid 1px #000;
}

.tabellaStatistiche td {
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
}

.galleria-foto {
	margin-top: 5px;	
}

.galleria-foto .foto {
	margin-top: 5px;
	padding: 2px;
	vertical-align: top;
}

.galleria-foto img {
	max-width: 140px;
	width: expression(this.width > 140 ? 140: true );
}

.immagine {
    margin-right: 5px;
    margin-bottom: 5px;
}

.box-news {
	border-bottom: solid 1px #ababab;
}

.sbiadito {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}

.fileAgg {

	margin-top: 20px;
}








/* PULSANTI */

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow:-1px -1px 0 rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button-non-attivo {
	cursor: auto;
    
	opacity: .4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}

.button:hover {
	text-decoration: none;
}

.big {
	font-size: 26px;
	padding: 15px;
    }

.medium {
	font-size: 12px;
	padding: 4px;
}


.small {
	font-size: 11px;
	padding: 2px;
}
    
/* red */
.red {
	color: #fff;    
	border: solid 1px #980c10;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #ed1c24),
        color-stop(1, #aa1317)
    );
    background-image: -o-linear-gradient(bottom, #ed1c24 30%, #aa1317 100%);
    background-image: -moz-linear-gradient(bottom, #ed1c24 30%, #aa1317 100%);
    background-image: -webkit-linear-gradient(bottom, #ed1c24 30%, #aa1317 100%);
    background-image: -ms-linear-gradient(bottom, #ed1c24 30%, #aa1317 100%);
    background-image: linear-gradient(to bottom, #ed1c24 30%, #aa1317 100%);
    }
.red:hover {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #c9151b),
        color-stop(1, #a11115)
    );
    background-image: -o-linear-gradient(bottom, #c9151b 30%, #a11115 100%);
    background-image: -moz-linear-gradient(bottom, #c9151b 30%, #a11115 100%);
    background-image: -webkit-linear-gradient(bottom, #c9151b 30%, #a11115 100%);
    background-image: -ms-linear-gradient(bottom, #c9151b 30%, #a11115 100%);
    background-image: linear-gradient(to bottom, #c9151b 30%, #a11115 100%);
}
.red:active {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #aa1317),
        color-stop(1, #ed1c24)
    );
    background-image: -o-linear-gradient(bottom, #aa1317 30%, #ed1c24 100%);
    background-image: -moz-linear-gradient(bottom, #aa1317 30%, #ed1c24 100%);
    background-image: -webkit-linear-gradient(bottom, #aa1317 30%, #ed1c24 100%);
    background-image: -ms-linear-gradient(bottom, #aa1317 30%, #ed1c24 100%);
    background-image: linear-gradient(to bottom, #aa1317 30%, #ed1c24 100%);
}





  
   
/* green */
.green {
	color: #ffffff;    
	border: solid 1px #34740e;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #4ba614),
        color-stop(1, #008c00)
    );
    background-image: -o-linear-gradient(bottom, #4ba614 30%, #008c00 100%);
    background-image: -moz-linear-gradient(bottom, #4ba614 30%, #008c00 100%);
    background-image: -webkit-linear-gradient(bottom, #4ba614 30%, #008c00 100%);
    background-image: -ms-linear-gradient(bottom, #4ba614 30%, #008c00 100%);
    background-image: linear-gradient(to bottom, #4ba614 30%, #008c00 100%);
    }
.green:hover {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #36780f),
        color-stop(1, #005900)
    );
    background-image: -o-linear-gradient(bottom, #36780f 30%, #005900 100%);
    background-image: -moz-linear-gradient(bottom, #36780f 30%, #005900 100%);
    background-image: -webkit-linear-gradient(bottom, #36780f 30%, #005900 100%);
    background-image: -ms-linear-gradient(bottom, #36780f 30%, #005900 100%);
    background-image: linear-gradient(to bottom, #36780f 30%, #005900 100%);
}
.green:active {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #008c00),
        color-stop(1, #4ba614)
    );
    background-image: -o-linear-gradient(bottom, #008c00 30%, #4ba614 100%);
    background-image: -moz-linear-gradient(bottom, #008c00 30%, #4ba614 100%);
    background-image: -webkit-linear-gradient(bottom, #008c00 30%, #4ba614 100%);
    background-image: -ms-linear-gradient(bottom, #008c00 30%, #4ba614 100%);
    background-image: linear-gradient(to bottom, #008c00 30%, #4ba614 100%);
}


  
/* blue */
.blue {
	color: #fff;    
	border: solid 1px #25729a;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #3093c7),
        color-stop(1, #1c5a85)
    );
    background-image: -o-linear-gradient(bottom, #3093c7 30%, #1c5a85 100%);
    background-image: -moz-linear-gradient(bottom, #3093c7 30%, #1c5a85 100%);
    background-image: -webkit-linear-gradient(bottom, #3093c7 30%, #1c5a85 100%);
    background-image: -ms-linear-gradient(bottom, #3093c7 30%, #1c5a85 100%);
    background-image: linear-gradient(to bottom, #3093c7 30%, #1c5a85 100%);
    }
.blue:hover {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #26759e),
        color-stop(1, #133d5b)
    );
    background-image: -o-linear-gradient(bottom, #26759e 30%, #133d5b 100%);
    background-image: -moz-linear-gradient(bottom, #26759e 30%, #133d5b 100%);
    background-image: -webkit-linear-gradient(bottom, #26759e 30%, #133d5b 100%);
    background-image: -ms-linear-gradient(bottom, #26759e 30%, #133d5b 100%);
    background-image: linear-gradient(to bottom, #26759e 30%, #133d5b 100%);
}
.blue:active {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #1c5a85),
        color-stop(1, #3093c7)
    );
    background-image: -o-linear-gradient(bottom, #1c5a85 30%, #3093c7 100%);
    background-image: -moz-linear-gradient(bottom, #1c5a85 30%, #3093c7 100%);
    background-image: -webkit-linear-gradient(bottom, #1c5a85 30%, #3093c7 100%);
    background-image: -ms-linear-gradient(bottom, #1c5a85 30%, #3093c7 100%);
    background-image: linear-gradient(to bottom, #1c5a85 30%, #3093c7 100%);
}
/* bronzo */
.bronzo {
	color: #fff;    
	border: solid 1px #A6672D;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #FAB371),
        color-stop(1, #CD7F32)
    );
    background-image: -o-linear-gradient(bottom, #FAB371 30%, #CD7F32 100%);
    background-image: -moz-linear-gradient(bottom, #FAB371 30%, #CD7F32 100%);
    background-image: -webkit-linear-gradient(bottom, #FAB371 30%, #CD7F32 100%);
    background-image: -ms-linear-gradient(bottom, #FAB371 30%, #CD7F32 100%);
    background-image: linear-gradient(to bottom, #FAB371 30%, #CD7F32 100%);
    }
.bronzo:hover {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #D67820),
        color-stop(1, #C76910)
    );
    background-image: -o-linear-gradient(bottom, #D67820 30%, #C76910 100%);
    background-image: -moz-linear-gradient(bottom, #D67820 30%, #C76910 100%);
    background-image: -webkit-linear-gradient(bottom, #D67820 30%, #C76910 100%);
    background-image: -ms-linear-gradient(bottom, #D67820 30%, #C76910 100%);
    background-image: linear-gradient(to bottom, #D67820 30%, #C76910 100%);
}
.bronzo:active {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #CD7F32),
        color-stop(1, #FAB371)
    );
    background-image: -o-linear-gradient(bottom, #CD7F32 30%, #FAB371 100%);
    background-image: -moz-linear-gradient(bottom, #CD7F32 30%, #FAB371 100%);
    background-image: -webkit-linear-gradient(bottom, #CD7F32 30%, #FAB371 100%);
    background-image: -ms-linear-gradient(bottom, #CD7F32 30%, #FAB371 100%);
    background-image: linear-gradient(to bottom, #CD7F32 30%, #FAB371 100%);
}

 
/* arancione */
.arancione {
	color: #fff;    
	border: solid 1px #ffad41;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #ffc579),
        color-stop(1, #fb9d23)
    );
    background-image: -o-linear-gradient(bottom, #ffc579 30%, #fb9d23 100%);
    background-image: -moz-linear-gradient(bottom, #ffc579 30%, #fb9d23 100%);
    background-image: -webkit-linear-gradient(bottom, #ffc579 30%, #fb9d23 100%);
    background-image: -ms-linear-gradient(bottom, #ffc579 30%, #fb9d23 100%);
    background-image: linear-gradient(to bottom, #ffc579 30%, #fb9d23 100%);
    }
.arancione:hover {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #ffaf46),
        color-stop(1, #e78404)
    );
    background-image: -o-linear-gradient(bottom, #ffaf46 30%, #e78404 100%);
    background-image: -moz-linear-gradient(bottom, #ffaf46 30%, #e78404 100%);
    background-image: -webkit-linear-gradient(bottom, #ffaf46 30%, #e78404 100%);
    background-image: -ms-linear-gradient(bottom, #ffaf46 30%, #e78404 100%);
    background-image: linear-gradient(to bottom, #ffaf46 30%, #e78404 100%);
}
.arancione:active {	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #fb9d23),
        color-stop(1, #ffc579)
    );
    background-image: -o-linear-gradient(bottom, #fb9d23 30%, #ffc579 100%);
    background-image: -moz-linear-gradient(bottom, #fb9d23 30%, #ffc579 100%);
    background-image: -webkit-linear-gradient(bottom, #fb9d23 30%, #ffc579 100%);
    background-image: -ms-linear-gradient(bottom, #fb9d23 30%, #ffc579 100%);
    background-image: linear-gradient(to bottom, #fb9d23 30%, #ffc579 100%);
}



.table {
    display: table; /* dice al div di comportarsi come una tabella */
    border-collapse: separate; /* questo serve se si vogliono separare le celle della tabella */
    border-spacing: 2px; /* questo serve se si vogliono separare le celle della tabella per dire di quanto si vogliono separare */
    width: 100%; /* per far si che la tabella si adatti alla larghezza del contenitore*/
}

.row {
    display: table-row; /* dice al div di comportarsi come una riga di tabella */
}

.cell {
    display: table-cell; /* dice al div di comportarsi come una cella di tabella */
    padding: 5px; /* per dare alla cella uno spazio tra i bordi ed il testo */
    text-align: left;    
    vertical-align: top;
}


/* SFONDI */
.windowsSfondo
    {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .5;
    filter: alpha(opacity=5);
    -moz-opacity: .5;
    z-index: 101;
}
    
.windows_NonVisibile_sfondo {
display: none;
}


.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.big {
    font-size: 14px;
    padding: 15px;
    }

.medium {
    font-size: 12px;
    padding: 4px;
}


.small {
    font-size: 11px;
    padding: 2px;
}

.button a {
    text-decoration: none;  
}



    
/* blue */
.blue {
    color: #d9eef7;    
    border: solid 1px #0076a3;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #00adee),
        color-stop(1, #0078a5)
    );
    background-image: -o-linear-gradient(bottom, #00adee 30%, #0078a5 100%);
    background-image: -moz-linear-gradient(bottom, #00adee 30%, #0078a5 100%);
    background-image: -webkit-linear-gradient(bottom, #00adee 30%, #0078a5 100%);
    background-image: -ms-linear-gradient(bottom, #00adee 30%, #0078a5 100%);
    background-image: linear-gradient(to bottom, #00adee 30%, #0078a5 100%);
    }

.blue a {
    color: #d9eef7;    
}

.blue:hover {   
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #0095cc),
        color-stop(1, #00678e)
    );
    background-image: -o-linear-gradient(bottom, #0095cc 30%, #00678e 100%);
    background-image: -moz-linear-gradient(bottom, #0095cc 30%, #00678e 100%);
    background-image: -webkit-linear-gradient(bottom, #0095cc 30%, #00678e 100%);
    background-image: -ms-linear-gradient(bottom, #0095cc 30%, #00678e 100%);
    background-image: linear-gradient(to bottom, #0095cc 30%, #00678e 100%);
}
.blue:active {  
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #0078a5),
        color-stop(1, #00adee)
    );
    background-image: -o-linear-gradient(bottom, #0078a5 30%, #00adee 100%);
    background-image: -moz-linear-gradient(bottom, #0078a5 30%, #00adee 100%);
    background-image: -webkit-linear-gradient(bottom, #0078a5 30%, #00adee 100%);
    background-image: -ms-linear-gradient(bottom, #0078a5 30%, #00adee 100%);
    background-image: linear-gradient(to bottom, #0078a5 30%, #00adee 100%);
}


/* grey */
.grey {
    color: #333;    
    border: solid 1px #BABABA;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #E3E3E3 ),
        color-stop(1, #C0C0C0)
    );
    background-image: -o-linear-gradient(bottom, #E3E3E3  5%, #C0C0C0 100%);
    background-image: -moz-linear-gradient(bottom, #E3E3E3  5%, #C0C0C0 100%);
    background-image: -webkit-linear-gradient(bottom, #E3E3E3  5%, #C0C0C0 100%);
    background-image: -ms-linear-gradient(bottom, #E3E3E3  5%, #C0C0C0 100%);
    background-image: linear-gradient(to bottom, #E3E3E3  5%, #C0C0C0 100%);
    }
.grey:hover {   
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #BABABA),
        color-stop(1, #C2C0C2 )
    );
    background-image: -o-linear-gradient(bottom, #BABABA 30%, #a5C2C0C2 100%);
    background-image: -moz-linear-gradient(bottom, #BABABA 30%, #C2C0C2  100%);
    background-image: -webkit-linear-gradient(bottom, #BABABA 30%, #C2C0C2  100%);
    background-image: -ms-linear-gradient(bottom, #BABABA 30%, #C2C0C2  100%);
    background-image: linear-gradient(to bottom, #BABABA 30%, #C2C0C2  115 100%);
}
.grey:active {  
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.3, #C0C0C0),
        color-stop(1, #E3E3E3 )
    );
    background-image: -o-linear-gradient(bottom, #C0C0C0 30%, #E3E3E3  100%);
    background-image: -moz-linear-gradient(bottom, #C0C0C0 30%, #E3E3E3  100%);
    background-image: -webkit-linear-gradient(bottom, #C0C0C0 30%, #E3E3E3  100%);
    background-image: -ms-linear-gradient(bottom, #C0C0C0 30%, #E3E3E3  100%);
    background-image: linear-gradient(to bottom, #C0C0C0 30%, #E3E3E3  100%);
}



#windows_confirm_delete
    {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -100px;
    padding: 0px;
    z-index: 104; 
    
    width: 400px;
    height: 150px;
    background-color: #CECECE;
    padding: 20px;
    padding-top: 40px;
    border: solid 1px #666;
    color: #666;
    font-size: 16px;
    text-align: center;
    box-shadow: 10px 10px 5px #888;
    
    
    display: none;
    }
    
#windows_confirm_delete_button {
    left: 130px;
    position:absolute;
    bottom:20;
    }
    
#windows_confirm_delete_button .button_confirm_delete {
    /*display: inline-block;*/
    background-color: #6EABCA;
    color: white;   
    font-size: 16px;
    width: 50px;
    margin: 10px;
    padding: 10px;
    cursor: pointer;
    float:left;

    border-left:1px solid #fff;
    border-top:1px solid #fff; 
    border-bottom:1px solid #716f64; 
    border-right:1px solid #716f64; 

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }


    
#windows_confirm_delete_button a {
    color: white;   
    text-decoration: none;
    display: block;
    width: 50px;
    }

#windows_confirm_delete:before {
    content: "ATTENZIONE!";
    color: #ff0000;
    font-weight: 500;
}




.windows_sfondo
    {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .5;
    filter: alpha(opacity=5);
    -moz-opacity: .5;
    z-index: 1000;
}
.windows_corpo {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -300px;
    padding: 0px;
    z-index: 1001; 
    width: 594px;
    height: 594px;
    border: solid 3px #000;
    border-radius: 10px 10px 10px 10px; 
    background-color: #fff; 
}

.windows_titolo {
    border-bottom: solid 1px #ccc;
    color: #666;
    font-size: 20px;
    margin: 10px;
}

.windows_chiudi {
    cursor: pointer;
}

.windows_contenuto {
    overflow: auto;
    padding: 10px;
    max-height: 520px;
}

.windows {
    display: none;
}

.submit {
    text-align: center;
}



.web_dialog_overlay
	{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	opacity: .15;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	z-index: 101;
	display: none;
	}
.web_dialog
	{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -190px;
	margin-top: -100px;
	padding: 0px;
	z-index: 102; 
	}


.bottone-revoca {
    background-color: #D50000;
    color: #FFFFFF;
}

.bottone-accetta {
    background-color: #34A853;
    color: #FFFFFF;
}

.bottone-piccolo {
    font-size: 12px;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 500;
    margin: auto;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.affiliazionedocumenti > .flexcontainer {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
}

.affiliazionedocumenti > .flexcontainer:last-child {
    border: 0;
    padding: 0;
    margin: 0;
}

.salva-FormAffDoc {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	color: green;
	cursor: pointer;
}

#windows_avviso
	{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	padding: 0px;
	z-index: 104; 
	
	width: 400px;
	height: 200px;
	background-color: #eee;
	padding: 20px;
	padding-top: 40px;
	border: solid 1px #ccc;
	color: #666;
	font-size: 16px;
	text-align: center;
	box-shadow: 10px 10px 5px #888;
    
    
	display: none;
	}

#windows_avviso_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}



#windows_confirm_delete {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	padding: 0px;
	z-index: 1002; 
	
	width: 400px;
	height: 200px;
	background-color: #CECECE;
	padding: 20px;
	border: solid 1px #666;
	color: #666;
	font-size: 16px;
	text-align: center;
	box-shadow: 10px 10px 5px #888;
    
    
	display: none;
	}

#windows_confirm_delete_button {
    left: 130px;
	position:absolute;
    bottom:20;
	}
	
#windows_confirm_delete_button .button_confirm_delete {
	background-color: #6EABCA;
    color: white;	
	font-size: 16px;
	width: 50px;
    margin: 10px;
    padding: 10px;
	cursor: pointer;
    float:left;
    text-decoration: none;

    border-left:1px solid #fff;
    border-top:1px solid #fff; 
    border-bottom:1px solid #716f64; 
    border-right:1px solid #716f64; 

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}


	
#windows_confirm_delete_button a {
    color: white;	
    text-decoration: none;
	display: block;
	width: 50px;
	}



#windows_confirm_label,
#windows_confirm_delete_label {
    height: 105px;
    width: 100%;
    overflow: hidden;
}


#windows_confirm
	{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	padding: 0px;
	z-index: 104; 
	
	width: 400px;
	height: 200px;
	background-color: #eee;
	padding: 20px;
	/*padding-top: 40px;*/
	border: solid 1px #ccc;
	color: #666;
	font-size: 16px;
	text-align: center;
	box-shadow: 10px 10px 5px #888;
    
    
	display: none;
	}
    
#windows_confirm_button {
    left: 130px;
	position:absolute;
    bottom:20px;
	}
#windows_confirm_button2 {
    left: 50%;
	position:absolute;
    bottom:20px;
    transform: translateX(-50%);
	}
#windows_confirm_label .button_confirm_close {	
	cursor: pointer;
    text-decoration: none;  
    position: absolute; 
    top: 4px; 
    right: 4px  
}

	
#windows_confirm_button .button_confirm ,
#windows_confirm_button2 .button_confirm {
	background-color: #6EABCA;
    color: white;	
	font-size: 16px;
	min-width: 50px;
    margin: 10px;
    padding: 10px;
	cursor: pointer;
    float:left;
    text-decoration: none;

    border-left:1px solid #fff;
    border-top:1px solid #fff; 
    border-bottom:1px solid #716f64; 
    border-right:1px solid #716f64; 

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}


	
#windows_confirm_button a {
    color: white;	
    text-decoration: none;
	display: block;
	width: 50px;
	}

.nav-tasto-aprichiudi {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    text-transform: none;
    text-align: center;
    cursor: pointer;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}