/* -------------------- stili per il layout fisso con posizionamenti assoluti -------------------- */ html,body { margin: 0; border: 0; padding:0 } body { font-family: arial, sans-serif; font-size: 80%; text-decoration: none; text-align: center; color: #224422; background-color: #333333; background-image: url('images/background_10.jpg'); } table { width: 100%; margin: 0; border: 0; padding:0; border-collapse: collapse; } p { margin: 0; border: 0; padding:0; } /* -------------------- Division principale: contiene la div ombra che a sua volta contiene la pagina -------------------- */ div#container { width: 980px; margin-top: 0; margin-left: auto; margin-bottom: 0; margin-right: auto; } /* -------------------- Division che fa il rendering dell'ombra sotto la pagina -------------------- */ div#ombra { width: 980px; background-repeat: repeat; background-image: url('images/filler.gif'); } /* -------------------- La Division TOP serve a nascondere l'ombra nella testata di pagina -------------------- */ div#top { width: 980px; background-repeat: no-repeat; background-image: url('images/filler.gif'); background-position: 50% 0% } /* -------------------- Questa è la Division della pagina vera e propria -------------------- */ div#page { width: 960px; margin-top: 0; margin-left: auto; margin-bottom: 0; margin-right: auto; } /* ------------------------------ stili generici, su header e footer ------------------------------ */ div#header { width: 960px; } div#main { width: 960px; } /* ------------------------------ stili generici, su header e footer ------------------------------ */ .pagecolorbase { background-repeat: no-repeat; background-image: url('images/bg10.png'); background-position: 50% 0% } .pagecolorbase2 { background-repeat: no-repeat; background-image: url('images/bg102.png'); background-position: 50% 0% } .pagecolorbase3 { background-repeat: no-repeat; background-image: url('images/bg600.png'); background-position: 50% 0% } .pagecolorbase4 { background-repeat: no-repeat; background-image: url('images/bg400.png'); background-position: 50% 0% } .colorblue { background-color: #222222; } .parjust { text-align: justify; padding: 0.5em 1em 0.5em 1em; } p.flashpar { text-align: right; padding: 0.5em 1em 0.5em 1em; } p.flashparsmall { color: #666666; font-size: 0.8em; text-align: right; padding: 0.5em 1em 0.5em 1em; } /* ------------------------------ stili per layer superiore ------------------------------ */ #overlay { z-index: 2 } #sopra { position: fixed; width: 960px; height: 53%; top: 0; right: 0; bottom: auto; left: 0; } #sotto { position: fixed; width: 100%; height: 47%; top: auto; left: auto; bottom: 0; right: 0; } .tabpad { padding: 10; color: #000000; text-align: left; } .tabtab { text-align: left; } #sottosx { position: fixed; width: 21%; height: 45%; top: auto; right: auto; bottom: 0; left: 0; } #sottodx { position: fixed; width: 79%; height: 45%; top: auto; right: 0; bottom: 0; left: auto; } .ico { float: left; margin-top: 0px; margin-left: auto; margin-bottom: 0px; margin-right: 0px; } /* ------------------------------ ---------------------------------- ------------------------------ */ .lnkjenius { font-family: calibri; font-size: 80%; text-decoration: none; color: #000000; } .lnkjenius:hover { font-family:calibri; font-size: 80%; text-decoration: underline; color: #000000; } /* ------------------------------ ---------------------------------- ------------------------------ */ .bianco13{ font-family:calibri; font-size:14px; color: #003300; } .basso{ font-family:calibri; font-size:12px; color:#003300; } .borderimage{ border:1px solid; border-color:#000000; }