
/* = = stili per layout = = */      
body  { 
    background-color: #fff;
    font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
    color: #000;
    padding: 12px;
} 

#header  { 
    position: relative;
    max-width: 900px;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #cdecde;

} 

#header h1 { 
    position: relative;
    left: 16px;
    font-size: 1.6em;
    color: #0066B3;
    font-weight: bold;
    line-height: 2em;
    margin: 0;
    padding: 4px  16px;
} 


#colonne  { 
    /*box contenitore per le colonne*/
   position: relative;
   width: 100%;
   max-width: 900px;
   background-color: #fff;
   margin: 0;
   padding: 0;
} 

#column2  { 
    margin: 0 220px 0 0;
    padding: 16px;
} 

#column3  { 
    /*colonna di destra*/
    width: 200px;
    position: absolute;
    right: 12px;
    top: -12px;
    margin: 0;
    padding: 16px 4px 4px 4px;
    background-color: #fff;
    border: 1px solid #cdecde;
} 

#footer  { 
    /* il footer e' posizionato all'esterno dell'elemento div id=columns*/
   clear: both;
   max-width: 900px;
   padding: 0;
   border-top: 1px solid #cdecde;
} 

/* = = fine stili per layout = = */ 


/* = = elementi default = = */           
a  { 
    color: #036;
    text-decoration: underline;
}

a:visited  { 
    color: #069;
    text-decoration: underline;
}

a:hover  { 
    color: #069;
    text-decoration: underline;
}

a:active  { 
    color: #069;
    text-decoration: underline;
} 
         
p  { 
    font-size:0.8em;
    line-height: 1.6em;
    margin:0 ;
    padding: 0;
} 

h1  { 
    font-weight: normal;
} 
         
img  { 
    border: 0px none;
} 

strong, b  { 
    font-weight: bold;
} 

#column2  h2 { 
    margin: 1em 25% 1.5em 1em;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
} 

#column2  p { 
    margin: 16px 16px 32px 16px;
    font-weight: bold;
    text-align: left;
} 

#column2  blockquote { 
    margin: 0 20% 32px 20%;
    padding: 8px;
   /* background-color: #DFF1FF;
    border-top: 1px  solid #869FB3;
    border-right: 1px  solid #BFE4FF;
    border-bottom: 1px  solid #BFE4FF;
    border-left: 1px  solid #869FB3;*/
} 

#column2  blockquote p { 
    font-weight: normal;
    text-align: left;
    margin: 0.3em 0;
} 

#column2  blockquote p.author { 
    text-align: right;
} 

#column3  h3 { 
    margin: 1em 25% 1.5em 25%;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
} 

dl.link { 
    text-align: left;
    font-size: 0.7em;
    line-height: 1.4em;
    margin: 16px 0;
    padding: 0;
} 

dl.link dt { 
    margin:  16px 0 4px 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
} 

dl.link dd { 
    margin:  0;
    padding: 0;
} 

dl.link img { 
    display: block;
    margin: 4px 0;
} 

#column3  img { 
    border: 1px solid #cdecde;
} 



   /*stili per testo footer*/
#footer h1  { 
    font-family: Verdana, "Lucida Grande", Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 2em;
    text-align:center;
    margin:0;
    padding: 5px;
    border-top: 1px solid #fff;
} 