/* GMas_XX.css */

/*============================================================================*/
/* REGOLE PER TAG */
  html{ 
    position: relative; 
    /* LE SEGUENTI REGOLE SERVIREBBERO PER FARE IN MODO CHE L'ELEMENTO HTML 
    SIA ALTO COME IL CONTENUTO DELLA PAGINA. QUESTO FACILITA LA CREAZIONE DI UN 
    DIV COPRENTE (BASTA DARGLI height:100% INVECE DI CALCOLARSI L'ALTEZZA). PERO'
    CREA UN PROBLEMA: L'ELEMENTO SCROLLABILE DIVENTA IL BODY. IN FIREFOX POSSO
    SCROLLARE ANCHE IL BODY VIA JS, CON CHROME/IE NO. */
    /* overflow: auto; CASSATO PER IL MOTIVO DI CUI SOPRA */
    height: auto; 
    min-height: 100%; 
  }
  body {
    /* IL FONT DI TUTTO IL SITO LO METTO QUA COSI' LO EREDITANO TUTTI ED EVITO DI IMPOSTARLO N VOLTE */
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    /*font-family: 'Droid Serif', Georgia, serif;*/
    height: 100%;
    min-height: 100%;
    overflow: auto;
    background-color: #fc3;
  }
  html, body, img, form { border:0; margin:0; padding:0;}
  img {
    vertical-align: top; /* ALTRIMENTI OGNI BROWSER USA IL SUO... */
    /* LE SEGUENTI REGOLE SONO PER L'ADATTAMENTO SU PICCOLI SCHERMI */
    max-width:100%; height:auto; 
  }

  a, a:visited, .SimulAnchor {
    color: #36C;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    cursor: pointer;
  }
  a:hover, .SimulAnchor:hover{
    border-bottom: 2px dotted #039;
    /* work-around per IE, altrimenti non "sente" l'hover per <A>
       ltr = left-to-right causa il repaint dell'<A> e quindi la visualizzazione
       di :hover */
    direction: ltr;
  }

  b { font-weight: bold; color: #000; }

  table{
    font-size:   10px;
    color:       #f00;
  }
  /* PER I TABLET, MA NON PER GLI SMART-PHONE */
  @media all and (max-width: 1280px) and (min-width: 801px) {
    table {
      font-size: 14px;
    }
  }

  li { list-style: square outside url('/___IMG/Li-square.png'); }

  ul {
    padding: 0 0 24px 24px; 
    line-height: 20px;  
  } 

  p { padding-bottom: 24px; }

  p, h1, h2, h3, h4, h5, h6, ul { margin: 0px; }

  code, .Codice {
    background-color: #f2f2f2;
    border: 2px dotted #999;
    color: #5a9dd4;
    font-family: Courier;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    white-space: pre;  
  }
  
  input[type=text] { font-family: inherit; /* ALTRIMENTI OGNI BROWSER APPLICA IL SUO */ }
  
  textarea {
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 6px;
    font-family: inherit; /* ALTRIMENTI OGNI BROWSER APPLICA IL SUO */ 
    font-size: 12px;
  }
  @media all and (max-width: 1280px) and (min-width: 801px) {
    textarea {
      font-size: 14px;
      min-height: 64px;
    }
  }
  
/*============================================================================*/
/* REGOLE PER CLASSI FONT */
  .FontTestoNormale{
    color: #333;
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;
  }
  .FontAvvisoImportante{
    color: #F00;
    font-size: 12px;
    font-weight: bold;
  }
  .FontTitoloCapitolo{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
  }
  .FontTitoloParagrafo{
    color: #000;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 16px;
  }
  .FontNota{
    font-weight: normal;
    font-style: italic;
    color: #000;
    font-size: 12px;
  }
  .FontAvvertenze{
    color: #666;
    font-size: 9px;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    font-family: Verdana, Arial, sans-serif;
  }
  .FontLabelForm{
    color: #58451d;
    font-size: 11px;
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: none;
  }
  .FontNroGrande{
    /* USATO COME NUMERATORE PER SPIEGAZIONI LUNGHE SUDDIVISE IN PUNTI */
    font-size: 18px;
    font-weight: bold;
  }
  .Bold { font-weight: bold !important; }
  .Italic, .Italico { font-style: italic !important; }
  .TxtGrigio { color:#ccc !important; }
  .Size9 { font-size: 9px; }
  .Size10 { font-size: 10px; }
  .Size11 { font-size: 11px; }
  .Size12 { font-size: 12px; }
  .Size13 { font-size: 13px !important; }
  .Size14 { font-size: 14px; }
  .Size16 { font-size: 16px; }
  .Size18 { font-size: 18px; }
  .Size20 { font-size: 20px; }
  .Size24 { font-size: 24px; }
  /* PLACE-HOLDER */
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      font-style: italic; color: rgba(255,150,0,.7);
    }
    input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
      color:rgba(255,150,0,.7); font-style: italic; opacity: 1;
    }
    input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
      color:rgba(255,150,0,.7); font-style: italic;
    }
    input::placeholder, textarea::placeholder {
      color:rgba(255,150,0,.7); font-style: italic; opacity: 1;
    }

/*============================================================================*/
/* BREADCRUMBS (APRILE 2015). SONO ANCORA INDECISO SE TOGLIERLI O NO... */
  #Breadcrumbs-Container {
    /*height:40px;*/
    background-color: #fff;
    padding: 1px 0;
    margin: 12px 0;
    overflow:hidden;
    border-bottom: 1px solid #FFEAA8;
    border-top: 1px solid #FFEAA8;
  }
  @media (max-width: 800px) {
    #Breadcrumbs-Container { display: none }
  }

  #Breadcrumbs-Container ul { margin:0; padding:0; }
  #Breadcrumbs-Container li {
      display: inline-block;
      margin: 0 7px;
      position: relative;
  }
  #Breadcrumbs-Container li:first-of-type { margin: 0 7px 0 0; }

  #Breadcrumbs-Container li a {
      background-color: #FFEAA8;
      color: #999;
      display: inline-block;
      font-size: 12px;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-style: normal;
      font-weight: normal;
      line-height: 26px;
      padding: 0 4px 0 9px;
      vertical-align: middle;
  }
  #Breadcrumbs-Container li a:link /* unvisited link */,
  #Breadcrumbs-Container li a:visited /* visited link */ {
      text-decoration: none;
  }
  #Breadcrumbs-Container li a:hover,
  #Breadcrumbs-Container li a:focus
  {
      text-decoration: underline;
      background-color: #FFDB70; /* !!! */
      border:0;
  }
  #Breadcrumbs-Container li a:hover span.Punta,
  #Breadcrumbs-Container li a:focus span.Punta {
      border-left: 13px solid #FFDB70; /* !!! */
  }
  #Breadcrumbs-Container li a:hover span.Coda,
  #Breadcrumbs-Container li a:focus span.Coda {
      border-color: #FFDB70 #FFDB70 #FFDB70 transparent; /* !!! */
  }

  #Breadcrumbs-Container li a.Primo {
      border-radius: 2px;
  }
  #Breadcrumbs-Container li a.Ultimo {
      /*background-color: #fc3;*/
    background-color:transparent;
    
      color: #666;
      max-width: 250px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-decoration: none;
      cursor: default;
  }
  #Breadcrumbs-Container li a span {
      height: 0;
      margin-top: -13px;
      position: absolute;
      top: 50%;
  }
  #Breadcrumbs-Container li a span.Punta {
      border-bottom: 13px solid transparent;
      border-left: 13px solid #FFEAA8;
      border-top: 13px solid transparent;
      right: -12px;
  }
  #Breadcrumbs-Container li a.Ultimo span.Punta {
      /*border-left: 13px solid #fc3;*/
      border-left: 13px solid transparent;
  }
  #Breadcrumbs-Container li a span.Coda {
      border-color: #FFEAA8 #FFEAA8 #FFEAA8 transparent;
      border-style: solid;
      border-width: 13px 0 13px 13px;
      left: -13px;
  }
  #Breadcrumbs-Container li a.Primo span.Coda {
      border-color: transparent;
  }
  #Breadcrumbs-Container li a.Ultimo span.Coda {
      /*border-color: #fc3 #fc3 #fc3 transparent;*/
      border-color: transparent;
  }
/*============================================================================*/

/*============================================================================*/
/* QUESTA PARTE DEV'ESSERE ANCORA MIGRATA ALLA NUOVA UI, QUINDI E' IN SOSPESO ED ANCORA ATTIVA */
/* TITOLO PAGINA + COMANDI + LINK */
  .Contenitore-ComandiTitoloPagina {
    /* SERVE PER COMANDI, LINK, BANDIERINE NELLE PAG. MULTI-LINGUA */
    text-align: right;
  }
  .ContenitoreSottoLink{
    /* CONTENITORE DEI SOTTO LINK DI ALCUNE PAGINE PER TORNARE INDIETRO O PROSEGUIRE NELLA LETTURA */
    text-align: right;
  }
  .ContenitoreSottoLink-UP{
    /* COME IL PRECEDENTE, MA INVECE DI ESSERE SOTTO LA RIGA E' SOPRA */
    text-align: right;
    position: relative;
    top: -20px;
  }
/*============================================================================*/

/*============================================================================*/
/* UI 2016 */
  .UI_2016_00_Body {
    /**/
    background-color: #000;
  }
  /* LO SFONDO E' FIXED, AL DI FUORI DELLA "PAGINA": */
  .UI_2016_00_ContenitoreImgFondo {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-size: cover;
  }
  .UI_2016_00_ContenitorePagina {
    height: auto;
    width: 780px;
    position: relative;
    margin: 0 auto; /* CENTRA ORIZZONTALMENTE, MA SOLO SE E' IMPOSTATA UNA WIDTH */
    left: 0;
    border: 0 none;
  }
  @media (max-width: 800px) { .UI_2016_00_ContenitorePagina {
      position: relative;
      top: 0;
      left: 0;
      width: 96%;
    }
  }
  /* NELLA PAGINA CI SONO: TESTATA + CONTENITORE CONTENUTI */
  .UI_2016_00_ContenitoreTestata {
    height: 88px;
    background-image: url('/___IMG/GMas_Trasparente_186x63.png');
    background-repeat: no-repeat;
    background-position: left top 12px;
  }
  /* NAV-BAR */
    /* > 500PX */
    .UI_2016_00_ContenitoreNavBar {
      position: absolute;
      height: 100px;
      top: 0;
      right: 0;
    }
    @media (max-width: 500px) { .UI_2016_00_ContenitoreNavBar { 
        display: none !important; 
      }
    }
    .UI_2016_00_ContenitoreVoceNavBar {
      background-color: rgba(0,0,0,.5);
      padding: 3px;
      float: right;
      margin-left: 18px;
      height: 64px;
      margin-top: -40px;
      transition: all 0.3s ease 0s;
      box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5);
    }
    @media (max-width: 800px) { .UI_2016_00_ContenitoreVoceNavBar { 
        margin-left: 3px;
      }
    }   
    .UI_2016_00_ContenitoreVoceNavBar:hover, .UI_2016_00_ContenitoreVoceNavBar.Selezionato { 
      margin-top: 0; 
      background-color: rgba(0,0,0,1);
    }
    .UI_2016_00_ContenitoreVoceNavBar a {
      color: #fff;
      font-weight: bold;
      font-size: 12px;
      border: 0;
    }
    .UI_2016_00_ContenitoreVoceNavBar a span { 
      cursor: pointer;  
      display: inline-block;
      height: 64px;
      line-height: 98px;
      padding: 0 24px;
      position: relative;
    }
    @media (max-width: 800px) { .UI_2016_00_ContenitoreVoceNavBar a span {
        padding: 0 3px;
        line-height: 106px;
      }
    }
    /* NAV-BAR < 500. DIVENTA UN PULSANTE, CON CLICK MOSTRA LISTA VOCI MENU. */
    .UI_2016_00_NavMenu_MOBILE_Btn { 
      display: none; 
      position: absolute;
      right: 9px;
      top: 9px;
      width: 36px;
      height: 36px;
      background-color: rgba(0,0,0,.65);
      background-image: url('/___IMG/Menu_Piatto_Bianco_2_24x24.png');
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer;
    }
    @media (max-width: 500px) { .UI_2016_00_NavMenu_MOBILE_Btn {
        display: block !important;
      }
    }
    .UI_2016_00_NavMenu_MOBILE_ContenitoreVoci {
      display: none;
      position: absolute;
      right: 9px;
      top: 45px;
      width: 136px;
      height: 186px;
      background-color: rgba(0,0,0,.65);
    }
    @media (max-width: 500px) { .UI_2016_00_NavMenu_MOBILE_ContenitoreVoci {
        display: block;
      }
    }
    .UI_2016_00_NavMenu_MOBILE_ContenitoreVoce:hover {
      background-color: rgba(0,0,0,1);
    }
    .UI_2016_00_NavMenu_MOBILE_ContenitoreVoce span {
      color: #fff;
      font-size: 18px;
      line-height: 36px;
      padding: 3px 0 3px 30px;
      background-position: left 6px center !important;
    }
    .UI_2016_00_NavMenu_MOBILE_ContenitoreVoce a { 
      border: 0; 
      font-weight: normal;
      font-style: normal;
    }
    .UI_2016_00_NavMenu_ImgHome { background: url('/___IMG/NavBar/Home_Piatto_Bianco_16x16.png') no-repeat center bottom 30px; }
    .UI_2016_00_NavMenu_ImgLavoro { background: url('/___IMG/NavBar/Lavoro_Piatto_Bianco_16x16.png') no-repeat center bottom 30px; }
    .UI_2016_00_NavMenu_ImgSvago { background: url('/___IMG/NavBar/Svago_Piatto_Bianco_16x16.png') no-repeat center bottom 30px; }
    .UI_2016_00_NavMenu_ImgRisorse { background: url('/___IMG/NavBar/Risorse_Piatto_Bianco_16x16.png') no-repeat center bottom 30px; }
    .UI_2016_00_NavMenu_ImgMercatino { background: url('/___IMG/NavBar/Mercatino_Piatto_Bianco_16x16.png') no-repeat center bottom 30px; }

  /* I CONTENUTI VERI E PROPRII: */
  .UI_2016_00_ContenitoreContenuti {
    border: 0 none;
    background: none;
    background-color: rgba(255,255,255,.94);
    width: 100%;
    left: 0;
    box-sizing: border-box;
    padding: 18px;
    box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.9);
  }

  /* TITOLO PAGINA E AMMENNICOLI */
  #DIV_TitoloPagina { 
    overflow: auto; 
    border-bottom: 1px solid #cc9933;
    padding-bottom: 6px;
  }
  #DIV_TitoloPagina h1 {
    margin: 0px;
    font-size: 22px;
    color: #000;
    font-weight: bold;
    font-style: italic;
    line-height: 100%;
  }
  #DIV_TitoloPagina .ImgCmdTitolo {
    float: left;
    overflow: auto;
    padding-right: 12px;
    cursor: pointer;
  }
  
  /* NUOVI EDIT, UGUALI SU TUTTI I BROWSER, IN TEORIA... */
    .DIV_EditStandard {
      height: 22px;
      padding-top:1px;
      overflow: hidden;
      border:1px solid #ddd;
      background-color: #fff;
      float:left;
      position: relative;
      box-sizing: border-box;
    }
    .DIV_EditStandard input[type=text] {
      background-color: transparent;
      border:0px none;
      height: 16px; 
      padding-left: 3px; 
      vertical-align: top;
      font-size: 11px;
    }
    .DIV_EditFiltro {
      background-size: auto;
      background-image: url('/___IMG/UI/Filtra_Grigio_16x16.png');
      background-repeat: no-repeat;
      background-position: right 3px center;    /* 3px PARTENDO DA DESTRA*/
    }
    /* PER I TABLET, MA NON PER GLI SMART-PHONE */
    @media all and (max-width: 1280px) and (min-width: 801px) { 
      .DIV_EditStandard {
        min-width: 200px;
        height: 38px; 
      }
      .DIV_EditStandard input[type=text] {
        width: 100% !important;
        height: 100%;
        font-size: 14px;
        padding-left: 9px;
      }
    }
    
  /* NUOVI MENU A TENDINA, UGUALI SU TUTTI I BROWSER, PIU' O MENO... FIREFOX AGGIUNGE DEL PADDING A MUZZO, IE E' GRANITICO... */
    .DIV_MenuTendina {
      height: 22px;
      padding-top:1px;
      overflow: hidden;
      border:1px solid #ddd;
      background-color: #fff;
      float:left;
      position: relative;
      box-sizing: border-box;
    }
    .DIV_MenuTendina select {
      background-color: transparent;
      border:0px none;
      font-size: 11px;
      height:95%; /* PER TABLET, PRIMA ERA 18px FISSO */
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding-left: 3px;
    }
    .DIV_MenuTendina select::-ms-expand {
      display: none;
    } 
    .DIV_MenuTendina select option {
      padding: 0 !important;
    }
    /* PER I TABLET, MA NON PER GLI SMART-PHONE */
    @media all and (max-width: 1280px) and (min-width: 801px) { 
      .DIV_MenuTendina {
        height: 40px;
        min-width: 200px;
      }
      .DIV_MenuTendina select {
        font-size: 14px;
        width: 100% !important;
        padding-left: 6px;
      }
    }
    .DIV_MenuTendina_Freccia, .DIV_MenuTendina_Ordinamento {
      background-color: #fff;
      background-position: center center; 
      height: 18px;
      position: absolute;
      right: 0;
      top: 1px;
      width: 20px; 
      pointer-events: none;   /* SU ALCUNE VERSIONI DI IE NON VA */
      background-size: auto;
      background-repeat: no-repeat;
    }
    .DIV_MenuTendina_Freccia {
      background-image: url('/___IMG/UI/Giu_Grigio_2_16x16.png');
    }
    .DIV_MenuTendina_Ordinamento {
      background-image: url('/___IMG/UI/Ordina_Grigio_16x16.png');
    }
    /* PER I TABLET, MA NON PER GLI SMART-PHONE */
    @media all and (max-width: 1280px) and (min-width: 801px) { 
      .DIV_MenuTendina_Freccia, .DIV_MenuTendina_Ordinamento {
        height: 38px;
        width: 34px;
      }
      .DIV_MenuTendina_Freccia {
        background-image: url('/___IMG/UI/Giu_Grigio_24x24.png');
      }
      .DIV_MenuTendina_Ordinamento {
        background-image: url('/___IMG/UI/Ordina_Grigio_24x24.png');
      }
    }
  
  /* NUOVE CHECK-BOX. 
    1: LA LABEL E' OBBLIGATORIA !!! 
    2: TARATA SU IMG 16X16 (X2, CON SLIDING)
    3: SELETTORE "+" = IMMEDIATELY AFTER
    4: A DIRE IL VERO, LA CLASSE DELLA LABEL E' SUPERFLUA, MA LA LASCIO...
    */
    .DIV_CheckBox {
      float: left;
      height: 19px;
      padding: 1px;
      overflow: hidden;
    }
    input[type=checkbox].Checkbox_2018 {
      position:absolute; 
      z-index:-1000; 
      left:-10000px; 
      overflow: hidden; 
      clip: rect(0 0 0 0); 
      height:1px; 
      width:1px; 
      margin:-1px; 
      padding:0; 
      border:0;
    }
    input[type=checkbox].Checkbox_2018 + label.CheckboxLabel {
      padding-left:21px;
      height:16px; 
      display:inline-block;
      line-height:16px;
      background-repeat:no-repeat;
      background-position: 0 0;
      font-size:14px;
      vertical-align:middle;
      cursor:pointer;
    }
    input[type=checkbox].Checkbox_2018:checked + label.CheckboxLabel {
      background-position: 0 -16px;
    }
    label.CheckboxLabel {
      margin-top: 3px;
      background-image:url('/___IMG/UI/ComboBox_2017.png');
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    label.CheckboxLabel.Color {
      background-image:url('/___IMG/UI/ComboBox_2017_Verde.png') !important;
    }
    /* PER I TABLET, MA NON PER GLI SMART-PHONE */
    @media all and (max-width: 1280px) and (min-width: 801px) { 
      .DIV_CheckBox {
        height: 32px;
      }
      input[type=checkbox].Checkbox_2018 + label.CheckboxLabel {
        padding-left:32px;
        height: 24px; 
        line-height: 24px;
      }
      input[type=checkbox].Checkbox_2018:checked + label.CheckboxLabel {
        background-position: 0 -24px;
      }
      label.CheckboxLabel.Color {
        background-image:url('/___IMG/UI/ComboBox_Verde_24x24.png') !important;
      }
    }
    
  /* INPUT FILE RIMODELLATO, PER UPLOAD FILE */
    .InputFileInvisibile {
      /* INVISIBILE ALL'OCCHIO UMANO, MA IL BROWSER CONTINUA A PERCEPIRLO */
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1;
    }
    .InputFileInvisibile + label {
      cursor: pointer;
      display: inline-block;
      background: url('/___IMG/UI/Cerca_Nero_24x24.png') no-repeat left center;
      padding-left: 28px;
      height: 24px;
      font-size: 16px;
    }
    .BoxNomeFilePerUpload {
      font-style: italic;
      color: #999;
      padding-top: 12px;
    }
    .BoxCmdFilePerUpload {
      margin: 12px 0;
      cursor: pointer;
      display: inline-block;
      background: url('/___IMG/UI/Upload_Nero_24x24.png') no-repeat left center;
      padding-left: 28px;
      height: 24px;
      width: 100%;
    }
    span.UploadOK {
      display: inline-block;
      background: url('/___IMG/UI/OK_Verde_33cc33_32x32.png') no-repeat left center;
      padding-left: 48px;
      font-size: 24px;
    }
    span.UploadNoOK {
      display: inline-block;
      background: url('/___IMG/UI/NO-OK_Rosso_ff3333_32x32.png') no-repeat left center;
      padding-left: 48px;
      font-size: 24px;
    }
    /* PER I TABLET, MA NON PER GLI SMART-PHONE */
    @media all and (max-width: 1280px) and (min-width: 801px) { 
      .InputFileInvisibile + label {
        background: url('/___IMG/UI/Cerca_Nero_32x32.png') no-repeat left center;
        padding-left: 48px;
        height: 32px;
        font-size: 24px;
      }
      .BoxCmdFilePerUpload {
        background: url('/___IMG/UI/Upload_Nero_32x32.png') no-repeat left center;
        padding-left: 48px;
        height: 32px;
        font-size: 24px;
      }
    }  
    
  /* FILTRI PER PAGINE CON TABELLE DATI DA FILTRARE */  
  #DIV_Filtri {
    padding-bottom: 9px;
    border-bottom: 12px solid #c93; 
    /*display: flex; /* PERMETTE AI FIGLI DI ESSERE FLESSIBILI. V. /GPT/Tools/TestFlex.html */
    /* L'HO CASSATO PERCHE' MI INTERFERISCEE CON IL LAYOUT A RIGHE */   
  }
  #DIV_RigheFiltri { 
    display: table-cell; 
    padding-right:6px;
    float: left;
  }
  #DIV_BtnFiltri {
    display: table-cell;
    width: auto;
    vertical-align:middle;
    padding-left:6px;
    float: right;
  }
  .DIV_Edit_Label {
    float: left;
    box-sizing: border-box;
    padding: 2px 9px 0 0;
    /*height: 19px;*/
    overflow-x:hidden;
    overflow-y:auto
  }
/*============================================================================*/

/*============================================================================*/
/* === DIV PER IL DOWNLOAD, CON IMG, CENTRATO NELLA PAGINA === */
  .DivDownload-contenitore{
    height:42px;
    clear:both;
    /*overflow: hidden;*/
  }
  @media (max-width: 800px) {
    .DivDownload-contenitore{ display:none }
  }
  .DivDownload-centratore{
    width:180px;
    height:42px;
    float:left;
  }
  .DivDownload-descrizione{
    color: #36C;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    line-height: 150%;

    cursor: pointer;
    width:365px;
    height:42px;
    float:left;
    background:url('/___IMG/BoxDownload.png') no-repeat;

    padding-left: 40px;
    padding-top: 3px;
  }
  #DivDownload-mobile {
    background: url('/___IMG/Download.png') no-repeat left center, -webkit-gradient(linear, left top, right top, color-stop(0%,#C5FECD), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: url('/___IMG/Download.png') no-repeat left center, -webkit-linear-gradient(left,  #C5FECD 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: url('/___IMG/Download.png') no-repeat left center, -o-linear-gradient(left,  #C5FECD 0%,#ffffff 100%); /* Opera 11.10+ */
    background: url('/___IMG/Download.png') no-repeat left center, -ms-linear-gradient(left,  #C5FECD 0%,#ffffff 100%); /* IE10+ */
    background: url('/___IMG/Download.png') no-repeat left center, linear-gradient(to right,  #C5FECD 0%,#ffffff 100%); /* W3C */
    
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    
    border: 2px solid #7BD388;
    min-height: 42px;
    padding-left: 40px;
    display:none;
  }
  @media (max-width: 800px) {
    #DivDownload-mobile{ display:block }
  }
  #DivDownload-mobile span {
    color: #36c;
    cursor: pointer;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 150%;
    text-decoration: none;
  }
/*============================================================================*/
/* PARTE PER IL MERCATINO */
  .Mercatino-Contenitore-Annuncio {
    /*min-height: 128px;*/
    width: 100%;
    position: relative;
  }
  .Mercatino-Contenitore-Img-Sx{
    width:128px; 
    float:left;
  }
  @media (max-width: 360px) { /* AL DI SOTTO DEI... */
    .Mercatino-Contenitore-Img-Sx {
      /* NON POSSO LASCIALO PIU' A SX, ALTRIMENTI IL TXT È TROPPO SACRIFICATO */  
      width:100%;
      float:none;
      text-align:center;
    }
  }
  .Mercatino-Contenitore-Txt-Dx{
    overflow:hidden;
    padding-left:12px;
  }
  @media (max-width: 360px) { /* AL DI SOTTO DEI... */
    .Mercatino-Contenitore-Txt-Dx{ padding: 0 }
  }

  .Mercatino-Contenitore-Img-ApriSotto {
    margin-top: 12px;
    height: 24px;
    text-align: center;
    background:rgba(0, 0, 0, 0.3) url("/___IMG/Continua-Tre-Puntini_24x24.png") no-repeat scroll center center;
    border-radius:12px;
    cursor:pointer;
  }
  @media (max-width: 360px) { /* AL DI SOTTO DEI... */
    .Mercatino-Contenitore-Img-ApriSotto{ /*display: none;*/ }
  }

  .Mercatino-Contenitore-Immagini-Sotto {
    overflow:hidden; 
    height:auto;
  }
  .Mercatino-Contenitore-Img-Sotto-Singola-Adattativa {
    height:auto;
    box-shadow: 0 0 5px 0;
    margin: 18px auto; /* L'AUTO E' QUELLO CHE LO POSIZIONA AL CENTRO ORIZZONTALMENTE */
    max-width: 98%;
    width: 98%;
  }
  .Mercatino-Contenitore-Bandierine { margin-top: -12px; }
  .Mercatino-Annuncio-Non-Piu-Valido {
    background-color: rgba(255,0,0,.5);
    background-image: url('/___IMG/Mercatino/AnnuncioNonPiuValido.png');
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;    
  }
/*============================================================================*/
/* RIQUADRI / BOX VARII */
  /* IL RIQUADRO STONDATO FATTO CON LE IMG È IN PENSIONE. VEDI VECCHII CSS */
  /* 2015: USO LE NUOVE REGOLE CSS3 */
  .RiquadroStondato{
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    
    border: 2px solid #fc3;
    background-color: #fffbed;
    padding: 18px;
  }
  .BoxPerImg24x24 {
    /* IN ALCUNI CONTESTI, PER EVITARE CHE L'IMMAGINE RIMPICCIOLISCA */
    height: 24px;
    width: 24px;
  }
/*============================================================================*/
/* SCROLLER A FONDO PAGINA */
  #Scroller{
    text-align: center;
    padding-top: 27px;
  }
  #Scroller img {
    width: 32px;
    height: 32px;
    cursor: pointer;
  }
/*============================================================================*/
/* OVERLAY LAYER (DIV CHE OSCURA TUTTA LA FINESTRA). 
  HA DUE MODALITA': 
  "A RIPOSO" = INVISIBILE CON WIDTH/HEIGHT A ZERO
  "ATTIVO" = VISIBILE E WIDTH/HEIGHT 100% */
  #DIV_OscuraFinestra {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 100%;
    height: 0%;
    transition: all 0.4s ease 0.1s; /* linear */
  }
  #DIV_OscuraFinestra.Attivo {
    background-color: #333;
    filter: alpha(opacity=80);
    opacity: 0.8;
    height: 100%;
  }
/*============================================================================*/
/* BOX MODALE PER DETTAGLI CARICATI VIA AJAX. NORMALMENTE E' FUORI (IN ALTO) 
  DALL'AREA VISIBILE. QUANDO DIVENTA VISIBILE SCENDE AL CENTRO DELL'AREA VISIBILE.
  LE DIMENSIONI FINALI SONO IMPOSTATE VIA JS (MA COMUNQUE CI SONO QUELLE DI DEFAULT). */
  #DIV_Modale_DettagliAJAX {
    box-shadow: 0px 0px 5px 2px #333;
    border-radius: 6px; 
    border:2px solid #FFA200;
    background-color: #fff;
    width:64px;
    height: 64px;
    padding:3px;

    z-index: 10010;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    /* IL POSIZIONAMENTO CENTRALE, CON CSS3, POSSO RISOLVERLO COSI': */
    left:50%;
    top:0%;
    transform: translate(-50%, -110%); /* X E Y. LO SPOSTO UN POCHINO OLTRE IL BORDO SUPERIORE, ALTRIMENTI SI VEDE L'OMBRA */

    transition: all 0.4s ease 0s; /* linear */
  }
  #DIV_Modale_DettagliAJAX.Attivo {
    top:50%;
    transform: translate(-50%, -50%);
  }
/*============================================================================*/
/* ALTRO */
  .div-lista-con-rientro {
    /* METTE UNA BANDA GRIGIA SUL LATO SX */
    border-left: 10px solid #ddd;
    padding-left: 6px;
  }
  .div-download-dopo-lista{
    /* DIV PER IL DOWNLOAD SUBITO SEGUENTE LA LISTA */
    border-left: 40px solid #ddd;
    padding-left: 6px;
  }
  .DivRiga{
    height: 2px;
    border-top: #cc9933 1px solid;
    overflow: hidden;
  }
  .DivRigaMinore{
    background-image: url('/___IMG/RighettaParagrafo.png');
    background-position: top left;
    background-repeat: no-repeat;
    height: 12px;
    overflow: hidden;
  }
  .ImgBordata { border: 1px solid #000; }

  #Loading, #DivErrore{
    /* MESSAGGIO TEMPORANEO DI CARICAMENTO DATI + DIV PER SEGNALAZIONE ERRORI */
    padding: 9px;

    font-weight: bold;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    text-transform: uppercase;

    width: 300px;
    height: 50px;
    /* PER TENERLO CENTRATO QUESTI VALORI DEVONO ESSERE LA META' DI WIDTH E HEIGHT */
    margin-left: -150px;
    margin-top:  -25px;
    left: 50%;
    top: 50%;

    position: absolute;
    z-index: 999;

    color: #ffffff;
    background-color: #ff0000;
    border: 3px #ffff00 dashed;
  }
  .ClearFix{
    /* SERVE A FIXARE IL PROBLEMA DI DIV CONTENITORI DI DIV FLOAT.
       SENZA, IL CONTENITORE NON SI ADATTA ALLE DIMENSIONI DEI FLOAT
       CONTENUTI */
    clear:both;
  }
  .Padding_DxSx_9 {
    padding: 0px 9px 0px 9px; 
    overflow: auto; /* QUESTO SERVE A RISOLVERE I PROBLEMI CON DIV INTERNI CHE HANNO MARGIN... */
  }
/*============================================================================*/
/* TABELLE */
  .TabStandard {
    border-spacing: 1px;
    width: 100%;
  }
  .TabStandard th {
    padding: 3px;
    background-color: #039;
    color: #FFF;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    font-size: inherit;
    font-weight: bold;
    text-transform:uppercase;
    text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
  }
  .TabStandard td {
    padding: 3px;
    color: inherit;
    border-bottom: #9CF 1px solid;
  }
  .TabStandard tbody tr {
    background-color: #fff;
    color: #000;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .TabStandard tbody tr:hover {
    background-color: #ffc;
    box-shadow: 0 0 6px 1px #ccc inset;
  }
  a.ip, a.ip:hover {
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    text-decoration: none;
    border-bottom: 0px dotted #039;
  }
  /* PER SCHERMI DOVE APPOGGIARE LE DITAZZE... */
  @media all and (max-width: 1280px) /*and (min-width: 801px)*/ {
    .TabStandard td {
      padding: 9px 3px;
    }
  }
/*============================================================================*/
/* SINGOLE REGOLE PER CASI SPECIALI */
  .NoPadding { padding:0 !important; }
  .DisplayNone { display:none !important; }
  .OverflowAuto { overflow:auto !important; }
  .FloatLeft { float: left !important; }
  .FloatRight { float: right !important; }
  .ClearLeft { clear: left !important; }
  .ClearRight { clear: right !important; }
  .Cliccabile { cursor: pointer; }
  .BackgroundBianco { background-color: #fff !important; }
  
  .Width100PerCento, .Width100Percento { width:100% !important; }
  .Width96Percento_TABLET { /* INTENZIONALMENTE VUOTA */ }
  @media (max-width: 1280px) { .Width96Percento_TABLET {
      width: 96% !important;
    }
  }

  .Centrata { text-align: center; }
  .NoWrap { white-space: nowrap !important; }
  
  .NoDisplaySotto360 { /* INTENZIONALMENTE VUOTA */ }
  @media (max-width: 360px) { /* AL DI SOTTO DEI... */
    .NoDisplaySotto360{ display: none !important; }
  }
/*============================================================================*/