html {font-size: 16px;}  

body {padding-right: 10px;} /*Evita che l'articolo a destra vada oltre il margine */

.documento {width: 760px; height: 100%; background-color: white; text-align: justify; font-style: normal; font-size: 14px; line-height: 2.5em; font-family: Baskerville, verdana, arial, times new roman; color: #211C04; padding-left: 20px;} 
                                  
.titoloart {text-align: left; color: #211C04; font-size: 14px; font-weight: bold; padding-top: 5px;}
		 
.titolopar {text-align: left; background-color: white; color: #211C04; font-size: 16px; font-weight: normal; font-style: italic;} 
/* nei casi in cui il titolopar stuttura tutto l'articolo, esso è introdotto da H2 anziché P */
        
.related_articles {font-style: italic; font-size: 12px;} 	

.introduzione {font-style: italic;} 

.note {font-style: italic;}


div.introparagrafo {font-style: italic; padding-top: 10px; padding-bottom: 10px;}

div.paragrafo {padding-top: 10px; padding-bottom: 10px;}

/* prova più recente modifica paragrafi */


div.foto-artic-comunic img {margin-right: 15px; border: 1px solid black; float: left;}  /* ho dovuto eliminare la dimensione di questo img perché, inspiegabilmente, ingrandiva enormemente l'icona RSS; resta uguale nei CSS dei blog, che per il resto sono sovrapponibili */

.notafig {font-style: italic;} 

.foto {padding: 20px;}  /* applicato agli img più vecchi con link diretto all'immagine*/	

a > img {border: 0;} /* Non bordo per le immagini clickabili, poste in link */  
	 	 
.footer {background-color: white; text-align: left; font-size: 12px;
         padding-right: 10px;}  /* Intestaz. per le fonti in fondo articolo, quando sono molte */	

.autoresup {text-align: justify; font-size: 14px; font-style: italic;
            padding-top: 10px; padding-bottom: 10px;}
		 
.autoresub {text-align: justify; font-weight: bold;
            padding-top: 10px; padding-bottom: 5px;}	
	
.striscialink {padding-top: 15px; text-align: center;}

ul {padding: 15px;}

ol {padding: 15px;}
	
#1 {font-weight: normal;} /* rende normale testo nel titolo */

#2 {font-weight: bold;}

#3 {font-style: italic;}

#50 {text-align: center;}	 /* per l'allineamento al centro  */
	

a:link, a:visited {color: #211C04; text-decoration: none; font-size: 1em; font-weight: normal;}

a:hover {color: #211C04; text-decoration: underline;}
		  
/* Di seguito i nuovi intertext, linkiterno, linkauthor e normal-dashed per link automatici; l'hover è quello del link base e cioè sottolineato */

.indepth-lnk-style {text-decoration: underline; text-decoration-style: dashed; font-size: 14px; font-style: italic; font-weight: normal;}

.insite-lnk-style {text-decoration: underline; text-decoration-style: dashed; font-size: 14px; font-style: italic; font-weight: normal;}

.author-lnk-style {text-decoration: underline; text-decoration-style: dashed; font-size: 14px; font-style: italic; font-weight: normal;}

.basic-style {} /* Classe per identificare i link senza specifiche formattazioni, ovvero quelli isolati dal testo */

.cprght {margin-top: 25px; text-align: center;}

.apice {vertical-align: super; font-size: 9px; font-weight: bold;}

/* I due link che seguono cambiano il colore di fondo all'hover */

span.linkstr {background-color: white; border: 1px solid black; text-align: center; margin: 5px; padding: 5px;}

span.linkstr:hover {background: #f4efd2; border: 1px solid black; text-align: center; margin: 5px; padding: 5px;}


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

/* Inserire qui i parametri differenziali per smartphone con risoluzione massima a 1200px */
/* questa è la risoluzione dell'HP Pavillion G Series */

}

 
/* parametri differenziali per smartphone con risoluzione massima a 1024px */

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

html {font-size: 16px;} 

.documento {width: 760px; height: 100%; background-color: white; text-align: justify; font-style: normal; font-size: 16px; line-height: 2.5em; font-family: Baskerville, verdana, arial, times new roman; color: #211C04; padding-left: 10px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;} 
                                    /* Senza il padding-top si apre una linea sopra tra il document e il body*/

.titoloart {text-align: left; color: #211C04; font-size: 16px; font-weight: bold; padding-top: 5px;}
		 
.titolopar {text-align: left; background-color: white; color: #211C04; font-size: 18px; font-weight: normal; font-style: italic;}
        
.related_articles {font-style: italic; font-size: 12px;} 	
			   
div.foto-artic-comunic img {margin-right: 15px; border: 1px solid black; float: left;}  /* ho dovuto eliminare la dimensione di questo img perché, inspiegabilmente, ingrandiva enormemente l'icona RSS; resta uguale nei CSS dei blog, che per il resto sono sovrapponibili */

.notafig {font-style: italic;} 

.foto {padding: 20px;}  /* applicato agli img più vecchi con link diretto all'immagine*/	   
	 	 
.footer {background-color: white; text-align: left; font-size: 14px;
         padding-right: 10px;}  /* Intestaz. per le fonti in fondo articolo, quando sono molte */	

.autoresup {text-align: justify; font-size: 14px; font-style: italic;
            padding-top: 10px; padding-bottom: 10px;}
		 
.autoresub {text-align: justify; font-weight: bold;
            padding-top: 10px; padding-bottom: 5px;}	
	
.striscialink {padding-top: 15px; text-align: center;}

span.linkstr {background-color: white; border: 1px solid black; text-align: center; margin: 5px; padding: 5px;}

span.linkstr:hover {background: #f4efd2; border: 1px solid black; text-align: center; margin: 5px; padding: 5px;}
	
#1 {font-weight: normal;} /* rende normale testo nel titolo */

#2 {font-weight: bold;}

#3 {font-style: italic;}

#50 {text-align: center;}	 /* per l'allineamento al centro  */
			  

.cprght {margin-top: 25px; text-align: center;}

.apice {vertical-align: super; font-size: 9px; font-weight: bold;}

}


/* parametri differenziali per smartphone con risoluzione massima a 768px */

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

html {font-size: 100%;}            /*100% in un browser è di solito 16px */

.documento {width: 100%; height: 100%; background-color: white; text-align: justify; font-style: normal; font-size: 0.875em; line-height: 1.5em; font-family: Baskerville, verdana, arial, times new roman; color: #211C04; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}      /* 0.875 è 14px */

.titoloart {background-color: #FFFEDE; color: #211C04; font-size: 0.875em; font-weight: bold; border: 1px dashed black; padding: 10px;} /*0.812em è 13px */

.titolopar {text-align: left; background-color: white; color: #211C04; font-size: 0.875em; font-weight: normal; font-style: italic; padding: 10px;} /* 0.875 è 14px */
        
.related_articles {font-style: italic; font-size: 0.875em;}
			   
div.foto-artic-comunic img {margin-right: 15px; border: 1px solid black; float: left;}  /* ho dovuto eliminare la dimensione di questo img perché, inspiegabilmente, ingrandiva enormemente l'icona RSS; resta uguale nei CSS dei blog, che per il resto sono sovrapponibili */

.notafig {font-style: italic;} 

.foto {padding: 20px;}  /* applicato agli img più vecchi con link diretto all'immagine*/	   
	 
		 
.footer {background-color: white; text-align: left; font-size: 0.625em;   /* 0.625em è 10px */
         padding-right: 10px;}    /* Intestaz. per le fonti in fondo articolo, quando sono molte */	

.autoresup {text-align: justify; font-size: 0.875em;; font-style: italic;      /* 0.875 è 14px */
            padding-top: 10px; padding-bottom: 10px;}
		 
.autoresub {text-align: justify; font-size: 0.875em; font-weight: bold;      /* 0.875 è 14px */
            padding-top: 10px; padding-bottom: 5px;}

.sup /* elevazione a potenza e indice di nota numerica; da reinserire */
		
.striscialink {padding-top: 5px; padding-bottom: 3px; text-align: left;}
		
span.linkstr {background-color: white; border: 1px solid black; text-align: center; margin: 2px; padding: 2px;}

span.linkstr:hover {background: #f4efd2; border: 1px solid black; text-align: center; margin: 2px; padding: 2px;}

div span {display: block;}

#1 {font-weight: normal;} /* rende normale testo nel titolo */

#2 {font-weight: bold;}

#3 {font-style: italic;}

#50 {text-align: center;}	 /* per l'allineamento al centro  */

/* la classe normal-dashed è uguali a quella base, tranne per il dashed sotto i link a riposo e si usa per liste di link, con template articolo */
			  
a:link, a:visited {color: #211C04; text-decoration: none; font-size: 1em; font-weight: normal;}

a:hover {color: #211C04; text-decoration: underline; text-decoration-style: solid; font-size: 1em; font-weight: normal;}

a.normal-dashed:link, a.normal-dashed:visited {color: #211C04; text-decoration: underline; text-decoration-style: dashed; font-size: 1em; font-weight: normal;}

a.normal-dashed:hover {color: #211C04; text-decoration: underline; text-decoration-style: solid; font-size: 1em; font-weight: normal;}

/* Di seguito il nuovo normal-dashed per link automatici; l'hover è quello del link base e cioè sottolineato */

.normal-dashed {color: #211C04; text-decoration: underline; text-decoration-style: solid; font-size: 1em; font-weight: normal;}


.cprght {margin-top: 25px; text-align: center;}

.apice {vertical-align: super; font-size: 0.625em; font-weight: bold;}      /*0.625em è 10px */

}
 

/* parametri differenziali per smartphone con risoluzione massima a 480px */

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

html {font-size: 100%;}            /*100% in un browser è di solito 16px */

.documento {width: 100%; height: 100%; background-color: white; text-align: justify; font-style: normal; font-size: 0.875em; line-height: 1.5em; font-family: Baskerville, verdana, arial, times new roman; color: #211C04; padding-top: 1px; padding-bottom: 1px;}      
/* 0.875 è 14px */

.titoloart {background-color: #FFFEDE; color: #211C04; font-size: 0.875em; font-weight: bold; border: 1px dashed black; padding: 10px;} /*0.812em è 13px */

.titolopar {text-align: left; background-color: white; color: #211C04; font-size: 0.875em; font-weight: normal; font-style: italic; padding: 10px;} /* 0.875 è 14px */
        
.related_articles {font-style: italic; font-size: 0.875em;}
			   
div.foto-artic-comunic img {margin-right: 15px; border: 1px solid black; float: left;}  /* ho dovuto eliminare la dimensione di questo img perché, inspiegabilmente, ingrandiva enormemente l'icona RSS; resta uguale nei CSS dei blog, che per il resto sono sovrapponibili */

.notafig {font-style: italic;} 

.foto {padding: 20px;}  /* applicato agli img più vecchi con link diretto all'immagine*/	   
	 
		 
.footer {background-color: white; text-align: left; font-size: 0.625em;   /* 0.625em è 10px */
         padding-right: 10px;}    /* Intestaz. per le fonti in fondo articolo, quando sono molte */	

.autoresup {text-align: justify; font-size: 0.875em;; font-style: italic;      /* 0.875 è 14px */
            padding-top: 10px; padding-bottom: 10px;}
		 
.autoresub {text-align: justify; font-size: 0.875em; font-weight: bold;      /* 0.875 è 14px */
            padding-top: 10px; padding-bottom: 5px;}
		
.striscialink {padding-top: 5px; padding-bottom: 3px; text-align: left;}
		
span.linkstr {background-color: white; border: 1px solid black; text-align: center;}

span.linkstr:hover {background: #f4efd2; border: 1px solid black; text-align: center;}

div span {display: block;}

#1 {font-weight: normal;} /* rende normale testo nel titolo */

#2 {font-weight: bold;}

#3 {font-style: italic;}

#50 {text-align: center;}	 /* per l'allineamento al centro  */

/* la classe normal-dashed è uguali a quella base, tranne per il dashed sotto i link a riposo e si usa per liste di link, con template articolo */
			  
a:link, a:visited {color: #211C04; text-decoration: none; font-size: 1em; font-weight: normal;}

a:hover {color: #211C04; text-decoration: underline; text-decoration-style: solid; font-size: 1em; font-weight: normal;}

a.normal-dashed:link, a.normal-dashed:visited {color: #211C04; text-decoration: underline; text-decoration-style: dashed; font-size: 1em; font-weight: normal;}

a.normal-dashed:hover {color: #211C04; text-decoration: underline; text-decoration-style: solid; font-size: 1em; font-weight: normal;}

/* Di seguito il nuovo normal-dashed per link automatici; l'hover è quello del link base e cioè sottolineato */

.normal-dashed {color: #211C04; text-decoration: underline; text-decoration-style: solid; font-size: 1em; font-weight: normal;}



a.linkinterno:link, a.linkinterno:visited {color: #211C04; text-decoration: underline; text-decoration-style: dashed; font-size: 0.875em; font-style: italic; font-weight: normal;}

a.linkinterno:hover {color: #964E09; text-decoration: underline; text-decoration-style: solid; font-size: 0.875em; font-style: italic; font-weight: normal;}

a.linkauthor:link, a.linkauthor:visited {color: #211C04; text-decoration: underline; text-decoration-style: dashed; font-size: 0.875em; font-style: italic; font-weight: normal;}

a.linkauthor:hover {color: #964E09; text-decoration: underline; text-decoration-style: solid; font-size: 0.875em; font-style: italic; font-weight: normal;}

a.intertext:link, a.intertext:visited {color: #211C04; text-decoration: underline; text-decoration-style: dashed; font-size: 0.875em; font-style: italic; font-weight: normal;}

a.intertext:hover {color: #964E09; text-decoration: underline; text-decoration-style: solid; font-size: 0.875em; font-style: italic; font-weight: normal;}

/* Di seguito i nuovi intertext, linkiterno e linkauthor per link automatici; l'hover è quello del link base e cioè sottolineato */

.intertext {color: #211C04; text-decoration: underline; text-decoration-style: dashed; font-size: 0.875em; font-style: italic; font-weight: normal;}

.linkinterno {color: #211C04; text-decoration: underline; text-decoration-style: dashed; font-size: 0.875em; font-style: italic; font-weight: normal;}

.linkauthor {color: #211C04; text-decoration: underline; text-decoration-style: dashed; font-size: 0.875em; font-style: italic; font-weight: normal;}

.cprght {margin-top: 25px; text-align: center;}

.apice {vertical-align: super; font-size: 0.625em; font-weight: bold;}      /*0.625em è 10px */

}