/* Stile Pagina iniziale, Index generale, blog, indice dei canali, dei numeri mensili indexupdttodec08, impostata sugli indici dei canali, con alcune aggiunte (segnalate) per l'indice generale */

body {margin: 0px; background-color: #FFFF99; background-attachment:fixed;}

table {width: auto; height: auto; color: #504c0a; font-size: 13px; font-family: Baskerville, verdana, arial, times new roman; font-style: normal;}

.testata {width: 768px; height: auto; background-color: #bbbcf3; border: 2px solid #9a98f4;}

.logobox {width: 200px;}
.logo {font-family: garamond, Baskerville, verdana, arial; color: #bd3103; font-size: 13px; font-weight: bold;}
.logo:first-letter { font-size: 20px; }
.logob {font-family: garamond, Baskerville, verdana, arial; color: #bd3103; font-size: 12px; font-style: italic; padding-top: 10px; padding-bottom: 20px;}

.topfotobox {background-color: #eff9f6; padding: 20px;}
.topfoto {border: 1px dashed #b8b1f3;} 
div.topfotoind img {width: auto; height: 140px; overflow: hidden; border: 1px dashed #b8b1f3;}
.foto-artic-comunic {width: auto; height: 130px; overflow: hidden;}


.bandbox {width: auto; height: auto; background-color: #d7f3b1; border: 1px solid gray;}
.lingua {height: 33px; background-color: #c6d5f4; text-align: center; font-size: 11px; font-weight: normal; border: 1px solid #b1b6f3; padding-right: 10px; padding-left: 10px;}

.banda1 {background-color: #7774f6; width: 60px; height: 16px;}
.banda2 {background-color: #ffffff; width: 60px; height: 16px;}
.banda3 {background-color: #fa794e; width: 60px; height: 16px;}
.banda4 {background-color: #f3ff11; width: 60px; height: 16px;}
.banda5 {background-color: #bbe200; width: 60px; height: 16px;}


.sfondoblocco {width: 768px; height: 100%; background-color: #bbbcf3; border: 1px solid green;}


.barranavigaz {background-color: white; width: 100%; border: 1px solid green;}

.porz-barra {border: 1px solid #CCCCCC; background-color: white; text-align: center; line-height: 1.5em; padding: 10px;}

.bloccobianco {background-color: white; vertical-align: top;}


 /* Le seguenti due classi servono solo per la pagina indice generale nella home del sito */

.copertina {text-align: center; line-height: 1.5em; font-weight: bold; background-color: white; padding-left: 20px; padding-top: 25px; padding-bottom: 10px; border-bottom: 2px solid #504c0a; border-left: 1px solid #504c0a;}   

.copertina-pginiz {text-align: center; line-height: 1.5em; font-weight: bold; background-color: white; padding-left: 30px; padding-right: 30px; padding-top: 25px; padding-bottom: 10px; border-bottom: 2px solid #504c0a; border-right: 2px solid #504c0a;}

.copertfoto {width: auto; height: 170px; border: 1px solid black;}

div.image img {margin-left: 10px; margin-bottom: 10px; padding: 0px; border: 1px solid black; float: right;}  /* applicato agli img contenuti nei div nelle pagine archivio */

.notizie {text-align: justify; vertical-align: text-top; line-height: 1.5em; font-weight: normal; padding-right: 10px; padding-left: 10px; padding-bottom: 10px;}  / *Dà la formattazione del testo nel blocco centrale e in blocchi esterni */

.articoli {width: 70%; padding-right: 5px; padding-left: 5px;}

.data-articoli {text-align: right; font-size: 12px; font-weight: normal; padding-right: 10px; padding-bottom: 5px;}

.commenti {width: 30%; background-color: #f1f4d2; text-align: justify; font-weight: normal; height: auto; padding: 10px; border: 1px solid gray;}  /* Attualmente inutilizzato */

.tabelline {width: 130px; border: 1px solid gray; background-color: white; text-align: center; padding: 7px; margin: 1px;}  /* Utilizzato solo nel menù orizz.canali della pagina indice generale in italiano */

.menudx {width: 230px; vertical-align: text-top;}

.tabelline2 {width: auto; height: auto; border: 1px solid gray; background-color: #f4efd2; text-align: left; font-weight: bold; margin: 1px; padding: 10px;} 

/*Serve per l'intestazione di tabellinelat, regola anche la larghezza del menù */

.tabellinelat {width: auto; height: auto; border-left: 1px dotted black; border-bottom: 1px dotted brown; background-color: white; text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 15px;}

 /*Serve tabelline2 per l'intestazione di tabellinelat; regola anche la larghezza del menù */

.tabelline2-pginiz {width: 130px; border: 1px solid gray; background-color: #f4efd2; text-align: left; height: 20px; font-weight: bold; padding: 5px; margin: 1px;} /*Serve per l'intestazione di tabellinelat, riduce anche la larghezza del menù */

.tabellinelat-pginiz {width: auto; border-left: 1px dotted black; border-right: 1px dotted black; border-bottom: 1px dotted brown; height: 30px; background-color: white; text-align: left; padding: 5px; margin: 1px;}

 
/* Cambia, all'hover, il colore di fondo delle tabellinelat */

td.tabellinelat {background: white;} 
td.tabellinelat:hover {background: #f4efd2;}

active {text-decoration: none;} /* categoria attiva */

.titolo {font-weight: bold; padding-top: 5px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;}
	 
.titolopar {text-align: left; color: #504c0a; font-size: 14px; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}           /* Attualmente inutilizzato */


.bloccocoda { width: 768px; height: 100%; background-color: #bbbcf3;}   /* solo qui le percent.  */

.intestazionedue {background-color: #eff7f9; border: 1px solid gray; text-align: center; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px;}

.bordo2 {border: 1px solid green;}

.bordo3 {border: 1px solid green;}

.bordo4 {border: 1px solid gray;}

.bordo5 {border: 2px solid gray;}        /* Attualmente inutilizzato */

li {font-size: 13px; line-height: 1.5em; font-weight: light;}  /* Attualmente inutilizzato */
	  
a:link, a:visited {color: #504c0a; text-decoration: none; font-size: 13px;}            /* tutti i menù, link fondo pagina, link cprght - link piccoli  */

a:hover {color: #68570a; text-decoration: underline; font-size: 13px;}

a.linkart:link {color: #504c0a; text-decoration: none; font-style: normal; font-size: 13px;}
a.linkart:hover, a.linklat:visited {color: #68570a; text-decoration: underline; font-style: normal; font-size: 13px; }	

a.linklingua, a.linklingua:visited {color: black; text-align: center; text-decoration: none; font-size: 11px;}   /* scelta lingue - link più piccoli  */

a.linklingua:hover {color: black; text-align: center; text-decoration: underline; font-size: 11px; }

a.catlink, a.catlink:visited {color: #504c0a; text-decoration: none; font-size: 13px;}
a.catlink:hover {color: #68570a; text-decoration: none; font-size: 13px;}

@media screen and (max-width: 1365px) {
}

@media screen and (max-width: 1200px) {
}


@media screen and (max-width: 1024px) {
}


@media screen and (max-width: 535px) {  

/* Da qui in poi, per tenere il layout, essenziale il dimensionamento fisso delle fotografie */


table {font-size: 12px;}
.testata {width: 100%;}

.logobox {width: 140px;}
.logo {font-size: 11px; font-style: normal;}
.logo:first-letter { font-size: 17px; }
.logob {font-size: 10px; padding-top: 5px; padding-bottom: 5px;}


.topfotobox {padding: 10px;}
.topfoto {width: auto; height: 90px; overflow: hidden;}
div.topfotoind img {width: auto; height: 90px; overflow: hidden;}
.foto-artic-comunic {width: auto; height: 110px; overflow: hidden;}

.lingua {height: 27px; padding-right: 3px; padding-left: 3px;}

.banda1 {width: 25px; height: 13px;} 
.banda2 {width: 25px; height: 13px;} 
.banda3 {width: 25px; height: 13px;} 
.banda4 {width: 25px; height: 13px;} 
.banda5 {width: 25px; height: 13px;} 

.porz-barra {line-height: 1.2em; padding: 5px;}

.sfondoblocco {width: 100%;}

.bloccobianco {background-color: white;}

.notizie {padding-right: 5px; padding-left: 5px;} /*Dà la formattazione del testo nel blocco centrale e in blocchi esterni*/

.commenti {width: auto;}  /* Attualmente inutilizzato */

.menudx {width: 160px; vertical-align: text-top;}

.tabellinelat {padding-left: 10px;} /* mantenere elevato il padding delle tabelline per mantenerle cliccabili */

.copertfoto {
  width: auto;
  height: 150px;}

.bandaimg  {width: 1px; height: auto; overflow: hidden; border: 1px solid black;}     /* Solo per la pagina indice generale italiano */

.bloccocoda {width: 100%;}  

.bordo5 {border: 2px solid gray;}        /* Attualmente inutilizzato */
  
a:link, a:visited {font-size: 12px;}   /* tutti i menù, link fondo pagina, link cprght - link piccoli  */

a:hover {font-size: 12px;}

a.linkart:link {font-size: 13px;}
a.linkart:hover, a.linklat:visited {font-size: 13px;}	

a.linklingua, a.linklingua:visited {color: black; text-align: center; text-decoration: none; font-size: 11px;}   /* scelta lingue - link più piccoli  */

a.linklingua:hover {color: black; text-align: center; text-decoration: underline; font-size: 11px;}

}


@media screen and (max-width: 480px) {

/* Da qui in poi, per tenere il layout, essenziali larghezze fisse e dimensionamento fisso delle fotografie */


.logobox {width: 130px;}
.logo {font-weight: bold;}

.topfotobox {background-color: #eff9f6;}
.topfoto {width: auto; height: 80px; overflow: hidden;}
div.topfotoind img {width: auto; height: 80px; overflow: hidden;} /* Applicato agli img contenuti nei div */
.foto-artic-comunic {width: auto; height: 90px; overflow: hidden;}


.banda1 {width: 20px; height: 9px;} 
.banda2 {width: 20px; height: 9px;} 
.banda3 {width: 20px; height: 9px;} 
.banda4 {width: 20px; height: 9px;} 
.banda5 {width: 20px; height: 9px;}
  
.porz-barra {padding: 3px;}


.sfondoblocco {width: 480px; height: 100%;}

.bloccobianco {background-color: white;}
.articoli {width: 310px; padding-right: 5px; padding-left: 5px;}

div.image img {margin-left: 10px; margin-bottom: 10px; padding: 0px; border: 1px solid black; float: right;}  /* applicato agli img contenuti nei div nelle pagine archivio */

.commenti {width: auto;}  /* Attualmente inutilizzato */

.menudx {width: 160px; vertical-align: text-top;}

.copertfoto {width: auto; height: 120px;}

.messforum {width: auto; height: 400px;}           /* Attualmente inutilizzato */

.bandaimg  {width: 1px; height: auto; overflow: hidden;}     /* Solo per la pagina indice generale italiano */

.bordo5 {border: 2px solid gray;}        /* Attualmente inutilizzato */
 
.bloccocoda {width: 480px;}