/* 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; } #logoris { width: 206px; position:absolute; height:61px; top:35px; left:375px; padding: 0;} #logoloc { width: 206px; position:absolute; height:61px; top:490px; left:375px; padding: 0;} #entraris { width: 500px; position:absolute; height:61px; top:70px; left:295px; padding: 0;} #entraloc { width: 500px; position:absolute; height:61px; top:520px; left:295px; padding: 0;} #fotoindex { width: 950px; position:absolute; top:156px; left:0px; padding: 0;} #container { position:absolute;top:0;left: 50%;width:950px; height:600px; margin-left:-475px; margin-top:10px; padding:0;background: url(gfx/index/strisciavert.jpg); border: 1px dotted #ccc;} #container_ris{ position:absolute;top:0;left: 50%;width:950px; height:600px; margin-left:-475px; margin-top:10px; padding:0;background: url(gfx/ristorante/sfondo.png); border: 1px dotted #ccc;} #container_loc { position:absolute;top:0;left: 50%;width:950px; height:600px; margin-left:-475px;margin-top:10px; padding:0;background: url(gfx/locanda/sfondo.png); border: 1px dotted #ccc;} #logo_ris { width: 137px; position:absolute; height:86px; top:25px; left:7px; padding: 0;} #logo_loc { width: 137px; position:absolute; height:77px; top:25px; left:5px; padding: 0;} #scrittavert{ width: 102px; position:absolute; height:340px; top:250px; left:840px; padding: 0; z-index:2;} #tab_gallery { width: 566px; position:absolute; height:500px; top:30px; left:175px; z-index:3;} #news_scorr { width: 566px; position:absolute; height:20px; color:#7b0002; top:570px; left:170px; font: 11px Georgia; font-weight: normal; z-index:3;} #news_scorr a { font-weight: normal; color:#7b0002; text-decoration: none;} #news_scorr a:hover{ color: #a8101b;} #news_scorr_sfondo { width: 566px; position:absolute; height:20px; top:568px; left:170px; background-color:#ffffff; padding: 0; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; z-index:2;} #didascalie { width: 215px; height: 500px; top:10px; left:735px; position:absolute; z-index:3; } #didascalie p { padding: 0 15px 0 15px; font: 11px Georgia; font-weight: normal; color: #ffffff; text-align:justify; } #didascalie a { color:#FFFFFF; text-decoration: none; } #didascalie a:hover { color: #a6a8ab; } #menu { width: 150px; height: 400px; top:150px; left:0px; position:absolute; } #lingue { width: 150px; height: 40px; top:550px; left:0px; position:absolute; } #fotoslide { width: 566px; height: 610px; top:0px; left:170px; position:absolute; } #imageSlideshowHolder { width: 566px; position:absolute; height:600px; top:0px; left:170px; padding: 0;} #imageSlideshowHolder { margin:0px; /* "Air" */ float:left; /* Floating gallery at the right side of other web page content */ width:566px; /* Image width */ height:600px; /* Image height */ position:relative; /* Don't remove this line */ } #quadrocontatti { width: 566px; height: 610px; top:0px; left:170px;position:absolute; z-index:2; background: url(gfx/sfondocontatti.jpg); } #testocontatti { width: 200px; height: 500px; top:20px; left:200px;position:absolute; z-index:3; } #testocontatti p { padding:10px; font: 11px/12px Arial; color: #000000; text-align:left; line-height:12px;} #testocontatti p .h1 { font-weight:bold;} #testocontatti a { font: 11px/12px Arial; color: #000000; text-align:left; line-height:12px; } #testocontatti a:hover { color: #a8101b; } #quadronewsletter { width: 566px; height: 610px; top:0px; left:170px;position:absolute; z-index:2; background: url(gfx/sfondonewsletter.jpg); } #testonewsletter { width: 400px; height: 500px; top:20px; left:200px;position:absolute; z-index:3; } #testonewsletter p { padding:10px; font: 11px/12px Arial; color: #000000; text-align:left; line-height:12px;} #testonewsletter p .h1 { font-weight:bold;} #testonewsletter a { font: 11px/12px Arial; color: #000000; text-align:left; line-height:12px; } #testonewsletter a:hover { color: #a8101b; } #testonews{ width: 540px; height: 500px; top:20px; left:180px;position:absolute; z-index:3; } #testonews p { padding:0px; font: 11px/12px Arial; color: #000000; text-align:justify; line-height:12px;} #testonews p .h1 { font-weight:bold;} #testonews a { font: 11px/12px Arial; color: #000000; text-align:left; line-height:12px; } #testonews a:hover { color: #a8101b; } #testonews img { margin: 0em 1em 0.5em 0px; float:left;} #piva_ris{ width: 100px; height: 30px; top:5px; left:850px;position:absolute; z-index:3; } #piva_ris p { padding:0px; font: 10px/12px Arial; color: #cccccc; text-align:justify; line-height:12px;} #codfis_loc{ width: 100px; height: 30px; top:585px; left:850px;position:absolute; z-index:3; } #codfis_loc p { padding:0px; font: 10px/12px Arial; color: #cccccc; text-align:justify; line-height:12px;} #credits{ width: 100px; height: 30px; top:5px; left:5px;position:absolute; z-index:3; } #credits p { padding:0px; font: 10px/12px Arial; color: #cccccc; text-align:justify; line-height:12px;} #credits p a { padding:0px; font: 10px/12px Arial; color: #cccccc; text-align:justify; line-height:12px; text-decoration:none;} #counter { width: 100px; height: 30px; top:580px; left:5px;position:absolute; z-index:3; } #titolopage { width: 400px; top:133px; left:295px; position:absolute; } #titolopage p { padding: 0 10px 0 0px; font: 30px/30px Arial; color: #ffffff;font-weight:normal;} #quadroform { width: 566px; height: 610px; top:30px; left:200px;position:absolute; z-index:4; } #testoform { width: 400px; height: 500px; top:20px; left:200px;position:absolute; z-index:4; } #testoform p { padding:10px; font: 11px/12px Arial; color: #000000; text-align:left; line-height:12px;} #testoform p .h1 { font-weight:bold;} #testoform a { font: 11px/12px Arial; color: #000000; text-align:left; line-height:12px; } #testoform 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: 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: Arial; font-size: 14px; font-weight: normal; line-height:20px; text-align:left; color: #a4a8ab; text-decoration: none;} #Scroller-1 a:hover { color: #a8101b; } /* -----------------------------------------------------------------*/ /* 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-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*/ .tam { font-family: Arial, sans-serif; font-size: 11px; color: #000000; font-style: normal; line-height: normal; font-weight: regular; text-decoration: none} input.campo1_ris { font-family: Arial, sans-serif; font-size:11px; color: #000000; border: 0 solid white; background-color: #c3c3c3; width: 200px} input.campo1_loc { font-family: Arial, sans-serif; font-size:11px; color: #000000; border: 0 solid white; background-color: #c3c3c3; width: 200px} 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: Arial, sans-serif; font-size:12px; color: #a6a8ab; background-color:#f9f7f1; width: 400px } input.bottone1 { font-family: Arial, sans-serif; font-size:12px; color: #a6a8ab; background-color: #ffffff; width: 100px; cursor: hand } #elencopage { width: 520px; height: 30px; top:400px; left:170px; position:absolute; z-index:3;} #elencopage p { padding: 0 10px 0 10px; font: 11px Arial; font-weight: bold; color: #a8101b; text-align:left; } #elencopage a { color:#a8101b; text-decoration: none; } #elencopage a:hover { color: #353b91; } #loadarea {position:absolute;top:47px;left: 460px;width:480px; height:533px;border: 1px solid #ccc; z-index:1;} /* Esempio di dichiarazione della classe preload ( da richiamare con
) */ div.preload { width: 312px; height: 460px; padding: 5px 5px 5px 5px; border: solid 1px #000000; } /* classe preload applicata alle immagini */ div.preload img { display: block; background-image: url(loading.gif); background-repeat: no-repeat; background-position: center center; } /* esempio pratico
*/