/* Stili generici per tutte le pagine */

body         {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
height: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 84%;
color: #000000;
}

p {
margin: 0px;
padding: 0px 0px 5px 0px;
}

.centrato {
text-align: center;
}

.destra {
text-align: right;
}

p.location {
font-size: 84%;
color: #006000;
}

p.evidenza {
color: #006000;
font-weight: bold;
margin-top: 6px;
}

a {
color: #0000A0;
}

h1 {
margin: 0px;
padding: 5px 0px 15px 0px;
color: #006000;
font-size: 120%;
font-weight: bold;
}

h2 {
margin: 0px;
padding: 10px 0px 5px 0px;
font-size: 105%;
font-weight: bold;
color: #006000;
}

acronym, abbr {
border-bottom: 1px dashed #C0C0C0;
}

.invisibile {
display: none;
}

/* Promemoria per i posteri! Gli elementi di classe "bugzilla" (solitamente un div) servono a superare un inconveniente riscontrato con Firefox: il contenimento dei float. Se all'interno di un div contenitore si inseriscono altri elementi, con proprietà float, e niente o poco altro, il div contenitore non si estende in altezza fino a fare da sfondo al suo contenuto. Per questo la classe "bugzilla": è quasi inesistente (niente margine e padding), ma si inserisce in fondo al contenuto permettendo di estendere fino in fondo il div contenitore.

Se qualcun'altro dovessere leggere questo commento e conoscesse una soluzione migliore, sarei felice se decidesse
di condividerla con noi! (mcdue@mcdue.net) Grazie! */

.bugzilla {
margin: 0%;
padding: 0%;
clear: both;
}

.bugzillarelative {
position: relative;
margin: 0%;
padding: 0%;
clear: both;
}

.validatori {
margin: 0px;
border: 0px;
}

img {
border: none;
}

img.sinistra {
float: left;
margin: 2px 5px 0px 0px;
}

img.destra {
float: right;
margin: 2px 0px 0px 5px;
}

img.sinistracornice {
border: 1px solid #006000;
float: left;
margin: 2px 5px 0px 0px;
}

img.destracornice {
border: 1px solid #006000;
float: right;
margin: 2px 0px 0px 5px;
}

/* Stili per le tabelle */

table {
table-layout: auto;
page-break-inside: avoid;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #C0C0C0;
border-collapse: collapse;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 84%;
}

th, caption {
font-size: 105%;
font-weight: bold;
color: #006000;
}

th {
background-color: #FFFFC0;
}

caption {
padding-bottom: 5px;
}

th, td {
padding: 5px;
border: 1px solid #C0C0C0;
}

table.download {
table-layout: auto;
page-break-inside: avoid;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #C0C0C0;
border-collapse: collapse;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 84%;
}

th.download, caption.download {
font-weight: bold;
font-size: 84%;
color: #006000;
}

th.download {
background-color: #FFFFC0;
}

caption.download {
padding-bottom: 0px;
}

th.download, td.download {
padding: 5px;
border: 1px solid #C0C0C0;
}

#intestazione {
height: 100px;
margin-bottom: 5px;
padding: 0px;
background: #FFFFFF url(images/sfondointestazione2.gif) repeat-x;
border-bottom: 1px solid #006000;
}

#intestazione img {
display: inline;
float: left;
margin-left: -4px;
}

*>#intestazione img {
display: inline;
float: left;
margin: 0px;
}

#menuservizio {
width: 100%;
margin-bottom: 5px;
border-top: 1px solid #006000;
border-bottom: 1px solid #006000;
background-color: #FFFFC0;
}

#menuservizio ul {
list-style: none;
clear: both;
margin: 0;
padding: 0;
}

#menuservizio li {
display: inline;
clear: both;
padding-left: 20px;
}

#menuservizio li a {
color: #006000;
text-decoration: none;
}

#menuservizio li a:hover {
text-decoration: underline;
}

#maindiv {
position: relative;
width: 100%;
height: 440px;
background-color: #006000;
border-top: 1px solid #FFFFC0;
border-bottom: 1px solid #FFFFC0;
}

*>#maindiv {
height: 100%;
min-height: 440px;
}

#menusx, #menudx {
position: absolute;
display: inline;
width: 150px;
height: 100%;
color: #FFFFFF;
}

#menusx {
left: 0px;
}

#menudx {
right: 0px;
}

#menusx p.titoletto, #menudx p.titoletto {
margin: 0%;
padding: 0%;
text-align: center;
font-weight: bold;
color: #FFFFC0;
border-top: 2px solid #FFFFC0;
border-bottom: 1px solid #FFFFC0;
}


#menusx ul, #menudx ul {
list-style-type: square;
margin: 2px 2px 20px -20px;
color: #FFFFFF;
}

/* For IE7 */
*:first-child + html #menusx ul {
list-style-type: square;
margin: 2px 2px 20px 20px;
color: #FFFFFF;
}

/* For IE7 */
*:first-child + html #menudx ul {
list-style-type: square;
margin: 2px 2px 20px 20px;
color: #FFFFFF;
}

#menusx li a, #menudx li a {
color: #FFFFFF;
text-decoration: none;
}

#menusx li a:hover, #menudx li a:hover {
color: #FFFFC0;
text-decoration: underline;
}

#contenuto {
position: relative;
height: 100%;
min-height: 440px;
margin-left: 150px;
margin-right: 150px;
padding: 0.5%;
background-color: #FFFFFF;
border-left: 1px solid #FFFFC0;
border-right: 1px solid #FFFFC0
}

#pagina {
width: 100%;
margin: 0%;
padding: 0%;
}

*>#pagina {
width: 98.6%;
margin: 0% 0.7%;
padding: 0%;
background-color: #FFFFFF;
}

#footer {
position: relative;
clear: both;
width: 100%;
margin: 5px 0px;
text-align: center;
color: #006000;
background-color: #FFFFC0;
border-top: 1px solid #006000;
border-bottom: 1px solid #006000;
}

#bacheca01, #bacheca02 {
width: 100%;
}

#bacheca1, #bacheca2, #bacheca3, #bacheca4 {
width: 45%;
border: 1px dashed #006000;
background-color: #FFFFC0;
padding: 5px 10px 0px 10px;
font-size: 84%;
margin-bottom: 0.5%;
}

#bacheca1, #bacheca3 {
float: left;
}

#bacheca2, #bacheca4 {
float: right;
}

.cornice {
border: 1px solid #006000;
}

#primopiano {
border: 1px dashed #006000;
background-color: #FFFFC0;
padding: 5px 2px 10px 2px;
}