html{background-color:#949494;}
body{position:relative; top: 0px; padding:0; border:0; margin: 0;}
/*div#LogoCliente{margin: 15px; text-align: right;}*/

/*Mettere le eventuali immagni del cliente
#LogoCliente{background: url("/Immagini/AlcatiLogo.gif") fixed no-repeat;float: right;}
#LogoCommittente{background: url("/Immagini/AlcatiLogo.gif") fixed no-repeat;}*/
#LogoCliente{ width: 20%; background-size: 100%; max-width: 300px;}
#LogoCommittente{ width: 60%; background-size: 100%; max-width: 600px;}
.Loghi {height: 50px; width: 300px; display: inline; float: left;}

div#container{width: 95%; height: auto; margin: 0 5% 0 5%; text-align: center;}
exdiv.ImgContenitore{text-align: center; width: 20%; position: relative; float: left; margin: 0px 20px;padding: 8px;}
div.ImgContenitore{text-align: center; position: relative; float: left; padding: 5px;}
.ASinistra{clear: left;}
div.Domanda{margin: 10px 2% 10px 2%; padding:15px; background-color:#E9E9E9; text-align:left; position:relative; font-style:normal; clear: left}
/*div.Domanda p{float: left; clear: left;margin: 2px;}*/
div.Domanda p{clear: left;margin: 2px;}
/*form{margin: 0px 3% 20px 3%; padding: 5px; background-color:#E1E1E1; text-align: left; position:relative;float: left; clear: left;}
form.Risposta{margin: 0px 3% 20px 3%; padding: 5px; background-color:#E1E1E1; text-align: left; position:relative;float: left; clear: left;}*/
form{background-color:#E1E1E1; text-align: left; position:relative;float: left; clear: left;width: 88%; padding: .5em 5% 15px 5%; margin: 0px;}
p.Didascalia{font-size: .6em;}

.InputNumerica {margin: 1% 90% 1% 5%;}
.InputAperta {margin: 5px; width:99%;}
#InputTestoBreve {margin: 50px;}
/*#Pulsanti {width: 100%; background-color:transparent; margin:0px; padding:0px; border: 2px outset;}*/
/*.Pulsanti {width: 100%; background-color:transparent; margin:0px; padding:0px 0px 20px 0px; float: left;}*/
.Pulsanti {width: 100%; background-color:transparent; margin:0px; padding: 1.5em 0px 1.5em 0px; float: left;}
/*#DomandaSuccessiva {background-color:#B1FFB1; width: 80%; float: right; padding: 0px; margin: 15px 0px 0px 0px; font-weight: bold;} */
/*#DomandaSuccessiva {background-color:#B1FFB1; width: 25em; float: left; padding: 0px; margin: 15px 0px 0px 10px; font-weight: bold; border: 2px outset;}*/
/*#DomandaPrecedente {background-color:#FFB1B1; width: 7em; float: left; padding: 0px; margin: 15px 0px 0px 10px; font-weight: bold; border: 2px outset;}*/
.Freccia {width: 67px; height: 67px; display: block; cursor: pointer; position: relative; border-radius: 38px;}
div.DomandaPrecedente {width: 24px; box-sizing: border-box; float: left; margin-left:40%;}
#DomandaPrecedente {background: url(/Immagini/Frecce.png) no-repeat scroll 0px 0px transparent; left: -38px;}
#DomandaPrecedente:hover {background-position: -67px 0px; background-color: red;}
div.DomandaSuccessiva {width: 24px; box-sizing: border-box; float: right; margin-right:40%;}
#DomandaSuccessiva {background: url(/Immagini/Frecce.png) no-repeat scroll -134px 0px transparent;}
#DomandaSuccessiva:hover {background-position: -201px 0px; background-color: green;}

#PulsanteCorreggi {background-color:#FF9090; width: 5em; float: left; padding: 0px; margin: 15px 2% 0px 2%; font-weight: bold; border: 2px outset;}
/*#NonSo {background-color:#B0B0FF; float: left; padding: 0px; margin: 15px 2% 0px 0px; font-weight: bold;}
#Rifiuta {background-color:#B0B0FF; float: left; padding: 0px; margin: 15px 2% 0px 0px; font-weight: bold;} */
#NonSo {background-color:#B0B0FF; float: left; padding: 0px; margin: 15px 0px 0px 10px; font-weight: bold; border: 2px outset;}
#Rifiuta {background-color:#B0B0FF; float: left; padding: 0px; margin: 15px 0px 0px 10px; font-weight: bold; border: 2px outset;}
/*Per togliere i pulsanti Indietro,NonSo e Rifiuto mettere delle linee tipo:
#DomandaPrecedente {display: none}
#NonSo {display: none}
#Rifiuto {display: none}*/
.AltroChiusa {border-width: thin; width: 100%; display: none;}
.tRisposte {text-align: left; width: 100%;}
.tRisposte td{min-width: 20em;}
.Pointer {cursor: pointer;}
/*Immagine ingrandita*/
#ConFotoGrande{display: none; position: fixed; z-index: 100; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; top: 0px; left: 0px;}
#FotoGrande{height: inherit;}
.FotoGrande{margin: auto; width: 80%; height: 90%; position: relative; top: 8%;}
.ZoomIn {cursor: zoom-in;}
.ZoomOut {cursor: zoom-out;}
.Nascosto { display: none; }
.Spunta {left: 5px; top: 5px; position: absolute; width: 40px;}
.Lente {right: 7px; bottom: 5px; position: absolute; width: 30px;}
.ChiusaConImm {padding: 0px;}
.Immagine {padding: 0px; position: relative;}
.VoceItem {padding: 0px;}
.VCIChiusa {float: left; position: relative;}


.Errore {background-color: red;}

input.SommaNumerica{background-color:#CCCCCC;}
td.TestoSommaNumerica{width: 99%;}
table.SommaNumerica{text-align: left; }
input.SommaNumericaErrata{text-align: left; background-color:#FF9090;}
input.TotaleSommaNumerica{text-align: left; color:#2020FF;}

table.MatOriz{text-align: left; border: none; width: 100%;}
th.Lato{width: 30%; min-width: 22em;}
th.Voce{min-width: 3em;}
/*th.Immagine{width: 20%; max-width: 110px}	/*le dimensioni minime devono essere le massime di .ImgMO*/
th.Immagine{width: 110px;}	/*le dimensioni minime devono essere le massime di .ImgMO*/
tr.MatOrizPari{text-align: left; border: thin; padding: 2px;}
tr.MatOrizDisp{text-align: left; background-color: #fcB274;border: thin; border-color: #dc5214; border-style: solid dashed; padding: 2px;}
#Alcati {color:rgb(0, 0, 0);}
/*table#Pulsanti{width: 100%;} */
table#PulsContinua{width: 100%;}
ol {background-color:#FFEE00;}
li {cursor: pointer;}
.DBClasse {Width: 100%;}
.RigaDB {cursor: pointer;}
#DB thead{background-color: #EEEEEE;}
.DBScelto {background-color: #FFEE00;}
.InfoAiuto {background-color: #00EE00;}
.ImgMO img{max-height:50px; max-width: 100px}

.EvidGiallo {background-color: rgb(255, 255, 0);}

/*ConJoint*/
#CJCont {min-width: 1300px; margin: auto;}
.CJCart {float: left; height: 780px; margin: 0px 3px; width: 425px;}
.CJTAttrib {height: 720px; border: 2px solid black; border-radius: 6px; padding: 7px;}
.CJColAttr {float: left; margin-right: 3px;}
/*.CJColAttr div{outline: 1px solid rgb(128, 128, 128);width:200px; height: 180px;}*/
.CJColAttr div{outline: 1px solid rgb(128, 128, 128);}
.CJTesto {margin-bottom: 0px; margin-top: 2px; width: 196px; padding: 2px;}
.CJSoloTxt {font-weight: bold; font-style: normal; font-size: 150%; color: red; padding: 20px 0px; text-align: center;}
.CJSlid {padding-top: 10px; text-align: center;}
.ValSlid {padding-right: 2em;}
input[type='range'] { -webkit-appearance: none !important; background:red; height:7px; width: 300px;}
input[type='range']::-webkit-slider-thumb { -webkit-appearance: none !important; background:blue; height:10px; width:10px; }
/*BPTO*/
#BPTOCont {width: 1000px; margin: auto; min-height: 400px;}
#BPTONessuna {width: 1000px; margin: auto; margin-top: 10px; text-align: center; float: left;}
#BPTONessuna p{margin: auto; text-align: center; border: 2px solid black; border-radius: 5px; padding: 10px; cursor: pointer;}
.BPTOCart {float: left; height: 300px; width: 194px; margin: 0px 3px;}
.BPTORispAtt {background-color: rgb(214, 246, 237);}
.BPTOContDati {height: 300px; border: 2px solid black; border-radius: 6px; vertical-align: center; text-align: center;}
/*.BPTORispAtt {height: 100px; border: 2px solid black; border-radius: 6px; padding: 7px;}*/
.BPTODati {height:100px;}
.BPTOImg {min-height: 150px;}
.BPTOImg img{width: 150px; height: auto;}
.BPTOTesto {margin-bottom: 0px; margin-top: 2px; width: 190px;display: table-cell; vertical-align: middle; padding: 5px;}
.BPTOPrezzo {position: relative; bottom: 0px; font-size: 150%; border: 0px;}
.BPTOPrezzo p{margin:5px;}
.BPTOScelto {font-weight: bold; font-style: normal; color: red;}