html, body {width:100%;height:100%;margin:0;padding:0;overflow:hidden}
body {background:#fc9;font:100 16px serif;cursor:default;text-align:justify}
a{text-decoration:none;cursor:pointer}

h1{margin:0;font:800 32px serif;padding:0;border-bottom:3px double #520;}
h2{margin:0;font:800 24px serif;padding:0;border-bottom:1px solid #520;}
h3{margin:6px 0 3px 0;font:100 16px serif;padding:0;font-style:italic;text-decoration:underline;}
ul{margin:0;padding:0}
ol{margin:0;padding-left:20px;}
li{margin-bottom:4px;}

/* foto ingrandibili */
.div_foto{float:right;text-align:right;font:800 14px serif;margin:0 0 0 15px;padding:5px 5px 2px;border:1px solid #520;border-top:0;background:#fc9;width:322px;position:relative;z-index:10}
.foto_norm,.foto_ingr{right:0;top:0;float:right;cursor:pointer;border:1px solid #000;margin-bottom:3px;}
.foto_norm{position:relative;width:320px;}
.foto_ingr{position:absolute;width:auto;height:auto}

/* splash screen */
#splash{position:absolute;top:2%;left:50%;width:700px;height:602px;margin-left:-350px;z-index:1}

#ombra,#rilievo{position:absolute;left:50%;width:500px;padding:10px 0;font:800 14px sans-serif;text-align:center;text-transform:uppercase;font-style:italic;color:#fff;z-index:10;background:#000;opacity:.5;}
#ombra{top:301px;margin-left:-249px;color:#000;z-index:10;background:#c30;opacity:.5;border:1px solid #f00;}
#rilievo{top:300px;margin-left:-250px;color:#f90;z-index:11;border:1px solid #f00;border-color:#f00 #000 #000 #f00}
#ombra hr, #rilievo hr{font:100 1px serif;height:1px;background:#600;border:0;border-top:1px solid #f00;border-bottom:1px solid #000}

a.cantiere:link,a.cantiere:visited{color:#ff0;margin-bottom:5px;}
a.cantiere:hover,a.cantiere:active{color:#fff;margin-bottom:5px;}


/* intestazione */
#intestazione{position:absolute;top:0;left:0;background:#300;width:100%;height:111px;z-index:100}
#titolo_paer{float:right;padding:0 12px;width:130px;height:156px;margin-bottom:-45px}
#titolo_nome{position:absolute;top:0;left:0;z-index:250;}
#titolo_date{position:absolute;top:88px;left:290px;z-index:300;color:#cc0;font:100 16px serif;font-style:italic;}

/* menu */
#menu{position:absolute;z-index:200;top:0;left:0;padding:0;width:200px;height:100%;background:url(../images/menu.png) repeat-y 0 0;}
#menu #spacer{width:100px;height:111px;}
#menu a{text-align:left;display:block;padding:5px 5px 1px 5px;font:800 16px serif;width:190px;border-bottom:1px solid #300}
#menu a:link,#menu a:visited{color:#c60;background:transparent}
#menu a:hover,#menu a:active{color:#300;background:#e70}
#menu .attivo{background:#fc9;text-align:right;opacity:.8}
#menu .attivo:link,#menu .attivo:visited,#menu .attivo:hover,#menu .attivo:active{background:#fc9;}

div.div_smenu{width:200px;}
#menu a.smenu,#menu a.smenu_attivo{display:block;padding:2px 5px 1px 5px;font:800 14px serif;width:180px;border-bottom:1px solid #300;border-left:1px solid #300;margin-left:9px;}
#menu a.smenu:link,#menu a.smenu:visited{color:#f30;background:#c96;opacity:.8}
#menu a.smenu:hover,#menu a.smenu:active{color:#300;background:#e70;opacity:.99}
#menu a.smenu_attivo{background:#fc9;text-align:right;opacity:.8}
#menu a.smenu_attivo:link,#menu a.smenu_attivo:visited,#menu a.smenu_attivo:hover,#menu a.smenu_attivo:active{background:#fc9;}


/* contenuto */
#contenuto{position:absolute;top:111px;left:200px;width:100%;margin:0;padding:5px 10px;overflow-x:hidden;overflow-y:scroll}
#contenuto img.img_intro{float:left;height:300px;border:1px solid #000;padding:5px;margin:5px 5px 0 0}

a.pagine{width:120px;height:170px;margin:0 0 5px 5px;}
a.pagine img{float:none;width:120px;height:170px;border:0;padding:5px;border:1px solid #000}

a.email{background-image:url(../images/mail.png);background-repeat:no-repeat;background-position:2px 2px;height:15px;padding:2px 4px 2px 20px;font:100 12px sans-serif;float:right;}
a.email:link,a.email:visited{color:#520;background-color:#da7;}
a.email:hover,a.email:active{color:#000;background-color:#ff3;}

a.linkInt{background-image:url(../images/link.png);background-repeat:no-repeat;background-position:1px 1px;height:15px;padding:1px 4px 1px 20px;font:100 12px sans-serif;}
a.linkInt:link,a.linkInt:visited{color:#520;background-color:#da7;}
a.linkInt:hover,a.linkInt:active{color:#000;background-color:#ff3;}

.citazione{padding:10px 20px 10px 20px;font-size:14px}


/* links audio, iconine */
#wait,#stop,#brano{margin:5px;background:#f90;color:#000;padding:5px;display:none;font:800 12px sans-serif;text-align:center;opacity:.85;-moz-border-radius:5px}
#wait{background:#ff0;text-decoration:blink}
#stop{cursor:pointer}
.dload,.listen,.notes,.libretto,.confronto,.autografa2{height:15px;padding:0 2px 0 16px;font:100 12px sans-serif;color:#520;background-color:#da7;background-repeat:no-repeat;background-position:0 0}
.listen{background-image:url(../images/listen.png);}
.dload{background-image:url(../images/dload.png);}
.notes{background-image:url(../images/notes.png);}
.libretto{background-image:url(../images/libretto.png);}
.confronto{background-image:url(../images/confronto.png);}
.autografa2{background-image:url(../images/autografa.png);}
.mb2{float:right;clear:right;width:250px;margin-bottom:2px;}

#istruzioni_iconine{position:relative;left:15px;float:right;clear:none;width:269px;text-align:right;font:800 10px sans-serif;background:#fdb;border-left:1px solid #520;border-bottom:1px solid #520;padding:5px 5px 4px;}

a.autografa,    a.edita{width:120px;margin:0 0 5px 5px;}
a.autografa img,a.edita img{float:none;width:120px;border:0;padding:5px;border:1px solid #000}

a.autografa,a.autografa img{height:80px;}
a.edita,a.edita img{height:170px;}

.chiudi_libretto{display:block;text-align:center;font:800 10px sans-serif;color:#000;background:#aaa;border:1px outset #aaa;cursor:pointer;position:relative;top:0px;right:0px}
.chiudi_libretto:hover{background:#f90;border-color:#f90}

.libretto_atto{font:800 24px serif;text-align:center;margin-bottom:12px;}
.libretto_scena{font:800 18px serif;text-align:center;margin-bottom:12px}
.libretto_luogo{font:100 18px serif;text-align:center;margin-bottom:12px}
.libretto_table td{padding-top:12px;padding-right:12px}
.hs{float:left;width:30px}
.pl110{padding-left:110px}
.pl138{padding-left:138px}
.pl30{padding-left:30px}
.graffa{background:url(../images/graffa.png) no-repeat 0 center}

.p5{padding:5px}
.fl{float:left}
.fr{float:right}
.i{font-style:italic}
.g{font-weight:800}
.u{text-decoration:underline}
.c{text-align:center}

a#pk{position:absolute;bottom:2px;padding:2px 4px;left:2px;font:800 10px sans-serif;z-index:2000}
a#pk:link,a#pk:visited{color:#930;background:transparent}
a#pk:hover,a#pk:active{color:#000;background:#f90}