body { font-family: Georgia, Garamond, Baskerville, serif; color: #000; margin: 1em; }

#libro_header { border-bottom: 1px solid #004083; clear: both; display: block; height: 60px; margin: 0; padding: 2px; text-align: left; }
#header_sinistra { float: left;}
#header_destra   { clear: both; float: right; font-size: 1.8em; left: 0; position: absolute; text-align: center; top: 40px; width: 100%; }

#libro_navigazione { margin: 2px 0px;  border-right: 1px solid blue; padding: 2px 0px; font-size: 0.86em; float: left; width: 22%; text-align: left; 
                              font-family: Verdana, sans serif; }
.nav_dom2       { display: block; margin-top: 2px; padding: 2px; padding-left: 2px; border-top: 0px solid gray;  color: #900;  }      

.nav_dom       { display: block; margin-top: 2px; padding: 2px; padding-left: 2px; border-top: 0px solid gray;  color: #900;  }      

.nav_dom3       { display: inline;  color: #900; font-weight: normal; } 

.nav_dom_over, 
.nav_dom2_over  { color: gray; } 
.nav_dom        { font-weight: bold; }

#libro_article { margin-left: 0em; border-left: 0px solid gray;  padding: 1.0em 2em; float: right; width: 72%; text-align: left; min-height: 600px; }
#libro_footer  { clear: both; display: block; font-style: italic; margin: 4px 0px; 
          border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 1px 0px; font-size: 8pt; text-align: center; }

/* ### copertina  ###  */
span.h1  { font-size: 2em;    margin: .67em 0; }
span.h2  { font-size: 1.5em;  margin: .75em 0; }
span.h3  { font-size: 1.17em; margin: .83em 0; }
span.h4  { font-size: 1em;    margin: 1.12em 0; }
span.h5  { font-size: .83em;  margin: 1.5em 0;  }
span.h6  { font-size: .75em;  margin: 1.67em 0; }

#s11   {  margin-top: 6em;   text-align: center; }
#s12   {  margin-top: 0.3em; text-align: center; }
#s13   {  margin-top: 0.3em; text-align: center; }

#s21   {  margin-top: 17em;   text-align: center; }
#s22   {  margin-top:  0.3em; text-align: center; }
#s23   {  margin-top:  0.3em; text-align: center; }

#s31   { margin-top: 28em;  text-align: center; }
#s32   { margin-top: 0.3em; text-align: center; }

/* ### canto ### */ 
.testata  {  width: 100%; }
.newpage  {  width: 100%; page-break-before: always; }
.pic  { font-size: 7pt; }
.pic2 { font-size: 7.4pt; padding-left: 0.5em; display: block;  width: 100%; }
.med  { font-size: 9pt; }

#piede   { margin-top: 0.1em; border-top: 1px solid #daa520; width: 86%; font-family: Verdana, sans-serif; font-size: 70%; 
           margin-left: auto; margin-right: auto; text-align: center; }
#melodia { margin-top: 1em; margin-left: 0; margin-bottom: 0em; text-align: center; width: 100%; }
#strofe  { margin-top: 1em; text-align: center; font-family: Georgia, Garamond, Baskerville, serif; }
#strofe  table { margin-left: auto;   margin-right: auto; }
#strofe .sin  { vertical-align: top; text-align: left;
        padding: 0px 6px; margin: 0; 
        white-space: pre; font-size: 1.1em;
        line-height: 1.1em; }
#strofe .des  { vertical-align: top; text-align: left;
        padding: 0px 6px; margin: 0;
        white-space: pre; font-size: 1.0em;
        line-height: 1.1em; font-style: italic; }

#titolo { font-weight: bold; text-align: center; font-size: 120%; }

img	  { padding: 0px 0px 0px 0px; vertical-align: middle; border: 0;  } 

a, 
a:visited {  color: #3E516F;  text-decoration: none;}
a:hover {  color: #9e0000;  text-decoration: none; }

input   {  padding: 4px;  color: #9e0000; }
.button { margin-top: 1em; padding: .3em; color: #ffffff; text-shadow: 1px 1px 1px #000; border: solid thin #004083; 
            -webkit-border-radius: .7em; -moz-border-radius: .7em; border-radius: .7em; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 2px #bbb; 
            background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b)); }
.button:hover { background-color: #E3EDEF; }

*     { border: 0px solid red; }
/*
 table { margin-left: auto;   margin-right: auto; }
 td    { vertical-align: top; text-align: left; margin: 0; }

.intestaz table { border: 0px solid blue; border-collapse: collapse; }
.newpage  table { border: 0px solid blue; border-collapse: collapse; }
.intestaz td   { width: 0; text-align: left; vertical-align: middle; border-collapse: collapse; border: 0px solid red; }
.newpage  td   { width: 0; text-align: left; vertical-align: middle; border-collapse: collapse; border: 0px solid red; }
.intestaz img  { width: 80px; vertical-align: center; }
.newpage  img  { width: 80px; vertical-align: center; }
*/
/* ### stampare ### */
#img_stampare { display: none;   }
#img_vedere   { display: inline; }
#footer       { display: none;   }
/* ######  fine  #######  */

@media print {
#libro_header      { display: none;   }
#libro_navigazione { display: none;   }
#libro_article  { padding: 0em; margin: 0; float: right; width: 100%; text-align: left; min-height: 600px; }
    @page { margin-left: 0.5cm; margin-right: 0.5cm; margin-top: 0.5cm; margin-bottom: 0cm; }
}