/* ****** */ /* Yeah. */ /* ****** */ /* General rules */ * {padding:0;margin:0;} html {font:12px "Lucida Sans", "Arial", "Verdana", sans-serif;background:url(../img/html.jpg) top left repeat-x;color:#494949;} a {color:#494949;text-decoration:none;} .clear {clear:both;display:block;} .spacer3 {clear:both;display:block;height:3px;} #cont {width:862px;margin:0 auto;} /* Top (incluso con top.inc.php) */ #top {height:138px;} #top #toplink {height:28px;background: url(../img/toplink.jpg) top right no-repeat;} #top #toplink a {display:block;float:right;text-transform:uppercase;color:#fff;padding:7px 40px;font-size:11px;font-weight:bold;} #top h1 a{display:block;height:65px;width:176px;background:transparent url(../img/h1.jpg) no-repeat center top;margin-top:43px;} #top h1 a span {display:none;} /* nasconde il testo */ /* Menu principale orizzontale (incluso con nav.inc.php) */ #nav{height:15px;text-transform:uppercase;font-weight:bold;font-size:13px;padding:10px 0;} #nav ul {float:left;list-style:none;} #nav ul li {display:inline;padding:0 18px 0 0;color:#787878;} #nav ul li a {color:#787878;padding:0px 13px;position:relative;} #nav ul li a:hover, #nav ul li a.focus {color:#cc1b1b;} #nav #reserved{float:right;} #nav #reserved a {color:#cc1b1b;padding-left:21px;} #nav #reserved a.res {background:url(../img/lock.jpg) center left no-repeat;margin-right:10px;} #nav #reserved a.supp {background:url(../img/support.jpg) center left no-repeat;} /* CORPO delle pagine */ #main {margin-bottom:30px;} /* Pagina piena: Lavora con noi & Contatti */ #main #frame {padding:8px;border:1px solid #c4c4c4;background:#f2f2f2;} /* cornice grigia */ #main #frame #inner{border:1px solid #e1e1e1;padding:30px;background:#fff url(../img/contents.jpg) top right no-repeat;} /* effettiva area bianca dentro alla cornice grigia */ #main #frame #inner #left-form {float:left;width:300px;} #main #frame #inner #left-form h2 {margin:20px 0 ;color:#cc1b1b;font-size:22px;} #main #frame #inner #left-form h4 {font-size:15px;margin:0 0 20px 0;} #main #frame #inner #left-form p {line-height:200%;margin:0 20px 10px 0;} #main #frame #inner #left-form p.address {font-size:14px;} #main #frame #inner #left-form p.address a {} #main #frame #inner #left-form p.address a:hover {color:#222;} #main #frame #inner #left-form p small {font-size:10px;text-transform:uppercase;color:#666} #main #frame #inner form {float:right;width:440px;} #main #frame #inner form fieldset {border:0;margin:20px 0px;} #main #frame #inner form fieldset.left-fieldset, #main #frame #inner form fieldset.right-fieldset{width:210px} #main #frame #inner form fieldset.left-fieldset {float:left;} #main #frame #inner form fieldset.right-fieldset {float:right;} #main #frame #inner form label {margin:0px 0 4px 0;display:block;} #main #frame #inner form input, #main #frame #inner form select {margin:0 0 20px 0px;display:block;float:left;border:1px solid #c5c5c5;padding:3px;width:185px;} #main #frame #inner form textarea {width:100%;height:120px;border:1px solid #c5c5c5;} #main #frame #inner form fieldset h4 {color:#cc1b1b;text-align:left;} #main #frame #inner form fieldset p.privacy {font-size:11px;text-align:left;margin:10px 0 20px 0} #main #frame #inner form fieldset input.privacy {width:15px;display:inline;border:0;margin:0 40px 0 0;padding:0;} #main #frame #inner form fieldset label.privacy {display:inline;float:left;margin:0 5px 0 0;padding:0;} #main #frame #inner form input.submit {width:140px;float:right;height:30px;background:#cc1b1b;color:#fff;font-weight:bold;border:0;text-transform:uppercase;} #main #frame #inner form .okbox, #main #frame #inner form .kobox {border:1px solid;padding:15px;margin:15px 0;text-transform:uppercase;font-weight:bold;} #main #frame #inner form .kobox {color:#a00;border-color:#a00;} #main #frame #inner form .okbox {color:#040; border-color:#040} #main #frame #inner p {line-height:130%;margin:20px 10px;text-align:justify} #main #frame #inner ol,#main #frame #inner ul {margin:10px 10px 10px 30px;} /* Colonna sinistra */ #main #left {float:left;width:564px;} /* delimita solo l'area: no bordi/sfondi */ /* menu extra: tre voci sopra al box di sinistra */ #main #left #menu-left{height:40px;margin:0 0 10px 0;} #main #left #menu-left ul {list-style:none;text-align:center;} #main #left #menu-left ul li {display:inline;width:182px;margin:0 2px 0 0;} #main #left #menu-left ul li a {display:block;float:left;background-position:50% -1px;width:177px;height:36px;} #main #left #menu-left ul li a.tecnologia{background-image:url(../img/cat_tecno.jpg);margin-right:16px;} #main #left #menu-left ul li a.datacenter{background-image:url(../img/cat_datac.jpg);} #main #left #menu-left ul li a.consulenza{background-image:url(../img/cat_cons.jpg);float:right} #main #left #menu-left ul li a:hover {background-position:center bottom} #main #left #menu-left ul li a.focus {background-position:center bottom} #main #left #menu-left ul li a span {display:none;} /* box sinistro */ #main #left #frame {padding:10px;border:1px solid #c4c4c4;background:#f2f2f2;} /* cornice grigia */ #main #left #frame #inner-left{border:1px solid #e1e1e1;background:#fff;} /* effettiva area bianca dentro alla cornice grigia */ #main #left #frame #inner-left img.top {width:100%;margin-top:30px;} #main #left #frame #inner-left #content {background: url(../img/contents.jpg) top right no-repeat;position:relative;top:-3px;padding:40px 25px;} /* i contenuti sono qui */ #main #left #frame #inner-left #content h2 {} /* Vedi SIFR */ #main #left #frame #inner-left #content h3.subtitle {} /* Vedi SIFR */ #main #left #frame #inner-left #content span.date {display:block;font-size:11px;color:#666;padding:0 0 0 5px;} #main #left #frame #inner-left #content p {line-height:200%;margin:0 0 16px 0;} #main #left #frame #inner-left #content p a {border-bottom:1px dotted #a00} #main #left #frame #inner-left #content p a:hover {color:#111;} #main #left #frame #inner-left #content ul {margin-left: 10px;list-style:square} /* box sinistro: classi specifiche per la homepage */ #main #left #frame #inner-left #home-content {height:378px;padding:0 20px 0 278px;background:url(../img/home.jpg) bottom center no-repeat;} #main #left #frame #inner-left #home-content h2 {padding:22px 0 10px 0;font-weight:normal;} #main #left #frame #inner-left #home-content p {line-height:165%;} #main #left #frame #inner-left #home-content a.more {margin:10px 0 0 0;padding:4px 20px 3px 10px;background:url(../img/more.jpg) right center no-repeat #cc1b1b;float:right;color:#fff;text-transform:uppercase;font-size:11px;border-right:6px solid #cc1b1b;} /* Colonna destra */ #main #right {width:267px;float:right;} /* delimita solo l'area: no bordi/sfondi */ /* box destro: link alle singole pagine dei servizi */ #main #right #inner-right {border:1px solid #c8c8c8;padding:22px 20px;background:#fff;} #main #right #inner-right h3 {padding:0 0 2px 0;border-bottom:2px dotted #c8c8c8} #main #right #inner-right h3 span {color:#fff;background:#cc1b1b;padding:12px;display:block;text-transform:uppercase;font-size:12px} #main #right #inner-right ul {margin:15px 10px;list-style:none;line-height:220%;} #main #right #inner-right ul li a:hover {color:#222;} /* box destro per la homepage: lista fatta a box con immagini */ #main #right ul#home-links {list-style:none;} #main #right ul#home-links li {height:120px;border:2px solid #c4c4c4;margin:0 0 15px 0;background:url(../img/cat_home_bg_sprite.jpg);} #main #right ul#home-links li.tecnologia {background-position:left top;} #main #right ul#home-links li.datacenter {background-position:left center;} #main #right ul#home-links li.consulenza {background-position:left bottom;} #main #right ul#home-links li a {height:30px;width:120px;display:block;background:url(../img/cat_home_sprite.jpg);position:relative;top:80px;left:130px;} #main #right ul#home-links li a span {display:none;} #main #right ul#home-links li.tecnologia a{background-position:left top;} #main #right ul#home-links li.datacenter a{background-position:left center;} #main #right ul#home-links li.consulenza a{background-position:left bottom;} #main #right ul#home-links li.tecnologia a:hover{background-position:right top;} #main #right ul#home-links li.datacenter a:hover{background-position:right center;} #main #right ul#home-links li.consulenza a:hover{background-position:right bottom;} /* Lista/links delle ultime news */ #main #right #inner-right h3.news span{background:#4c4c4c} #main #right #inner-right ul.news {line-height:120%;} #main #right #inner-right ul.news li {margin:0 0 15px 0} #main #right #inner-right ul.news li a:hover {color:#222;} #main #right #inner-right ul.news li span {display:block;font-weight:bold;color:#222;font-size:11px} #main #right #inner-right #news_pagination {border-top:1px solid #c4c4c4;margin:20px 0;padding:10px 0;text-align:center;} #main #right #inner-right #news_pagination a {font-size:11px;padding:1px 3px} #main #right #inner-right #news_pagination a:hover {background:#cc1b1b;color:#fff;} /* Pie' di Pagina (incluso con footer.inc.php) */ #footer {border: solid #d2d2d2;border-width:1px 0 2px 0;color:#747474;font-size:10px;margin:0 0 10px 0} #footer #allrights{float:left;margin:10px 0;} #footer #allrights img {margin-right:5px;vertical-align:middle;} #footer #address{text-align:right;float:right;margin:12px 0 10px;} #footer #loghi_registar {float:left;width:165px;height:30px;margin-left:60px;margin-top:4px;} #footer #loghi_registar a {background:url(/img/loghi_registar.jpg); height:30px;display:block;float:left;margin-right:10px} #footer #loghi_registar a span {display:none;} #footer #loghi_registar a.icann {width:35px;background-position:-60px 100%;} #footer #loghi_registar a.ripe {width:43px;background-position:-110px 100%;} #footer #loghi_registar a.nic {width:50px;background-position:0 100%;} #footer #loghi_registar a:hover.icann {background-position:-60px 0;} #footer #loghi_registar a:hover.ripe {background-position:-110px 0;} #footer #loghi_registar a:hover.nic {background-position:0 0;} /* Classi SIFR */ .sIFR-active h2{visibility: hidden; font-family: Verdana; font-size: 22px;font-weight:normal; display: block;text-align:left;line-height:90%; } .sIFR-active h2.home{visibility: hidden;font-family: Verdana;font-size: 24px;font-weight:normal;display: block;text-align:left;line-height:120%; } .sIFR-active h3.subtitle{ visibility: hidden;font-family: Verdana; font-size: 18px;font-weight:normal;display: block;text-align:left;line-height:90%;}