/* ============================
   Tabelle principali
   ============================ */
.nometabelle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #CCCCCC;
    text-align: center;
    font-weight: bolder;
}

.nometabelledark {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: center;
    font-weight: bolder;
}

.nometabelleblue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0000FF;
    text-align: center;
    font-weight: bolder;
}

/* ============================
   Intestazioni e titoli
   ============================ */
.intest {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #990000;
}

.style2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCCCCC;
    text-align: center;
    font-weight: bolder;
}

.classifica {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
    color: #666666;
}

/* ============================
   Tabelle risultati
   ============================ */
.risultatitabesmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 6px;
    text-align: center;
}

.risultatitabe {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.risultatitabebig {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.risultatitabebold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

/* ============================
   Squadre e giocatori
   ============================ */
.nomesquadra {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    background-position: center;
}

.giocatori {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* ============================
   Link standard e "light"
   ============================ */
a:link {
    color: #000066;
    text-decoration: underline;
}
a:visited {
    color: #000066;
    text-decoration: none;
}
a:hover {
    color: #006699;
}
a:active {
    color: #006666;
}

/* Variante "light" */
a.light:link {
    color: #CCCCCC;
    text-decoration: none;
}
a.light:visited {
    color: #CCCCCC;
    text-decoration: none;
}
a.light:hover {
    color: #6699CC;
}
a.light:active {
    color: #CCCCCC;
}

/* ============================
   Tabelle scure
   ============================ */
.darktable {
    color: #CCCCCC;
}
.darktable a:link,
.darktable a:visited {
    color: #CCCCCC;
}
.darktable a:hover,
.darktable a:active {
    color: #009999;
}

/* ============================
   Menu
   ============================ */
.titolomenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #333399;
}

.titolomenu01 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #669999;
}

.titolomenu00 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #66CC99;
}

.titolomenu02 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #339933;
}

/* ============================
   Form e pulsanti
   ============================ */
.formtext {
    font: bold 12px Verdana;
    color: #000000;
    background: #FFFFFF;
    text-align: center;
    border: 2px solid #000099;
    padding: 0 5px;
    width: 140px;
}

.formpulsante {
    font: bold 12px Verdana;
    color: #FFFFFF;
    background: #6699CC;
    text-align: center;
    padding: 5px;
    width: 140px;
    border: 2px solid #000099;
    margin-top: 10px;
}

.formselect {
    font: 12px Verdana;
    color: #000000;
    background: #CCCCCC;
    width: 200px;
}

.formselect2 {
    font: 12px Verdana;
    color: #000000;
    background: #CFDBF3;
    width: 200px;
}

/* ============================
   Opzioni e sfondi
   ============================ */
.opt1 { background: #CFDBF3; }
.opt2 { background: #C0C0C0; }
.opt4 { background: #7FFFD4; }

.bg00 {
    background-color: #9FFFEC;
    border-color: #66CC99;
}
.bg02 {
    background-color: #333399;
    border-color: #FFFFFF;
}
.bg11 { background-color: #F1E1A1; }
.bg12 { background-color: #F1F1B1; }

/* ============================
   Stili vari
   ============================ */
.stamparosebig {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.stamparose {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.mau {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.mau18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}

.mau18g {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
}

.mau18b {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #333399;
}

.mau18r {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #CC0000;
}

.mau18red {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
}

.squalificati {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}

.votin {
    border-color: #66CC99;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
}

.votip {
    background-color: #CCCCCC;
    border-color: #66CC99;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #339933;
}
/* Contenitore di ogni riga */
.row {
  display: flex;                 /* i blocchi stanno affiancati */
  justify-content: space-between;/* spazio uniforme tra i blocchi */
  margin-bottom: 20px;           /* distacco tra la prima e la seconda riga */
}

/* Ogni lista (ruolo) */
.lista {
  flex: 1;                       /* occupa spazio uguale */
  margin: 0 10px;                /* margine laterale */
  border: 1px solid #ccc;        /* bordo grigio */
  padding: 10px;                 /* spazio interno */
  background-color: #fff;        /* sfondo bianco */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* leggera ombra */
}

/* Titolo del ruolo */
.lista h2 {
  display: block !important;     /* forza la visualizzazione */
  text-align: center;            /* centrato */
  font-size: 18px;
  font-weight: bold;
  color: #000 !important;        /* nero */
  margin-bottom: 10px;
}

/* Ogni blocco select + input */
.blocco {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Select */
.blocco select {
  flex: 2;
  margin-right: 8px;
}

/* Input offerta */
.blocco input[type="text"] {
  flex: 1;
}
/* Solo i campi offerta */
.campo-offerta {
  width: 110px;   /* larghezza ridotta */
  text-align: center;
}