/* -------------------- 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: #000000; background-color: #FFFFFF; background-repeat: repeat-x; background-image: url('images/background_10010.gif'); background-position: 0% 0% } hr { color: #AAAAAA; border-width: thin; } table { margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; 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; background-color: #CCCCCC; background-repeat: repeat-y; background-image: url('images/background_10011.gif'); background-position: 0% 0% } /* -------------------- 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; margin-top: 0; margin-left: 0; margin-bottom: 0; margin-right: 0; border-top: 0; border-left: 0; border-bottom: 0; border-right: 0; background-color: #FFFFFF; } div#headersx { width: 200px; float:left; margin-top: 0; margin-left: 0; margin-bottom: 0; margin-right: 0; } div#headerdx { width: 760px; float: right; margin-top: 0; margin-left: 0; margin-bottom: 0; margin-right: 0; border-top: 0; border-left: 0; border-bottom: 0; border-right: 0; } div#main { width: 960px; background-repeat: repeat-x; background-image: url('images/background_top.gif'); background-position: 0% 0% } div#mainsx { width: 200px; float: left; background-color: #EEEEFF; background-repeat: repeat-x; background-image: url('images/background_top.gif'); background-position: 0% 0% } div#maindx { width: 960px; float: right; background-color: #FFFFFF; background-repeat: repeat-x; background-image: url('images/background_top.gif'); background-position: 0% 0% } /* ------------------------------ stili generici, su header e footer ------------------------------ */ .pagecolorbase { background-image: url('images/background_112.jpg'); background-repeat: repeat-y } .pagecolorbase2 { background-repeat: no-repeat; background-image: url('images/bg102.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%; top: auto; left: auto; bottom: 0; right: 0; } .tabpad { padding: 10; color: #000000; text-align: left; } .tabtab { text-align: left; } .ulista { 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: 1px; margin-left: auto; margin-bottom: 1px; margin-right: 5px; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; } /* ------------------------------ ---------------------------------- ------------------------------ */ .input_width { width:180px; margin:0px 0px 6px 0px; font-size:10px; height:20px } /* ------------------------------ ---------------------------------- ------------------------------ */ div#jenius { width: 980px; margin-top: 0; margin-left: auto; margin-bottom: 0; margin-right: auto; background-color: #8b8f98; } .lnkjenius { font-family: arial, sans-serif; font-size: 90%; text-decoration: none; color: #000000; } .lnkjenius:hover { font-family: arial, sans-serif; font-size: 95%; text-decoration: underline; color: #000000; } /* ------------------------------ ---------------------------------- ------------------------------ */ .bordoimg{ border:1px solid; color:#376aed; } .nero13 { font-family:verdana; font-size: 13px; text-decoration: none; color: #000000; } .nero10 { font-family:verdana; font-size: 11px; text-decoration: none; color: #000000; } .sfondotbb{ background-image:url(images/tin.jpg); background-position:center; background-repeat:no-repeat; } .sfondotbs{ background-image:url(images/tin.jpg); background-position:center; background-repeat:no-repeat; } .foto{ background-image:url(images/tfoto.png); background-position:center; background-repeat:no-repeat; }