@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

.nero            { color=#000000 }
.bianco          { color=#222244 }
.verde           { color=#00FF00 }
.rosso           { color=#FF0000 }
.blu             { color=#1020EE }
.left            { text-align:left }
.right           { text-align:right }
.center          { text-align:center }
.smallblack      { font: bold; font-size: 9px; color: #101010; }
.smallwhite      { font-size: 9px; font-weight: bold; text-align:center; color: #FFFFFF; }
.mediumblack     { font-size: 12px; font-weight: bold; text-align:center; color: #222222; }
.mediumwhite     { font-size: 12px; font-weight: bold; text-align:center; color: #FFFFFF; }
.bigblack        { font-size: 14px; font-weight: bold; text-align:center; color: #222222; }
.bigwhite        { font-size: 14px; font-weight: bold; text-align:center; color: #FFFFFF; }

BODY { 
 color: black; 
 margin-top: 0px; 
 margin-bottom: 0px; 
 margin-left: 0px; 
 margin-right: 0px;
 padding: 0;
 font-size: 12px; 
 font-family: Verdana,Arial,Helvetica; 
 font-style: normal; font-weight: normal; 
 scrollbar-arrow-color: #AAFFAA; 
 scrollbar-shadow-color: #88FF88; 
 scrollbar-face-color: #EAEAEA; 
 scrollbar-darkshadow-color: #4A4A4A; 
 scrollbar-track-color: #FFFFFF; 
 scrollbar-3dlight-color: #CCCCCC; 
 scrollbar-highlight-color: #000000; 
 text-align: center; 
}

FONT { font-size: 12px; text-align:center; }

SPAN.b { color:black; background-color:#DBEDFD; }
SPAN.i { color:black; background-color:#DBEDFD; }
SPAN.g { color:black; background-color:#C3FDEC; }
SPAN.y { color:black; background-color:#FFFF66; }
SPAN.small   { font-size: 9px; font-weight: bold; text-align:center; color: #FF4422; }
SPAN.medium  { font-size: 12px; font-weight: bold; text-align:center; color: #FF4422; }
SPAN.invcl  {  display: none; }

P  { text-align: justify }

DIV { 
 color: #010101; 
 margin-top: 0px; 
 margin-bottom: 0px; 
 margin-left: 0px; 
 margin-right: 0px;
 padding: 0;
}

DIV.navsocial {
 background-color: #CAFFCA;
 width: 100%;
 text-align: center;
 margin-top: 0px; 
 margin-bottom: 0px; 
 margin-left: 0px; 
 margin-right: 0px;
 padding: 1;
} 

DIV.navpages {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 24px; 
 background-color: #BAFFBA;
 width: 100%;
 padding: 2px;
 text-align: center;
} 

DIV.cloud_block {
 text-align: center;
}

DIV.cloud_title {
 width: 18em;
 background-color: #FFFFFE;
 text-align: center;
}

DIV.cloud_groups { 
 font-size: 12px; 
 text-align: center;
 background-color: #D6EADB;
 border-right: #808080 1px solid;
 border-top: #808080 1px solid;
 border-left: #808080 1px solid;
 border-bottom: #808080 1px solid; 
 margin: 10px;
 padding: 10px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 display: inline-block;
}

UL.nav {
 text-align: center;
}

LI {
 padding: 4px;
 text-align: center;
 display: inline-block;
 width: fit-content;
}

A.navigator:hover    { font-size: 24px; font-family: Verdana,Arial,Helvetica; background-color: #EEEEEE; font-weight: bold;  color: #8888FF; text-decoration: underline }
A.navigator:link     { font-size: 24px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #2222FF; text-decoration: underline }
A.navigator:visited  { font-size: 24px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #4444FF; text-decoration: underline }


TABLE { font-size: 14px; }
TABLE.t { font-size: 8px; text-align:center; border-right: #000080 0px solid; border-top: #000080 0px solid; border-left: #000080 0px solid; border-bottom: #000080 0px solid; }
TABLE.noborder { font-size: 8px; text-align:center; border-right: #000080 0px solid; border-top: #000080 0px solid; border-left: #000080 0px solid; border-bottom: #000080 0px solid; }

TH { color: #FFFFFF; background-color: #FAFAFA; }
TR { font-size: 12px; text-align:center; border-right: #000080 0px solid; border-top: #000080 0px solid; border-left: #000080 0px solid; border-bottom: #000080 0px solid; }
TD { font-size: 12px; text-align:center; background-color: #FAFAFA; border-right: #808080 0px solid; border-top: #808080 0px solid; border-left: #808080 0px solid; border-bottom: #808080 0px solid; }
TD.noborder { font-size: 12px; text-align:center; background-color: #FAFAFA; border-right: #808080 0px solid; border-top: #808080 0px solid; border-left: #808080 0px solid; border-bottom: #808080 0px solid; }

TD.green { font-size: 12px; background-color: #22FF22; color: #000000; text-align : center; vertical-align : middle; border-right: #D6D4D2 1px dotted; border-top: #D6D4D2 1px dotted; border-left: #D6D4D2 1px dotted; border-bottom: #D6D4D2 1px dotted; }
TD.red { font-size: 12px; background-color: #FF8888; color: #000000; text-align : center; vertical-align : middle; border-right: #D6D4D2 1px dotted; border-top: #D6D4D2 1px dotted; border-left: #D6D4D2 1px dotted; border-bottom: #D6D4D2 1px dotted; }
TD.lightblue { font-size: 12px; background-color: #D6EADB; color: #000000; text-align : center; vertical-align : middle; border-right: #BBCCFF 1px dotted; border-top: #BBCCFF 1px dotted; border-left: #BBCCFF 1px dotted; border-bottom: #BBCCFF 1px dotted; }
TD.lightgrey { font-size: 14px; background-color: #EAEAEA; color: #000000; text-align : center; vertical-align : middle; border-right: #888888 1px dotted; border-top: #888888 1px dotted; border-left: #888888 1px dotted; border-bottom: #888888 1px dotted; }
TD.lightwhite { font-size: 10px; background-color: #FEFEFE; color: #000000; text-align : center; vertical-align : middle; border-right: #AAAAAA 1px dotted; border-top: #AAAAAA 1px dotted; border-left: #AAAAAA 1px dotted; border-bottom: #AAAAAA 1px dotted; }
TD.lightwhite1 { font-size: 10px; background-color: #FEFEFE; color: #000000; text-align : center; vertical-align : middle; border-right: #AAAAAA 1px dotted; border-top: #AAAAAA 1px dotted; border-left: #AAAAAA 1px dotted; border-bottom: #AAAAAA 1px dotted; }
TD.lightwhite2 { font-size: 10px; background-color: #F4F4F4; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

TD.lightwht { font-size: 10px; background-color: #F4F4F4; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }
TD.darkwht { font-size: 10px; background-color: #E4E4E4; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

TD.lightgry { font-size: 10px; background-color: #B4B4B4; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }
TD.darkgry { font-size: 10px; background-color: #A0A19D; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

TD.lightgrn { font-size: 10px; background-color: #D0E890; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }
TD.darkgrn { font-size: 10px; background-color: #C8E773; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

TD.lightyel { font-size: 10px; background-color: #EFE4A5; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }
TD.darkyel { font-size: 10px; background-color: #E8DB90; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

TD.lightblu { font-size: 10px; background-color: #BFF5ED; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }
TD.darkblu { font-size: 10px; background-color: #A5EFE4; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

TD.lightred { font-size: 10px; background-color: #FCC5B8; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }
TD.darkred { font-size: 10px; background-color: #F3ACAB; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

TD.lightorg { font-size: 10px; background-color: #F1AB73; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }
TD.darkorg { font-size: 10px; background-color: #EE9C5A; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

TD.lightblk { font-size: 10px; background-color: #666666; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }
TD.darkblk { font-size: 10px; background-color: #888888; color: #000000; text-align : center; vertical-align : middle; border-right: #BBBBBB 1px dotted; border-top: #BBBBBB 1px dotted; border-left: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; }

A:hover    { font-size: 12px; font-family: Verdana,Arial,Helvetica; background-color: #EEEEEE; font-weight: bold; color: #8888FF; text-decoration: underline }
A:link     { font-size: 12px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #2222FF; text-decoration: underline }
A:visited  { font-size: 12px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #4444FF; text-decoration: underline }

A.bigblue:hover    { font-size: 14px; font-family: Verdana,Arial,Helvetica; background-color: #EEEEEE; font-weight: bold;  color: #8888FF; text-decoration: underline }
A.bigblue:link     { font-size: 14px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #2222FF; text-decoration: underline }
A.bigblue:visited  { font-size: 14px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #4444FF; text-decoration: underline }

A.bigred:hover    { font-size: 14px; font-family: Verdana,Arial,Helvetica; background-color: #EEEEEE; font-weight: bold; color: #FF8888; text-decoration: underline }
A.bigred:link     { font-size: 14px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #FF2222; text-decoration: underline }
A.bigred:visited  { font-size: 14px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #FF4444; text-decoration: underline }

A.small:hover      { font-size: 9px; font-family: Verdana,Arial,Helvetica; background-color: #EEEEEE; font-weight: bold; color: #FF8888; text-decoration: underline }
A.small:link       { font-size: 9px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #2222FF; text-decoration: underline }
A.small:visited    { font-size: 9px; font-family: Verdana,Arial,Helvetica; font-weight: bold; color: #4444FF; text-decoration: underline }

A.medium:hover     { font-size: 10px; font-family: Verdana,Arial,Helvetica; background-color: #EEEEEE; font-style: normal; font-weight: bold; color: #8888FF; text-decoration: underline }
A.medium:link      { font-size: 10px; font-family: Verdana,Arial,Helvetica; font-style: normal; font-weight: bold; color: #2222FF; text-decoration: underline }
A.medium:visited   { font-size: 10px; font-family: Verdana,Arial,Helvetica; font-style: normal; font-weight: bold; color: #4444FF; text-decoration: underline }

A.smallest:hover   { font-size: 9px; font-family: Verdana,Arial,Helvetica; background-color: #EEEEEE; font-weight: normal; color: #8888FF; text-decoration: underline }
A.smallest:link    { font-size: 9px; font-family: Verdana,Arial,Helvetica; font-weight: normal; color: #2222FF; text-decoration: underline }
A.smallest:visited { font-size: 9px; font-family: Verdana,Arial,Helvetica; font-weight: normal; color: #4444FF; text-decoration: underline }

IMG { text-align:center; color: #000000; border-right: #FFFFFF 0px solid; border-top: #FFFFFF 0px solid; border-left: #FFFFFF 0px solid; border-bottom: #FFFFFF 0px solid; }

INPUT.text        { border-width: 1; font-size: 12px; border-color:#AAAAAA; background-color: #FFFFFF; height: 18px font: bold; font-family: Verdana; font-size: 7pt; color: #222222; }
INPUT.checkbox    { border-width: 1; background-color: #EEEEEE; color: #222222; }	
INPUT.radio       { border-width: 1; background-color: #EEEEEE; color: #222222; }
INPUT.button      { border-width: 1; font-size: 12px; background-color: #EEEEEE; height: 20px font: bold; font-family: Verdana; font-size: 9pt; color: #222222; }
TEXTAREA.textarea { border-width: 1; border: ridge 0px; border-width: 1; border-color:#2E166A; background-color:  #FAFAFA; font: bold; font-family: Verdana; font-size: 7pt; color: #222222; }
SELECT.select     { border-width: 1; font-size: 12px; background-color: #FFFFFF; height: 18px font: bold; font-family: Verdana; font-size: 7pt; color: #222222; }

TEXTAREA.t12 { 
 border-width: 0; 
 border: ridge 0px; 
 border-width: 0; 
 border-color:#2E166A; 
 background-color:  #FAFAFA; 
 font: bold; 
 font-family: Verdana; 
 font-size: 7pt; 
 color: #222222; 
 width=800;
 height=1200;
}