/* APOGEO - CSS Master: versione 24/03/2017 */
/****** STILI HTML *****/
body {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
color: black;
}

h1, h2, h3, h4, h5 {
padding-left: 0.5em;
padding-right: 0.5em;
line-height: 1.2em;
text-align: center !important;
color: #445566;
font-family: sans-serif;
font-weight: bold;
font-stretch: condensed;
page-break-after: avoid;
}
h1 {
font-size: 1.9em;
padding-bottom: 2em;
}
h2 {
font-size: 1.6em;
padding-top: 0.3em;
padding-bottom: 0;
margin-bottom: 0;
}
h3 {
font-size: 1.3em;
padding-top: 0.4em;
padding-bottom: 0;
margin-bottom: 0;
}
h4 {
font-size: 1em;
padding-top: 0.5em;
padding-bottom: 0;
margin-bottom: 0;
}
h5 {
font-size: 0.9em;
padding-top: 0.5em;
padding-bottom: 0;
margin-bottom: 0;
}

p, div, li {
line-height: 1.4em;
orphans: 2; 
widows: 2;
margin: 0;
padding-left: 0.5em;
padding-right: 0.5em;
}

p {
text-indent: 1em;
/* se text-indent: 0; allora 
 valorizzare padding-top: 0.5em; 
 per staccare tra paragrafi */
padding-top: 0em;
padding-bottom: 0em;
}

li {
padding-top: 0em;
padding-bottom: 0em;
}

ul, ol {
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-top: 0;
margin-bottom: 0;
}

table {
width: 95%;
margin: 0 0 0.5em 0.5em;
}
caption {
padding-top: 0.5em;
text-align: center;
font-size: 0.8em;
line-height: 1.2em;
}
table, tr, th, td {
border-collapse: collapse;
border: thin solid black; 	
font-family: sans-serif;
}
tr, th, td {
page-break-inside: avoid;
}
th {
background-color: silver;
padding: 0.3em;
text-align: center;
font-size: 0.8em;
page-break-inside: avoid;
}
td {
text-align: left;
padding: 0.3em;
font-size: 0.8em;
page-break-inside: avoid;
}
td img {
/* solo per immagini contenute dentro a celle di una tabella */
border: 0;
}

img {
border: thin solid black;
margin-top: 0.5em; 
margin-bottom: 0.5em;
padding: 0;
max-height: 99%;
max-width: 99%;
}

a {
color: #B21418;
text-decoration: none;
border-bottom: thin dotted black;
}

pre {
font-size: 0.9em;
line-height: 1.2em;
margin: 0;
padding: 0.5em 0.5em 0.5em 0.5em;
white-space: pre-wrap;
orphans: 2; 
widows: 2;
}

sup, sub {
font-size: 0.6em;
line-height: 0.4em;
background: white;
}

code {
font-size: 0.9em;
}

acronym {
color: gray;
text-decoration: underline;
}

del { /* testo barrato, la dichiarazione della regola anche nel CSS 
è necessaria per coprire i modelli Kindle che non riconoscono il tag DEL */
text-decoration:line-through;
}
/****** FINE STILI HTML *****/

/****** STILI CLASSI *****/
.firma { /* per firma in calce a prefazioni, introduzioni ecc. */
padding-left: 0.5em;
padding-right: 0.5em;
text-align: right;
font-style: italic;
}

.dedica { /* dedica in apertura di libro */
margin: 3em 0 0 0;
text-align: right;
font-style: italic;
padding-right: 0.5em;
text-indent: 0em;
}

.capitolonumero { /* intestazione di attacco capitolo
(Capitolo 1, Introduzione, Prefazione ecc.) */
padding-top: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
text-align: center;
color: gray;
border-bottom: thin dotted silver;
text-indent: 0em;
}

.openquote { /* citazione di apertura capitolo */
text-indent: 0em;
font-size: 0.8em;
padding-bottom: 1.5em;
padding-top: 0.5em;
padding-left: 2em;
padding-right: 2em;
text-align: justify;
}

.attaccocapitolo { /* primo paragrafo di capitolo:
differente per esempio in alcuni Pocket - ormai poco utilizzato */
font-style: italic;
text-indent: 0;
}

.immagine { /* paragrafo o div che contiene il tag img */
text-indent: 0;
padding-top: 0.5em;
padding-bottom: 0;
margin-bottom: 0;
page-break-after: avoid; 
}
.caption { /* didascalia di un'immagine */
text-indent: 0;
text-align: left;
font-size: 0.9em;
margin-top: 0;
padding-top: 0;
padding-bottom: 1em;
font-family: sans-serif;
page-break-before: avoid;
}

.imginline { /* immagini inline nel testo, come piccole icone
o ritagli di pulsanti di un'interfaccia */
border: 0;
margin: 0;
}

.didalistato { /* didascalie dei listati di codice */
font-family: sans-serif;
text-indent: 0;
font-size: 0.8em;
padding-top: 1em;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: solid #445566 thin;
page-break-after: avoid;
color: black;
}

.notagc-titolo { /* titolo della nota nel testo:
solo per Guida completa */
margin: 0 0 0 0;
padding: 0.5em 2em 0em 2em;
font-family: sans-serif;
font-size: 0.8em;
text-align: left;
text-indent: 0;
font-weight: bold;
color: #445566;
text-transform: uppercase;
page-break-after: avoid;
letter-spacing: 1px;
}
.notagc { /* nota nel testo:  
solo per Guida completa */
margin: 0 0 0 0;
padding: 0em 2em 0.5em 2em;
font-family: sans-serif;
font-size: 0.8em;
text-align: justify;
text-indent: 0;
page-break-before: avoid;
}

.marginalia { /* nota nel testo: nome ereditato dell'estensione Writer2ePUB 
solo per Pocket e Sushi */
margin: 0 0 0 0;
padding: 0.5em 2em 0.5em 2em;
font-family: sans-serif;
font-size: 0.8em;
font-style: italic; 
text-align: justify;
text-indent: 0;
}
.notalabel { /* etichette NOTA-ATTENZIONE ecc.
solo per Pocket e Sushi */
color: #445566;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
}
.marginalia code { /* annulla corsivo sul code di note Pocket e Sushi */
font-style: normal;
}
.marginalia strong { /* annulla bold nelle note, solo per Sushi */
font-style: normal;
font-weight: normal;
}
.marginalia em { /* annulla corsivo nelle note, solo per Sushi */
font-style: normal;
}

.normal { /* annulla corsivo
esportato in automatico da InDesign per note Pocket
ma utilizzabile anche per note Sushi e firme delle epigrafi/dediche*/
font-style: normal;
}

.box { /* elemento (di norma div) contenitore di tutto un box
solo per Guida completa */
border: thin solid #445566;	
margin: 0.5em 0.5em 0.5em 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
font-size: 0.8em;
font-family: sans-serif;
text-align: justify;
/* page-break-inside: avoid; possibilità da valutare */
}
.titolobox { /* titolo di un box
solo per Guida completa */
text-align: left;
font-weight: bold;
padding-bottom: 0;
margin-bottom: 0;
page-break-after: avoid;
text-indent: 0;
}
.testobox { /* testo di un box
solo per Guida completa */
padding-top: 0;
margin-top: 0;
text-indent: 0;
}

.quotations { /* citazioni nel testo */
text-indent: 0;
font-size: 0.9em;
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 2em;
padding-right: 2em;
text-align: justify;
}

/* stili per il indice.xhtml generato da 4-ncx2html.php */
.index1 {
margin: 0;
padding-top: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
font-weight: bold;
text-indent: 0;
}
.index2 {
margin: 0;
text-indent: 1.5em;
}
.index1 a, .index2 a {
border-bottom: none;
}

/****** non esportata dal foglio di stile InDesign: per impaginare img a tutta pagina *****/
p.gallery { 
margin: 0;
padding: 0;
text-align: center;
text-indent: 0em;
page-break-before: always;
page-break-after: always;
}
img.gallery { 
margin: 0;
padding: 0;
border: 0;
height: 100%;
max-width: 100%;
}

.new { /* serve per evidenziare novità rispetto all'edizione precedente
è stata utilizzata per la prima volta per l'ePub di OS X 10.8 Guida completa */
background-color: rgb(233,233,233);
border-right: gray solid 4px;
}

.footnote { /* note a "piè di pagina" */
padding-top: 0.3em;
font-size: 0.9em;
text-indent: 0em;
}

.aside { /* non esportata dal foglio di stile InDesign,
ma disponibile per necessità specifiche
semanticamente affine al tag HTML5 <aside> */
font-family: sans-serif;
text-indent: 0em;
text-align: right;
color: #445566;
padding: 0.5em;
float: left;
width: 33%;
}

.noindent { /* non esportata dal foglio di stile InDesign,
ma disponibile per necessità specifiche
come i paragrafi che seguono .aside o img .float */
text-indent: 0;
}

.center { /* non esportata dal foglio di stile InDesign,
ma disponibile per necessità specifiche 
introdotto a partire da Loren Ipsum
per le img di attacco capitolo */
text-align: center;
padding: 0.5em 0 0 0;
margin: 0 0 0 0;
text-indent: 0;
}
.center img { 
border: 0;
}

.left { /* non esportata dal foglio di stile InDesign,
ma disponibile per necessità specifiche 
introdotto a partire dagli ebooksurf
per l'img nella pagina autore e nei titoli della stessa collana */
float: left;
margin: 0 0.5em 0 0;
padding: 0 0 0 0;
}
img.left { /* elimina filetto su img float */
border: 0;
}
.break { /* annualla l'effetto di un float applicato 
all'elemento precedente */
clear: both;
}

.negativo { /* effetto testo in negativo */
color: white;
background-color: black;
font-weight: bold;
}

.script { /* formule colorate */
font-family: sans-serif;
font-size: 0.9em;
}
.script strong {
color: #1A9FDD;
}
.script em {
color: #CA0D32;
}
/****** FINE STILI CLASSI *****/