/*struttura*/ body { margin: 0; padding: 0; text-align: left; } #comune { display: none } #container { padding: 0 0 0 50px; } #home #container { padding: 0 0 0 60px; } #testata { min-height: 75px; height: auto !important; height: 75px; position: relative;} #tools { display: none } #ricerca { display: none } #toolsNav { display: none} #main { } #subNav { display: none } #home #subNav { width: 220px; display: block; min-height: 450px; height: auto !important; height: 450px; float: left; } #contents { margin-left: 0; height: auto !important; height: auto; margin-top: 1px;} #bread {display: none;} #home #contents { margin-left: 221px;} #interno #contents { padding: 10px 15px;} #mainNav { display: none;} #text { padding: 25px 0;} #home #text { padding: 0;} #footer { display: none } /*solo stampa*/ #footerPrint {text-align: left; padding: 10px; border-top: 1px dotted #CCC; font-size: .9em} #printAddress {text-align: left; padding: 0 5px; margin: -15px 0 0 -5px; font-size: .9em} /*evergreen*/ .clear { clear: left; } img { border: 0; } h1 { margin: 0; } h2 { margin: 0 0 15px 0; padding: 0; font-size: 1.3em; } h3 { margin: 0 0 5px 0; padding: 0; font-size: 1.1em; } h4 { margin: 0; padding: 0; font-size: 1em; } /*bordi struttura*/ #mainNav { border-bottom: 2px solid #FFF; } #footer { border-top: 1px dotted #7B7B7B; } a { color: #333; text-decoration: underline; } /*stile principale link*/ #toolsNav li a, #mainNav li a, #subNav li a, #comune a, #bread a, .boxCanali a {color: black;} #toolsNav li a:hover, #mainNav li a:hover, #subNav li a:hover, #comune a:hover, #bread a:hover, .boxCanali a:hover { text-decoration: underline;} /*grafica principale*/ body { font:80% Verdana, Arial, Helvetica, sans-serif; color: #000; background: #FFF; } /*banda sx colorata canale*/ body#home { background: url(../pix/bgbody.gif) repeat-y 0 0; } body.informagiovani { background: url(../pix/bgbodyinformagiovani.gif) repeat-y 0 0; } body.lavoro { background: url(../pix/bgbodylavoro.gif) repeat-y 0 0; } body.estero { background: url(../pix/bgbodyestero.gif) repeat-y 0 0; } body.formazione { background: url(../pix/bgbodyformazione.gif) repeat-y 0 0; } body.tempolibero { background: url(../pix/bgbodytempolibero.gif) repeat-y 0 0; } body.sociale { background: url(../pix/bgbodysociale.gif) repeat-y 0 0; } /*scritta laterale canali*/ #container {background: transparent url(../pix/bgcontainer.gif) no-repeat 0 0; } .informagiovani #container { background: transparent url(../pix/bgcontainerinformagiovani.gif) no-repeat 0 0; } .lavoro #container { background: transparent url(../pix/bgcontainerlavoro.gif) no-repeat 0 0; } .estero #container { background: transparent url(../pix/bgcontainerestero.gif) no-repeat 0 0; } .formazione #container { background: transparent url(../pix/bgcontainerformazione.gif) no-repeat 0 0; } .tempolibero #container { background: transparent url(../pix/bgcontainertempolibero.gif) no-repeat 0 0; } .sociale #container { background: transparent url(../pix/bgcontainersociale.gif) no-repeat 0 0; } #testata { background: #403B38 url(../pix/testata.jpg) repeat-y 0 0; text-align: right; font-weight: bold } /*navigazione di servizio*/ #toolsNav { display: none } #home #main { background: transparent url(../pix/bgmainhome.gif) repeat-y 0 100%; } #home .sfondo { background-image: none; } #interno #main { background-image: none; } /* navigazione contestuale */ #subNav { padding: 10px 0;} #interno #subNav { background-color: #E0E0E0; padding: 116px 0 10px 0;} .informagiovani #subNav { background: url(../pix/bgmenuinformagiovani.jpg) no-repeat 0 0; } .lavoro #subNav { background: url(../pix/bgmenulavoro.jpg) no-repeat 0 0; } .estero #subNav { background: url(../pix/bgmenuestero.jpg) no-repeat 0 0; } .formazione #subNav { background: url(../pix/bgmenuformazione.jpg) no-repeat 0 0; } .tempolibero #subNav { background: url(../pix/bgmenutempolibero.jpg) no-repeat 0 0; } .sociale #subNav { background: url(../pix/bgmenusociale.jpg) no-repeat 0 0; } #subNav ul { padding: 0; margin: 0; list-style-type: none; } #subNav li { background: transparent url(../pix/bulletsubnav.gif) no-repeat 5px 7px; padding: 5px 0 5px 15px; border-bottom: 1px solid #CCC;} #subNav li.selezionato {background-color: #BEBEBE; background-image: none; padding-left: 15px; font-weight: bold} #subNav li.torna { padding-left: 15px; background: #BEBEBE url(../pix/bullettorna.gif) no-repeat 5px 7px;} #subNav li span {color: #036; font-weight: bold;} #subNav li a { display: block; } #subNav li a:hover { font-weight: normal; text-decoration: underline; } #subNav ul ul { margin: 10px 0 0 -30px; padding: 0; } #subNav ul ul li { background: #F2F2F6 url(../pix/bulletsubnav.gif) no-repeat 15px 5px; padding-left: 35px } #subNav ul ul ul { margin: 5px 0 0 -20px; padding: 0; } #subNav ul ul ul li { background: #F2F2F6 url(../pix/bulletsubnav.gif) no-repeat 15px 5px; } #apertura { min-height: 110px; height: auto !important; height: 160px; border-bottom: 1px solid #E3E3E3; margin-bottom: 10px;} #home #apertura { min-height: 80px; height: auto !important; height: 45px; border-bottom: 1px dotted #E3E3E3; padding: 5px 10px 0 10px; background: #F4F4F4; margin-bottom: 0;} .immagine {float: left;} #primoPiano .testo { border-bottom: 1px dotted #E3E3E3; margin-bottom: 10px; padding: 5px 5px 10px 10px;} #home #primoPiano #apertura .testo { margin-left: 75px; border: 0; margin-bottom: 0; padding: 0; } #primoPiano #apertura .testo { margin-left: 130px; border: 0; margin-bottom: 0; } #primoPiano p {margin: 5px 0;} /*box canali */ .boxCanali { width: 480px; } .boxCanale { width: 145px; padding: 160px 4px 0 4px; margin-right: 4px; float: left; border-right: 1px dotted #000;} .boxCanale h2 {display: none;} .boxCanale h3 {margin-top: 10px; border-bottom: 1px dotted #000; color: #666;} .boxCanale .descrizione p { margin: 0; } #informagiovani.boxCanale { background: url(../pix/bgboxcanaleinformagiovani.jpg) no-repeat 0 0; } #lavoro.boxCanale { background: url(../pix/bgboxcanalelavoro.jpg) no-repeat 0 0; } #estero.boxCanale { background: url(../pix/bgboxcanaleestero.jpg) no-repeat 0 0; } #formazione.boxCanale { background: url(../pix/bgboxcanaleformazione.jpg) no-repeat 0 0; } #tempolibero.boxCanale { background: url(../pix/bgboxcanaletempolibero.jpg) no-repeat 0 0; } #sociale.boxCanale { background: url(../pix/bgboxcanalesociale.jpg) no-repeat 0 0; } .boxCanale .descrizione {min-height: 25px; } .boxCanale .descrizione a {padding: 0 25px 0 0; display: block; min-height: 25px; } #informagiovani.boxCanale .descrizione a { background: url(../pix/bgdescrizioneinformagiovani.gif) no-repeat 100% 0;} #lavoro.boxCanale .descrizione a { background: url(../pix/bgdescrizionelavoro.gif) no-repeat 100% 0; } #estero.boxCanale .descrizione a { background: url(../pix/bgdescrizioneestero.gif) no-repeat 100% 0; } #formazione.boxCanale .descrizione a { background: url(../pix/bgdescrizioneformazione.gif) no-repeat 100% 0; } #tempolibero.boxCanale .descrizione a { background: url(../pix/bgdescrizionetempolibero.gif) no-repeat 100% 0; } #sociale.boxCanale .descrizione a { background: url(../pix/bgdescrizionesociale.gif) no-repeat 100% 0; } #informagiovani.boxCanale .descrizione a:hover { background: url(../pix/bgdescrizioneinformagiovanihover.gif) no-repeat 100% 0; } #lavoro.boxCanale .descrizione a:hover { background: url(../pix/bgdescrizionelavorohover.gif) no-repeat 100% 0; } #estero.boxCanale .descrizione a:hover { background: url(../pix/bgdescrizioneesterohover.gif) no-repeat 100% 0; } #formazione.boxCanale .descrizione a:hover { background: url(../pix/bgdescrizioneformazionehover.gif) no-repeat 100% 0; } #tempolibero.boxCanale .descrizione a:hover { background: url(../pix/bgdescrizionetempoliberohover.gif) no-repeat 100% 0; } #sociale.boxCanale .descrizione a:hover { background: url(../pix/bgdescrizionesocialehover.gif) no-repeat 100% 0; } .boxCanale ul {padding: 5px 5px 5px 15px; margin: 0; list-style-type: square;} /*contenuti*/ #interno h2 {text-transform: uppercase; color: #505050; padding: 2px 0 5px 30px;} #interno.informagiovani h2 {background: url(../pix/bgh2internoinformagiovani.gif) no-repeat 0 0; border-bottom: 2px solid #FEBD25;} #interno.lavoro h2 {background: url(../pix/bgh2internolavoro.gif) no-repeat 0 0; border-bottom: 1px solid #FF8500;} #interno.estero h2 {background: url(../pix/bgh2internoestero.gif) no-repeat 0 0; border-bottom: 1px solid #83A9CF;} #interno.formazione h2 {background: url(../pix/bgh2internoformazione.gif) no-repeat 0 0; border-bottom: 1px solid #A52929;} #interno.tempolibero h2 {background: url(../pix/bgh2internotempolibero.gif) no-repeat 0 0; border-bottom: 1px solid #2A5077;} #interno.sociale h2 {background: url(../pix/bgh2internosociale.gif) no-repeat 0 0; border-bottom: 1px solid #979E2C;} #interno #primoPiano h3 {padding: 0 0 0 15px; min-height: 15px; height: auto !important; height: 15px; font-variant: small-caps;} #interno.informagiovani #primoPiano h3 {background: url(../pix/bgh3primopianoinformagiovani.gif) no-repeat 0 50%;} #interno.lavoro #primoPiano h3 {background: url(../pix/bgh3primopianolavoro.gif) no-repeat 0 50%;} #interno.formazione #primoPiano h3 {background: url(../pix/bgh3primopianoformazione.gif) no-repeat 0 50%;} #interno.estero #primoPiano h3 {background: url(../pix/bgh3primopianoestero.gif) no-repeat 0 50%;} #interno.tempolibero #primoPiano h3 {background: url(../pix/bgh3primopianotempolibero.gif) no-repeat 0 50%;} #interno.sociale #primoPiano h3 {background: url(../pix/bgh3primopianosociale.gif) no-repeat 0 50%;} #interno h3 {padding: 2px 0 0 25px; min-height: 25px; height: auto !important; height: 25px; font-variant: small-caps;} #interno.informagiovani h3 {background: url(../pix/bgh3internoinformagiovani.gif) no-repeat 0 0;} #interno.lavoro h3 {background: url(../pix/bgh3internolavoro.gif) no-repeat 0 0;} #interno.formazione h3 {background: url(../pix/bgh3internoformazione.gif) no-repeat 0 0;} #interno.estero h3 {background: url(../pix/bgh3internoestero.gif) no-repeat 0 0;} #interno.tempolibero h3 {background: url(../pix/bgh3internotempolibero.gif) no-repeat 0 0;} #interno.sociale h3 {background: url(../pix/bgh3internosociale.gif) no-repeat 0 0;} #interno #text p {margin: 0 0 10px 0; padding:0; } /*footer*/ #footer { background-color: #FFF; text-align: center; width: 75%; padding: 0 10% 0 15%; } #footerLeft { float: left; width: 8opx; } #footerCenter { float: left; height: 27px !important; height: 45px; background-image: url(../pix/foot.gif); padding-top: 18px; padding-left: 10px; text-align: center;width: 60%;} #footerRight { float: left; width: 10%;} /*grafica elementi*/ #testata h1 { padding: 0 20px; } #logotipo {position: absolute; right: 0; bottom: 0;} #logotipo #first { color: #FFF; font-size: 29px;} #logotipo #second { color: #FF8500; font-size: 60px; } /*debug body {background-color: lightgrey;} #comune { border: 1px solid red; } #container { border: 1px solid blue; } #testata { border: 1px solid green; } #tools { border: 1px solid yellow; } #ricerca { border: 1px solid red; } #contents { border: 4px solid red; } #toolsNav { border: 1px solid pink; } #main { border: 1px solid orange; } #mainNav { border: 1px solid cyan; } #subNav { border: 1px solid cyan; } #text { border: 1px solid orange; } #footer { border: 1px solid red; } .boxCanali { border: 1px solid red; } .boxCanale { border: 1px solid blue; } */