/* Definizioni dei body */
body,
body#frame,
body#buran,
body#contact {
         width :              90%;
         margin:              1em auto;
         padding:             0;
         text-align:          left;
         background-image:    url(../img/fondo_scorza.jpg);
         font-family:         Verdana, Arial, Helvetica, sans-serif;
         font-size:           100%;
         line-height:         1em;
}
/* NESSUNO SFONDO PER LE FRAME CON IL TESTO */
body#frame {
         margin:              0;
         padding:             0;
         background-image:    none;
         background-color:    #f0f0f0;
}
body#buran {
         background-image:    url(../img/fondo_legno.jpg);
}
body#contact {
         background-image:    url(../img/fondo_fibra.jpg);
}

/* NESSUN COMPORTAMENTO PARTICOLARE SUI LINK*/
a {
         text-decoration:     none;
}

/* Mappe Header e Footer (Dichiarazione Generica)*/
#map_h a,
#map_f a{
         position:            absolute;
         width:               44px;
         margin:              0;
         padding:             0;
}
/* Altezza dell'area attiva  dell'Header */
#map_h a  {
         bottom:              2px;
}
/* Altezza dell'area attiva  del Footer */
#map_f a  {
         top:                 2px;
}

/*Riguardo ai link a Home, Materiale e Immaginario Header e Footer sono uguali*/
a.contact{
         right:               1px;
}
a.contact:hover{
         border:              2px solid #FFFFFF;
}

a.archivio{
         right:               46px;
}
a.archivio:hover {
         border:              2px solid #FFFFFF;
}

a.credits{
         right:               91px;
}
a.credits:hover{
         border:              2px solid #FFFFFF;
}

a.immaginario{
         right:               136px;
}
a.immaginario:hover{
         border:              2px solid #FFFFFF;
}

a.materiale{
         right:               181px;
}
a.materiale:hover {
         border:              2px solid #FFFFFF;
}

a.home{
         right:               226px;
}
a.home:hover {
         border:              2px solid #FFFFFF;
}


.rigo_archivio{
         margin:              0;
         padding:             0;
         height:              7.60em;
         background-image:    url(../img/row_archivio.jpg);
         border-bottom:       1px solid #421C0B;
}
.left, .center, .right {
         position:            absolute;
         width:               10%;
         height:              7.5em;
         cursor:              pointer;
}
.left{
         left:                0;
}
.center {
         left:                10%;
         width:               80%;
         margin:              auto;
         font-family:         Arial, Helvetica, sans-serif;
         text-align:          center;
         color:               #421C0B;
         font-weight:         bold;
         font-size:           1.50em;
}
.right {
         right:               0;
}



#globalcontainer,
#header,
#footer,
#splashcontainer,
#col_materiale,
#col_immaginario,
#col_titoli,
#col_frame,
#col_left,
#col_center,
#col_right,
#framecontainer {
         position:            relative;
         width :              100%;
         margin:              0;
         padding:             0;
         overflow:            hidden;
         background-color:    #f0f0f0;
}
#globalcontainer {
         font-size:           0.75em;
         border:              1px solid #421C0B;      /*Marrone*/
}
#footer {
         clear:               both;
}
#splashcontainer {
         width :              60%;
         margin:              auto;
         background-color:    transparent;
}
/* HOME.htm Colonna Materiale */
#col_materiale {
         width:               43%;
         float:               left;
}
/* HOME.htm Colonna Immaginario */
#col_immaginario {
         width:               43%;
         float:               left;
}
/* MATERIALE.htm IMMAGINARIO.htm Colonna Titoli */
#col_titoli {
         width:               30%;
         float:               left;
         overflow:            auto;
}
/* MATERIALE.htm IMMAGINARIO.htm Frame Colonna contenente la Frame */
#col_frame {
         width:               70%;
         float:               right;
}
/* BURAN.htm CREDITS.htm Colonna vuota a sinistra */
#col_left {
         width:               14%;
         float:               left;
}
/* BURAN.htm CREDITS.htm Colonna centrale */
#col_center {
         width:               72%;
         float:               left;
}
/* HOME.htm Colonna Archivio BURAN.htm CREDITS.htm Colonna a destra */
#col_right {
         width:               14%;
         float:               right;
         text-align:          left;
}
#framecontainer {
         padding:             0 0.5em;
         font-size:           0.75em;
}
iframe#iframed {
         margin:              0;
         padding:             0;
         width:               100%;
         height:              200em;
}

#collaboratore{
         width:               30%;
         float:               left;
         color:               #330000;
         font-weight:         bold;
}
#attivita{
         width:               50%;
         float:               left;
         color:               #330000;
}
#email_link{
         width:               8%;
         float:               left;
         color:               #7E0000;
         font-weight:         bold;
}
#blog_link{
         width:               8%;
         float:               left;
         color:               #7E0000;
         font-weight:         bold;
}
#ringraziamenti {
         clear:               both;
         color:               #330000;
}

div.box_anteprima,
div.box_pareggio,
div.box_generic,
div.bordo,
div.box_frame{
         position:            relative;
         width:               auto;
         margin:              auto;
         padding:             0;
         overflow:            hidden;
/*         border:              1px solid #421C0B;*/
}

/* Le altezze potrebbero anche non essere definite affatto, ma in questo modo all'allargarsi del carattere
   si perde l'allineamento delle box (senza contare, che con IExplorere non funziona l'overflow del testo
   e non permette lo scrolling del testo)*/
/* Box_anteprima: contiene quadratino, titolo autore traduttore e abstract (in home.html)*/
div.box_anteprima{
         width:               99%;
         padding:             0.5em 0;
         height:              9em;
         cursor:              pointer;
         text-align:          justify;
}
div.box_pareggio{
         padding:             0.5em 0;
         height:              9em;
}
/* box_generic: Nessuna specifica*/
div.box_generic {
         padding:             0.5em;
}
div.bordo {
         border-left:         1px solid #421C0B;
         border-right:        1px solid #421C0B;
}
#box_pdf {
         cursor:              pointer;
         width:               25px;
         height:              25px;
         margin:              auto;
         background-image:    url(../img/icona_pdf.jpg);
}
#box_archivio {
         cursor:              pointer;
         width:               25px;
         height:              25px;
         margin:              auto;
         background-image:    url(../img/archivio.jpg);
         border:              1px solid #421C0B;
}
/* Box_Frame: Contiene la Frame con Testo o Foto. L'altezza non � specificata ma lo � nell'iframe pi� sotto*/
div.box_frame {
         margin:              auto;
         padding:             0.5em 0;
         text-align:          justify;
}


div.box_indent{
         margin:              0 0.25em 0 0;
         padding:             0;
         width:               1em;
         height:              4em;
         float:               left;
/*         border:              1px solid #421C0B;*/
}

.titolonumero,
.uscitoil,
.copyright {
         position:            absolute;
         margin:              0;
         padding:             0;
         font-family:         Arial, Helvetica, sans-serif;
         color:               #421C0B;      /*Marrone*/
         font-weight:         bold;
}
.titolonumero{
         right:               6px;
         top:                 35%;
         font-size:           1.50em;
}
.uscitoil {
         right:               6px;
         top:                 50%;
         font-size:           1.25em;
}
.copyright  {
         left:                6px;
         bottom:              0.5em;
         font-size:           1.125em;
}


.BigRedTitle, .MiddleRedTitle{
         color:               #7E0000;  /*Sangue di Bue*/
         font-size:           1.75em;
         font-weight:         bold;
         margin:              0;
         padding:             0;
}
.MiddleRedTitle{
         font-size:           1.4em;
}

.titolo,
.segnalatoda{
         color:               #330000;  /*Marrone scurissimo*/
         font-size:           1.250em;
         font-weight:         bold;
}

.autore{
         color:               #330000;  /*Marrone scurissimo*/
         font-weight:         bold;
         font-size:           1em;
}
.traduttore{
         color:               #330000;  /*Marrone scurissimo*/
}
.abstract {
         color:               #330000;
         text-align:          justify;
}
.testo {
         color:               #330000;  /*Marrone scurissimo*/
         margin:              0;
         padding:             0;
}
.link {
         color:               #7E0000;  /*Sangue di Bue*/
         font-weight:         bold;
}
.grassetto {
         color:               #330000;  /*Marrone scurissimo*/
         font-weight:         bold;
}
.normale {
         color:               #330000;  /*Marrone scurissimo*/
}
.fotosplash {
         background-color:    #EFE9D9; /*#E5DBC2;*/
         color:               #330000; /*Marrone scurissimo*/
         font-weight:         bold;
         text-align:          center;
}
.nota {
         font-size:           0.750em;
         color:               #330000;  /*Marrone scurissimo*/
}
.centered {
         margin:              auto;
         text-align:          center;
}
.destra {
         text-align:          center;
}


img,
img#pdf,
img#archivio,
img#sezione {
         width:               100%;
         border:              none;
}
img#pdf, img#archivio {
         width:               25px; /* In Pixel, cos� resta fisso */
         height:              25px;
}
img#sezione {
         width:               24em;
         height:              8.5em;
}
img#ed_est {
         width:               208px;
         height:              77px;
         border:              none;
}
img#w3c {
         width:               88px;
         height:              31px;
         border:              none;
}
/* img.anteprima: Usata per visualizzare l'anteprima delle foto (in home.htm)*/
img.anteprima {
         width :              90%; /* In percentuale, che non trasbordi oltre il contenitore*/
         height:              55%;
         padding:             0.5em 0;
         border:              none;
}
img.widepic {
         display:             block;
         width:               100%;
}

img.quadratino {
         display:             block;
         width:               1em;
         height:              1em;
}

div.freccette {
         width:               18px; /* In Pixel, cos� resta fisso */
         height:              16px;
         margin:              0 0 0 auto;
         border:              none;
         background-image:    url(../img/freccette.jpg);
}
div.freccette_pareggio {
         width:               18px; /* In Pixel, cos� resta fisso */
         height:              16px;
         margin:              0 0 0 auto;
         border:              none;
         background-image:    none;
}
.gif_Materiale{
         width:               106px; /* In Pixel, cos� resta fisso */
         height:              104px;
         margin:              0 0.5em 0 0;
         border:              none;
         background-image:    url(../img/materiale.jpg);
         float:               left;
}
.gif_Immaginario{
         width:               106px; /* In Pixel, cos� resta fisso */
         height:              104px;
         margin:              0 0.5em 0 0;
         border:              none;
         background-image:    url(../img/immaginario.jpg);
         float:               left;
}
.pdf2{
         display:             block;
         width:               25px; /* In Pixel, cos� resta fisso */
         height:              25px;
         border:              none;
         background-image:    url(../img/icona_pdf.jpg);
         float:               right;
}


SUB {   font-size:            80%;     /* Apice. Utile per Formule Chimiche e per Note*/
}  

SUP {   font-size:            80%;     /* Apice. Utile per Formule Matematiche e per Note*/
}