body { margin:0px ; padding:0px ; font-family: Optima, Verdana, Sans, sans-serif}
h1 { font-size: 150% ; margin-bottom:0px}
h2 { font-size: 120% ; margin-top:0px}
a { text-decoration: none }
a { color : #486E20 ; text-decoration : none}
a:hover { text-decoration : underline }
a img { border:0px }

p { text-align: justify; }
div.cornice { background-color : #cdde69 ; padding : 2px ; margin: 0.25em}
div.cornice p { padding : 0px ; margin : 0px ; font-size:75%}

table.form  { background-color:#d3e5bc; border:2px dotted #356b13; margin:auto; }
form td { vertical-align: top }
form td.etichetta { text-align: right ; white-space: nowrap;}
form tr.submit td { text-align: right }
form input[type="submit"] { width:150px }

.perFirma { margin-bottom:0px }
p.firma { font-size:80% ; font-family: serif ; font-style: italic; margin-top:0px ; text-align: left}

table#struttura { border-collapse:collapse }
/* i selettori sono ridondanti, lo so ma si leggono meglio*/
table#struttura tr#titolo h1 { margin:20px 0px 0px 0px; color: #347210 }
table#struttura tr#banner td.lato { height: 290px; background-image: url(sfondo_banner.png) }
table#struttura tr#banner td { vertical-align: bottom }
table#struttura div#header { text-align: right}
/* la foto e il menu principale */
table#struttura div#header div.menu { background-image:url(velinaLato.png) ; padding:5px ; margin-left:40px ; width:195px ; }
table#struttura div#header a { color: #347210 ; display:block ; font-size:18px ; margin-top:6px ; text-align: right ; white-space: nowrap ; font-weight: bold}
table#struttura div#header a.sub { display: inline ; font-size:12px ; margin-top:2px}
table#struttura div#header p { margin:5px ; margin-top:10px; font-size: 11px ; color:white ; text-align: right ; }
/* il submenu */
table#struttura tr#rigaMenu td#cMenu { padding-top:10px ; }
table#struttura tr#rigaMenu div#menu { border-top : 2px solid #555 ; border-bottom : 2px solid #555 ; padding-left:250px ; font-size:18px ; font-weight: bold}
table#struttura tr#rigaMenu div#menu a { color: #347210 ; font-size:20px ; padding-left:2em}
/* il piè di pagina */
table#struttura tr#footer td { vertical-align: bottom ; height:100px ; background-image: url(sfondo_footer.jpg) ; font-size: 12px ; padding-left:180px}
    
/* il menu laterale a sinistra */
td#indice {width:240px ; margin-right:1em ; vertical-align: top ; padding:0px ; text-align: left}
td#indice h1 { font-size:100% ; font-weight: bold ; margin: 10px 0px 0px 0px}
td#indice p { margin:0px ; text-align:left }
td#indice p.data { color: black ; display:block ; font-size:85% }
td#indice p.descrizione { margin-bottom:0.33em}
td#indice a { color: black ; display:block ; }

td#indice div { border-top : 2px solid #555 ; border-bottom : 2px solid #555 ; margin-top:10px; padding:5px ; background-repeat: no-repeat; background-position:bottom center;}
div#login { background-image: url(sfondo_login.png) ; height:120px ; vertical-align: middle;}
div#comunicati { background-image: url(sfondo_comunicati.png) }
div#eventi { background-image: url(sfondo_eventi.png) }
div#recensioni { background-image: url(sfondo_recensioni.png) }

/* il contenitore principale */
td#pagina { padding-left:10px ; vertical-align:top }


/* la barra che compare quando è possibile modificare i contenuti */
div.tools { background-image : url(sfondoTools.png) ; padding:3px 0px ; font-size : 75% ; margin:0px }
div.tools a { color : #486E20 ; text-decoration : none ; font-weight : bold ; padding: 0em 1em}
div.tools a:hover { text-decoration : underline }
div.tools:before { color : #486E20 ;  content: "⇪ poi eseguire delle azioni: " }
div.tools:after { color : #486E20 ;  content: "⇪" }

/* lisy */
tr.pari td    { background-color : #eeeeee } 
tr.dispari td { background-color : #dddddd }

table.syntaxa { border : 1px solid #ccc }
table.syntaxa tr.pari td    { background-color : #f5f5f5 } 
table.syntaxa tr.dispari td { background-color : #e7e7e7 }
table.syntaxa tr.evidenzia td    { background-color : yellow }

table.pubblicazione { border: 1px solid gray ; background-color:#eee ; width:100% ; margin:1px}
table.pubblicazione p { margin:0px ; text-align: left}
table.pubblicazione td { padding: 2px }
table.pubblicazione td.riferimento { color:#79b800 ; font-weight: bold ; font-size:75% }
table.pubblicazione td.tsEdettagli {text-align: right}
table.pubblicazione td.tsEdettagli p { text-align: right }
table.pubblicazione td.tsEdettagli a { color:red ; font-weight: bold ; font-size:75% }