/* 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: #ffffff; font: 11px/14px Times new roman, Helvetica, Arial; color: #000; } #logoindex { width: 206px; position:absolute; height:61px; top:250px; left:365px; padding: 0;} #logo { width: 206px; position:absolute; height:61px; top:100px; left:365px; padding: 0;} #peca { width: 76px; position:absolute; height:74px; top:550px; left:830px; padding: 0;} #linea { width: 950px; position:absolute; height:11px; top:624px; left:0px; padding: 0;} #container { position:absolute;top:0;left: 50%;width:950px; height:600px; margin-left:-475px;padding:0;background-color:#ffffff;} #flash {width: 380px;height: 302px;top:100px;left:285px;position:absolute;} #entra {width: 380px;height: 30px;top:420px;left:285px;position:absolute;} #entra p { padding: 0 0px 0 0px; font-family:Times new roman, Helvetica, Arial; font-size: 14px; color: #a6a8ab; text-align:center; } #entra a { color:#a6a8ab; text-decoration: none; } #entra a:hover { color: #a8101b; } #menuup { width: 945px; height: 30px; top:200px; left:0px; position:absolute; } #menuup p { padding: 0 10px 0 10px; font: 14px Times new roman, Helvetica, Arial; font-weight: normal; color: #a8101b; text-align:center; } #menuup a { color:#a8101b; text-decoration: none; } #menuup a:hover { color: #a6a8ab; } #credits { width: 50px; height: 18px; top:613px; left:25px; position:absolute; } #credits p { padding: 0 10px 0 10px; font: 10px Times new roman, Helvetica, Arial; font-weight: normal; color: #a8101b; text-align:left; } #credits a { color:#a8101b; text-decoration: none; } #credits a:hover { color: #a6a8ab; } #turni { width: 100px; height: 18px; top:633px; left:835px; position:absolute; } #turni p { padding: 0 10px 0 10px; font: 10px Times new roman, Helvetica, Arial; font-weight: normal; color: #a8101b; text-align:left; } #turni a { color:#a8101b; text-decoration: none; } #turni a:hover { color: #a6a8ab; } #maps { width: 100px; position:absolute; height:300px; top:250px; left:810px; padding: 0;} #maps { padding: 0 0px 0 0px; font: 12px/12px Times new roman, Helvetica, Arial; color: #a6a8ab; text-align:left; line-height:14px; font-weight:normal;} #maps strong {font-weight: bold; } #maps a { color:#a6a8ab; text-decoration: none; } #maps a:hover { color: #a8101b; } #quadroform { width: 750px; position:absolute; height:360px; top:250px; left:50px; padding: 0; background-color:#ffffff; padding: 10px 10px;} #quadroform p { padding: 0 0px 0 0px; font: 14px/14px Times new roman, Helvetica, Arial; color: #a6a8ab; text-align:center; line-height:14px; font-weight:normal;} #quadroform a { color:#a6a8ab; text-decoration: none; } #quadroform a:hover { color: #a8101b; } #elencopage { width: 900px; height: 30px; top:600px; left:100px; position:absolute; } #elencopage p { padding: 0 15px 0 15px; font: 14px Times new roman, Helvetica, Arial; font-weight: normal; color: #a8101b; text-align:center; } #elencopage a { color:#a8101b; text-decoration: none; } #elencopage a:hover { color: #a6a8ab; } #quadro { width: 280px; position:absolute; height:360px; top:250px; left:100px; padding: 0; background-color:#f9f7f1;} #quadropeche { width: 280px; position:absolute; height:280px; top:250px; left:100px; padding: 0; background-color:#f9f7f1;} #quadroricette { width: 450px; position:absolute; height:340px; top:250px; left:100px; padding: 0; background-color:#f9f7f1;} #quadrofotoricette { width: 155px; position:absolute; height:155px; top:250px; left:650px; padding: 0; background-color:#f9f7f1;} #fotoricette { width: 150px; position:absolute; height:150px; top:252px; left:652px; padding: 0; z-index:1;} #cornicericette{ width: 150px; position:absolute; height:150px; top:252px; left:652px; padding: 0; z-index:2;} #quadrodomande { width: 702px; position:absolute; height:340px; top:250px; left:100px; padding: 0; background-color:#f9f7f1;} #quadrodomande p { padding: 15px 15px; font-family: Times new roman, Helvetica, Arial; font-size: 15px; font-weight: normal; line-height:17px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #quadrodomande a { color:#a8101b; text-decoration: none; } #quadrodomande a:hover { color: #a6a8ab; } #quadronews { width: 435px; position:absolute; height:340px; top:250px; left:80px; padding: 0; background-color:#f9f7f1;} #quadronews p { padding: 15px 15px; font-family: Times new roman, Helvetica, Arial; font-size: 15px; font-weight: normal; line-height:17px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #quadronews a { color:#a8101b; text-decoration: none; } #quadronews a:hover { color: #a6a8ab; } #quadropress { width: 630px; position:absolute; height:340px; top:250px; left:100px; padding: 0; background-color:#f9f7f1;} #quadropress p { padding: 15px 15px; font-family: Times new roman, Helvetica, Arial; font-size: 15px; font-weight: normal; line-height:17px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #quadropress td.nopress { padding: 15px 15px; font-family: Times new roman, Helvetica, Arial; font-size: 15px; font-weight: normal; line-height:17px; text-align:center; color: #a4a8ab; text-indent: 0px;} #quadropress p a { color:#a8101b; text-decoration: none; } #quadropress p a:hover { color: #a6a8ab; } #quadronewsl { width: 305px; position:absolute; height:270px; top:250px; left:573px; padding: 0; background-color:#f9f7f1;} #quadronewsl p { padding: 15px 15px; font-family: Times new roman, Helvetica, Arial; font-size: 15px; font-weight: normal; line-height:17px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #quadronewsl a { color:#a8101b; text-decoration: none; } #quadronewsl a:hover { color: #a6a8ab; } #video { width: 356px; padding-top:2px; height: 292px; top:260px; left:440px; position:absolute; z-index:1; background-color:#f9f7f1; text-align:center;} #quadrobianco { width: 280px; position:absolute; height:360px; top:250px; left:100px; padding: 0; background-color:#f9f7f1;} #quadrobianco p { padding: 15px 15px; font-family: Times new roman, Helvetica, Arial; font-size: 15px; font-weight: normal; line-height:17px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #quadrobianco a { color:#a8101b; text-decoration: none; } #quadrobianco a:hover { color: #a6a8ab; } #quadropeche { width: 380px; position:absolute; height:360px; top:250px; left:50px; padding: 0; background-color:#f9f7f1;} #quadropeche p { padding: 15px 15px; font-family: Times new roman, Helvetica, Arial; font-size: 15px; font-weight: normal; line-height:16px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #quadropeche a { color:#a8101b; text-decoration: none; } #quadropeche a:hover { color: #a6a8ab; } #quadrovideo { width: 280px; position:absolute; height:360px; top:250px; left:100px; padding: 0; background-color:#ffffff;} #quadrovideo p { padding: 0 15px 0 15px; font: 14px Times new roman, Helvetica, Arial; font-weight: normal; color: #a8101b; text-align:left; } #quadrovideo a { color:#a8101b; text-decoration: none; } #quadrovideo a:hover { color: #a6a8ab; } #quadrofoto { width: 360px; position:absolute; height:360px; top:250px; left:450px; padding: 0; background-color:#f9f7f1;} #quadrofotomenu { width: 360px; position:absolute; height:360px; top:250px; left:450px; padding: 0; } #foto { width: 355px; position:absolute; height:355px; top:252px; left:452px; padding: 0; z-index:1;} #fotomenu { width: 360px; position:absolute; height:360px; top:252px; left:452px; padding: 0; z-index:1;} #cornice{ width: 355px; position:absolute; height:355px; top:252px; left:452px; padding: 0; z-index:2;} #quadrocartina { width: 574px; position:absolute; height:350px; top:250px; left:220px; padding: 0; background-color:#f9f7f1;} #fotocartina { width: 570px; position:absolute; height:346px; top:252px; left:222px; padding: 0; z-index:1;} #cornicecartina { width: 570px; position:absolute; height:346px; top:252px; left:252px; padding: 0; z-index:2;} #zoom1 { width: 54px; position:absolute; height:17px; top:412px; left:422px; padding: 0; z-index:3;} #zoom2 { width: 9px; position:absolute; height:9px; top:422px; left:512px; padding: 0; z-index:3;} #zoom3 { width: 54px; position:absolute; height:17px; top:379px; left:433px; padding: 0; z-index:3;} #legenda { width: 300px; position:absolute; height:30px; top:586px; left:40px; padding: 0; z-index:3;} #legenda a { color:#a6a8ab; text-decoration: none; } #legenda a:hover { color: #a8101b; } #legenda p { padding: 0 15px 0 15px; font-family : Times new roman, Helvetica, Arial; font-size: 12px; font-weight: normal; color: #a8101b; text-align:center; } #lente { width: 50px; position:absolute; height:30px; top:536px; left:164px; padding: 0; z-index:3;} #lingue { width: 100px; height: 25px; top:100px; left:228px; position:absolute; } #lingue p { padding: 0 15px 0 15px; font-family:Helvetica, Arial; font-size: 12px; color: #ffffff; font-weight:normal;} #lingue a { color:#ffffff; text-decoration: none; } #lingue a:hover { color: #FF0000; } #titolopage { width: 400px; top:133px; left:295px; position:absolute; } #titolopage p { padding: 0 10px 0 0px; font: 30px/30px Helvetica, Arial; color: #ffffff;font-weight:normal;} #indirizzo { width: 950px; position:absolute; height:24px; top:640px; left:0px; padding: 0;} #testo p { padding: 0 0px 0 0px; font: 12px/12px Times new roman, Helvetica, Arial; color: #a6a8ab; text-align:center; line-height:14px; font-weight:normal;} #testo a { color:#a6a8ab; text-decoration: none; } #testo a:hover { color: #a8101b; } #indirizzo2 { width: 150px; position:absolute; height:300px; top:250px; left:50px; padding: 0;} #indirizzo2 p { padding: 0 0px 0 0px; font: 12px/12px Times new roman, Helvetica, Arial; color: #a6a8ab; text-align:left; line-height:14px; font-weight:normal;} #indirizzo2 a { color:#a6a8ab; text-decoration: none; } #indirizzo2 a:hover { color: #a8101b; } #indietro { width: 19px; height: 22px; top:455px; left:265px; position:absolute;} #fotoprodotti { width: 225px; height: 229px; top:257px; left:479px; position:absolute; z-index:0;} #mappa { width: 392px; height: 280px; top:181px; left:314px; position:absolute;} #googlemaps { width: 360px; top:470px; left:314px; position:absolute;} #googlemaps p { padding: 0 0px 0 0px; font: 10px/10px Times new roman, Helvetica, Arial; color: #ffffff; text-align:justify; font-weight:normal;} #googlemaps a { color:#ffffff; text-decoration: underline; } #googlemaps a:hover { color: #a8101b; } /* inizio css per scroller - ce ne sono due (scroller-1 per le pagine home, cantina e peche) e un'altro (scroller-2 per lapagina ricette) + scroller-3 per pagina domande*/ #Scroller-1 { position: absolute; overflow: hidden; width: 280px; height: 340px; top:10px;} #Scroller-1 p { padding: 10px 10px; font-family: Times new roman, Helvetica, Arial; font-size: 14px; font-weight: normal; line-height:20px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #Scroller-1 a { padding: 0px 0px; font-family: Times new roman, Helvetica, Arial; font-size: 14px; font-weight: normal; line-height:20px; text-align:left; color: #a4a8ab; text-decoration: none;} #Scroller-1 a:hover { color: #a8101b; } #Scroller-2 { position: absolute; overflow: hidden; width: 448px; height: 320px; top:10px;} #Scroller-2 p { padding: 10px 10px; font-family: Times new roman, Helvetica, Arial; font-size: 14px; font-weight: normal; line-height:20px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #Scroller-3 { position: absolute; overflow: hidden; width: 700px; height: 320px; top:10px;} #Scroller-3 img{padding: 0 0px 0 0px; float: left; border: 1px solid #ccc; margin-right:10px;} #Scroller-3 p { padding: 10px 10px; font-family: Times new roman, Helvetica, Arial; font-size: 14px; font-weight: normal; line-height:20px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #Scroller-press { position: absolute; overflow: hidden; width: 700px; height: 320px; top:10px;} #Scroller-press img {padding: 0 0px 0 0px; float: left; border: 1px solid #ccc; margin-right:10px;} #Scroller-press p { padding: 10px 10px; font-family: Times new roman, Helvetica, Arial; font-size: 14px; font-weight: normal; line-height:20px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #Scroller-news { position: absolute; overflow: hidden; width: 700px; height: 320px; top:10px;} #Scroller-news img {padding: 0 0px 0 0px; float: left; border: 1px solid #ccc; margin-right:10px;} #Scroller-news p { padding: 10px 10px; font-family: Times new roman, Helvetica, Arial; font-size: 14px; font-weight: normal; line-height:20px; text-align:justify; color: #a4a8ab; text-indent: 0px;} #titolo{ padding: 10px 10px; font-family: Times new roman, Helvetica, Arial; font-size: 16px; font-weight: bold; line-height:20px; text-align:justify; color: #a8101b; text-indent: 0px;} /* -----------------------------------------------------------------*/ /* Ricordarsi che bisogna duplicare anche scrollbar-container e definire in top.php newjsscroller e newjsscrollbar con i nuovi nomi*/ #Scrollbar-Container {position: absolute;top: 250px; left: 390px;} #Scrollbar-Container2 {position: absolute;top: 250px; left: 570px;} #Scrollbar-Container3 {position: absolute;top: 250px; left: 520px;} #Scrollbar-Container4 {position: absolute;top: 250px; left: 740px;} /* -----------------------------------------------------------------*/ .Scrollbar-Up {cursor: pointer;position: absolute; width: 40px;} .Scrollbar-Track {width: 40px; height: 290px;position: absolute;top: 36px; left: 4px;background: transparent url(images/scrollbar_track.gif) no-repeat center;} .Scrollbar-Handle {position: absolute;width: 40px; height: 23px;} .Scrollbar-Down {cursor: pointer;position: absolute;top: 317px; width: 40px;} .Scroller-Container {position: absolute;top: 0px; left: 0px; width:280px; } /* vale per tutti gli scroller*/ .Scroller-Container-press {position: absolute;top: 0px; left: 0px; width:630px; } /* vale per tutti gli scroller*/ #quadroform { width: 750px; position:absolute; height:360px; top:250px; left:50px; padding: 0; background-color:#ffffff; padding: 10px 10px;} #quadroform p { padding: 0 0px 0 0px; font: 14px/14px Times new roman, Helvetica, Arial; color: #a6a8ab; text-align:center; line-height:14px; font-weight:normal;} #quadroform a { color:#a6a8ab; text-decoration: none; } #quadroform a:hover { color: #a8101b; } #quadronewsletter { width: 950px; position:absolute; height:360px; top:250px; left:0px; padding: 0; background-color:#ffffff; padding: 10px 10px;} #quadronewsletter p { padding: 0 0px 0 0px; font: 14px/14px Times new roman, Helvetica, Arial; color: #a6a8ab; text-align:center; line-height:14px; font-weight:normal;} #quadronewsletter a { color:#a6a8ab; text-decoration: none; } #quadronewsletter a:hover { color: #a8101b; } .tam { font-family: Times new roman, Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #a6a8ab; font-style: normal; line-height: normal; font-weight: regular; text-decoration: none} input.campo1 { font-family: Times new roman, Helvetica, Verdana, Arial, sans-serif; font-size:12px; color: #a6a8ab; border: 0 solid white; background-color: #f9f7f1; width: 200px} input.campo3 { font-family: Times new roman, Helvetica, Verdana, Arial, sans-serif; font-size:12px; color: #a6a8ab; border: 0 solid white; background-color: #ffffff; width: 275px} textarea.text { scrollbar-arrow-color: #a6a8ab; scrollbar-track-color: white; scrollbar-face-color: #f9f7f1; scrollbar-highlight-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: #f9f7f1; scrollbar-shadow-color: white; font-family: Times new roman, Helvetica, Verdana, Arial, sans-serif; font-size:12px; color: #a6a8ab; background-color:#f9f7f1; width: 400px } input.bottone1 { font-family: Times new roman, Helvetica, Verdana, Arial, sans-serif; font-size:12px; color: #a6a8ab; background-color: #ffffff; width: 100px; cursor: hand} --> #loadarea {position:absolute;top:47px;left: 460px;width:480px; height:533px;border: 1px solid #ccc; z-index:1;} #logoris {position:absolute;top:530px;left: 447px;width:50px; height:68px;border: 1px solid #ccc; z-index:1;}