html, body { padding:0; margin:0; }
body { color:#616161; background:#fafafa; font-size:70%; line-height:1.4; font-family:sans-serif; text-align:center; }

/* generale, aspetto grafico */
  
a { color:#ff6600; text-decoration:none;}
a:link {  }
a:visited {  }
a:hover { color:#000000; }
a:active {  }

p { margin:0.5em 0; }

h1 { font-size:1em; margin:0; }
h2 { font-size:1em; margin:0.5em 0; }
h3 { font-size:1em; margin:0.5em 0; padding-left:0.4em; border-left:1.2em solid #eeeeee; }

    
dl { margin:0; }
dt { color:#999999; margin:0; }
dd { margin:0 0 0.5em 2em; }
  
.ancora { position:absolute; left:-9999px; }
.cima { margin-top:1em; border-top:1px solid #eeeeee; text-align:right; padding-top:0.2em; }
.linkbox { border:1px solid #eeeeee; padding:1em 1.5em; margin:1em 10%; }
  .linkbox p { margin:0; }
  
.nota { padding:1em; border:1px solid #f1f1f1; background:#f5f5f5; margin:1em 0; font-style:italic; color:#888888; }

#pagina { text-align:left; background:#ffffff; border:1px solid #dddddd; }
#header { margin:0 0 1em 24%; } 
  #header h1 { font-weight:normal; text-transform:lowercase; font-size:3.6em; color:#eeeeee; }
#fetta { text-align:right; color:#999999; }
  #fetta p { padding:0 2%; } 
  body.indice #fetta p { padding:0 200px 0 2%; } 
  
#navi h2 { font-weight:normal; color:#999999; }
  #navi ul,
  #navi li { list-style-type:none; padding:0; }  
  #navi ul { margin:0.5em 0 2em 0; }
  #navi li { margin:0.5em 0; }
    #navi li a { text-decoration:none; display:block; border-bottom:0.09em solid #eeeeee; }
    #navi li a:hover { color:#ff6600; border-bottom:0.09em dashed #ff6600; } 
  
/* struttura */

#pagina { min-width:680px; width:64em; margin:1em auto; }
#principale { float:right; width:72%; padding-right:4%; padding-bottom:1.5em; } 
#navi { float:left; width:18%; margin-left:2%; padding-bottom:3.5em; margin-top:-5.6em; }
#fetta { clear:both; width:100%; }

body#pageBox.indice #pagina { background:url(immagini/JK_ronf.gif) bottom right no-repeat #ffffff; }
body#pageBox #pagina { position:absolute; top:50%; left:50%; height:36em; margin-left:-32em; margin-top:-18em; }
body#pageBox #principale { overflow:auto; height:25.6em; }
body#pageBox #fetta { position:absolute; bottom:0; left:0; }

/* workarounds per la struttura (sigh) */

* html #navi { display:inline; } /* double float margin bug - IE6 */
* html #principale { display:inline; } /* double float margin bug - IE6 */
* html #navi li a { height:1em; } /* hasLayout bug - IE6 */

#pagina:after { content: " "; display:block; height:0; clear:both; visibility:hidden; border-top:0.1px solid #ffffff; } /* gecko clear */