/************** definizioni generiche body */

body {direction: ltr;
      font-family: Verdana, Arial, sans-serif; 
      font-size: small; 
      color: black; 
      background-color: white;
      margin: 0px;
      text-align: center;
      padding: 20px;
     }


/************** header */

#testata {width: 100%; 
          background-color: white;
          padding-top: 10px;
          padding-bottom: 0px;
          margin: auto;
         }


/************** barra del menu */

#menu {width: 100%; 
       margin: auto;
       padding: 5px; 
       background-color: white;
       border-width: 0;
      }


/************** blocco principale */

#bodyblock {background-color: white;
            width: 910px;
            overflow: auto;
            margin: auto;
            padding: 0px;
            border-left-style: dashed;
            border-left-width: 1px;
            border-left-color: #769887;
            text-align: left;
           }

#parablock {background-color: white;
            width: 910px;
            overflow: auto;
            margin: auto;
            padding: 0px;
            border-width: 0px;
            text-align: left;
           }


/************** colonna sx - articoli */

.col-sx {background-color: white;
         width: 600px;
         float: left; 
         display: inline;
         margin: 0px;
         /* padding: 20px; */ 
        }


/************** colonna dx - rubriche */

.col-dx {background-color: white;
         width: 300px;
         float: right;
         /* background: red; */
         margin: 0px;
         padding: 0px;
        }

#col-dx-dsp { width: 98%;  
             margin: 0px 0px 10px 0px;
             padding: 0px; 
             border-style: double;
             border-color: #90B3A1;
             border-width: 3px;
             text-align: left;
            }

/* ***************************************** non piu' usati 
#col-dx-lnk {background-color: #cccccc;
             width: 300px;
             margin: 0px 0px 10px 0px;
             padding: 0px;
             text-align: left;
            }

#col-dx-ark {background-color: #cccccc;
             width: 300px;
             margin: 0px 0px 10px 0px;
             padding: 0px;
             text-align: left;
            }

#col-dx-nov {background-color: #669999;
             width: 300px;
             margin: 0px 0px 10px 0px;
             padding: 0px;
             text-align: left;
            }

**************************************** */

#col-dx-pro {border-color: #669999;
             border-style: double;
             border-width: 3px;
             width: 98%;
             margin: 0px 0px 10px 0px;
             padding: 0px;
             text-align: left;
            }

#col-dx-fig {
             border-style: double;
             border-color: #90B3A1;
             border-width: 3px;
             width: 98%;
             margin: 0px 0px 10px 0px;
             padding: 0px;
             text-align: left;
            }


/************** colonna sx - layout rovesciato dx grande - sx piccolo */

.col-sxx {background-color: white;
         width: 300px;
         float: left; 
         display: inline;
         margin: 0px;
         /* padding: 20px; */ 
        }

.col-dxx {background-color: white;
         width: 600px;
         float: right;
         /* background: red;  */
         margin: 0px;
         padding: 0px;
        }


/************** colonna centrale */

.col-cx {background-color: white;
         width: 900px;
         float: left; 
         margin: 0px;
         padding: 0px; 
        }


/************** colonna meta' schermata */

.col-50x {background-color: white;
         width: 450px;
         float: left; 
         margin: 0px;
         padding: 0px; 
        }


/************** colonna 1/3 schermata */

.col-30x {background-color: white;
         width: 300px;
         float: left; 
         margin: 0px;
         padding: 0px; 
        }


/************** colonna 1/4 schermata */

.col-25x {background-color: white;
         width: 225px;
         float: left; 
         margin: 0px;
         padding: 0px; 
        }


/************** colonna 1/5 schermata */

.col-20x {background-color: white;
         width: 180px;
         float: left; 
         margin: 0px;
         padding: 0px; 
        }


/************** frammenti */

#frammenti {background-color: white;
            width: 910px;
            clear: both;
            margin: auto;
            padding: 0px;
           }

#cap_framm {font-size: medium;
            font-weight: bold;
            color: #769887; 
           }


/************** footer */

#piedipagina {font-size: xx-small; 
              text-align: left; 
              background-color: white;
              font-style: italic;
              width: 910px;
              margin: auto;
              padding: 0px;
             }


/************** last update */

#ultimoagg  {font-size: xx-small; 
              text-align: right; 
              background-color: white;
              font-style: italic;
              width: 910px;
              margin: auto;
              padding: 0px;
             }


/************** schema colori links */

/*** grigio-verde scuro  ***/
a:link {font-family: Verdana, Arial, sans-serif; 
        font-weight: bold;
        text-decoration: underline; 
        color: #53665c;
        border-color: #53665c;  
        background-color: transparent;
       }

a:link img {border-color: #53665c;  
           }

/*** grigio verde chiaro  ***/
a:visited {font-family: Verdana, Arial, sans-serif; 
           font-weight: bold;
           text-decoration: underline; 
           color: #90b3a1; 
           background-color: transparent;
          }

a:visited img {border-color: #90b3a1;  
              }

a:hover {text-decoration: none; 
        }

/*** grigio blu scuro  ***/
a:active {font-family: Verdana, Arial, sans-serif; 
          font-weight: bold;
          color: #535a7c;
          background-color: transparent;
         }  

a:active img {border-color: #535a7c;  
             }

/*** ***    toglie il bordo a icone e foto che linkano ad altre pagine   ***/ 
.icone {border-width: 0;
        border-color: white;
       }

/************** testo speciale */

cite {font-style: italic;}

samp {font-family: Courier, monospace;
      font-style: normal;
      font-size: small;}

.notarelle {font-size: x-small; 
            text-align: left; 
            padding: 0px 20px;
            font-style: italic;
           }

#firma {text-align: right;
        font-size: 150%;
        font-family: "Monotype Corsiva", cursive;
       }


/************** layout per articoli e titoli del sito */

.articoli {font-size: small;
           padding: 0px 20px 5px 20px;
           text-align: justify;}

.fronte-l {font-family: Dyer, Verdana, Arial, sans-serif;
           font-weight: normal;
           padding: 0px 20px;
           text-align: left;}

.fronte {font-family: Dyer, Verdana, Arial, sans-serif;
         font-weight: normal;
         padding: 0px 20px;
         text-align: center;
        }

.fronte_ini {font-family: Dyer, Verdana, Arial, sans-serif;
             font-weight: normal;
             font-size: x-large;
             color: #53665c;
             padding: 0px 20px;
             text-align: center;
            }

.fronte-t {padding: 0px 20px;
          }

.sinottico {width: 98%;
            border-width: 1px;
            border-style: solid;
            border-color: #90b3a1;
            margin: 0px 0px 5px 10px;
           }

/************************* testo opere non presenti in bibliografia */

.no-biblio { color: #669999;
           }

/************** layout per figure e didascalie */

.centrato {margin: 5px auto;
           text-align: center;}

.centrato p {font-size: xx-small; 
             text-align: center;
             margin-bottom: 20px;}

.figuradx {float: right;
           margin: 5px 8px 0px 8px;}

.figuradx p {font-size: xx-small; 
             text-align: center;
             margin-bottom: 20px;}

.figurasx {float: left;
           margin: 5px 8px 0px 8px;}

.figurasx p {font-size: xx-small; 
             text-align: center;
             margin-bottom: 20px;}


/************** a capo per box css */

.spazza {clear: both;}


/************** spaziatori in verticale */

.giu-100 {margin-bottom: 100px;}

.giu-250 {margin-bottom: 250px;}

.giu-500 {margin-bottom: 500px;}

.giu-1000 {margin-bottom: 1000px;}


/************** horizontal row css */

.linea {width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top-style: dashed;
        border-width: 1px;
        border-color: #769887; }

.linea-m {width: 98%;
          margin: 0px auto;
          border-top-style: dashed;
          border-width: 1px;
          border-color: #769887; }

.linea-c {width: 50%;
          margin: 0px auto;
          border-top-style: dashed;
          border-width: 1px;
          border-color: #769887; }

/* definizioni tabella links - da cambiare con box singoli sovrapposti */

.links {width: 100%;
        margin: 0px;
        padding: 0px;
        border-width: 0px;}

.links td {text-align: justify;
           font-size: x-small;
           padding: 10px;}

.links th {column-span: 2;
           border-width: 1px;
           border-color: #769887;
           border-top-style: dotted;
           padding-top: 10px;
           text-align: left;}


/************************* definizioni tabelle indici per sezione libri */

.libri { line-height: 120%;
         text-align: justify; 
         list-style-type: square;}

.libri ul { list-style-type: square;}

.libri li { line-height: 200%;
            font-size: medium; 
            font-weight: bold;
          }

.libri ol { list-style-type: upper-roman;}



.libri-2 { line-height: 100%;
           text-align: justify; 
           list-style-type: disc;}
 
.libri-2 ul { list-style-type: disc;}

.libri-2 li { line-height: 180%;
              font-size: small; 
              list-style-type: circle; 
              font-weight: bold;
            }

/********************************************************/

/* definizione tabella biografie - da cambiare v. sopra */

.biografia {float: left;
            font-size: 118%; 
            text-align: left;
            font-family: "Comic Sans MS", cursive;}

.biografia td {vertical-align: top;}



/* tabella per elenchi generici (es menu sezioni) non sembra funzionare */
#elenco {line-height: 180%;
         }

.elenco-i {line-height: 150%;}


/* firma editoriale */



/* note */

#note {float: left; clear:both;
       width: 100%;
       margin-top: 10px;
       padding: 10px;
       border-style: solid;
       border-width: 1px;
       border-color: #769887;}



/* pagine generiche - es. sezione libri, uomini */

#testone {float: left; clear:both;
          width: 70%;
          margin-top: 10px;
          padding: 10px;
          border-style: none;
          border-width: 0px;
          border-color: #769887; }

#figurine {float: right; clear:both;
           width: 29%;
           margin-top: 10px;
           padding: 5px;
           border-left-style: dashed;
           border-width: 1px;
           border-color: #769887; }