/* Stili per il layout fisso */
html,body{
  margin:0;
  padding: 0;
  background-color: white;
  /*max-width: 1024px*/
  }
html{ /* questo forza la barra di scorrimento verticale */
  height: 100%;
  margin-bottom: 1px
  }
body{
  font-family: arial,sans-serif;
  font-size: 76%
  }

/* Stili generici, su header e footer - inizio */
div#header{
  background-color:#36C;
  color: #ff0
  }
div#header h1{
  height:116px;
  line-height:116px;
  text-align:center;
  background: url('img/logofic.jpg') no-repeat;
  font: bold 3.3em/116px arial,serif
  }
div#wrapper{
  float:left;
  width:100%
  }
div#content{
  margin-left:180px;
  padding:1em
  }
div#footer{
  /* con "clear: right" il footer non ha elementi float alla sua destra e resta in fondo anche quando la colonna dei contenuti è più corta di quella di navigazione */
  clear: right;
  text-align:center;
  padding: 0.5em;
  background-color: #69c;
  color: #000
  }
h1,h2,h3{
  margin:0;
  padding:0
  }
h2{
  margin: 0 0 10px;
  color: #999;
  font-size: 1.7em
  /* text-align:center */
  }
h3{
  color: #888;
  font-size: 1.2em;
  margin:2em 0 0 0
  }
p{
  margin:0 0 10px
  }
div#content p{
  line-height:1.6;
  text-align: justify
  }
div#content ul{
  margin:0 0 1em;
  padding:0;
  list-style-type: none
  }
div#content ul li{
  margin:0;
  padding-left:16px;
  line-height:1.4;
  background: url(img/bodybullet.jpg) no-repeat 0 4px
  }
.centra {  /* class definition */
  text-align: center;
  margin-left:auto;
  margin-right:auto
}
/* Stili generici, su header e footer - fine */

/* Stili per la navigazione - inizio */
div#navigation{
  background:#B9CAFF;
  float:left;
  text-align: left; /* necessario per IE 4.0 o allinea il testo a destra */
  width:180px;
  margin-left:-100%;
  border-right: 2px solid #36c
  }
div#navigation ul{
  margin: 1em 0 1em 1em;
  padding: 0;
  list-style-type: none;
  }
div#navigation li{
  /* display: inline; nota display: inline*/
  /* margin: 0 0 0 1em; */
  font: normal bold 1.2em/1.6em arial,sans-serif;
  text-decoration: none;
  margin: 0;
  padding: 0
  }
.submenu {  /* class definition */
  text-indent:1.5em;
}
div#navigation a{
  color:#369;
  /* font: normal bold 1.2em/2.5em arial,sans-serif; */
  font: normal bold 1.2em/1.6em arial,sans-serif;
  text-decoration: none;
  margin: 0;
  padding: 0
  }
div#navigation a:hover{
  /* color: #fff; */
  color: #033;
  text-decoration: underline
  }
div#navigation a#activelink{
  color: #033;
  text-decoration: none
  }
/* Stili per la navigazione - fine */

/* Image link without borders */
A:link    IMG { border: 0}
A:visited IMG { border: 0}
A:active  IMG { border: 0}

/* Stili per il form di contatto - inizio */
form,fieldset{
  margin-top:0;
  margin-left:0;
  padding: 0;
  border: 0px solid #000
  }
form label{
  float:left;
  width:80px;
  line-height:23px;
  margin-right:5px;
  text-align:right
  }
form input,textarea{
  width:400px;
  margin-bottom:5px;
  border-style:solid;
  border-color: #8C8C8C #ABABAB #ABABAB #8C8C8C;
  border-width:2px 1px 1px 2px;
  /* background: url(inputbk.jpg) repeat-x bottom */
  }
form br{
  clear:left
  }
input#submit{
  margin: 10px 0 0 90px;
  border: 1px solid #CCC;
  padding: 0 5px;
  background: #E6E6E6
  }
/* Stili per il form di contatto - fine */

/* Stili per le tabelle - inizio */
table, td, th{
  border:1px solid #36c;
  border-collapse:collapse
}
td,th{
  padding:5px 5px
}
thead{
  text-align: center;
  font-weight: bold;
  line-height: 19px;
  padding: 0 8px 2px 8px;
  white-space: nowrap;
}
.bordo0{
  border:0
}
/* Stili per le tabelle - fine */


/* ==================================================================== */


/* Layout gala 31 */
/* a{display:block;color: #981793;padding:10px} */
div#extra{
  /* background:#FF8539 */
  background-color: #69c
  }
div#footer p{margin:0;padding:5px 10px}
div#extra{clear:left;width:100%}



/* ==================================================================== */
/* stili per il div delle novità - inizio */
div#news{
  margin: 50px;
  border: 2px solid #36c;
  padding: 20px;
  }

div#news h2{
  color: red
  }
/* stili per il div delle novità - fine */


/* ==================================================================== */
/* stili per il div con le foto - inizio */
div#immagini{
  text-align: center
  }

/* stili per il div con le foto - fine */


/* ==================================================================== */
/* stili per tabella calendario regate - inizio */
table, td, th{
  border:1px solid #36c;
  border-collapse:collapse
}

td,th{
  padding:5px 5px
}

thead{
  text-align: center;
  font-weight: bold;
  line-height: 19px;
  padding: 0 8px 2px 8px;
  white-space: nowrap;
}

.reg{
  color: red
}

.acm{
  color: blue
}
/* stili per tabella calendario regate - fine */


/* ==================================================================== */
/* stili per elenco con foto - inizio */
dd,dl{margin:0;padding:0}
dl dt{clear:left;margin: 1em 0 0.3em;padding:0;font-weight:bold;font-size: 120%}
dl dd.image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(dropshadow.jpg) no-repeat bottom right}
dl img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px}


/* ==================================================================== */