/* Stili generali */ body { font-size: 12px; font-family: Helvetica,Arial,Verdana,Sans-serif; color: #666; text-align: center; /* Centratura orizzontale all'interno del per IE */ background-color: #fff; background-image: url(../images/sfumatura.gif); background-repeat: repeat-x; padding: 0; margin: 0; } a,a:visited { color: #3b73b9; text-decoration: none; } a:hover,a:focus,a:active { color: #f00; text-decoration: underline; } hr,.nascosto,.titolo,.acskey,#banners p.text { display: none; } .clrleft { clear: left; } .clrright { clear: right; } .clrboth { clear: both; } dl { padding: 0; margin: 0 0 18px 0; } dt { font-weight: bold; margin: 14px 0 7px 0; } dd { margin: 0 0 7px 32px; } #container { text-align: left; background-image: url(../images/sfumaturalat.gif); background-repeat: repeat-y; background-position: top right; width: 712px; margin: 0 auto; } /* Testata */ #testata { background-color: #fff; background-image: url(../images/sfumatura.gif); background-repeat: repeat-x; width: 100%; height: 160px; } h1 { font-size: 1px; width: 700px; height: 100%; padding: 0; margin: 0; position: relative; } h1 span { background-repeat: no-repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } /* Immagini testata varie pagine */ #header1 { background-image: url(../images/headers/testata1.jpg); } #header2 { background-image: url(../images/headers/testata2.jpg); } #header3 { background-image: url(../images/headers/testata3.jpg); } #header4 { background-image: url(../images/headers/testata4.jpg); } #header5 { background-image: url(../images/headers/testata5.jpg); } #header6 { background-image: url(../images/headers/testata6.jpg); } #header7 { background-image: url(../images/headers/testata7.jpg); } #header8 { background-image: url(../images/headers/testata8.jpg); } #header9 { background-image: url(../images/headers/testata9.jpg); } #header10 { background-image: url(../images/headers/testata10.jpg); } #header11 { background-image: url(../images/headers/testata11.jpg); } #header12 { background-image: url(../images/headers/testata12.jpg); } #header13 { background-image: url(../images/headers/testata13.jpg); } /* Menu di navigazione */ #nav { background-color: #fff; background-image: url(../images/sfumaturanav.gif); background-repeat: repeat-x; background-position: bottom left; width: 712px; min-height: 28px; /* Hack per la min-height in IE */ height: auto !important; /* Hack per la min-height in IE */ height: 28px; /* Hack per la min-height in IE */ } #nav ul { padding: 0; margin: 0; } #nav ul li { list-style: none; padding: 0; margin: 0 9px; display: inline; /* Risolve il bug dei margini raddoppiati in IE */ float: left; } #nav ul li a,#nav ul li a:visited { font-size: 10px; color: #3b73b9; text-decoration: none; text-transform: uppercase; line-height: 28px; background-image: url(../images/linguettelink.gif); background-repeat: no-repeat; background-position: left center; padding-left: 8px; margin: 0; float: left; } #nav ul li a:hover,#nav ul li a:focus,#nav ul li a:active { color: #f00; text-decoration: underline; } /* Corpo principale e sfumature laterali */ #main { width: 700px; margin: 9px 0; position: relative; } #main .angolosx { font-size: 1px; background-image: url(../images/angolosx.gif); background-repeat: no-repeat; width: 32px; height: 10px; position: absolute; top: -15px; left: -32px; } #main .angolodx { font-size: 1px; background-image: url(../images/angolodx.gif); background-repeat: no-repeat; width: 38px; height: 50px; position: absolute; top: -58px; left: 700px; } /* Menu di pagina */ .menu { font-size: 11px; width: 150px; float: left; } .menu ul,.menu dl { padding: 0; margin: 0 0 12px 0; } .menu ul li { list-style: none; padding: 4px 0; border-bottom: 1px solid #ccc; margin: 0; } .menu dl dd { list-style: none; padding: 4px 0; border-bottom: 1px solid #ccc; margin: 0; } .menu ul li.ultimo { border: none; } .menu ul li a,.menu ul li a:visited { color: #3b73b9; text-decoration: none; background-image: url(../images/linguettelink.gif); background-repeat: no-repeat; background-position: 4px 4px; padding-left: 14px; line-height: 16px; display: block; } .menu dl dt { list-style: none; font-weight: bold; color: #666; line-height: 16px; background-image: url(../images/navopen.gif); background-repeat: no-repeat; background-position: 4px 50%; padding: 4px 0 4px 14px; border-bottom: 1px solid #ccc; margin: 0; } .menu dl dt a,.menu dl dt a:visited { color: #3b73b9; text-decoration: none; } .menu dl dt a:hover,.menu dl dt a:focus,.menu dl dt a:active { color: #f00; text-decoration: underline; } .menu dl dd { list-style: none; line-height: 16px; background-image: url(../images/punto.gif); background-repeat: repeat-x; background-position: left bottom; padding: 4px 0 4px 14px; margin: 0; } .menu dl dd.current { list-style: none; line-height: 16px; background-image: url(../images/punto.gif); background-repeat: repeat-x; background-position: left bottom; padding: 4px 0 4px 22px; margin: 0; } .menu dl dd a.linkext { background-image: url(../images/iconlink.gif); background-repeat: no-repeat; background-position: left center; } .menu dl dd a,.menu dl dd a:visited { color: #3b73b9; text-decoration: none; min-height: 16px; /* Hack per l'altezza minima in IE */ height: auto !important; /* Hack per l'altezza minima in IE */ height: 16px; /* Hack per l'altezza minima in IE */ display: block; padding-left: 8px; } .menu ul li a:hover,.menu ul li a:focus,.menu ul li a:active,.menu dl dd a:hover,.menu dl dd a:focus,.menu dl dd a:active { color: #f00; text-decoration: underline; } /* Contenuti */ #contenthome { line-height: 18px; width: 296px; margin: 0 20px; display: inline; /* Risolve il bug dei margini raddoppiati in IE */ float: left; } #content { line-height: 18px; width: 510px; margin: 0 20px; display: inline; /* Risolve il bug dei margini raddoppiati in IE */ float: left; } #contenthome p,#content p { padding: 0; margin: 0 0 12px 0; } img.art { margin: 0 14px 10px 0; float: left; } .allinea { width: 220px; float: right; } .affiancasx { width: 240px; float: left; } .affiancadx { width: 240px; float: right; } /* Footer */ #footer { height: 1%; /* Necessario per IE */ margin-right: 11px; position: relative; } #footer .angolosx { font-size: 1px; background-image: url(../images/angolosx.gif); background-repeat: no-repeat; width: 32px; height: 10px; position: absolute; top: -1px; left: -32px; } #footer .angolodx { background-image: url(../images/angolofootdx.gif); background-repeat: no-repeat; width: 38px; height: 50px; position: absolute; top: -1px; left: 703px; } #footerlink { width: 100%; padding: 9px 0 7px 0; background-image: url(../images/sfumaturanav.gif); background-repeat: repeat-x; } #footerlink ul { padding: 0; margin: 0; } #footerlink ul li { list-style: none; padding: 0 5px; border-right: 1px solid #fff; margin: 0 0 0 5px; float: left; } #footerlink ul li.ultimo { border: none; } #footerlink ul li a,#footerlink ul li a:visited { color: #3b73b9; text-decoration: none; float: left; } #footerlink ul li a:hover,#footerlink ul li a:focus,#footerlink ul li a:active { color: #f00; text-decoration: underline; } #footerlink p { padding: 0 10px 0 0; margin: 0; float: right; } #angolobasso { background-image: url(../images/angolobasso.gif); background-repeat: no-repeat; width: 11px; height: 28px; position: absolute; bottom: -22px; left: 700px; } /* Banners in Homepage */ #banners { width: 200px; float: left; } /* #banners p.link { font-size: 1px; width: 200px; height: 42px; padding: 0; border-bottom: 1px solid #ccc; margin: 0 0 3px 0; position: relative; } */ #banners p#partner { font-size: 1px; width: 100px; height: 100px; padding: 0; border: none; margin: 0 0 3px 0; position: absolute; bottom: 0; right: 20px; } #banners p.link a { width: 200px; height: 42px; display: block; cursor: pointer; } #banners p#partner a { width: 100%; height: 100%; display: block; cursor: pointer; } #banners p.link a span { background-repeat: no-repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } #banners p#partner a span { background-repeat: no-repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } /* Banners Homepage */ #banners p { padding: 0 0 3px 0; border-bottom: 1px solid #ccc; margin: 3px 0 0 0; position: relative; } #banners p a { /* Pixy Cover-Up Span */ font-size: 1px; text-decoration: none; width: 203px; height: 42px; display: block; position: relative; cursor: pointer; } #banners p a span { /* Pixy Cover-Up Span */ background-repeat: no-repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } #ban2 { background-image: url(../images/gestionline.gif); } #banners #minibanners { background-image: url(../images/punto.gif); background-repeat: repeat-y; background-position: right top; width: 103px; margin: 3px 0 16px 0; float: left; } #banners #minibanners p { width: 100px; height: 20px; padding: 0; border: none; margin: 0; float: left; } #banners #minibanners p a { text-indent: -2000em; /* Phark Image Replacement */ text-decoration: none; width: 100%; height: 100%; float: left; } #minibanners p a#bansuse { background-image: url(../images/logo_suse.gif); } #minibanners p a#banpostgres { background-image: url(../images/logo_postgres.gif); } #minibanners p a#banapache { background-image: url(../images/logo_apache.gif); } #banners p#bigbanner { width: 90px; height: 60px; padding: 0; border: none; margin: 3px 0 0 0; float: right; } #banners p#bigbanner a { text-indent: -2000em; /* Phark Image Replacement */ background-image: url(../images/logo_php.gif); background-repeat: no-repeat; width: 100%; height: 100%; float: left; } /* Immagini dei banners */ /* #ban1 { background-image: url(../images/quaseonline.jpg); } #ban2 { background-image: url(../images/crmonline.jpg); } #ban3 { background-image: url(../images/conline.jpg); } */ #ban4 { background-image: url(../images/partnership.gif); } h5.underln { font-size: 12px; font-weight: normal; text-decoration: underline; padding: 0; margin: 0; } label { cursor: pointer; } input { font-size: 12px; font-family: Arial,Helvetica,Verdana,Sans-serif; color: #000; padding: 1px; } #content form { padding: 0; margin: 0; } #content form p { font-style: italic; padding: 0; margin: 0 0 3px 0; } #content form p#pulsanti { text-align: center; padding: 4px 0 16px 0; margin: 0; } #content form p#pulsanti input { font-style: normal; margin: 0 5px; } .obbligatori,.autorizzo { text-align: right; } .obbligatori { font-weight: bold; } .autorizzo a { color: #900; } textarea { width: 95%; } .centrato { text-align: center; } span.skype { font-weight: bold; color: #060; } #content p.success { font-weight: bold; color: #fff; background-color: #36ad9b; padding: 4px 9px; margin: 0 0 16px 0; } #content p.errore { font-weight: bold; color: #fff; background-color: #f5272c; padding: 4px 9px; margin: 0 0 16px 0; } #contentsitemap .menu { width: 150px; margin: 0 15px 10px 0; float: left; }