/* --- Adattamento css per vecchi pattern ancora in uso --- */

/* Titoli e formattazioni generiche */
.nascosto {clear: none;  height: 0;left: -10000px; position: absolute;top: -10000px; width: 0;}
#contenuti h4.sottolineato, #contenuti h5.sottolineato, #contenuti h6.sottolineato { border-bottom: 1px solid #ececec; margin: 8px 0 11px;padding: 0;width: 100%;}
.sinistra, .left { text-align: left!important;}
.centro, .center {margin: 0 auto;text-align: center!important;}
.destra, .right {text-align: right!important;}
.middle {border: 0 none; vertical-align: middle!important;}
.bottom {border: 0 none; vertical-align: bottom!important;}
.torna_su_lista_dx { text-align:right; padding-right: 20px!important;}
.bold, .txtbold {font-weight: bold;} .corsivo, .italic, .txtitalic { font-style: italic; }
.titolo{ font-weight: bold; background-color: #FFF; color: #343A3A;}
.titolo_film{ font-weight: bold; color: #343A3A;}
.piccolo{font-size: .85em;}
a.nota {font-size: 0.72em; vertical-align: top;}

.vert_middle.dim{width: 200px;height: 100px;border: 1px solid #efefef;}
.vert_middle {display:table;}
.vert_middle.dim a{padding-left: 5px;}
.vert_middle a{display:table-cell;vertical-align:middle;}



/* Notizie - vi segnaliamo in acs */
 h3.notizie_sezione, h4.notizie_sezione { background-color:#ad0000;padding:14px;text-transform:uppercase;color:#fff!important;
 font-weight:normal; font-size:90%;  }
 h3.notizie_sezione:before, h4.notizie_sezione:before {font-family: "FontAwesome"; content: "\f0c5      ";}
 .notizie_titolo a, .notizie_titolo {color: #343434;    font-family: inherit;  font-weight: 500; font-size: 22px; line-height: 1.2;}
 .notizie_testo {margin-bottom: 25px; border-bottom:1px solid #ececec; padding-bottom:25px;}
.evidenzia .notizie_testo {border-bottom:0px;margin-bottom:10px;padding-bottom:5px;}

p.ultimo_aggiornamento {padding-left:20px;}

 p.evidenzia, div.evidenzia, span.evidenzia, h4.evidenzia, h5.evidenzia ,h6.evidenzia {background-color: #d7e1ec; padding:5px; margin:auto; overflow:hidden; }
 ul.evidenzia {background-color: #d7e1ec; padding-top:5px; padding-bottom:5px; }
#contenuti li.evidenzia {background-color: #d7e1ec!important; /*padding-top:5px; padding-bottom:5px;*/}
.evidenzia.colora, .evidenzia.colore {border-left: 9px solid #a1a9b1;}
.evidenzia_contornato {border: 1px solid #d7e1ec; padding:10px 5px;}
a.colora, ul.colora{background-color: transparent!important;}
/*a.colora, div.colora, ul.colora{ background-color: transparent!important;} */ /* non applicava al div la classe colora! */



/* Lista espandibile apri/chiudi */
h3.espandi, h4.espandi, h5.espandi, h3.espandi a, h4.espandi a, h5.espandi a {color: #ad0000; }
#contenuti .espandi {background: url(im/pattern/apri_piu_rosso.gif) transparent 3px 4px no-repeat!important;padding-left:18px;line-height: 16px!important;line-height: normal;cursor: pointer;
height: auto!important; height: 16px/*per ie*/; color:#ad0000; }
#contenuti .freccia_giu, #contenuti .freccia_giu {background: url(im/pattern/apri_meno_rosso.gif) transparent 3px 4px no-repeat!important;}
#contenuti .espandi1{background: url(im/freccia_pic.gif) transparent 3px 4px no-repeat!important;padding-left:15px;line-height: 16px!important;line-height: normal; cursor: pointer;
height: auto!important; height: 16px;/*per ie*/}
#contenuti .freccia_pic_giu {background: url(im/freccia_pic_giu.gif) 0 4px no-repeat!important;}
#contenuti .espansa {margin-top:0px; margin-bottom:10px; border:0px; padding-top:5px;padding-bottom:10px; padding-left:10px; padding-right:10px; background-color:#f3f3f3; }
#contenuti .espansa p {padding-left:10px; } 
#contenuti ol.espansa {padding-left: 30px!important; margin-left: 0px!important;}  /* new */ 
.grandezza_h5{font-weight: bold!important; font-size: 17px!important; line-height: 1.1!important;} 


/* indice lettere in alto */
.indice_lettere a:link,.indice_lettere a:visited, .indice_lettere a:active{background-color: #285B92!important;color:#fff;}
/*.indice_lettere a, .indice_lettere strong, .indice_lettere a:hover{background-color: #fff!important;border:1px solid #285B92; padding: 6px 8px;margin-right: 4px; color:#343434; } */
.indice_lettere a, .indice_lettere strong, .indice_lettere a:hover{ background-color: #fff!important;border: 1px solid #285B92;padding: 5px 8px;margin-right: 4px;color: #343434;line-height: 35px; } 
.indice_lettere a.attivo {background-color: #AD0000!important;border:1px solid #AD0000; padding: 5px 8px;margin-right: 4px;
   color:#fff!important; text-decoration:none;}
.indice_lettere a:hover {background-color: #AD0000!important;border:1px solid #AD0000; padding: 5px 8px;margin-right: 4px;
   color:#fff!important; text-decoration:none;}
   
/* briciole di pane */
p.back{font-size: 13px; color:#999; border-bottom: 1px solid #DDD;}
p.back:before{font-family: "FontAwesome"; content: "\f015  ";}
p.back a {margin-left:8px;margin-right:8px;}
p.back a:first-child {margin-left:3px;}
p.back strong {font-weight:normal; }

/* filmati */
.film.titolo_film, .film.titolo_film a{font-weight:normal; }
.film.titolo_film:before{font-family: "FontAwesome"; content: "\f16a  ";color:#575757;}

.film.titolo, .film.titolo a{font-weight:normal; }
.film.titolo:before{font-family: "FontAwesome"; content: "\f16a  ";color:#575757;}



/* immagini */
.imgsx, span.imgsx {float: left;padding:0px;margin: 7px 5px 2px 0;clear:none; }
.imgsx_ico_interattiv {padding:0px;margin: 7px 20px 2px 0;clear:none; border: none!important;}
.imgdx, span.imgdx {float:right;padding:0px;margin: 7px 0px 2px 5px;clear:none;}
div.imgsx {margin-right: 5px;}

div.imgmiddle {margin: -10px 0px!important;} /* serve per allineare l'immagine a metà */

img {clear:both; border:0px solid #f9f9f9;}
.separatore {clear: both;}
img.bordo {border:0px;}
img.forzabordo {border:1px solid #efefef;}

/*galleria fotografica*/
#contenuti table.galleria{text-align: center; width: auto!important;}
#contenuti table.galleria td{vertical-align:top;padding-right: 3px;padding-left: 3px;}
#contenuti .galleria img{margin:0px!important;padding:0!important;}
#contenuti .galleria a{text-decoration: none;}
#contenuti .galleria a.ingrandisci{padding:5px;margin:-2px!important;margin:-3px;/*IE*/display:block;height:auto!important;
background:url(im/pattern/lente_galleria.gif) #285b92 no-repeat 93% 50%!important;color: #fff;height:0;}
#contenuti .galleria a.ingrandisci:hover{background:url(im/pattern/lente_galleria.gif) #ad0000 no-repeat 93% 50%!important;}
table.galleria td.spaziocella {width:120px;}
/* link a files zip nei boxini sotto le foto */
#contenuti .galleria a.riquadro{padding:5px;margin:-2px!important;margin:-3px;/*IE*/
display:block;height:auto!important;padding-righxxt: 22px; color: #fff!important;height:0;/*IE*/}
#contenuti .galleria a.riquadro.zip_dx{background:url(im/pattern/ico_zip_bianco.gif) #285b92 95% 50%  no-repeat !important;}
#contenuti .galleria a.riquadro.zip_dx:hover{background:url(im/pattern/ico_zip_bianco.gif) #ad0000 95% 50%  no-repeat !important;}
#contenuti .galleria a.riquadro.pdf_dx{background:url(im/pattern/ico_pdf3.gif) #285b92 95% 50%  no-repeat !important;}
#contenuti .galleria a.riquadro.pdf_dx:hover{background:url(im/pattern/ico_pdf3.gif) #ad0000 95% 50%  no-repeat !important;}
#contenuti .galleria p{text-align:center;margin:2px auto!important; padding:2px;width:116px!important;width:122px; font-size:85%;}
/* #contenuti .galleria img, */ #contenuti .galleria p{border:1px solid #CBCBCB;}
div.galleria{ width: 122px; }/*regola per una SINGOLA immagine ingrandibile*/
/* prima era così */ /*img.centro, img.center{display: block; margin-top: 15px;} */
img.centro, img.center{display: block; margin-top: 2px; margin-bottom: 2px}
/*--galleria fotografica (index)--*/
#contenuti h4.galleria, #contenuti h5.galleria, #contenuti h6.galleria{background-color:#d7e1ec;}
#contenuti .galleria.index{width: auto;text-align: center;}
#contenuti .galleria.index a.ingrandisci{padding-right:22px;}
#contenuti .galleria.index p{background-color: #F4F4F4;margin:2px auto!important;padding:8px 2px 6px 2px!important;width:202px!important;width:216px!important;}
#contenuti .galleria.index p span{display: block;width: 100px;margin: auto!important;
background-color: #fff;border:1px solid #b20010;} 
#contenuti .galleria.index p.didascalia{background-color: #fff;text-align:left!important; padding-left: 7px!important; width:211px!important}
/*fotografie panoramiche virtuali*/
#contenuti .galleria2 td{min-height: 105px;height:auto!important;height: 105px; padding-bottom: 10px;}
#contenuti .galleria2 img{/*border:1px solid #CBCBCB;*/ margin-top: 0;float:left;}
#contenuti .galleria2 p{margin:0 0 5px 130px;}
.galleria2 p.didascalia{border:1px solid #CBCBCB;min-height:55px!important;height:auto!important; height: 65px;
padding: 3px;width:60%!important;width:95%; }
.galleria2 p.didascalia1{border:1px solid #CBCBCB;min-height:55px!important;height:auto!important; height: 65px;padding: 3px;}
.galleria2 p.box_virtual a{ color: #fff; background-color: #285b92;
display: block;float: left;padding: 3px 14px;margin:0 4px 0 0;}
.galleria2 p.box_virtual a:link, .galleria2 p.box_virtual a:visited,.galleria2 p.box_virtual a:hover, .galleria2 p.box_virtual a:focus,
.galleria2 p.box_virtual a:active{text-decoration: none;}
.galleria2 p.box_virtual a:hover{ background-color: #ad0000;}

/*galleria fotografica 1 (per le categorie)*/
#contenuti table.galleria1 td.left, #principale1c table.galleria1 td.left{border: 1px solid #CBCBCB; 
padding:7px 1px 5px 2px; /*background-color: #F4F4F4;*/ text-align: center!important; vertical-align:top;}
#contenuti table.galleria1 td.right, #principale1c table.galleria1 td.right{background-color: #fff; border: 1px solid #CBCBCB; text-align: left!important; vertical-align:top; padding-right: 0; padding-left: 0;}
#contenuti table.galleria1 td.right.inf, #principale1c table.galleria1 td.right.inf{border: 1px solid #CBCBCB; text-align: left!important; vertical-align:top; padding-right: 0; padding-left: 0;}
#contenuti .galleria1 p{margin:2px 0 2px 10px!important; padding:2px; text-align:left; width:95%!important;}
#contenuti table.galleria1 td.right.sup p,
#contenuti table.galleria1 td.right.sup p {min-height: 40px;}
#contenuti table.galleria1 td.right.inf p,
#contenuti table.galleria1 td.right.inf p {padding:2px; }
#contenuti .galleria1 a.ingrandisci:link{padding:3px 5px 3px 5px; display:block; 
width:90px!important;width:97px; background:url(im/lente.gif) #b20010 no-repeat 95% 50%!important;color: #fff;}
/* #contenuti .galleria1 img{border:1px solid #CBCBCB;} */
.galleria1 p.video a{ color: #fff; background-color: #285b92;
display: block;float: left;padding: 3px 14px;margin:0 4px 5px 0;}
.galleria1 p.video a:link, .galleria1 p.video a:visited,.galleria1 p.video a:hover, .galleria1 p.video a:focus,
.galleria1 p.video a:active{text-decoration: none;}
.galleria1 p.video a:hover{ background-color: #ad0000;}

/* Tabelle dati */
table {width: 98%; overflow: hidden; margin: 0 auto; padding: 0; font-size: 0.95em; border-spacing:0; border-collapse: collapse; background-color:transparent!important; border:0;}
table td{vertical-align:top; }
.dati > thead > tr > th, .dati > tbody > tr > th, .dati > tfoot > tr > th, .dati > thead > tr > td, .dati > tbody > tr > td, .dati > tfoot > tr > td { border: 1px solid #EAEAEA;}
/*table.dati{width: 99%;border-collapse: separate;margin: 20px 0 20px 0!important; border-spacing: 1px;} */ /*/ dava problemi con l'allineamento della tablella */
table.centro th {text-align: center;}
table.centro td {text-align: center;}
table.dati{width: 99%;border-collapse: separate;margin-top: 20px;margin-bottom: 20px;border-spacing: 1px;}
table.dati.gbs3{width: 99%;border-collapse: separate;margin-top: 20px;margin-bottom: 20px;border-spacing: 1px;} /* Maurizio 04/05/2020 - CHRONOFORMS5-Visualizzazione tabella in pagina dopo invio */
table.dati th {padding: 6px;font-weight:bold;vertical-align:baseline;background-color:#e8e8e8;}
table.dati td {padding: 6px; }
table.dati th.colora{background-color:#d7d7d7;}
table.dati th.middle{vertical-align:middle;}
table.dati tr.colora, table.dati td.colora {background-color:#f6f6f6;}


/* --------- INIZIO MAURIZIO 22.10.2019 --------- */
table.dati td.territorio.colora {background-color:#0A64AF; color:#ffffff; text-align:center}
/* --------- FINE MAURIZIO 22.10.2019 --------- */



th .normale, span.normale { font-weight: normal;}

/*filtro ricerca in cima a tabella*/
.filtro{text-align: center;}
.filtro p{margin:4px auto!important; padding:5px 10px;width: 50%;border: 1px solid #F4F4F4; text-align: center; background-color:#F4F4F4;}
.filtro span {display:block;  padding: 5px; margin:5px 0;}
@media (max-width:991px) {.filtro p{width: 70%;}}
@media (max-width:480px) {.filtro p{width: 100%;}}

/*tabelle con lo scrolling */
div.scroll{width:auto;margin:0 0 3px 0;padding:0;overflow:auto;visibility:visible;z-index:1000;}
div.scroll.mini-y {height:180px!important;width:auto;}
div.scroll.medio-y{height:300px!important;width:auto;}
div.scroll.esteso-y{height:500px!important;width:auto;}
div.scroll.esteso-x{width:100%;height:auto!important;/* per le tabelle di Orario Integrato*/}



.mini {width: 30%!important;} .medio{width: 73%;} .esteso{width: 95%;}

/*------Tabelle per form----*/
table.moduli{width:98%!important;border-collapse:separate;border-spacing:2px;margin:0 0 2px 0!important;}
table.moduli th,table.moduli td{border:solid 1px #CBCBCB;padding:5px;margin:2px;text-align: left;}
table.moduli th {background-color:#DFDFDF;color:#000;}
table.moduli th.colora {background-color:#C9C9C9!important;color:#000;}
table.moduli td.colora{background-color:#F4F4F4;color:#000;}
table.moduli th.middle{vertical-align:middle;}
table.moduli td {background-color:#fff;}
table.moduli th.titolo {background:#d0d0d0; color:#000;}
table.moduli .corsivo {font-weight:normal;font-style:italic;}
table.moduli th sup a{ background-color: inherit !important; }
table.moduli input.data /*gg, mm, aaaa*/ {width:25px;margin-right: 3px;margin-left: 3px;border:1px solid #949494;}
table.dueCol th {width:30%;} table.dueCol td {width:70%;}
table.treCol th {width:20%;} table.treCol td {width:60%;} table.treCol td.desc {width:20%;}/*in prova*/
th.titolo {border-top:5px solid #fff;background-color:#ccc;}
tr.primo th {border-top:0px;}
table.moduli .nodati {background:#fff;}/*cella vuota:  <td class="nodati">&nbsp;</td> */
/*table.moduli select, table.moduli input {background:#fff;font-size:.9em;} */
table.moduli select { margin-right: 5px; vertical-align: bottom;}
table.moduli input {font-size:1em;}/*per Opera*/
input.sfoglia{ width:auto!important; border:1px solid #949494;  width:97%; }/*input sfoglia*/
/*dimensioni larghezza input tipo testo*/
.mini, table.mini {width: 30%!important;} .medio, table.medio{width: 73%;} .esteso{width: 95%;}
.auto{width: auto; margin-left: 0px!important; margin-right: 0px!important;}
table.moduli input.noborder{ border:0; background: transparent;}


/*--- PROTEZIONE CIVILE - MAU 16 dicembre 2014 ---*/
div.evidenzia.protciv_emergenze{background-color: White;border: 1px solid #ddd;}
div.protciv_emergenze span.situazione strong{display: block;color: #fff;height: 45px;font-weight: bold;padding-top: 10px;}
div.protciv_emergenze {width: 100% !important;}
div.protciv_emergenze table{width: 100% !important;}
div.protciv_emergenze table ul{ margin-bottom: -10px!important;}
div.protciv_emergenze table ul li{text-align:left!important;}

/*div.protciv_emergenze span.situazione {display: block;color: #fff;height: 45px;font-weight: bold;} */
div.protciv_emergenze span.situazione.rosso strong{background-color: #D5042B;}
div.protciv_emergenze span.situazione.arancione strong{background-color: #FEB264;color: #000;}
div.protciv_emergenze span.situazione.giallo strong{background-color: #F3ED59;color: #000;}
div.protciv_emergenze span.situazione.verde strong{background-color: #499807;}
div.protciv_emergenze span.situazione.grigio strong{background-color: #EBEBEB;color: #000;}

p.legenda_emergenze strong{font-size: 0.9em;}
p.legenda_emergenze span{padding-left: 32px;margin: 0 8px;font-size: 0.9em;}
p.legenda_emergenze span.arancione{background: url(http://www.provincia.torino.gov.it/css1/prot_civile/im/im_emergenza/arancione.gif) transparent 0 50% no-repeat!important;}
p.legenda_emergenze span.giallo{background: url(http://www.provincia.torino.gov.it/css1/prot_civile/im/im_emergenza/giallo.gif) transparent 0 50% no-repeat!important;}
p.legenda_emergenze span.rosso{background: url(http://www.provincia.torino.gov.it/css1/prot_civile/im/im_emergenza/rosso.gif) transparent 0 50% no-repeat!important;}
p.legenda_emergenze span.verde{background: url(http://www.provincia.torino.gov.it/css1/prot_civile/im/im_emergenza/verde.gif) transparent 0 50% no-repeat!important;}

/*sfondini per titolo h2 protezione civile*/
span.livello_criticita{display: block;text-align: center;font-weight: bold;padding: 5px 0;}
span.livello_criticita.rosso{background-color: #D5042B;color: #fff;}
span.livello_criticita.arancione{background-color: #FEB264;color: #000;}
span.livello_criticita.giallo{background-color: #F3ED59;color: #000;}
span.livello_criticita.verde{background-color: #499807;color: #fff;}
span.livello_criticita.grigio{background-color: #EBEBEB;color: #000;}

/*
#principale2c h2.giallo a{background:url(http://www.provincia.torino.gov.it/css1/prot_civile/im/liv_criticita/giallo.jpg) 98% 0 no-repeat; }
#principale2c h2.grigio a{background:url(http://www.provincia.torino.gov.it/css1/prot_civile/im/liv_criticita/grigio.jpg) 98% 0 no-repeat;}
#principale2c h2.arancio a{background:url(http://www.provincia.torino.gov.it/css1/prot_civile/im/liv_criticita/arancione.jpg) 98% 0 no-repeat;}
#principale2c h2.rosso a{background:url(http://www.provincia.torino.gov.it/css1/prot_civile/im/liv_criticita/rosso.jpg) 98% 0 no-repeat;}
#principale2c h2.verde a{background:url(http://www.provincia.torino.gov.it/css1/prot_civile/im/liv_criticita/verde.jpg) 98% 0 no-repeat;}
#principale2c h2.giallo a, #principale2c h2.grigio a, #principale2c h2.arancio a, #principale2c h2.rosso a, #principale2c h2.verde a{
display: block;text-align:center;width:100%; line-height: 26px;margin-top: -5px;}
*/

/* formattazioni per pag.pattern e guide */
.codice{border: 1px solid #de0029!important;padding: 10px!important;background-color: #FFECEC!important;
font-family: courier,verdana,helvetica,arial,sans-serif;}
.risultato{ background-color: #fff!important;padding:10px!important;border: 1px solid #949494!important;}
.evidenziatore {background-color: yellow!important;}
.evidenziatore_verde {background-color: #9eff06!important;}
.evidenziatore_arancione {background-color: #ffaf61!important;}
.evidenziatore_lilla {background-color: #ffb1fc!important;}


/* form */
input.data {width:40px;} 
label .corsivo {font-style: italic; font-weight: normal;}

/*--- Bandierine per link in lingua /welcome/ e /istruzione/cesedi/delvicino/---*/
#contenuti .fr_sx, #contenuti .en_sx, #contenuti .it_sx, #contenuti .ar_sx, #contenuti .es_sx, #contenuti .de_sx, #contenuti .pl_sx, #contenuti .russia_sx, #contenuti .china_sx, #contenuti .telegram_sx{
margin:0; padding:0 0 0 25px!important; list-style:none!important; height:auto!important;height:0; /*IE*/ line-height: 16px;}
#contenuti .fr_sx{background:url(im/bandiere/ico_fra.gif) transparent 0 4px no-repeat!important;}
#contenuti .en_sx{background:url(im/bandiere/ico_ing.gif) transparent 0 4px no-repeat!important;}
#contenuti .it_sx{background:url(im/bandiere/ico_ita.gif) transparent 0 4px no-repeat!important;}
#contenuti .ar_sx{background:url(im/bandiere/ico_ar.gif) transparent 0 4px no-repeat!important;}
#contenuti .es_sx{background:url(im/bandiere/ico_spa.gif) transparent 0 4px no-repeat!important;}
#contenuti .de_sx{background:url(im/bandiere/ico_ted.gif) transparent 0 4px no-repeat!important;}
#contenuti .pl_sx{background:url(im/bandiere/ico_pol.gif) transparent 0 4px no-repeat!important;}
#contenuti .russia_sx{background:url(im/bandiere/ico_russia.gif) transparent 0 4px no-repeat!important;}
#contenuti .china_sx{background:url(im/bandiere/ico_china.gif) transparent 0 4px no-repeat!important;}
#contenuti .telegram_sx{background:url(im/social/ico_telegram.gif) transparent 0 4px no-repeat!important;}
#contenuti .fr_dx, #contenuti .en_dx, #contenuti .it_dx, #contenuti .ar_dx, #contenuti .es_dx, #contenuti .de_dx, #contenuti .pl_dx, #contenuti .russia_dx, #contenuti .china_dx{
margin:0; padding:0 25px 0 0!important; list-style:none!important; height:auto!important;height:0; /*IE*/ line-height: 16px;}
#contenuti .fr_dx{background:url(im/bandiere/ico_fra.gif) transparent 100% 4px no-repeat!important;}
#contenuti .en_dx{background:url(im/bandiere/ico_ing.gif) transparent 100% 4px no-repeat!important;}
#contenuti .it_dx{background:url(im/bandiere/ico_ita.gif) transparent 100% 4px no-repeat!important;}
#contenuti .ar_dx{background:url(im/bandiere/ico_ar.gif) transparent 100% 4px no-repeat!important;}
#contenuti .es_dx{background:url(im/bandiere/ico_spa.gif) transparent 100% 4px no-repeat!important;}
#contenuti .de_dx{background:url(im/bandiere/ico_ted.gif) transparent 100% 4px no-repeat!important;}
#contenuti .pl_dx{background:url(im/bandiere/ico_pol.gif) transparent 100% 4px no-repeat!important;}
#contenuti .russia_dx{background:url(im/bandiere/ico_russia.gif) transparent 100% 4px no-repeat!important;}
#contenuti .china_dx{background:url(im/bandiere/ico_china.gif) transparent 100% 4px no-repeat!important;}
/* ----pagine IPQA su canale Ambiente---*/
/* table.iqa td{ vertical-align: middle;}
td.grassetto{font-weight: bold;}
td.scala{	background: url(im/scala.gif) 0 10px no-repeat; padding-top: 8px!important;}
td.scala p{padding-left: 55px;}
span.scala{ padding: 4px 8px;} */

tr.valori td {font-weight:bold; font-size:1.8em; padding:2px;line-height:0.9em;}
tr.valori td span {font-size:0.7em;}
tr.valori td.iqa1{background-color: #01cc00!important; color:#fff;}
tr.valori td.iqa2{background-color: #b4ff66!important; color:#000;}
tr.valori td.iqa3{background-color: #ffff01!important; color:#000;}
tr.valori td.iqa4{background-color: #fe0000!important; color:#fff;}
tr.valori td.iqa5{background-color: #820182!important; color:#fff;}

.legenda_iqa strong{font-size: 0.9em;}
.legenda_iqa span{padding:2px 5px;margin: 0 5px 0 0;font-size: 0.9em;}
.legenda_iqa span.viola{background: url(im/im_legenda/viola.gif) transparent 0 0 !important; color:#fff;}
.legenda_iqa span.verdino{background: url(im/im_legenda/verdino.gif) transparent 0 0 !important;}
.legenda_iqa span.giallo{background: url(im/im_legenda/giallo.gif) transparent 0 0 !important;}
.legenda_iqa span.rosso{background: url(im/im_legenda/rosso.gif) transparent 0 0 !important;color:#fff;}
.legenda_iqa span.verde{background: url(im/im_legenda/verde.gif) transparent 0 0 !important;color:#fff;}
.legenda_iqa span.arancione{background: url(im/im_legenda/arancione.gif) transparent 0 0 !important; color:#fff;}
.legenda_iqa span.arancione_scuro{background: url(im/im_legenda/arancione_scuro.gif) transparent 0 0 !important; color:#fff;}
.legenda_iqa span.maurizio{background: url(im/im_legenda/arancione_scuro.gif) transparent 0 0 !important; color:#fff;}

/* Modifiche del 21/11/2019 per rendere funzionanti i colori su qualsiasi tag - MAURIZIO agg.to 21/11/2019 */
.legenda_iqa_viola, .legenda_iqa_viola a{background: url(im/im_legenda/viola.gif) transparent 0 0 !important; color:#fff;}
.legenda_iqa_verdino{background: url(im/im_legenda/verdino.gif) transparent 0 0 !important;}
.legenda_iqa_giallo{background: url(im/im_legenda/giallo.gif) transparent 0 0 !important;}
.legenda_iqa_rosso, .legenda_iqa_rosso a{background: url(im/im_legenda/rosso.gif) transparent 0 0 !important;color:#fff;}
.legenda_iqa_verde, .legenda_iqa_verde a{background: url(im/im_legenda/verde.gif) transparent 0 0 !important;color:#fff;}
.legenda_iqa_arancione, .legenda_iqa_arancione a{background: url(im/im_legenda/arancione.gif) transparent 0 0 !important; color:#fff;}
.legenda_iqa_arancione_scuro, .legenda_iqa_arancione_scuro a{background: url(im/im_legenda/arancione_scuro.gif) transparent 0 0 !important; color:#fff;}