/* REGOLE CSS PERSONALIZZATE by Eli 
   tra parentesi [] sono riportate le eventuali righe di riferimento del file "originale" style.css */

/* CSS SPECIFICI PER CHROME
   visualizzazione su Mozilla Firefox, Internet Explorer, Safari e Opera: OK
   visualizzazione su Chrome: font troppo piccole!
****************************************************************************** */
/* correzione style.css */
.chrome #content {font-size: 16px;}
.chrome #footer {font-size: 14px;}
.chrome #content .post h1 {font-size: 26px; line-height:33px;}
.chrome #content h2 {font-size: 21px; line-height:30px;}
.chrome #content h3 {font-size: 19px; line-height:28px;}
.chrome #content h4 {font-size: 18px; line-height:25px;}
.chrome #content h5 {font-size: 16px; line-height:23px;}
.chrome #content h6 {font-size: 15px; line-height:22px;}
.chrome #content #page ul li, .chrome #content .post ul li {line-height:25px;}
.chrome ul.sidebar li.widget-container, .chrome ul.sidebar li.pagenav, 
	.chrome ul.sidebar li.categories {line-height:27px;}
.chrome ul.sidebar h3.widget-title {font-size: 14px;}
.chrome ul.sidebar li.widget_archive ul li, 
	.chrome ul.sidebar li.widget_pages ul li.page_item, 
	.chrome ul.sidebar li.widget_categories ul li.cat-item, 
	.chrome ul.sidebar li.widget_links ul.blogroll li, 
	.chrome ul.sidebar li.widget_nav_menu ul#menu-navigation li.menu-item, 
	.chrome ul.sidebar li.widget_meta ul li {line-height:27px;}
.chrome #search-input {font-size:14px;}
.chrome #chrome #searchsubmit {font-size:14px;}
.chrome #content .post p, .chrome #content .page p {font-size: 16px; line-height:27px;}
.chrome #content .post p small {font-size:15px;}
.chrome #content blockquote p cite {font-size:14px;}
.chrome #content p.wp-caption-text {font-size:14px;}
.chrome #footer p {line-height:22px;}
.chrome #page h1 {font-size: 23px; line-height:30px;}
.chrome #page h2 {font-size: 19px;}
.chrome #page p {font-size: 16px; line-height:27px;}
.chrome #page p small {font-size: 15px;}
/* correzione Custom CSS */
.chrome ul.sidebar {font-size: 16px;line-height: 28px;}
.chrome #text-2 {line-height:18px !important;}
/* ***************************************************************************** */




/**************************************************************************************
 * MODIFICHE DI BASE AL TEMA                                                          *
 **************************************************************************************/

/* modifica larghezza pagina [r. 46] */
#wrap {
    max-width: 1000px;   /* MODeli: era max-width: 960px; */
    margin: 10px;   /* MODeli: era margin: 20px auto 0 auto; */
    padding: 0px 20px 0px 10px; /* MODeli: era     padding: 0px 30px 0px 30px; */
}

/* modifica larghezza sidebar [r.52] */
#sidebar-primary {
    width: 205px; /* MODeli: era width:240px; */
}

.chrome #sidebar-primary {
  width: 240px;
}

/* modifica grandezza caratteri nella sidebar [r.191] */
ul.sidebar {
        font-size: 14px;   /* MODeli: era font-size: 12px; */
        line-height: 24px;   /* MODeli: era line-height:18px; */
    text-align: right;   /* AGGeli */
}

/* AGGeli: annulla il text-align di cui sopra nel titolo di "cerca"... */
ul.sidebar h3.widget-title {
    text-align: left;
}

/* AGGeli: bordini... */
.menu-menu-1-container {
    border-right: 2px dotted #BDBDBD;
    border-bottom: 2px dotted #BDBDBD;
    padding-right: 20px;
    padding-bottom: 10px;
    
}

/* AGGeli: formattazione analoga per il nuovo widget "Menu 1943"... */
#text-2 {
    border-right: 2px dotted #BDBDBD;
    border-top: 2px dotted #BDBDBD;
    padding-right: 20px;
    padding-top: 10px;
    font-size: 1em;
    line-height:15px !important;
}
#text-2 a {
    font-size: 1em;
}

/* per analogia col menu principale */
#text-2 a:link, #text-2 a:visited {
	color: #3C3C3C !important;
  	text-decoration: none !important;
}


#text-2 a:hover {
	color: #1982D1 !important;
  	text-decoration: underline !important;
}


#text-2 h3.widget-title {
  	font-size: 14px;
  	text-transform: none;
  	text-align: right;
}

/* modifiche varie (h righe, padding, bordino) sidebar[r.195] */
ul.sidebar li.widget-container, ul.sidebar li.pagenav {
    padding:0px;  /*MODeli: era padding:0px 0px 10px 0px; */
    border-bottom:0;   /*  MODeli: era border-bottom:1px dotted #4C4C4C; */
    line-height: 20px;  /* MODeli: era line-height:23px; */
    margin: 0px 0px 15px; /* MODeli: era margin: 0px opx 30px; */
}

/* aggiunta: link pagina attiva in grassetto */
.current_page_item > a {
        font-weight: bold;
}

/* struttura pagina attuale (larghezza...)
   | #sidebar-primary (240px) |          #main (75%)                                  |
   |                          |#content (62,5%) -> #page | #sidebar-secondary (20,8%) |
   *************************************** MODeli *************************************
   |    ok così...anzi no!    |          95%            |     display: none;         |  
   | vedi r.29                |                         |    tanto a noi non serve!  |
------------------------------------------------------------------------------------------*/
/* modifica div content [r.63] */
#content {
    width: 95%;   /* MODeli: era width: 62.5%; */
    padding: 0px 0px 0px 80px; /* MODeli:era padding:0px 0px 0px 60px; */
}
/* modifica div page [r. 721] */
#page {
      padding:0px 20px 6px 0px;   /* MODeli: era padding:0px 0px 6px 0px; */
      border-bottom: 0;   /* MODeli: era border-bottom:1px dotted #4C4C4C; */
}
/* modifica div sidebar-secondary [r.70] */
#sidebar-secondary {
    /*display: none;*/   /* AGGeli! */
}

/* modifica spazio per il logo... tanto non lo usiamo! */
.logo {
	display: none;
}
/* r.212 */
#sidebar-primary .logo {
	margin: 0px; /* MODeli: era margin: 0px opx 30px */
}

/* modifica form "cerca"  [r.280 e seguenti]*/
.search-input {
    width: 70%;   
        /* MODeli1: era width: 95%;  così campo e pulsante stanno sulla stessa riga */
    /* MODeli2: era diventato width: 75%;  
           così campo e pulsante stanno sulla stessa riga anche avendo ridotto
        la larghezza della sidebar da 240 a 200px  */}
#searchsubmit {
        background: #4C4C4C;
        border: 1px solid #F7F7F7;   /* MODeli: era border:none; */
        border-radius: 25px;   /* AGGeli */
        font-size: 12px;   /* MODeli: era font-size: 12px; */
    color: #F7F7F7;   /* MODeli: era color:#fff; */
        margin-top: -2px;   /* AGGeli */
}


/* AGGeli... sistemazione conteniore immagini [r.436] */
#content .wp-caption {
    padding: 20px 250px 30px;
}

/**************************************************************************************
 * PULIZIA PAGINE: noi non vogliamo visualizzare il titolo della pagina               *
 * (<h2> per la home e <h1> per le altre pagine...                                    *
 * Se modificassimo le regole [r.726 per <h1> e r.731 per <h2>]                       *
 * come faremo per i commenti e cioè così:                                            *
 *       #page h1, #page h2 {                                                         *
 *        display: none;                                                          *
 *       }                                                                            *
 * non vedremmo più nessun <h1> o <h2> presente nella pagina...                       *
 * Per ovviare a questo problema, ho modificato il file page.php assegnando a <h1> e  *
 * <h2> un'apposita classe "noTitolo": così saranno solo questi <h1> e <h2> a non     *
 * essere più visualizzati!                                                           *
 *   r.21   <h2 class="noTitolo"><?php the_title(); ?></h2>                       *
 *                       <!-- AGGeli: class="noTitolo", prima solo <h2> -->           *
 *                                                                                    *
 *   r.25   <h1 class="noTitolo"><?php the_title(); ?></h1>                       *
 *                       <!-- AGGeli: class="noTitolo", prima solo <h1> -->           *
 **************************************************************************************/

/* ...allora togliamo il titolo "automatico" alle pagine (ce lo rimettermo noi...!!! */
h1.noTitolo, h2.noTitolo {
    display: none;
}

/* NO commenti */
#comments-content {
    display: none;   /* AGGeli */
}

/**************************************************************************************
 * INSERIMENTO "HEADER" nel <div> id="main" (per img logo...)                         *
 * nel file page.php creato nuovo <div id="newHeader">                                *
 *   r. 5   <div id="main">                                                           *
 *   r. 6                                                                             *
 *   r. 7      <div id="newHeader">  <!-- AGGeli... per inserire header con logo! --> *
 *   r. 8     <img alt="logo" title="logo" src="images/newLogo.png" />                *
 *   r. 9      </div>                                                                 *
 *   r.10                                                                             *
 *   r.11      <div id="content">  ...etc...                                          *
 **************************************************************************************/

/* LE REGOLE VARIANO IN BASE AI PARAMETRI PER SITO RESPONSIVE */

/* ************************************************************************************
 * 1) modifiche a #main                                                               *
 *    margin-top (era 85px) per inserimento "header" [r.58]                           *
 *    margin-right (non previsto) e width (era 75%)  per sfruttare meglio lo spazio...*
 * + eventuali modifiche a #content, #page e #sidebar-primary                         *
 * ************************************************************************************/


/* telefonino verticale (320x480px) */
@media screen and (max-width: 320px) {
    #main {
    	width:120%;
    	margin-top: -50px;
    	margin-right: -150px;
    }
    #content {
    	padding: 0;
    }
    #sidebar-primary {
    	width: auto;
    }
}


/* telefonino orizzontale (480x320px) */
@media screen and (min-width: 321px) and (max-width: 480px) {
    #main {
    	width:113%;
    	margin-top: -50px;
    	margin-right: -150px;
    }
    #content {
    	padding: 0 0 0 10px;
    }
    #sidebar-primary {
    	width: auto;
    }
}


/* tablet piccolo verticale (600x800) */
@media screen and (min-width: 481px) and (max-width: 600px) {
    #main {
    	width: 95%;
    	margin-top: -50px;
    	margin-right: -150px;
    }
    #content {
    	width: 100%;
    	padding: 0 0 0 20px;
    }
    #sidebar-primary {
    	width: auto;
    }
}


/* tablet piccolo orizzontale (800x600)e tablet verticale (768x1024) */
@media screen and (min-width: 601px) and (max-width: 800px) {
    #main {
    	width: 95%;
    	margin-top: -50px;
    	margin-right: -150px;
    }
    #content {
    	width:80%;
    	padding:0;
    }
    #page {
    	padding: 0 10px 6px 40px
    }
}


/* tablet orizzontale (1024x768) */
@media screen and (min-width: 801px) and (max-width: 1030px) {
    #main {
    	width: 95%;
    	margin-right: -90px;
    	margin-top: -50px;
    }
    #content {
    	width: 90%;
    	padding: 0 0 0 80px;
    }
    #page {
    	padding: 0 200px 6px 0;
    }
}


/* pc */
@media screen and (min-width: 1031px) {
	#main {
		width: 95%; 
		margin-right: -150px;
		margin-top: -50px;
	}
}



/* ************************************************************************************
 * 2) AGGeli per nuovo <div> id="newHeader" contenitore dell'immagine newLogo.png     * 
 * ************************************************************************************/

/* per tutti i dispositivi */
#newHeader {
    padding-bottom: 20px;
    text-align: center;
}



/* ************************************************************************************
 * 3) regole per immagine #logo                                                       *
 *    per corretto dimensionamento e per "centrarla" meglio!                          *
 * ************************************************************************************/


/* telefonino verticale (320x480px) */
@media screen and (max-width: 320px) {
    #logo {
    	max-width: 280px;
    	padding: 0;
    	margin-left: -45px;
    }

}

/* telefonino orizzontale (480x320px) */
@media screen and (min-width: 321px) and (max-width: 480px) {
    #logo {
    	max-width: 420px;
    	padding: 0;
    	margin-left: -45px;
    }
}

/* tablet piccolo verticale (600x800) */
@media screen and (min-width: 481px) and (max-width: 600px) {
    #logo {
    	max-width: 450px;
    	padding-left: 22px;
    }
}

/* tablet piccolo orizzontale (800x600)e tablet verticale (768x1024) */
@media screen and (min-width: 601px) and (max-width: 800px) {
    #logo {
    	max-width: 450px;
    	padding: 20px 0 0 20px;
    	margin-left: -125px;
    }

}


/* tablet orizzontale (1024x768) */
@media screen and (min-width: 801px) and (max-width: 1024px) {
    #logo {
    	max-width: 500px;
    	padding: 10px 0 0 0;
    }
}

/* pc */
@media screen and (min-width: 1025px) {
#logo {
	max-width: 100%; 
	padding-left: 90px;
}
}


/**************************************************************************************
 * MODIFICA COLORE LINK (li rimetto come nel vecchio sito "celestino" #1982d1)        *
 *                                                                                    *
 * attuale:                                                                           *   
 *    menu vert., meta, commenti, footer -> link  #999 (grigio chiaro)                *
 *                                          hover #88C34B (verde chiaro) sottolineato *
 *    link nel testo -> link  #88C34B (verde chiaro)                                  *
 *                      hover #88C34B (verde chiaro) sottolineato                     *
 *    pulsanti -> hover #88C34B (verde chiaro)                                        *
 *                                                                                    *
 * modificato:                                                                        *   
 *    menu vert., meta, commenti, footer -> link  #999 (grigio un pochino più scuro)  *
 *                                          hover #1982d1 (celestino) sottolineato    *
 *    link nel testo -> link  #1982d1 (celestino)                                     *
 *                      hover #1982d1 (celestino) sottolineato                        *
 *    pulsanti -> hover #1982d1 (celestino)                                           *
 *                                                                                    *
**************************************************************************************/
/* MODeli [r. 151-154-157-160] */
a, ul.sidebar li.widget_text a {
    color:#1982d1;
}
ul.sidebar a, p.meta a, .comment-meta a, 
p.logged-in-as a, a.post-edit-link, #footer a {
    color:#3C3C3C;
}
#content h2 a:hover, ul.sidebar a:hover, .comment-meta a:hover, 
p.logged-in-as a:hover, p.meta a:hover, a.post-edit-link:hover, #footer a:hover {
        color:#1982d1;
}
#searchsubmit:hover, form#commentform p.form-submit input#submit:hover, 
input.wpcf7-submit:hover  {
        background:#1982d1;
}
/* codice originale:

a, ul.sidebar li.widget_text a {
    color:#88C34B;
}
ul.sidebar a, p.meta a, .comment-meta a, 
p.logged-in-as a, a.post-edit-link, #footer a {
    color:#999;
}
#content h2 a:hover, ul.sidebar a:hover, .comment-meta a:hover, 
p.logged-in-as a:hover, p.meta a:hover, a.post-edit-link:hover, #footer a:hover {
    color:#88C34B;
}
#searchsubmit:hover, form#commentform p.form-submit input#submit:hover, 
input.wpcf7-submit:hover  {
    background:#88C34B;
}
*/

/* modifica footer - aggiunta alle regole di cui alla r.75 */
#footer {
  text-align: center;  
  margin-right: -65px;
} 

/**************************************************************************************
 * NUOVA FORMATTAZIONE PAGINE (eli, dic. 2013 - vedi anche vecchio tema TwentyEleven) *
 **************************************************************************************/

/* [agg. a r. 735] */

#page p {
    text-align: justify;
}

#page hr{
    margin: 1.5em 0 1.5em 0;
}

/* [r. 166-169] */
#content #page ul, #content .post ul {
        padding:0px 0px 20px 30px;   /* MODeli: era padding:20px 0px 0px 25px; */
}
#content #page ul li, #content .post ul li {
        padding: 0;   /* MODeli: era padding: 0px 0px 5px 0px; */
    text-align: justify;
    line-height: 23px /* MODeli: era line-height: 21px; per uniformarlo a <p> */
}


/* nuove regole... per nuovi <div> :o) */
div.titoloPag,
div.titoloParagrafo {
    padding: 0.5em;
    text-align: center;
    border: 1px solid black;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    margin-bottom: 1.3em;
    margin-top:0;
}

table.titolopagina {
	width: 100%;
  border-collapse: collapse;
}

.titolopagina {
    padding: 0.5em;
    text-align: center;
    border: 1px solid black;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    margin-bottom: 1.3em;
    margin-top:0;
}
p.noMarg {
    margin-bottom:0;
}

div.titoloPag {
    font-size: x-large;
}

div.titoletto {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 1em;
}

p.ParIndentato {
  text-indent:50px;
}

p.Introduzione {
  font-style: italic;
}


/**************************************************************************************
 * STILI PER LA FORMATTAZIONE DEL 1943... - New by Ladg                               *
 **************************************************************************************/

.copertina {
	text-align: center;
	padding: 0.5em 2em 0.5em 0.5em;
	font-style: normal;
  	float: left;
}

#imgCopertina {
	border: 1px solid #000;
}

#pagina {
	text-align: justify;
	margin: 1em; /* ex 2em */
	line-height: 1.5em;
}

#titoloLibro {
	background-color: #000;
	color: #FFF;
	font-size: 1.65em;
    font-weight: 800;
	margin-top: 2em;
    margin-bottom: 1.3em;
    padding: 0.5em;
    text-align: center;
    border: 1px solid #0a0000;
}

#pagina h1,
#pagina h2,
.sommario {
    padding: 0.5em;
    text-align: center;
    border: 1px solid black;
    margin-bottom: 1.3em;
}

#pagina h1 {
    font-weight: 800;
    font-size: 1.6em;
    margin-top:0;	
}

#pagina h2 {
	font-weight: 700;
    font-size: 1em;
	margin-top: 2.5em;
}

.sommario {
	font-weight: 700;
    font-size: 1em;
	/*font-style: italic;*/
    margin-top:0;
}



#pagina h3 {
    text-align: center;
    font-weight: 700;
    font-style: italic;
    padding-bottom: 1em;
}

.noMarg {
    margin-bottom:0;
}

.ParIndentato {
  	text-indent:3em;
}

#Introduzione {
	font-style: italic;
	/*border: 1px #000 dotted;*/ 
	padding: 1.2em !important;
	/*margin-left: 25em;*/
}

#firmaIntro {
	text-align: right !important;
}

#sommarioCopy {
	font-weight: 700;
	font-style: italic;
    margin-top:0;
	border: none;
	font-size: 1.4em;
	text-align: center;
}

#pagina h1#TitoloCopy {
	border: none;
}


.immagine {
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.didascalia {
	font-weight: 300;
	font-style: italic;
	font-size: 0.8em;
	line-height: 1.3em;
  	text-align: center !important;
}

hr {
    margin: 1.5em 0 1.5em 0;
}

.data1943 {
    text-align: right;
    font-style: italic;
    padding-bottom: 15px; /* per analogia con i paragrafi! */
}

.diconoPres {
    font-style: italic;
}

.domanda {
    font-weight: 700;
	font-style: italic;
}

#listaMesi {
	padding: 0 2em;
	width: 100%;
  	border: 0px !important;
}

#listaMesi td, #listaMesi th{
	width: 16.6%;
	padding-bottom: 0.5em;
  	border: 0px !important;
}
#listaMesi tr {
  	border: 0px !important;
}

#listaMesi th {
	font-weight: 700;
	font-style: italic;
	text-align: center;
	padding-bottom: 0.5em;
	font-size: 1.1em;
}

.calendario {
    width: 100%;
    border: 0 !important;
}

#CalIndGio {
	font-weight: 700;
	font-style: italic;
	text-align: center;
	padding-bottom: 0.5em;
	font-size: 1.1em;
}

#boxCalendario {
	text-align: justify;
}

#boxCalendario table {
	border-collapse: collapse;
}

.calendario tr {
    border: 0 !important;
}

#boxCalendario table tr td, #boxCalendario table tr th,
.giorno, .sintesi {
    padding: 10px 20px;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 0 !important;
    border-right: 0 !important;
   }

.mese {
    font-weight: 700;
    font-size: 1.1em; 
    border-left: 0 !important;
    border-right: 0 !important;
}

.giorno {
    width:10%;
    font-weight: bold;
}

.sintesi {
    width:90%;
}

#indAppendice {
	padding: 0 2em;
	width: 100%;
  	border: 0px !important;
}

#titIndAppendice {
	font-weight: 700;
	font-style: italic;
	text-align: center !important;
	padding-bottom: 0.5em;
	font-size: 1.1em;
}


a.voceIA {
	line-height: 2.3em !important;
}








#pagina a, #copyright a {
    font-weight: 300;
	font-size: 1em;
	color: #1982d1; /*per analogia col sito...*/ /*color: #242424;*/
	font-style: italic;
}

#pagina .sintesi a {
	text-decoration: none;
}

#copyright {
	font-size: 0.9em;
}


#licImgCop {
	font-size: 0.9em;
}

#licImgCop a {
	text-decoration: none;
}

ul.schieramenti0908 li {
	margin-bottom: 0.5em;
}

.domandaCap {
    font-weight: bold;
	font-style: italic;
}

.mancante {
	font-weight: 300;
	font-style: italic;
}

/* non so perché ma li fa visualizzare normali! */
sup, sup>a {
  	font-size: 0.9em !important;
  	font-weight: bold !important;
  	/*font-style:italic !important;*/
	vertical-align: super !important;
}


/* APPENDICE - LA STEFANI */

h1#appendice,
h3.Stefani,
h4.Stefani {
    padding: 0.5em;
    text-align: center;
    border: 1px solid black;
    margin-bottom: 1.3em;
}

h1#appendice {
    font-weight: 800;
    font-size: 1.7em;
    margin-top:0;	
}

#imgStefani {
	border: 1px solid #000;
}

#titoloLibroS {
	background-color: #000;
	color: #FFF;
    	font-weight: 800;
    	margin-top: 2em;
    	margin-bottom: 1.3em;
    	padding: 0.8em;
    	text-align: center;
    	border: 1px solid #0a0000;
}

#titoloLibroS h2 {
	font-size: 2em;
  	line-height: 1.2em;
}

#paginaApp > p,
#istruzStampa > p {
	text-indent: 3em;
	margin-top: 0;
	margin-bottom: 0 !important;
}

.introSL {
	/*font-weight: 700;*/
	font-style:italic;
	margin-bottom: 1em !important;
}


#paginaApp a {
    font-weight: 300;
	font-size: 1em;
	color: #1982d1; /*per analogia col sito...*/ /*color: #242424;*/
	font-style: italic;
}

p.margine {
	margin-bottom: 1.5em! important;
}

p#FA {
	font-size: 1.5em;
}

#paginaApp > h3,
#paginaApp > h4 {
	font-weight: 700;
    font-size: 1.3em;
	margin-top: 2.5em;
}

#istruzStampa {
    padding: 0.5em;
    text-align: justify;
    border: 1px solid black;
    margin-bottom: 1.3em;
	font-style: italic;
}

#istruzStampa > h3 {
	font-weight: 700;
    font-size: 1em;
	margin-top: 1em;
    text-align: center;
}

h5.TS1 {
	font-size: 1.2em;
	font-weight: 700;
}

h5.ts2 {
	font-size: 1.1em;
	font-weight: 700;
	font-style: italic;
	margin-bottom:0.5em;
}

#noteApp {
	font-size: 0.9em;
}

#noteApp > h6 {
	font-size: 1em;
	font-weight: 700;
}

#noteApp > p {
	/*margin-bottom: 1em !important;
  	non importa, anzi...! ... tanto prende 15 px di padding-bottom da #page p */ 
}

/* cancellazione logo da pagine appendice */
.page-id-2252 div#newHeader,
.page-id-2256 div#newHeader,
.page-id-2260 div#newHeader,
.page-id-2262 div#newHeader,
.page-id-2264 div#newHeader,
.page-id-2260 div#newHeader,
.page-id-2266 div#newHeader,
.page-id-2269 div#newHeader,
.page-id-2271 div#newHeader,
.page-id-2273 div#newHeader {
	display: none !important;
}

/* a causa della cancellazione del logo la pagina "va su",
dobbiamo quindi inserire un margine... */

#paginaApp {
  margin-top: 4em;
}


/* NAVIGATORE APPENDICE "capitolo precedente / successivo */

#navigatoreApp {
	text-align: center;
}

#navigatoreApp table, #navigatoreApp tr, #navigatoreApp td {
	border:0 !important;
}

#navigatoreApp table {
	width:100%;
}

#navigatoreApp td.prec {
	width: 40%;
  	text-align: right;

}

#navigatoreApp td.succ {
	width: 40%;
  	text-align: left;
}

/* TOC */

/* #toc div {color: #1982D1;} */

#pagina h2,
.sommario {
	
}

div.sgc-toc-title {
    /* OLD:
  	font-size: 1.6em; font-weight: bold; margin-bottom: 1em; text-align: center;
    */
    /* NEW come titoli giornate 1943: */ 
    padding: 0.5em;
    text-align: center;
    border: 1px solid black;
    margin-bottom: 1.3em;
    font-weight: 800;
    font-size: 1.6em;
    margin-top:0;
}

#toc a {
    font-weight: 300;
	color: #1982D1;
	text-decoration: none;
}




div.sgc-toc-level-1 {
    margin-left: 0em;
    /* NEW: */
    margin-top: 1em;
    margin-bottom: 1em;
}

div.sgc-toc-level-2,
div.sgc-toc-level-3,
div.sgc-toc-level-4,
div.sgc-toc-level-5,
div.sgc-toc-level-6 {
    margin-left: 2em;
}

.sgc-toc-level-0 a,
.sgc-toc-level-1 a{
	font-size: 1.4em;
	font-weight: 400;
}

.sgc-toc-level-2 a {
	font-size: 1.2em;
}

.sgc-toc-level-3 a {
	font-size: 1em;
}

.sgc-toc-level-4 a {
	font-size: 0.9em;
}

.sgc-toc-level-5 a {
	font-size: 0.8em;
}

.sgc-toc-level-6 {
	font-size: 0.8em;
	font-style: italic;
}




/*
#toc ol {list-style-type: disc;}
#toc ol li{margin-bottom:1em;margin-top:1em;}
*/

#LeGiornate,
#Appendice {
	font-size: 1.3em;
	font-weight: 300;
	font-style: italic;
	margin-top: 1em;
}

#landmarks {
	display: none;
}

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




/**************************************************************************************
 * pagina "Il mondo di Sergio" (accesso alle gallerie foto) - New by Ladg             *
 **************************************************************************************/

p.imds-norm {
	font-family: 'Droid Sans', arial, sans-serif;
	font-size: 0.5em;
	line-height: 3px;
	margin-top: 0;
}

p#istrAnt {
	text-align: center !important; 
  	font-style:italic;
}
  
img.AntGall {
	max-width:40% !important;	
}

div.introGall1 {
	margin-bottom:2em; 
	margin-top:2em;
}

div.introGall2 {
	text-align: center; 
	margin-bottom:2em; 
	margin-top:2em;
}


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