/* Resetto tutti gli stili */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,img,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse: collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* FINE */ body { background-color: #fff; font: 11px/14px Tahoma; color: #000; } #container { width: 924px; height: 593px; position: absolute; left: 50%; margin-left: -462px; margin-top: 15px; padding: 0; background: url(../gfx/sfondolilla.jpg) } /* zoom immagini realizzazioni */ /* ************************************************************** */ /* Sample PopBox CSS Classes */ /* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/ .PopBoxImageSmall { border: none 0px #ffffff; cursor: url("images/magplus.cur"), pointer; } .PopBoxImageLarge { border: solid 1px #999999; cursor: url("images/magminus.cur"), pointer; } .PopBoxImageShrink { cursor: url("images/magminus.cur"), pointer; } .PopBoxImageLink { cursor: pointer; } .PopBoxImageMove { border: none 0px #ffffff; cursor: pointer; } /* ************************************************************** */ /* impaginazione scelta lingue */ /* ************************************************************** */ #lingue { width: 500px; height: 40px; top: 272px; left: 380px; position:absolute;} #lingue p { padding: 0 0px 0 0px; font: 12px/12px Georgia; color: #fff; font-weight:bold; } #lingue a { color:#fff; text-decoration: none;} #lingue a:hover { color: #CF6EA3; } /* impaginazione menu orizzontale */ /* ************************************************************** */ #menu { width: 880px; height: 10px; top: 30px; left: 15px; position:absolute; z-index:5;} #menu p { padding: 0 0px 0 0px; font: 10px/12px Arial; color: #000000; font-weight:bold; } #menu a { color:#000000; text-decoration: none;} #menu a:hover { color: #CF6EA3; } /* titolazione pagine */ /* ************************************************************** */ #title { width: 500px; height: 500px; top: 80px; left: 30px; position:absolute; z-index:5;} #title h1 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #title2 { width: 500px; height: 500px; top: 80px; left: 30px; position:absolute; z-index:5;} #title2 .attivo { padding: 0 0px 0 0px; font: 26px/28px Times new roman; color: #CF6EA3; font-weight:normal; } #title2 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } /* impaginazione elenco verticale prodotti */ /* ************************************************************** */ #elencoprod { width: 600px; height: 500px; top: 180px; left: 30px; position:absolute; z-index:5;} #elencoprod { padding: 0 0px 0 0px; font: 26px/28px Times new roman; color: #5D5B5C; font-weight:normal; } #elencoprod a { color:#5D5B5C; text-decoration: none;} #elencoprod h1 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #elencoprod h2 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #elencoprod .macroattiva { padding: 0 0px 0 0px; font: 26px/28px Times new roman; color: #CF6EA3; font-weight:normal; } #elencoprod .testomacro { padding: 0 0px 0 0px; font: 14px/16px Times new roman; color: #5D5B5C; font-weight:normal; text-align:justify;} #elencoprod .sottocat { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #5D5B5C; font-weight:normal; } #elencoprod .sottoscat { padding: 0 0px 0 0px; font: 20px/22px Times new roman; color: #5D5B5C; font-weight:normal; } #elencoprod .attivo { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #elencoprod a:hover { color: #CF6EA3; } #elencoprodnews { width: 600px; height: 500px; top: 120px; left: 30px; position:absolute; z-index:5;} #elencoprodnews { padding: 0 0px 0 0px; font: 26px/28px Times new roman; color: #5D5B5C; font-weight:normal; } #elencoprodnews a { color:#5D5B5C; text-decoration: none;} #elencoprodnews h1 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #elencoprodnews h2 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #elencoprodnews .macroattiva { padding: 0 0px 0 0px; font: 26px/28px Times new roman; color: #CF6EA3; font-weight:normal; } #elencoprodnews .testomacro { padding: 0 0px 0 0px; font: 14px/16px Times new roman; color: #5D5B5C; font-weight:normal; text-align:justify;} #elencoprodnews .sottocat { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #5D5B5C; font-weight:normal; } #elencoprodnews .sottoscat { padding: 0 0px 0 0px; font: 20px/22px Times new roman; color: #5D5B5C; font-weight:normal; } #elencoprodnews .attivo { padding: 0 0px 0 0px; font: 26px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #elencoprodnews a:hover { color: #CF6EA3; } #dettagli { width: 650px; height: 500px; top: 100px; left: 30px; position:absolute; z-index:5;} #dettagli { padding: 0 0px 0 0px; font: 14px/16px Times new roman; color: #5D5B5C; font-weight:normal; text-align:justify; } #dettagli a { color:#5D5B5C; text-decoration: none;}# #titolodettagli { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #dettagli a:hover { color: #CF6EA3; } #logo { width: 289px; height: 49px; top: 21px; left: 769px; position:absolute; z-index:2;} /* link indietro su pagine news (dettagli) */ /* ************************************************************** */ #indietro { width: 300px; height: 30px; top: 385px; left: 327px; position:absolute; z-index:5;} #indietro { padding: 0 0px 0 0px; font: 14px/16px Times new roman; color: #5D5B5C; font-weight:normal; text-align:justify; } #indietro a { color:#5D5B5C; text-decoration: none;} #pagina { width: 500px; height: 10px; top: 5px; left: 10px; position:absolute;} #pagina p { padding: 0 0px 0 0px; font: 10px/12px Arial; color: #fff; font-weight:bold; } /* impaginazione immagini */ /* ************************************************************** */ #foto { width: 592px; height: 267px; top: 145px; left: 333px; position:absolute;} #filosofia { width: 430px; height: 329px; top: 103px; left: 494px; position:absolute;} #cartina { width: 505px; height: 311px; top: 119px; left: 419px; position:absolute;} #logobig { width: 308px; height: 111px; top: 221px; left: 0px; position:absolute;} #logobighome { width: 295px; height: 108px; top: 208px; left: 0px; position:absolute;} #logolato { width: 158px; height: 69px; top: 21px; left: 766px; position:absolute;} /* impaginazione galleria fotografica */ /* ************************************************************** */ #gallery { position:absolute; top:120px; left: 30px; width:588px; height:450px;z-index:6;} #gallery { padding: 0 0px 0 0px; font: 10px/12px Arial; color: #000000; font-weight:normal; } #gallery a { color:#000000; text-decoration: none;} #gallery a:hover { color: #CF6EA3; } /* impaginazione elenco delle pagine delle gallerie fotografiche */ /* ************************************************************** */ #elencopage { position:absolute; top:540px; left: 30px; width:400px; height:30px;z-index:7;} #elencopage { padding: 0 0px 0 0px; font: 10px/12px Arial; color: #000000; font-weight:bold; } #elencopage a { color:#000000; text-decoration: none;} #elencopage a:hover { color: #CF6EA3; } /* impaginazione elenco delle pagine delle news */ /* ************************************************************** */ #elencopagenews { position:absolute; top:430px; left: 28px; width:400px; height:30px;z-index:7;} #elencopagenews { padding: 0 0px 0 0px; font: 10px/12px Arial; color: #000000; font-weight:bold; } #elencopagenews a { color:#000000; text-decoration: none;} #elencopagenews a:hover { color: #CF6EA3; } /* impaginazione testo filosofia e dove siamo*/ /* ************************************************************** */ #testofilo { width: 400px; height: 500px; top: 83px; left: 30px; position:absolute; z-index:2;} #testofilo { padding: 0 0px 0 0px; font: 14px/16px Times new roman; color: #5D5B5C; font-weight:normal; text-align:justify;} #testofilo h1 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #testofilo a { color:#5D5B5C; text-decoration: underline;} #testofilo a:hover { color: #CF6EA3; } /* impaginazione testo news*/ /* ************************************************************** */ #testonotizie { width: 650px; height: 500px; top: 83px; left: 30px; position:absolute; z-index:2;} #testonotizie { padding: 0 0px 0 0px; font: 14px/16px Times new roman; color: #5D5B5C; font-weight:normal; text-align:justify;} #testonotizie h1 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #testonotizie a { color:#5D5B5C; text-decoration: underline;} #testonotizie a:hover { color: #CF6EA3; } /* impaginazione testo pagina prodotti*/ /* ************************************************************** */ #testoprod { width: 600px; height: 80px; top: 120px; left: 30px; position:absolute; z-index:2;} #testoprod { padding: 0 0px 0 0px; font: 14px/16px Times new roman; color: #5D5B5C; font-weight:normal; text-align:justify;} #testoprod h1 { padding: 0 0px 0 0px; font: 22px/24px Times new roman; color: #CF6EA3; font-weight:normal; } #testoprod a { color:#5D5B5C; text-decoration: underline;} #testoprod a:hover { color: #CF6EA3; } #testofooter p { padding: 0 0px 0 0px; font: 10px/12px Arial; color: #fff; font-weight:bold; text-align:center;} #testofooter { width: 924px; height: 10px; top: 577px; left: 10px; position:absolute;} /* COLONNA SX */ /* ************************************************************** */ #colsx { width: 162px; float: left; } #elencoservizi { margin-top: 2px; width: 162px; } #elencoservizi p { padding: 0 10px 0 10px; font: 12px/15px Georgia; color: #000;} #elencoservizi a { color:#023F7C; text-decoration: none;} #elencoservizi a:hover { color: #AD1417; } #elencoservizi td.servizi {height:46px; background: url(../gfx/servizi/cornice.jpg)} /* COLONNA CENTRALE */ /* ************************************************************** */ #center { width: 588px; float: left; } #body { padding-top: 23px; } #body a { color:#AD1417; text-decoration: underline; font-weight: bold;} #body a:hover { color: #AD1417; font-weight: bold;} #titolopage { width: 588px; } #titolopage p { padding: 0 10px 0 20px; font: 30px/35px Georgia; color: #AD1417;} #testo p { padding: 0 20px 0 20px; font: 12px/16px Georgia; color: #023F7C; text-align:justify; margin-bottom:15px;} #descrizione { padding: 0 20px 0 20px; font: 11px/12px Georgia; color: #023F7C; text-align:justify; margin-bottom:15px;} #www { padding: 0 20px 0 20px; font: 12px/16px Georgia; font-weight: bold; color: #023F7C; text-align:justify; margin-bottom:15px;} #testocontatti p { padding: 0 40px 0 20px; font: 12px/16px Georgia; color: #023F7C; text-align:justify; margin-bottom:15px;} #testocontatti h4 { padding: 0 40px 0 20px; font: 20px/20px Georgia; color: #023F7C; text-align:justify; margin-bottom:15px;} #listaweb { width: 560px; padding-left: 20px; } #listaweb p { padding: 0 10px 0 20px; font: 12px/16px Georgia; color: #023F7C;} /* COLONNA DX */ /* ************************************************************** */ #coldx { width: 200px; float: left;} #news { width: 200px; } #news .box { width: 200px; height: 180px; background: url(../gfx/coldx/box.jpg) } #news p { font: 20px/20px Georgia; color: #cda003; padding: 8px 0 0 11px; } #news span { font: 11px/16px Tahoma; } #news .box .fadeup { font: 11px/11px Georgia; color: #023F7C; padding: 3px 0 0 6px; } #portfolio { width: 200px;} #portfolio .box { width: 200px; height: 180px; background: url(../gfx/coldx/box.jpg) } #portfolio p { font: 20px/20px Georgia; color: #0f880f; padding: 8px 0 0 11px; } #portfolio span { font: 11px/16px Tahoma; } #portfolio .box .fadeup { font: 11px/11px Georgia; color: #023F7C; padding: 3px 0 0 6px; } #linkutili { width: 200px;} #linkutili .box { width: 200px; height: 255px; background: url(../gfx/coldx/box2.jpg) } #linkutili p { font: 20px/20px Georgia; color: #023f7c; padding: 8px 0 0 11px; text-align:justify;} #linkutili span { font: 11px/16px Tahoma; } #box img { width: 300px; height: 197px; float: left; padding: 0 20px 0 20px;} #box2 img { width: 300px; height: 197px; float: left; padding: 0 20px 0 20px; } #box3 img { width: 600px; height: 288px; padding: 0 20px 0 20px; margin-bottom:20px;} #box4 img { width: 150px; height: 400px; float: left; padding: 0 20px 0 20px; margin-bottom:20px; margin-right:30px; } #image img { width: 150px; height: 100px; float: left; padding: 0 20px 0 20px; } #mappa img { width: 490px; height: 485px; padding: 0 18px 0 18px; margin-bottom:20px; margin-left:55px; } /* FOOTER */ /* ************************************************************** */ #footer { width: 950px; height: 32px; background: url(../gfx/footer/sfondo.jpg) repeat; } #footer p { font: 12px/12px Georgia; color: #023f7c; padding: 10px 0 0 11px; text-align:center; } #footer a { color:#023F7C; text-decoration: none;} #sfondosx { width: 9px; height: 31px; float: left; } #sfondodx { width: 9px; height: 31px; float: right; } /*Sample CSS to style the two tickers in the demo*/ .cnnclass { width: 190px; padding: 5px; margin-bottom: 1em; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/ -moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/ } .cnnclass a{ text-decoration: none; } .rsstitle{ /*shared class for all title elements in an RSS feed*/ font-weight: bold; font: 11px/11px Georgia; color: #023F7C; padding: 3px 0 0 6px; } .rssdate{ /*shared class for all date elements in an RSS feed*/ color: gray; font-size: 85%; font: 11px/11px Georgia; color: #023F7C; padding: 15px 0 0 6px; } .rssdescription{ /*shared class for all description elements in an RSS feed*/ font: 11px/11px Georgia; color: #023F7C; padding: 15px 0 0 6px; }