body{
  margin:0;
  padding:0;
  text-align:center
}
p{
  font:0.85em/1.5em Helvetica,Verdana,sans-serif;
  text-align:justify;
  text-indent:1em;
}
img{
  border:none;
  margin:0;
  padding:0;
}
ul{
  list-style-type:none;
}
ol,ul{
  text-align:left;
  margin:10px 0;
  padding-left:30px;
  text-indent:0;
  font:0.85em/1.4em Helvetica,Verdana,sans-serif;
}
li{
  margin:8px 10px;
  padding:0;
}
a:link{
  color:#000099;
  text-decoration:none
}
a:visited{
  color:#003366;
  text-decoration:none
}
a:hover{
  text-decoration:underline
}
table{
  border-collapse:collapse;
  border:1px solid #808080;
  max-width:95%;
  margin:8px auto;
  font:0.85em/1.4em Helvetica,Verdana,sans-serif;
}
td,th{
  padding:3px 6px;
  margin:0;
  text-align:left;
  border:1px solid #808080;
}
th{
  background:#ffffcc;
  font-weight:bold;
}
caption{
  margin-top:12px;
  color:#808080;
  font:1.1em/1em Verdana,Arial,sans-serif;
}
blockquote{
  margin-top:0.5em
}
h2{
  color:#cc3300;
  font:1.4em/1.7em Verdana,Arial,sans-serif;
  margin:1.5em 0 1.1em 0;
  text-align:center
}
h3{
  color:#cc3300;
  font:1.5em/1.8em Times New Roman,sans-serif;
  margin:5px 0 0 0;
  padding:0;
}
h4{
  color:#595959;
  font:1.2em/1.5em Verdana,Arial,sans-serif;
  margin:15px 0 5px 0;
  text-align:center;
  text-indent:1em
}
h5{
  color:#595959;
  font:1.1em/1.4em Verdana,Arial,sans-serif;
  margin:18px 0 8px 0;
  text-align:left;
  text-indent:1em;
}
h6{
  color:#595959;
  font:bold 0.9em/1.3em Verdana,Arial,sans-serif;
  margin:10px 0 0 0;
  text-align:left;
  text-indent:1em
}
hr{
  color:#c0c0c0;
  text-align:center;
  width:90%
}
#header{
  background:url('images/sfuma.gif') repeat-x;
  height:95px;
  margin:0;
  text-align:center;
}
#header #quadro{
  margin:0 auto;
  text-align:center;
  width:800px;
}
#header #quadro h1{
  color:#252572;
  font:italic 2.3em/1em 'Times New Roman',Verdana,sans-serif;
  margin:0;
  text-align:center;
}
#header #quadro h2{
  color:gray;
  font:0.9em/1.5em Verdana,sans-serif;
  margin:0;
  text-align:center
}
#header #quadro h3{
  color:gray;
  font:0.6em/1em Verdana,sans-serif;
  margin:0;
  text-align:center
}
#header #quadro #icona{
  float:left;
  margin:-15px 0 0 0;
  text-align:center;
  width:21%;
  display:inline;
}
#header #quadro #intestazione{
  float:left;
  margin:0;
  text-align:center;
  width:78%;
  display:inline;
}
#container{
  clear:both;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:800px
}
#footer{
  clear:both;
  margin:0 auto;
  text-align:center;
  width:780px
}
#footer p{
  font:0.7em Verdana,sans-serif;
  margin:0.1em 0 0.1em 0;
  text-align:center;
  color:gray;
}
#footer a:link{
  color:#404040
}
#navigation{
  float:left;
  display:inline;
  text-align:right;
  width:180px;
  margin:-20px 0 0 0;
  padding:0 4px;
}
#navigation div.menu li{
  background:url(images/segue.png) 130px 5px no-repeat;
  margin:9px 0;
  padding:0 25px 0 0;
  font:bold 0.85em/1.4em Verdana,Arial,sans-serif;
  text-align:right;
}
#navigation div.menu a{
  color:#3D3C2C;
  text-decoration:none
}
#navigation div.menu a:hover{
  background:#E9E8FD
}
#navigation div.box{
  background:#E9E8FD;
  border:1px solid #DCDAC2;
  height:40px;
  margin:10px 0;
  text-align:left;
  width:170px
}
#navigation div.sirq{
  background:url(images/sirq_mini.png) 0 0 no-repeat #E9E8FD;
  float:left;
  display:inline;
  height:32px;
  position:relative;
  text-align:left;
  width:32px;
  margin:3px;
}
#navigation div.programmazione{
  background:url(images/programmazione.png) 0 0 no-repeat #E9E8FD;
  float:left;
  display:inline;
  height:32px;
  position:relative;
  text-align:left;
  width:32px;
  margin:3px;
}
#navigation div.comunicazioni{
  background:url(images/comunicazioni.png) 0 0 no-repeat #E9E8FD;
  float:left;
  display:inline;
  height:32px;
  position:relative;
  text-align:left;
  width:32px;
  margin:3px;
}
#navigation div.ecdl{
  background:url(images/ecdl.png) 0 0 no-repeat #E9E8FD;
  float:left;
  display:inline;
  height:32px;
  position:relative;
  text-align:left;
  width:32px;
  margin:3px;
}
#navigation div.utenti{
  background:url(images/utenti.png) 0 0 no-repeat #E9E8FD;
  float:left;
  display:inline;
  height:32px;
  position:relative;
  text-align:left;
  width:32px;
  margin:3px;
}
#navigation div.destra{
  float:left;
  display:inline;
  width:120px
}
#navigation a.titolo{
  color:#CC0000;
  display:block;
  font:12px/14px Georgia,Helvetica,sans-serif;
  height:10px;
  margin:1px;
  position:absolute;
  text-align:left;
  text-decoration:none;
  text-transform:uppercase;
  width:130px;
  z-index:1
}
#navigation a.sottotitolo{
  color:#2E5000;
  display:block;
  font:9px/11px Helvetica,Verdana,sans-serif;
  height:20px;
  margin:16px 3px 2px 2px;
  position:absolute;
  text-align:left;
  text-decoration:none;
  width:130px;
  z-index:1
}
ul.nopunti, li.nopunti {
  list-style:none; 
  text-align:left;
}
#navigation p.evidenza{
  color:#CC0000;
  text-align:center;
  font: bold 10px/12px Arial,sans-serif;
  height:10px;
  margin:1px;
  text-decoration:none;
  text-transform:uppercase;
}