body {background-color:#fff; margin:0; padding:0; font: 76%/1.5 Tahoma, Arial, Helvetica, sans-serif;}

a:link, a:visited, a:hover, a:active {text-decoration: underline;}
a:link {color: #0000ff}
a:visited {color: #000080}
a:hover, a:active {color: #FF0000}
a img {border: 0;}

h1, h2, h3, h4 {color:red;}
h2 {font-size: 24px;}
h3 {font-size: 16px; font-weight:normal; margin-bottom:0.5em;}

hr {height:2px; border-style:solid; border-color:#9D9DA1; background:#9D9DA1;}

img.border {border:1px solid;}
img.ECflag {width:40px; border:0;}

td.testoleft {padding-right:.5em;}
td.testoright {padding-left:.5em;}

ol.alpha {list-style-type:upper-alpha;}
ol.roman {list-style-type:lower-roman;}
ol.decimal {list-style-type:decimal;}

.back {text-align:center; color:#c00; margin:0; padding:0;}
.back img {width:53px; height:47px; border:0; vertical-align:middle;}

/* ---------- Indice ---------- */

#index {position:absolute; top:0; left:0; width:150px; height:100%; margin:0; padding:0; 
  font-size:.9em; color:#fff; background: url(immagini/backblu2.jpg)}
#index hr {width:90%; margin-bottom:1.5em;}
#index h1 {font-size:1.3em; text-align:center; color:#ff0}
#index h2 {font-size:1.1em; text-align:center; color:#0f0; margin:0 0 .5em 0;}
#index ul {list-style:none; margin: 0 0 1em 1.5em; padding:0;}
#index ul.PR {font-size:1.1em; list-style:disc;}
#index ul.SE {font-size:1em;}
#index li {margin:0; padding:0;}
#index a {color:#fff; text-decoration:none;}
#index a:hover {color:cyan; text-decoration:underline;}
#index h1 a, #index h1 a:hover {color:#ff0;}
#index li a {display:block; border:0; margin:0;}
#index .PR li a {padding:.5em 0 .5em 0;}
#index .SE li a {padding:.25em 0 .25em 0;} 
body>#index {position: fixed;}


/* ---------- Corpo principale ---------- */
#princ {border:0; padding:0 1.5em 0 165px; background-color: #fff;}


/* ---------- Intestazione ---------- */
#intesta {text-align:center; background: url(immagini/back_home.jpg) repeat-x bottom left;}
#cnrlogo {float:left; width:60px;\width:60px;w\idth:60px; padding:0;}
#isaclogo{float: right; width:60px;\width:60px;w\idth:60px; padding:0;}
#title {margin:0 60px; padding:0;}

#intesta h1 {color:blue; margin:0; padding:0; font-size:14px;}
#intesta img {width:60px;}
#intesta .address {font-size:10px;}


/* ---------- Indice di navigazione ---------- */
#where {text-align:left;}
#where a {text-decoration:none; color:#00f;}
#where a:hover {text-decoration:underline; color:#f00;}


/* ---------- Parte finale della pagina ---------- */
#foot {background-color:#eee; margin:0; padding:0;}
#update {float:left; width:220px;\width:220px;w\idth:220px; padding:0; text-align:left;}
#webmaster {float:right; width:220px;\width:220px;w\idth:220px; padding:0; text-align: right;}
#validator {margin:0 220px; padding:0; text-align:center;}

#foot p {margin:0; padding:0; text-align:center; font-size:10px;}
#validator img {border:0; margin-bottom:.5em; background-color:#fff;}


/* ---------- Titolo della pagina ---------- */
.titolo {margin:0 0 2em 0; text-align:center; font-weight:bold;}


/* ---------- Keyword & attivitą ---------- */
.keyword, .activity {color:black; margin-bottom:2em;}


/* ---------- Stile per il sommario ad inizio pagina ---------- */

.summary {width:100%; margin:0; padding:0 0 3em 0; border-bottom: 2px solid #9D9DA1;
    font-size:x-small; font-weight:bold; text-align:center; float:left;}
.summary ul {margin:0 auto 0 auto; padding:0; list-style:none;} /* Aggiungere width alla pagina html */
.summary li {display:inline; float:left;}
.summary li a {display:block; text-decoration:none; color:#fff; font-weight:bold;
    border-color:#90bade; border-style:solid; background-color:#003BAB;
    border-width:0 .1em .1em 0; padding:.5em;}  /* Aggiungere width alla pagina html */
.summary li a:hover {color:yellow; background-color:#2586d7; font-weight:bold;}
.summary li.void a {background-color:#003BAB;}


/* ---------- Freccia per l'inizio pagina ---------- */

.uparrow {width:100%; padding:2em 0 3em 0; text-align:center; clear:both;}
.uparrow img, .uparrow a {border:0 none; text-decoration:none;}


/* ---------- Stile per l'elenco dei lavori effettuati ---------- */

.work {width:100%; margin:0; padding:0 0 3em 0; border-bottom: 2px solid #9D9DA1; float:left;}
.work div.paint {width:220px; padding-right:.5em; float:left;}
.work div.description {padding-left:240px; vertical-align:top;}
.work .title {font-weight:bold; color:blue; font-size:120%;}
.work img.unesco {border:0; vertical-align:middle;}
.work ul, .work ol {padding:0 0 0 1em;}
.work li {margin:0 0 5pt 0;}
.work .mp {color:red; font-weight:bold;} /* main problem */
.work .linkinfo {text-align:center; vertical-align:middle; border:0; font-weight:bold;}


/* ---------- Elenco pubblicazioni ---------- */

.publication .book {position: relative; height:185px; margin-bottom:1em;}
.publication .book img {float:left; margin-right:1em;}
.publication .book .bookref {position: absolute;}
.publication ul {list-style:none; margin:0; padding:0;}
.publication li {margin:0 0 1.2em 0;}
.publication a {font-variant:small-caps; font-weight:bold;}
.publication a:hover, .publication a:active {text-decoration: underline; color: #FF0000}
.publication a:link, .publication a:visited {color: #0000ff; text-decoration: none;}


/* ---------- Attivitą editoriale ---------- */

.editoriale {font-size:100%; margin-bottom:2em;}
.editoriale li {margin:0 0 1em 0;}

/* ---------- Staff ---------- */

.staff {font-size:120%; text-align:center;}
.staff table {margin-left:auto; margin-right:auto;}
.staff td {text-align:left;}
.staff .head {font-weight:bold; background-color:#ffc;}
.staff .name {width:12em;}
.staff .mail, .staff .phone {width:10em;}