body{
	background-color:#fefefe;
	margin:0px;
	height:100%;
}

/* 	padding:38px 0 0 0; HEADER */
/*
#header{top:0;z-index:100;width:100%;height:34px}
div#header{position:absolute;left:0;width:100%;background-color:#a8b8a8; }
@media screen{body>#header{position:fixed !important}}
*/
/* h1,h2,h3,h4,h5,h6 */

h1,h2,h3,h4,h5,h6{width:100%;text-align:center; margin-top:0px}
h1{font-size:1em;border-bottom:1px solid #003;color:#fff; background-color:#369 }
h2{font-size:0.9em;color:#fff;background-color:#3D5769}
h3{font-size:0.8em;border-bottom:1px solid #999;background-color:#c8c8c8}
h4{font-size:0.8em;border-bottom:1px solid #ff0;background-color:#c8c8c8}
h5{font-size:0.8em;border-bottom:1px dashed #999;background-color:#c8c8c8}
h6{font-size:0.7em;background-color:#f8f8f8}

h1{margin:0px}
h1.rosso {
  background-color: #a00;
  color: #fff;
}

h1.arancio {
  background-color: #F86800;
  color: #fff;
}

/*  font,td,p,div,input,textarea,select,form */

font,td,p,div,input, select, textarea,form {
	font-family: Verdana;	/*font-family: 'Montserrat', Verdana;*/
	font-weight: normal;
	font-size:1em;
	color: #000;
	text-decoration:none;
}


input, select, textarea {
  padding: 4px;
  border: 1px solid #999;
  border-bottom: 2px solid #999;
  border-radius: 0px;
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 6px;
  background-color: #fff;
  outline:none;

} /*  resize: vertical;*/




input.campoin {
  background-color: #f8f8f8;
}

/*   background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/ 20ch 2px no-repeat; */



textarea.resp {
  padding: 10px;
  border: 1px solid #060;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  box-sizing: border-box;
}



ul {
	line-height:1.4;
}


.floatSX {
  float: left;
}



/* accesso rapido */
.rapid{font-size:0.9em;font-weight:bold; color:#fff; background-color:#f70}

/* RESPONSIVE... */

* {  box-sizing: border-box; }
/* TRE COLONNE */
/* Create three equal columns that floats next to each other */
.colonne3 {
  float: left;
  width: 30%;
  padding: 10px;

}

/* Clear floats after the columns */
.riga:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 768px) {/* SMARTPHONE */
  .colonne3 {
    width: 95%;
  }
}





/* DUE COLONNE e img */
#colonnaS{width:100%;}
#colonnaD{width:100%;}
.adatta {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 769px) { /* DESKTOP */
	#colonnaS,
	#colonnaD {width: 50%;}

	#colonnaS {float: left;}
	#colonnaD {float: right;}


}
@media screen and (max-width: 768px) { /* SMARTPHONE */
	#colonnaS, #colonnaD {width: 100%;float: none;}
	.adatta {max-width: 400px;}
}

/* ...RESPONSIVE */

.nascosto{display:none}
.nobr{white-space:nowrap;}
#hiddenAK{
	width:0;
	height:0;
	font-size:0;position:absolute;top:-1000px
}
acronym:hover,abbr:hover{cursor:help;border-bottom:thin dotted}
abbr[title],acronym[title],span[title],strong[title]{border-bottom:thin dotted;cursor:help}


.ibox { /* box informativo */
	margin:10px;
	padding:10px;
	background: #efefef;
	border-radius: 20px 0px;
	color: #333;
	font-size:0.9em;
	text-align: justify;
	border:1px dashed #999;

}
.ibox:hover {
	box-shadow: 0px 0px 15px -2px;
}

/* link  a:link{color:#060}   e immagini */


a{text-decoration:none;font-weight:bold}
a:link{color:#a00}
a:visited{color:#a00}
a:hover{color:#e00}
a:active{color:#900}

.tdlnk{
	height:100%; 
	width:100%;
	display:block;
	color:#a00
}


.mmu{
   font-weight: normal;font-size:0.8em;text-decoration:none;
}

img{text-decoration:none;background:0;border:0}
div.picture img{display:block;border:1px solid;padding:6px;border-color:#999;background:#e8e8e8}
div.picture A:hover img{border-color:#ccc;background:#f6f6f6}



/* stili, colori e posizioni */
.grassetto{font-weight: bold;}
.corsivo{font-style: italic;}
.nero{color: #000;}
.rosso{color: #B52B00;}
.rossoC{color: #D40;}
.verde{color: #060;}
.verdeC{color: #090;}

.blu{color: #009;}
.bluS{color: #006;}
.bluD{color: #369;}
.bluN{color: #3D5769;}

.bianco{color: #fff;}
.biancoS{color: #e8e8e8;}
.giallo{color: #FFB003;}
.arancio{color: #F86800;}




.grigioS{color: #333;}
.grigio{color: #444;}
.grigioC{color: #666;}
.grigioCC{color: #999;}
.grigioV{color: #262;}

.note{font-weight: normal;font-size:0.9em;text-decoration:none;}
.tiny{font-weight: normal;font-size:0.8em;text-decoration:none;}
.tiny6{font-weight: normal;font-size:0.6em;text-decoration:none;}

.red_voto{color:#cc0000;text-decoration:none;font-weight:bold}
.green_voto{color:#006600;text-decoration:none;font-weight:bold}
.grey_voto{color:#333;text-decoration:none;font-weight:bold}


.bg_giallo{background: #ff0}
.Grass{color:#222;font-size:1em;text-decoration:none;text-align:center; font-weight:bold;padding:2px;line-height:1.1em;margin-bottom: 6px;}
.sfondogiallo{color:#222;background: #ff0;font-size:1em;text-decoration:none;text-align:center; font-weight:bold;padding:2px;line-height:1.1em;margin-bottom: 6px;}
.sfondogrigio{color:#226;background: #ddd;font-size:1em;text-decoration:none;text-align:left; font-weight:normal;padding:2px;line-height:1.1em;margin-bottom: 6px;}

.sfondoblu{color:#fff;background: #369;font-size:1em;text-decoration:none;text-align:center; font-weight:bold;padding:2px;line-height:1.1em;margin-bottom: 6px;}
.sfondoAran{color:#fff;background: #F86800;font-size:1em;text-decoration:none;text-align:center; font-weight:bold;padding:2px;line-height:1.1em;margin-bottom: 6px;}
.titoloTEST{color:#006;background: #e8e8e8;font-size:1.1em;text-decoration:none;text-align:left; font-weight:bold;padding:2px;line-height:1.1em;margin-bottom: 6px;}
.titoloTEST2{color:#006;background: #ff0;font-size:1em;text-decoration:none;text-align:left; font-weight:bold;padding:2px;line-height:1em;margin-bottom: 4px;}
.sfondoRED{color:#fff;background: #a00;font-size:1em;text-decoration:none;text-align:center; font-weight:bold;padding:2px;line-height:1.1em;margin-bottom: 6px;}
.sfondoREDmini{color:#fff;background: #a00;font-size:.8em;text-decoration:none;text-align:center; font-weight:normal;padding:2px;line-height:1.1em;margin-bottom: 6px;}

.TestoQuiz{color:#006;background: #f8f8f8;font-size:1em;text-decoration:none;text-align:left; font-weight:normal;padding:4px;line-height:1.1em;margin-bottom: 6px; border-bottom: 1px #c8c8c8 dashed;}


.claBIG{color:#ccc;font-size:3em;text-decoration:none;text-align:center; font-weight:bold;padding:4px;margin: 2px; }

.claBIG2{font-size:1.4em;text-decoration:none;text-align:center; font-weight:bold;padding:2px;margin: 2px; }



.small06{font-size:0.6em;}
.small07{font-size:0.7em;}
.small08{font-size:0.8em;}
.small09{font-size:0.9em;}

.BIG11{font-size:1.1em;}
.BIG12{font-size:1.2em;}
.BIG14{font-size:1.4em;}
.BIG18{font-size:1.8em;}
.BIG30{font-size:3em;}




hr.sepMO {
  width:100px;height:6px;border-width:0;color: #F86800;background-color:#F86800;margin-left:0;
}

hr.light {
  border-top: 1px dashed #999;
}



        
        
.TitoloM {
  display: block;
  border-bottom: 1px dashed #F86800;
  color:#F86800;
  margin: 2px;
  font-weight:bold;
  font-size: 1.1em;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  padding: 4px;
  width: 100%;
}

.TitoloU {
  display: block;
  border-bottom: 1px dashed #060;
  color: #060;
  margin: 2px;
  font-weight:bold;
  font-size: 1em;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  padding: 4px;
  width: 100%;
}


.titoloUD{
	color:#226;
	background: #eee;
	font-size:1em;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	padding:2px;
	line-height:1.1em;
	margin-top:6px;
	margin-bottom: 0px;
}

.TitoloUDL{
	color:#fff;
	background-color:#006800;
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	padding:0 3px 0 3px;
}

.TitoloMosel{
  color:#F86800;
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	padding:0 3px 0 3px;
}


/* altre personalizzazioni */
ul.sq {
	list-style-type: square;
	padding-left: 10px; 
}

p.home {
	color:#060;
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
}



div.center { text-align: center; }

.a_sinistra{float: left;}
.a_destra{float: right;}

.a_sinistraImg{float: left; padding:8px;}

.txsinistra{text-align: left;}
.txdestra{text-align: right;}
.txjust{text-align: justify;}


.evidenzia{color:#002;font-weight:bold}
.red_errore{color:#ef000c;text-decoration:none;font-weight:bold}
.titologruppo{ padding:2px;margin:0px;color:#fff;font-weight:bold;background-color:#3D5769 }

.avviso{color:#030;text-decoration:none;font-weight:bold}
.avviso_blu{color:#006;text-decoration:none;font-weight:bold}
.avviso_rosso{color:#e22;text-decoration:none;font-weight:bold}
.avviso_verde{color:#060;text-decoration:none;font-weight:bold}
.avviso_grigio{color:#999;text-decoration:none;font-weight:bold}


img{text-decoration:none;background:0;border:0}
img.spIMM {
  margin: 4px 4px;
}

/* BOTTONI */

/*
button{
	font-family:  Verdana;
	font-size:1.1em;
	display: inline-block;
	font-weight:bold;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 6px;
}
*/

	/*line-height:1.42857143;    *:1.42857143;*/


.bSM{
	font-family:  Verdana;
	font-weight:normal;
	color: #fff;
	text-decoration: none;
	font-size:1.1em;
	display: inline-block;
	padding: 4px;
	overflow: hidden;
	margin: 2px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
}

button{
	font-family:  Verdana;
	font-size:1.1em;
	display: inline-block;
	padding: 2px 10px;
	margin: 4px;
	color: #fff;
	background: #347502;
	font-weight:bold;
	line-height:1.4em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
}

button:hover{color: #fff;background-color: #64A232;}

/*
button:disabled,
button[disabled]{
	cursor: cross;
}
*/

.bottoneEN{background:#32660A;}
.bottoneEN:hover{background:#4D8C1C;}

.bottoneDIS{background:#bbb;}
.bottoneDIS:hover{background:#bbb;}


.bottoneEv{background:#F86800; } /* arancione F86800 */


.bOSA{
	font-size:0.9em;
	color: #600;
	font-weight:normal;
	display: inline-block;
	padding: 0px 8px;
	margin: 2px;
	background:none;
	border-bottom: 1px solid;
}
.bOSA:hover{
	font-size:0.9em;
	color: #900;
	font-weight:normal;
	display: inline-block;
	padding: 0px 8px;
	margin: 2px;
	background:none;
	border-bottom: 1px solid;
}

.bottoneMINI{
	color: #333;
	font-size:0.9em;
	display: inline-block;
	padding: 0px 8px;
	margin: 2px;
	background:#ddd; /*F86800*/
	border: 1px solid #aaa;
}

.bottoneMINI:hover{
	color: #222;
	background:#bcd; /*F86800*/
}

.bottoneMINI2{
	color: #333;
	font-size:0.9em;
	display: inline-block;
	padding: 0px 8px;
	margin: 2px;
	background:#ddd; /*999*/
	border: 1px solid #aaa;

}

.bottoneMINI2:hover{
	color: #222;
	background:#bcd; /*F86800*/
}


.TastoQ{
	color: #333;
	font-size:0.9em;
	display: inline-block;
	padding: 4px;
	margin: 4px;
	background:#ddd; /*F86800*/
	border-radius: 6px;
	border: 1px solid #aaa;
}

.TastoQ:hover{
	color: #222;
	background:#bcd; /*F86800*/
}

.TastoQ:disabled{
	color: #999;
	background:#ddd; /*F86800*/
	cursor: not-allowed;
}


.TastoCl{
	font-family: Verdana;
	color: #333;
	display: inline-block;
	line-height:1.4;
	padding: 2px 10px;
	margin: 4px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border-radius: 4px;
	background:#ddd; /*F86800*/
	border: 1px solid #aaa;
}

.TastoCl:hover{
	color: #222;
	background:#bcd; /*F86800*/
}

.TastoCl:disabled{
	color: #900;
	line-height:1.8;
	background:#bcd; /*F86800*/
	cursor: not-allowed;
}


.TastoQplus{
	font-size:1em;
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	margin: 4px;
	border-radius: 20px;
	background-color: #480; /* #4D8C1C*/
	border-color: #333;
}

.TastoQplus:hover{
	background:#6a0; /*F86800*/
}
.TastoQplus:disabled{
	background:#999; /*F86800*/
}


.TastoTasp{
	font-size:0.9em;
	display: inline-block;
	padding: 4px;
	margin: 4px;
	background:none;
	border-radius: 6px;
	border: 1px solid #999;
}

.TastoTasp:hover{
	color: #339;
	background:#e8e8e8;
	border: 1px solid #333;
}

/* classi BOTTONI */


.buttonMAT{ /* PER SIMBOLI MAT */
	font-weight:normal;
	color: #000;
	background: #fff;
	text-decoration: none;
	font-size:1.1em;
	padding: 4px 8px;
	border: 1px solid #999;
	overflow: hidden;
	box-shadow: 0px 0px 2px 0px;
	border-radius: 2px;
}


.buttonMAT:hover{
	color: #000;
	background: #fff;
	box-shadow: 0px 0px 0px 0px;
	border:1px solid #f00;
}


.buttonMATm{ /* PER SIMBOLI MAT mini*/
	font-weight:normal;
	color: #000;
	background: #fff;
	text-decoration: none;
	font-size:1em;
	padding: 2px 4px;
	border: 1px solid #999;
	overflow: hidden;
	border-radius: 2px;
	margin: 0px;

}


.buttonMATm:hover{
	color: #000;
	background: #fff;
	border:1px solid #f00;
}



/* BOTTONI INVIO 
.invio-mio:hover,
.invio-mio:focus,
.invio-mio.active,
.open > .dropdown-toggle.invio-mio {
	color: #fff;
	background-color: #4D8C1C;
	border-color: #5F8840;

}


.invio-mio {
	color: #fff;
	background-color: #900;
	border-color: #335E11;
}

.invio-mio:hover,
.invio-mio:focus,
.invio-mio.active,
.open > .dropdown-toggle.invio-mio {
	color: #fff;
	background-color: #a66;
	border-color: #335E11;

}


.invio-mio.disabled,
.invio-mio[disabled],
fieldset[disabled] .invio-mio,
.invio-mio.disabled:hover,
.invio-mio[disabled]:hover,
fieldset[disabled] .invio-mio:hover,
.invio-mio.disabled:focus,
.invio-mio[disabled]:focus,
fieldset[disabled] .invio-mio:focus,
.invio-mio.disabled.focus,
.invio-mio[disabled].focus,
fieldset[disabled] .invio-mio.focus,
.invio-mio.disabled:active,
.invio-mio[disabled]:active,
fieldset[disabled] .invio-mio:active,
.invio-mio.disabled.active,
.invio-mio[disabled].active,
fieldset[disabled] .invio-mio.active {
	background-color: #a66;
	border-color: #335E11;
}

*/


.invio{
	font-family: Verdana;
	display: inline-block;
	padding: 2px 10px;
	margin: 4px;
	font-weight: normal;
	line-height:1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;

}

.invio-fixMENU { width: 60px; }

.invio-fix40 { width: 40px; }
.invio-fix50 { width: 50px; }
.invio-fix60 { width: 60px; }
.invio-fix80 { width: 80px; }
.invio-fix90 { width: 90px; }
.invio-fix100 {	width: 100px; }
.invio-fix120 {	width: 120px; }
.invio-fix150 {	width: 150px; }
.invio-fix180 {	width: 180px; }
.invio-fix200 {	width: 200px; }
.invio-fix250 { width: 250px; }
.invio-fix300 {	width: 300px; }


.invio:focus,
.invio:active:focus,
.invio.active.focus {
	outline: thin dotted;
	outline-offset: -2px;
}
.invio:hover,
.invio.focus {
	color: #333;
	text-decoration: none;
}

.invio.active {
	background-image: none;
	outline: 0;
}


/* normal*/

.invio-normal {
	color: #efe;
	background-color: #347502;
	border-color: #335E11;
}

.invio-normal:hover,
.invio-normal:focus,
.invio-normal.active,
.open > .dropdown-toggle.invio-normal {
	color: #fff;
	background-color: #4D8C1C;
	border-color: #5F8840;

}
.invio-normal:active,
.invio-normal.active,
.open > .dropdown-toggle.invio-normal {
	background-image: none;

}
.invio-normal.disabled,
.invio-normal[disabled],
fieldset[disabled] .invio-normal,
.invio-normal.disabled:hover,
.invio-normal[disabled]:hover,
fieldset[disabled] .invio-normal:hover,
.invio-normal.disabled:focus,
.invio-normal[disabled]:focus,
fieldset[disabled] .invio-normal:focus,
.invio-normal.disabled.focus,
.invio-normal[disabled].focus,
fieldset[disabled] .invio-normal.focus,
.invio-normal.disabled:active,
.invio-normal[disabled]:active,
fieldset[disabled] .invio-normal:active,
.invio-normal.disabled.active,
.invio-normal[disabled].active,
fieldset[disabled] .invio-normal.active {
	background-color: #B7B7B7; /*#7AA658;*/
	border-color: #456D27;
}


.invio-grigio {
	color: #000;
	background-color: #999;
	border-color: #999;
}

.invio-alert {
	color: #efe;
	background-color: #d00;
	border-color: #DB2B0B;

}

.invio-alert:hover,
.invio-alert:focus,
.invio-alert.active,
.open > .dropdown-toggle.invio-alert {
	color: #fff;
	background-color: #DA1919;
	border-color: #DB2B0B;

}
.invio-alert:active,
.invio-alert.active,
.open > .dropdown-toggle.invio-alert {
	background-image: none;

}
.invio-alert.disabled,
.invio-alert[disabled],
fieldset[disabled] .invio-alert,
.invio-alert.disabled:hover,
.invio-alert[disabled]:hover,
fieldset[disabled] .invio-alert:hover,
.invio-alert.disabled:focus,
.invio-alert[disabled]:focus,
fieldset[disabled] .invio-alert:focus,
.invio-alert.disabled.focus,
.invio-alert[disabled].focus,
fieldset[disabled] .invio-alert.focus,
.invio-alert.disabled:active,
.invio-alert[disabled]:active,
fieldset[disabled] .invio-alert:active,
.invio-alert.disabled.active,
.invio-alert[disabled].active,
fieldset[disabled] .invio-alert.active {
	background-color: #d9534f;
	border-color: #CD2A25;
}


.invio-primary {
	color: #fff;
	background-color: #8CB659;
	border-color: #173600;
}

.invio-primary:hover,
.invio-primary:focus,
.invio-primary.active,
.open > .dropdown-toggle.invio-primary {
	color: #fff;
	background-color: #347502;
	border-color: #173600;
}
.invio-primary:active,
.open > .dropdown-toggle.invio-primary {
	background-image: none;
}
.invio-primary.disabled,
.invio-primary[disabled],
fieldset[disabled] .invio-primary,
.invio-primary.disabled:hover,
.invio-primary[disabled]:hover,
fieldset[disabled] .invio-primary:hover,
.invio-primary.disabled:focus,
.invio-primary[disabled]:focus,
fieldset[disabled] .invio-primary:focus,
.invio-primary.disabled.focus,
.invio-primary[disabled].focus,
fieldset[disabled] .invio-primary.focus,
.invio-primary.disabled:active,
.invio-primary[disabled]:active,
fieldset[disabled] .invio-primary:active,
.invio-primary.disabled.active,
.invio-primary[disabled].active,
fieldset[disabled] .invio-primary.active {
	background-color: #337ab7;
	border-color: #2e6da4;
}
.invio-primary .badge {
	color: #337ab7;
	background-color: #fff;
}


/* FIELDSET border: 0px; */
/*
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove (internal value);
  */

fieldset {
	
	border: 1px grey dashed;

	margin-bottom: 15px;
	text-align: left;
	background-color: #fff;
}

fieldset#news {
	width: 90%;
	border-color: #333;
	border-width: 0.5mm;
	border-radius: 6px 6px 6px 6px;
	border-style: outset outset outset outset;
	border-collapse: separate;
	background-color: #fff;
}


fieldset#newsimm {
	width: 90%;
	border: 1px solid;
	background-color: #fff;
}

fieldset.accesso {
	
	border:  #090 1px solid;

}

fieldset.ritiro {
	
	border:  #900 2px solid;

}

/* BOX e RIQUADRI x test e verifiche 

.RiquadroTempo table{font-family: Verdana; text-decoration:none;vertical-align:middle;padding:0;background-color:#e8e8e8;border:1px solid #0c0}
.RiquadroTempoAlert table{font-family: Verdana;text-decoration:none;vertical-align:middle;padding:0;background-color:#f8f800;border:2px dotted #c00}

*/


.elencotest table{
  border-collapse: collapse;
  width: 100%;
}
.elencotest td{font-family: Verdana; text-decoration:none;vertical-align:middle;padding:4px; border-bottom:1px solid #c0c0c0;}


.RiquadroTempo table{font-family: Verdana; text-decoration:none;vertical-align:middle;padding:5; border:1px solid #c0c0c0;}
.RiquadroTempoAlert table{font-family: Verdana;text-decoration:none;vertical-align:middle;padding:5;border:1px solid #c00}


.boxevid{
	text-align:center;
	height:1.8em;padding:3px;margin-top:0;color:#d95b02;
	font-size:1.8em;border:1px dashed #dba408;
}

.boxevid2{
	text-align:center;
	padding:6px;
	border:1px solid #006;
	background-color: #369;
	font-weight: bold;
	color:#fff;		
}


td.errata {
    background-color: #d00;
		font-weight: bold;
		color:#fff;		
}

td.esatta {
    background-color: #4CFF4C;
		font-weight: bold;
		color:#000;
}

.boxTitQ{ /* titolo TEST */
text-align:center;width:100%;
font-weight:bold;
padding:3px;margin-top:10px;color:#000;
font-size:1.1em;border-bottom:1px solid #dba408;}

.boxDomQ{ /* domanda quesito */
font-weight:bold;
height:1.4em;padding:3px;margin-top:0;color:#000;
font-size:1em
}

.TestoQuiz{ /* domanda quesito */
color:#006;
background: #f8f8f8;
font-size:1em;
text-decoration:none;
text-align:left;
font-weight:normal;
padding:4px;line-height:1.1em;margin-bottom: 6px; border-bottom: 1px #c8c8c8 dashed;
}


.numeroq{ /* numero quesito: bianco/nero */
color:#fff;background-color:#000;font-size:1.1em;text-decoration:none;font-weight:bold;text-align:center;padding:0 3px 0 3px;}

.numeroqR{ /* numero quesito: bianco/ROSSO */
color:#fff;background-color:#d00;
font-size:1.1em;text-decoration:none;font-weight:bold;text-align:center;padding:0 3px 0 3px;}

.numeroqV{ /* numero quesito: bianco/VERDE */
	color:#fff;
	background-color:#006800;
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	padding:0 3px 0 3px;
}

.numeroqG{ /* numero quesito: bianco/GRIGIO */
color:#fff;background-color:#999;
font-size:1.1em;text-decoration:none;font-weight:bold;text-align:center;padding:0 3px 0 3px;}


.numeroTV{ /* numero VERIFICA:ROSSO */
color:#fff;background-color:#d00;
font-size:1.1em;text-decoration:none;font-weight:bold;text-align:center;padding:0 4px 0 4px;
border-radius: 10px;
}
.numeroTE{ /* numero ESERCIT: VERDE */
color:#fff;background-color:#006800;
font-size:1.1em;text-decoration:none;font-weight:bold;text-align:center;padding:0 4px 0 4px;
border-radius: 10px;
}


.boxQ {
	margin:2;
	padding:4px;
	background: #fff;
	box-shadow: -2px -2px 2px -1px #ff0;
	border-radius: 8px 8px 0px 0px;
}

.NNdata{color:#a00;background: none;font-size:1em;text-decoration:none;text-align:right; font-weight:bold; padding:2px;line-height:1.1em;margin-top: 4px;}
.boxQERR {
	margin:2;
	padding:4px;
	background: #fff;
	box-shadow: -2px -2px 2px -1px #f00;
	border-radius: 8px 8px 0px 0px;
}

/* 	box-shadow: 8px 8px 10px -4px #ccc; */
.boxRes{
	text-align:left;
	padding:3px;
	margin-top:0;
	border-top:1px dashed #aaa;
	background: #fff;
	box-shadow: 4px 4px 5px -2px #ff0;
	border-radius: 0px 0px 8px 8px;

	
} /* risultato */

.boxResxx{text-align:left;padding:3px;margin-top:0;border:1px dashed #dba408;} /* risultato */


.boxVoti{ /* resoconto finale */
text-align:left;padding:5px;border:2px solid #900;background-color:#fefefe;}

.boxpt{ /* punteggio background-image:url("../img/page/trasp.png"); */
	text-align:center;

	padding:5px;
	margin:2;
	color:#c00;
	background: #f1f1f1;
	font-size:1.4em;
	border:1px solid #dba408;
	border-radius: 4px 4px 4px 4px;
	line-height:1.6em;
}

.boxCorr{margin:0;text-align:left;padding:10px;border:2px solid #dba408;background-color:#fff;} /* pagina Correz TEST */

.boxtratt{border:1px dotted #fa0;width:90%;padding:3px;}
.boxTXT{text-align:center;padding:3px;background-color:#e8e8e8;margin-top:10px;margin-bottom:4px; border-top:1px dashed #aaa;}
.boxtratt2{border-bottom:1px dashed #999;padding:2px;margin-bottom:10px}
.boxtrattB{border-bottom:1px dashed #999;padding:2px;margin-bottom:10px}
.boxtrattT{border-top:1px dashed #999;padding:2px;margin-top:10px}




/* h - box */


.hboxBAR {
	margin:10px;
	padding:10px;
	background: #fff;
	background-image:url("../img/sfutesta2.png");
	box-shadow: 0px 0px 15px -6px;
	border-radius: 8px;
}


.hbox {
	margin:10px;
	padding:10px;
	background: #fff;
	box-shadow: 0px 0px 15px -6px;
	border-radius: 8px;
}

.hbox:hover {
	box-shadow: 0px 0px 15px -2px;
}

.Lbox {
	margin:10px;
	padding:10px;
	
	background: #fff;
	box-shadow: 8px 8px 10px -4px #ccc;
	border-radius: 0px 0px 8px 8px;
}

.Lbox:hover {
	box-shadow: 8px 8px 10px -2px #ccc;
}


.LboxSt {
	margin:10px;
	padding:10px;
	
	background: #fff;
	box-shadow: 8px 8px 10px -4px #ccc;
	border-radius: 0px 0px 8px 8px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.LboxSt:hover {
	box-shadow: 8px 8px 10px -2px #ccc;
}

.Bbox {
	padding:4px;
	background: #fff;
	border-radius: 10px;
}

/*
.Bbase {
	padding:4px;
	margin-left:20px;
	background: #fff;
	border-radius: 10px;
	border:1px dashed #999;
}
*/
.Bbase {
	margin-left:20px;
}


.hboxG {
	margin:4;
	padding:10px;
	background: #fff;
	box-shadow: 0px 0px 15px -6px;
	border-radius: 8px;
}

.hboxG:hover {
	box-shadow: 0px 0px 15px -2px;
}

/*	background: #eee;*/
.hboxGT {
	margin:6;
	padding:8px;
	background: #f0f0f0;
	border-radius: 8px;
}


.cbox { /* box calendario */
	margin:2px;
	padding:0px;
	background: #f0f0f0;
	border-radius: 0px 0px 20px 0px;
	color: #333;
	font-size:1em;
	text-align: justify;
	border:1px dashed #999;
	border-top: none;
	background-image:url("../img/sfutesta2.png");

}



.hboxT {
	padding:5px;
	background: #eee;
	color: #333;
	margin: 5px;
	border: 2px solid #fff;
}

.hboxT:hover {
	border: 2px solid #900;
}


.hboxTEST {
	padding:10px;
	background: #fff;
	box-shadow: 0px 0px 15px -6px;
	border-radius: 8px;

	color: #333;
	text-align: justify;

	margin: 5px;
}

.hboxTEST:hover {
	box-shadow: 0px 0px 15px -2px;
}



.hboxCONT { /* verde */
	padding:10px;
	background: #efefef;
	border: 10px solid #00860C;
	border-radius: 15px;

}

.hboxCONT:hover {
	box-shadow: 0px 0px 15px -2px #0f0;
}


.hbox0 { /* luce rossa */
	padding:10px;
	background: #fff;
	box-shadow: 0px 0px 15px -6px;
	border-radius: 8px;
}

.hbox0:hover {
	box-shadow: 0px 0px 15px -2px #f00;
}


.hbox3 { /* arancione */
	margin:10px;
	padding:10px;
	background: #efefef;
	border: 10px solid #F86800;
	border-radius: 15px;
}

.hbox3:hover {
	box-shadow: 0px 0px 15px -2px #f00;
}

.hboxL {
	padding:10px;
	background: #fff;
	box-shadow: 0px 0px 15px -6px;
	border-radius: 8px;
}
.hboxL:hover {
	border: 1px solid #FF5D00;
	border-radius:8px;
}


.hboxLa {
	padding:10px;
	background: #efefef;
	border: 2px solid #FF5D00;
	border-radius:6px;

}
.hboxLa:hover {
	box-shadow: 0px 0px 8px -2px #000;
}

/* Box che racchiude la galleria di immagini
#contRBut {
	margin:0 auto;
	padding: 20px;
}
*/
#griglia {
  padding: 0;
  margin: 0;
}

#griglia > li { /*  background-color: #abe2ff; border: 1px solid #333333; */
  
  display: inline-block;
  margin: 10px;
}


.boxI { /* immag... box-shadow: 0px 0px 15px -6px; */
	margin:4px;
	padding:4px;
	background: #fff;

	border-radius: 6px;
}
.boxI:hover {
	border: 1px solid #369;
	border-radius:6px;
}


.mbox { 
/* menu RICERCA 
	margin-top: 2px;
    	margin-right: 10px;
    	margin-bottom: 10px;
    	margin-left: 10px;
*/

	padding: 0px;
	background: #fff;

	border-bottom: 1px solid #FF5D00;
	border-radius: 10px;
}



/* NASCONDI	background:#f3fff3; */
.txt_hidd {
	margin: 4px;
	padding:8px;
	border:1px dashed #999;
	border-radius: 10px;
}


/*
span.trigger {
	background:url(../gfx/bg_h2.jpg) left top no-repeat;
}
span.active {
	background:url(../gfx/bg_h2.jpg) left bottom no-repeat;
}

*/

.basso {margin-top:10px; width:100%; border-radius: 10px; border-top: 1px solid #FF5D00;}
	
/* x studenti ...*/
.titoloR{
	display: inline-block;
	margin: 0px;
	padding: 2px;
	width: 100%;
	list-style-type: none;
	font-size:1.1em;
	color:#fff;
	background-color:#600;
}

.testo_lezione{
	font-size:1em;
	color:#333;

}




/* Change Autocomplete styles in Chrome*/
/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

*/







/* MENU  topnav
https://www.w3schools.com/css/css_navbar.asp

https://developers.google.com/web/fundamentals/design-and-ux/responsive?hl=it

*/

div#contenuto {
	min-width: 480px;
}


.menuR {
font-size: 10px;
font-family: Arial;
line-height:1.4em;
}

/* Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
  background-color: #99d; /* #999;  #9999B4;*/
  
}

/* Style the links inside the navigation bar padding: 12px 10px; */
.topnav a {
  float: left;
  display: block;
  color: #fff; /*#f2f2f2;*/
  text-align: center;

  padding: 8px 8px 4px 8px;
  text-decoration: none;
  font-size: 24px;
  background-color: #99d;
}

/* Change the color of links on hover  :  background-color: #ddd; color: #060; */ 
.topnav a:hover {

  background-color: #ccc;
  color: #000;
border-radius: 6px;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #369;
  color: white;
border-radius: 6px;
}



/*
//Quando lo schermo ha una larghezza inferiore a 768 pixel pixel, nascondi tutti i collegamenti, tranne il primo.
//Mostra il link che dovrebbe aprire e chiudere il topnav (.icon)

//and (orientation:portrait) 
//@media all and (orientation:landscape)
*/

/* nascondi icon su schermi grandi */
.topnav .icon {
  display: none;
}



/* SPERIMENTALE eliminato   RESPONSIVE */
/*SMARTPHONE + nascondi tutti i collegamenti, tranne il primo
@media screen and (max-width: 768px) and (orientation:portrait) { 
  .topnav a:not(:first-child) {display: none;} 

  .topnav a.icon {
    float: right;
    display: block;
  }

  br { display: none;}
}
*/
/*
/////////////
La classe "RESPONSIVE" viene aggiunta a topnav con JavaScript quando l'utente fa clic su 'icon'.
Questa classe mostra i collegamenti in verticale anziché in orizzontale (utile su piccoli schermi)
*/
  .topnav.responsive {position: relative;}

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;

    padding: 8px 10px 8px 4px;

  }
  .topnav.responsive .menuR {
	font-size: 16px;
	line-height:1.1em;
	white-space:nowrap;
  }

}

/*
La classe "RESPONSIVE" viene aggiunta a topnav con JavaScript quando l'utente fa clic su 'icon'.
Questa classe mostra i collegamenti in verticale anziché in orizzontale (utile su piccoli schermi)
//////////
*/





/*
<button type="button" class="block">Block Button</button>
.largo {
  display: block;
  width: 100%;
  border: none;
  background-color: #999;
  padding: 0px 4px;
  font-size: 1em;
  cursor: pointer;
  text-align: center;
}
*/


.largo {
  display: block;
  margin: 0px;
  background-color: #999;
  font-weight:bold;
  width: 100%;
}

.SfondoBianco {
  display: block;
  border: dashed red;
  border-width: 1px 0 1px 0;
  margin: 2px;
  background-color: #f8f8f8;
  font-size: 1em;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 4px;
  width: 100%;
}


.ModifTEST {
	display: block;
	margin: 0px;
	background-color: #eee;
	font-weight:normal;
	width: 100%;
	font-family: Verdana;
	font-size:0.9em;
	color:#a00;
	padding: 2px;
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
}
.ModifTEST:hover{color:#900;background-color: #ddd;text-decoration:underline;}


.INFOargom {
	display: block;
	margin: 0px;
	background:none;
	font-weight:bold;
	width: 100%;
	font-family: Verdana;
	font-size:1em;
	color:#333;
	padding: 6px;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	
}

.INFOargom:hover{color:#666;background:none;}

.largoINFO {
	display: block;
	margin: 0px;
	background-color: #eee;
	font-weight:bold;
	width: 100%;
	font-family: Verdana;
	font-size:1em;
	color:#666;
	padding: 6px;
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	
}

.largoINFO:hover{color: #333;background-color: #ddd; font-weight:bold;}

.miniHELP {
	display: block;
	margin: 0px;
	padding: 2px;
	background-color: #eee;
	font-weight:bold;
	width: 100%;
	font-family: Verdana;
	font-size:0.9em;
	color:#333;

	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	
}

.miniHELP:hover{color: #000;background-color: #ddd;}


.largoSTU {
	display: block;
	margin: 0px;
	background-color: #eee;
	font-weight:bold;
	width: 100%;

	font-family: Verdana;
	font-size:1.1em;
	color:#333;

	padding: 6px;

	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #ccc;
}

.largoQ {
  display: block;
  margin: 0px;
  background-color: #363;
  font-weight:bold;
  width: 100%;
  border: none;

  color: #fff;
  text-align: left;

}

.largoeQ {
  display: block;
  margin: 0px;
  background-color: #363;
  font-weight:normal;
  font-size:0.9em;
  width: 100%;
  border: none;
  color: #fff;
  text-align: left;

}

.rigaQ{
	font-weight: normal;
	font-size:1em;
	line-height:1.4em;

	text-decoration:none;
}


#QProgress {
  width: 100%;
  background-color: #999;
}

#QBar {
  width: 100%;
  height: 10px;
  background-color: #260;
}


/*  INS PREMI border: #090 3px ; border-style: solid; background-color : #f8f8f8; */
.TQue TABLE { background-color : #fff; border: #fff 0px ;}
.TQue  TD { border: #999 1px ;  border-style: solid; padding:0px; background-color : #009; }


.qsvol {
	display: block;
	height: 12px;
	width: 100%;
	background-color: #334466;
}

.qNsvol {

	display: block;
	height: 12px;
	width: 100%;
	background-color: #c0c0c0;
}

/*                 ==============================              */





/* The contRBut */
.contRBut {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 1.1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.contRBut input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom RADIO button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #aaa;
  border-radius: 50%;

}

/* On mouse-over, add a grey background color */
.contRBut:hover input ~ .checkmark {
  background-color: #666;
}

/* When the radio button is checked, add a color background */
.contRBut input:checked ~ .checkmark {
  background-color: #FF3300; /*#347502; verde */
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.contRBut input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.contRBut .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
}




/* The contCKButt */
.contCKButt {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 24px;
  cursor: pointer;
  font-size: 1.1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default CHECKBOX */
.contCKButt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmarkC {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.contCKButt:hover input ~ .checkmarkC {
  background-color: #aaa;
}

/* When the checkbox is checked, add a blue background 2196F3*/
.contCKButt input:checked ~ .checkmarkC {
  background-color: #FF3300; /*#347502; verde */
}

/* Create the checkmarkC/indicator (hidden when not checked) */
.checkmarkC:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmarkC when checked */
.contCKButt input:checked ~ .checkmarkC:after {
  display: block;
}

/* Style the checkmarkC/indicator */
.contCKButt .checkmarkC:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}