BODY, TD, SPAN {
  font-family: Verdana, Helvetica, Sans Serif;
  font-size: 10px;
  scrollbar-face-color: #337FAF;
  scrollbar-shadow-color: #D2E3EE;
  scrollbar-highlight-color: #D2E3EE;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #D2E3EE;
  scrollbar-arrow-color: #000000;
  vertical-align : text-top;
}
IMG  {
 margin: 2px;
 border: 0;
 vertical-align : middle;
}
INPUT, SELECT {
    color: black;
    font-size: 10px;
  vertical-align : middle;
}
FORM {
    margin:0;
}
A {
    font-family: Verdana, Helvetica, Sans Serif;
    color : #882211;
    font-size: 10px;
    font-weight: bold;
    text-decoration:none;
    vertical-align : text-middle;
}
A:hover {
    font-family: Verdana, Helvetica, Sans Serif;
    color : #EE2211;
    font-size: 10px;
    text-decoration:underline;
    vertical-align : text-middle;
}

A.bar {
    font-size: 12px;
    font-weight: bold;
    color : #D2E3EE;
    text-decoration:none;
    vertical-align : text-top;
}
A.menu {
    font-family: Verdana, Helvetica, Sans Serif;
    color : #D2E3EE;
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
    vertical-align : text-middle;
}
A.menu:hover {
    font-family: Verdana, Helvetica, Sans Serif;
    color : #EE2211;
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
    vertical-align : text-middle;
}

A.bar:hover {
    font-size: 12px;
    font-weight: bold;
    color : #EE2211;
    text-decoration:none;
  vertical-align : text-top;
}

.title
{
    color : #337FAF;
    vertical-align : middle;  
    font-weight: bold;
    font-size: 36px;
    padding: 10px 20px 10px 20px;
}

.image {
  border-width: 2;
  border-color: #eeeeee;
  border-style: outset;
  margin: 5;
    vertical-align : middle;
}
 
.sidebar-top {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #337FAF;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #337FAF;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #337FAF;
    background-color: #D2E3EE;
    vertical-align : top; 
}
.sidebar-right {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #337FAF;
    background-color: #77B3D9;
    padding:4;
    vertical-align : top; 
}

.sidebar-left {
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #337FAF;
    background-color: #77B3D9;
    padding:4;
    vertical-align : top; 
}
.sidebar-menu {
    font-family: Verdana, Helvetica, Sans Serif;
    font-size: 12px;
    font-weight: bold;
    color : #D2E3EE;
    border-color: #337FAF;
    background-color: #337FAF;
    vertical-align : middle;  
    text-align:right;
    padding-right: 20px;
}
.sidebar {
    border-width: 2px;
    border-style: solid;
    border-color: #337FAF;
    background-color: #E6F0F6;
    padding:0;
    vertical-align : top; 
}
.sidebar-center {
    background-color: #E6F0F6;
    padding:4;
    vertical-align : top; 
}


.sidebar-bottom {
    font-size: 10px;
    font-weight: plain;
    background-color: #337FAF;
    color : #B7D7EB;
    text-align:center;
}
H1 {
    font-size: 14px;
    font-weight: plain;
    color : #337FAF;
    text-align:left;
}
.t1 {
    font-size: 14px;
    font-weight: bold;
    color : #337FAF;
    text-align:left;
    vertical-align : top; 
}
.t2 {
    font-size: 12px;
    font-weight: plain;
    color : #337FAF;
    text-align:left;
    vertical-align : top; 
}
TH {
    font-size: 12px;
    font-weight: plain;
    color : #337FAF;
    text-align:center;
}
.r1 {
    font-size: 10px;
    background-color: white;
}
.r2 {
    font-size: 10px;
    background-color: #D0D7DC;
}

.f1 {
  vertical-align : middle;
    font-size: 12px;
    font-weight: bold;
    color : #337FAF;
    text-align:left;
}
.f2 {
    font-size: 12px;
    background-color: white;
    text-align:justify;
}
.f2r {
    font-size: 12px;
    background-color: white;
    text-align:right;
}
.f3 {
    font-size: 12px;
    background-color: #D0D7DC;
}
.f4 {
    font-size: 10px;
    background-color: white;
    text-align:justify;
}

.cerca-pulsante {
    background-color: #337FAF;
    color: #D2E3EE;
    font-size: 10px;
}

.box {
    border-width: 2px;
    border-style: solid;
    border-color: #337FAF;
    background-color: #D2E3EE;
    vertical-align : text-top;  
}
.box-titolo {
    font-size: 12px;
    font-weight: bold;
    color : #D2E3EE;
    border-color: #337FAF;
    background-color: #337FAF;
    vertical-align : middle;  
    padding-left: 20px;
}
.box-centro {
    font-size: 12px;
    font-weight: bold;
    color : #D2E3EE;
    border-color: #337FAF;
    background-color: #337FAF;
    vertical-align : middle;  
}
.box-error {
    font-size: 12px;
    font-weight: bold;
    color : red;
    border-color: #337FAF;
    background-color: #337FAF;
    vertical-align : middle;  
}