body{margin:0;border:0 none;padding:0;background-color:#08396b;vertical-align:top;text-align:center}
a:link{text-decoration:none;color:#00f}
a:visited{text-decoration:none;color:#44f}
a:hover{color:#FF59aa}
img{border:0 none;margin:0}
span.i{font-style:italic}
span.u{text-decoration:underline}
span.symbol{font-family:symbol;letter-spacing:0.2em}
/* Layout liquido */
#contiene{margin:0 auto;position:relative;clear:both;width:100%;max-width:1000px;overflow:hidden}
#colright,#colmid,#colleft{float:left;position:relative;overflow:hidden}
#colmid{width:75%}
#colleft{width:12.5%;clear:left}
#colright{width:12.5%;clear:right}
/* Layout liquido */
.a_bordato{text-align:center;width:100%;margin:0;padding:0}
.a_bordato img{border:2px solid #d5c500;margin:0;cursor:pointer}
.a_bordato img:hover{border-color:#f0f}
.a_bordato a:visited img{border-color:#fff895}
.a_bordato a:hover img{border-color:#f0f}

#azzurro{min-height:550px;height:auto;_height:545px;width:100%;background:#add6de;padding-top:2.67%;padding-bottom:4%;position:relative}
#cartocombo{width:60%;height:20px;border:0 none;margin-top:0.5em}
/* *******************ISTRUZIONI********************: cornice tipica
<div class=cornice>
 <div class=interna><h1>TITOLO</h1><h2>Sottotitolo</h2></div>            <-----opzionale
 <div class=interna>
  ...contenuto...
  <div class=xx></div>  <----- vedi sotto
 </div>
</div>
Immagine a sinistra:  <div class=sx style="width:nn.n%">  <--- larghezza in %: tipicamente fra 30 e 60%
                       <img src="........">
                       didascalia       <---opzionale (centrata e scritta in piccolo)
                      </div>
Simile per immagine a destra con class=dx
Le immagini a sx e a dx saranno contornate dal lato libero dal testo scritto nei paragrafi <p>...</p>
Immagine al centro:  <div class=cx style="width:nn.n%"><img src="........">didascalia</div>
L'immagine al centro NON ha testo ai lati.
IMPORTANTE: questa riga
<div class=xx></div>
è un salvavita. Il suo solo effetto è di separare tutto ciò che viene prima da tutto ciò che viene dopo e serve quando
le immagini si sovrappongono o i testi avviluppati attorno alle immagini hanno dei problemi. Serve inoltre in fondo alla
cornice quando l'ultima immagine fa pipì fuori dal vasino (come esemplificato sopra).
<h5> e <h6> sono paragrafi scritti in piccolo per note o didascalie: h5 è centrato, h6 giustificato.
***************************************************************************************************/
.cornice{width:87%;margin:0 auto;padding:0 2px 2px 2px;color:#083960;font-family:Arial;font-weight:bold;
  font-size:16pt;border:1px outset #fff;position:relative;text-align:center}
.cornice .interna{border:1px inset #fff;margin-top:2px;padding:3%;font-size:0.56em;text-align:center}
.cornice .interna .sx{float:left;clear:left;font-size:0.9em;text-align:center;margin-bottom:1.5%;margin-right:3%}
.cornice .interna .dx{float:right;clear:right;font-size:0.9em;text-align:center;margin-bottom:1.5%;margin-left:3%}
.cornice .interna .cx{float:none;clear:both;margin:0 auto;font-size:0.9em;text-align:center;margin-bottom:1.5%}
.cornice .interna .xx{clear:both}
.sx img{width:100%}
.dx img{width:100%}
.cx img{width:100%}
/* Titolo */
.cornice .interna h1{margin:3%;font-size:2em;text-align:center}
/* Sottotitolo */
.cornice .interna h2{margin:3% 0 1.5% 0;font-size:1.33em;text-align:center}
/* didascalia centrata */
.cornice .interna h3{font-style:italic;font-size:1.6em;text-align:center;font-weight:normal;margin:1.2% 0}
.cornice .interna h4{font-style:italic;font-size:1.5em;text-align:left;font-weight:normal;margin:0}
.cornice .interna h5{clear:both;margin:1.5% 3% 3% 3%;font-size:0.9em;text-align:center;padding:0}
/* didascalia giustificata */
.cornice .interna h6{margin:1.5% 3% 3% 3%;font-size:0.9em;text-align:justify;padding:0}
.cornice .interna p{text-align:justify;margin:0.8% 0 0 0}
.cornice img{margin-top:1.5%}

.sprites{width:20px;height:20px;background-image:url('../images/sprite.png')}
@media print{
  #colright,#colleft,.noprint,#cartocombo{display:none}
  #colmid{float:none;width:100%}
  .cornice{border:0 none;color:#000}
  .cornice a:link{text-decoration:underline;color:#000}
  .cornice .interna{border:0 none}
}
table{margin:0px;border:0px none;padding:0px;border-spacing:0px;border-collapse:collapse}
td{border:0px none;padding:0px;margin:0px;vertical-align:top}
table.maintable{margin:0px auto;border:0px none;padding:0px;border-spacing:0px}
table.w100{width:100%;margin:0px auto;border:0px none;border-spacing:0px}