body#alfa{background-image:url('ph_ind_cronologico.jpg')}
body#pers{background-image:url('ph_ind_personaggi.jpg')}
body#cron{background-image:url('ph_ind_cronologico.jpg')}
body{background-repeat:no-repeat;background-position:top center;background-size:100%}
div.exitlink{position:absolute;top:20px;left:50px}
div#alto{position:absolute;top:0;left:24%;width:52%;height:9%;margin-top:1%;overflow:auto}
h1{font:16px Times,serif;font-weight:bold;border-top:2px solid #c6975d;border-left:2px solid #c6975d;border-bottom:2px solid #efe7df;border-right:2px solid #efe7df;background-color:#ddd;border-radius:12px}
div#lomarchio{position:absolute;top:1%;left:84%;width:8%;height:10%}
div#sx{position:absolute;top:10%;left:0;width:74%;height:87%;overflow:auto;margin-left:2%;margin-right:2%;margin-bottom:3%;border-top:2px solid #c6975d;border-left:2px solid #c6975d;border-bottom:2px solid #efe7df;border-right:2px solid #efe7df}
div#sx table{width:100%;padding-left:2%;padding-right:2%;border-spacing:0}
div#sx table td{padding:0}
td.spazio{border-top:1px solid #c6975d}
td.spiega{padding:5px;text-align:center;font:10px Times,serif}
td.capitolo{height:36px;padding:9px;font:14px Times,serif;font-weight:bold;text-align:center;vertical-align:top;background-color:#fff;border-radius:12px;box-shadow:-3px -3px 5px #000 inset}
td.capitolo a{font:10px Times,serif}
div#dx{position:absolute;top:10%;left:79%;width:18%;height:86%;margin-bottom:5%}
div#lolink{width:98%;margin-top:5%}
div#phmarchio{right:6%}
div#indicedx{width:98%;height:40%;margin-bottom:5%;overflow:auto;border-top:2px solid #c6975d;border-left:2px solid #c6975d;border-bottom:2px solid #efe7df;border-right:2px solid #efe7df;background-color:#ddd;text-align:left}
div#indicedx div{margin-left:3px}
div#indicedx p{color:#000;background-color:#fff;font-weight:bold;text-align:center}