/* 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: #000000; font: 11px/14px Tahoma; color: #000; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-face-color: #8fbee8; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-shadow-color: #ffffff; } #dissolvenza { width: 950px; position:absolute; height:90px; top:100px; left:0px; padding: 0;} #dissolvenza2 { width: 950px; position:absolute; height:90px; top:200px; left:0px; padding: 0;} #gf { width: 38px; position:absolute; height:53px; top:450px; left:456px; padding: 0;} #container { position:absolute;top:0%;left: 50%;width:950px; height:610px; margin-left:-475px;padding:0;background-color:#000000;} #container2 { position:absolute;top:0%;left: 50%;width:950px; height:610px; margin-left:-475px;padding:0;background: url(gfx/sfondo.jpg);} #credits { width: 32px; height:18px; top:586px; left:795px; position:absolute; z-index:1;} #testo { width: 445px; top:178px; left:310px; position:absolute; z-index:1;} #testo { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:21px; font-weight:normal;} #testo h1 { padding: 0 0px 0 0px; font: 13px/13px Arial; color: #DCB532; text-align:left; font-style:regular;} #testo a { color:#ffffff; text-decoration: none; } #testo a:hover { color: #DCB532; } /* stile di scrittura pagina news sottocategoria fiere*/ #fiere { width: 645px; top:158px; left:130px; position:absolute; z-index:1;} #fiere { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:21px; font-weight:normal;} #fiere h1 { padding: 0 0px 0 0px; font: 13px/13px Arial; color: #DCB532; text-align:left; font-style:regular;} #fiere a { color:#ffffff; text-decoration: none; } #fiere strong { color:#DCB532; font-style:bold; } #fiere a:hover { color: #DCB532; } /* stile di scrittura pagina pagina form */ #intestazioneform { width: 645px; top:138px; left:130px; position:absolute; z-index:1;} #intestazioneform { padding: 0 0px 0 0px; font: 14px/11px Arial; color: #ffffff; text-align:justify; line-height:21px; font-weight:normal;} #intestazioneform h1 { padding: 0 0px 0 0px; font: 13px/13px Arial; color: #DCB532; text-align:left; font-style:regular;} #intestazioneform a { color:#ffffff; text-decoration: none; } #intestazioneform a:hover { color: #DCB532; } #testomappa { width: 400px; top:428px; left:133px; position:absolute; z-index:1;} #testomappa { padding: 0 0px 0 0px; font: 12px/11px Arial; color: #ffffff; text-align:justify; line-height:21px; font-weight:normal;} #testomappa h1 { padding: 0 0px 0 0px; font: 12px/13px Arial; color: #DCB532; text-align:left; font-style:regular;} #testomappa a { color:#ffffff; text-decoration: none; } #testomappa a:hover { color: #DCB532; } #quadroform { width: 645px; top:178px; left:130px; position:absolute; z-index:1;} #quadroform { padding: 0 0px 0 0px; font: 11px/11px Arial; color: #ffffff; text-align:justify; line-height:21px; font-weight:normal;} #quadroform h1 { padding: 0 0px 0 0px; font: 13px/13px Arial; color: #DCB532; text-align:left; font-style:regular;} #quadroform a { color:#ffffff; text-decoration: none; } #quadroform a:hover { color: #DCB532; } /* stile di scrittura pagina contatti sottocategoria distributori italiani*/ #dist_ita { width: 645px; top:168px; left:400px; position:absolute; z-index:1;} #dist_ita { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:15px; font-weight:normal;} #dist_ita h1 { padding: 0 0px 0 0px; font: 15px/15px Arial; color: #828282; text-align:left; font-style:regular;} #dist_ita h2 { padding: 0 0px 0 0px; font: 13px/13px Arial; color: #DCB532; text-align:left; font-style:regular;} #dist_ita a { color:#ffffff; text-decoration: none; } #dist_ita a:hover { color: #DCB532; } /* stile di scrittura pagina contatti sottocategoria distributori italiani - titolo pagina */ #titoloriv { width: 300px; top:138px; left:210px; position:absolute; z-index:1;} #titoloriv { padding: 0 0px 0 0px; font: 14px/14px Arial; color: #828282; text-align:justify; line-height:15px; font-weight:normal;} /* stile di scrittura pagina news sottocategoria CAMPAGNE*/ #campagne { width: 425px; top:158px; left:380px; position:absolute; z-index:2; border: 0px solid #ccc;} #campagne { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:21px; font-weight:normal;} #campagne a { color:#ffffff; text-decoration: none; } #campagne a:hover { color: #DCB532; } #campagne img { padding:3px;} /* stile di scrittura pagina gioielli generica*/ #lista { width: 445px; top:178px; left:310px; position:absolute; z-index:1;} #lista p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:20px; font-weight:normal;} #lista a { color:#ffffff; text-decoration: none; } #lista a:hover { color: #DCB532; } /* stile di scrittura pagina news sottocatgoria campagne */ #listacampagne { width: 445px; top:158px; left:136px; position:absolute; z-index:1;} #listacampagne { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:20px; font-weight:normal;} #listacampagne .giallo { color: #DCB532;} #listacampagne h1 { color: #DCB532; } #listacampagne a { color:#ffffff; text-decoration: none; } #listacampagne a:hover { color: #DCB532; } /* stile di scrittura pagina news sottocatgoria riviste */ #listariviste { width: 445px; top:158px; left:210px; position:absolute; z-index:1;} #listariviste { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:20px; font-weight:normal;} #listariviste h1 { color: #DCB532; } #listariviste a { color:#ffffff; text-decoration: none; } #listariviste a:hover { color: #DCB532; } /* stile di scrittura pagina contatti sottocatgoria rivenditori */ #listariv { width: 300px; top:168px; left:210px; position:absolute; z-index:1;} #listariv { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:14px; font-weight:normal;} #listariv h1 { color: #DCB532; } #listariv a { color:#ffffff; text-decoration: none; } #listariv a:hover { color: #DCB532; } /* stile di scrittura pagina news sottocatgoria archivio */ #lista_archivio { width: 445px; top:158px; left:210px; position:absolute; z-index:1;} #lista_archivio { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:20px; font-weight:normal;} #lista_archivio h1 { color: #DCB532; } #lista_archivio a { color:#ffffff; text-decoration: none; } #lista_archivio a:hover { color: #DCB532; } /* impaginazione per linea categorie pagina gioielli*/ #rigacat { width: 455px; top:498px; left:240px; position:absolute; z-index:1;} #rigacat p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigacat .giallo { font: 12px/12px Arial; color: #DCB532; font-style:regular;} #rigacat a { color:#cccccc; text-decoration: none; } #rigacat a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina storia (foto e video)*/ #rigacatstoria { width: 200px; top:498px; left:193px; position:absolute; z-index:1;} #rigacatstoria p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigacatstoria .giallo { font: 12px/12px Arial; color: #DCB532; font-style:regular;} #rigacatstoria a { color:#cccccc; text-decoration: none; } #rigacatstoria a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina news (fiere - campagne pubblicitarie e archivio)*/ #rigacatnews { width: 300px; top:498px; left:297px; position:absolute; z-index:1;} #rigacatnews p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigacatnews .giallo { font: 12px/12px Arial; color: #DCB532; font-style:regular;} #rigacatnews a { color:#cccccc; text-decoration: none; } #rigacatnews a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina contatti (rivenditori autorizzati)*/ #rigacatcontatti { width: 300px; top:498px; left:357px; position:absolute; z-index:1;} #rigacatcontatti p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigacatcontatti .giallo { font: 12px/12px Arial; color: #DCB532; font-style:regular;} #rigacatcontatti a { color:#cccccc; text-decoration: none; } #rigacatcontatti a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina gioielli per categoria desire */ #rigascat_desire { width: 355px; top:538px; left:244px; position:absolute; z-index:2;} #rigascat_desire p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigascat_desire .giallo { font: 12px/12px Arial; color: #DCB532; font-weight:normal;} #rigascat_desire a { color:#cccccc; text-decoration: none; } #rigascat_desire a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina gioielli per categoria fortune */ #rigascat_fortune { width: 355px; top:538px; left:300px; position:absolute; z-index:2;} #rigascat_fortune p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigascat_fortune .giallo { font: 12px/12px Arial; color: #DCB532; font-weight:normal;} #rigascat_fortune a { color:#cccccc; text-decoration: none; } #rigascat_fortune a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina gioielli per categoria love */ #rigascat_love { width: 355px; top:538px; left:346px; position:absolute; z-index:2;} #rigascat_love p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigascat_love .giallo { font: 12px/12px Arial; color: #DCB532; font-weight:normal;} #rigascat_love a { color:#cccccc; text-decoration: none; } #rigascat_love a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina gioielli per categoria dream */ #rigascat_dream { width: 355px; top:538px; left:393px; position:absolute; z-index:2;} #rigascat_dream p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigascat_dream .giallo { font: 12px/12px Arial; color: #DCB532; font-weight:normal;} #rigascat_dream a { color:#cccccc; text-decoration: none; } #rigascat_dream a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina gioielli per categoria passion */ #rigascat_passion { width: 355px; top:538px; left:450px; position:absolute; z-index:2;} #rigascat_passion p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigascat_passion .giallo { font: 12px/12px Arial; color: #DCB532; font-weight:normal;} #rigascat_passion a { color:#cccccc; text-decoration: none; } #rigascat_passion a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina gioielli per categoria decò */ #rigascat_decò { width: 355px; top:538px; left:506px; position:absolute; z-index:2;} #rigascat_decò p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigascat_decò .giallo { font: 12px/12px Arial; color: #DCB532; font-weight:normal;} #rigascat_decò a { color:#cccccc; text-decoration: none; } #rigascat_decò a:hover { color: #DCB532; } /* impaginazione per linea sottocategorie pagina gioielli per categoria giade */ #rigascat_giade { width: 355px; top:538px; left:553px; position:absolute; z-index:2;} #rigascat_giade p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #cccccc; text-align:left; line-height:20px; font-weight:normal;} #rigascat_giade .giallo { font: 12px/12px Arial; color: #DCB532; font-weight:normal;} #rigascat_giade a { color:#cccccc; text-decoration: none; } #rigascat_giade a:hover { color: #DCB532; } /* impaginazione per margini immagine su finestra di popup */ #popupimage img { margin-top:5px; margin-left:5px; } #video { width: 340px; padding-top:10px; height: 250px; top:178px; left:410px; position:absolute; z-index:1; background-color:#333333; text-align:center;} #iframe { width: 445px; top:178px; left:310px; position:absolute; z-index:1;} #testo2 { width: 445px; top:5px; left:5px; position:absolute; z-index:2;} #testo2 p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:16px; font-weight:normal;} #testo2 a { color:#ffffff; text-decoration: none; } #testo2 a:hover { color: #FF0000; } /* impaginazione per scelta lingue pagina home */ #entra {width: 80px;height: 30px;top:400px;left:435px;position:absolute;} #entra p { padding: 0 0px 0 0px; font: 12px/14px Arial; color: #ffffff; text-align:center; font-style:regular;} #entra a { color:#ffffff; text-decoration: none; } #entra a:hover { color: #DCB532; } /* impaginazione per menu basso */ #menudown { width: 600px; height: 25px; top:480px; left:120px; position:absolute;} #menudown p { padding: 0 15px 0 15px; font: 12px/12px Arial; color: #ffffff; text-align:left; font-style:inherit;} #menudown .giallo { font: 12px/12px Arial; color: #DCB532; font-style:regular;} #menudown a { color:#ffffff; text-decoration: none;} #menudown a:hover { color: #DCB532; } /* impaginazione per menu cambio lingua a dx e area riservata */ #menulato { width: 150px; height: 25px; top:480px; left:780px; position:absolute;} #menulato p { padding: 0 15px 0 15px; font: 11px/12px Arial; color: #ffffff; text-align:right; font-style:inherit;} #menulato .giallo { font: 11px/12px Arial; color: #DCB532; font-style:regular;} #menulato a { color:#ffffff; text-decoration: none;} #menulato a:hover { color: #DCB532; } /* impaginazione per scelta lingue pagina home */ #lingue { width: 100px; height: 25px; top:100px; left:228px; position:absolute; } #lingue p { padding: 0 15px 0 15px; font: 12px/12px Arial; color: #ffffff; font-weight:normal;} #lingue a { color:#ffffff; text-decoration: none; } #lingue a:hover { color: #FF0000; } /* spazio dove vanno automaticamente i dati passati tramite la tendina scorrevole verticale */ #loadarea {position:absolute;top:138px;left: 126px;width:530px; height:293px;border: 0px solid #ccc; } /* impaginazione dove va situata la foto zoom per ogni prodotto nella pagina gioielli */ #quadrobianco {position:relative;top:0px;left: 0px;width:323px; height:293px; background: url(gfx/quadroprod.jpg);} #quadrobianco img {margin-left:11px;margin-top:9px;} /* impaginazione dove va situata la descrizione per ogni prodotto nella pagina gioielli */ #descrizione {position:absolute;top:10px;left: 330px;width:180px; height:293px;} #descrizione { padding: 0 0px 0 0px; font: 11px/11px Arial; color: #ffffff; text-align:left; font-style:regular;} /* classe css per scrivere il nome della categoria nella descrizione del prodotto in grandezza 13 e dorato */ #descrizione h1 { padding: 0 0px 0 0px; font: 13px/13px Arial; color: #DCB532; text-align:left; font-style:regular;} /* classe css per scrivere il codice del prodotto nella pagina gioielli */ #codice {position:absolute;top:270px;left: 330px;width:180px; height:293px;} #codice { padding: 0 0px 0 0px; font: 11px/11px Arial; color: #ffffff; text-align:left; font-style:regular;} /* dove vanno posizionate le frecce nella tendina scorrevole (pag. gioielli) */ #frecciasu {position:absolute;top:125px;left: 696px;width:23px; height:13px; } #frecciagiu {position:absolute;top:435px;left: 696px;width:23px; height:13px; } #contenitore {position: absolute; width:217px; top: 190px; left: 600px; z-index:2; border: 0px solid #ccc;} #cambiopag { width: 400px; height: 25px; top:410px; left:600px; position:absolute;} #cambiopag p { padding: 0 15px 0 15px; font: 10px/10px Arial; color: #ffffff; text-align:left; font-style:inherit;} #cambiopag .giallo { font: 10px/10px Arial; color: #DCB532; font-style:regular;} #cambiopag a { color:#ffffff; text-decoration: none;} #cambiopag a:hover { color: #DCB532; } #scrittaoro { width: 400px; height: 25px; top:430px; left:225px; position:absolute;} #scrittaoro p { padding: 0 15px 0 15px; font: 10px/10px Arial; color: #ffffff; text-align:left; font-style:inherit;} /* SCROLLER - SCROLLER - SCROLLER ------------------------------------------------------------------------------------------------ */ /* Ricordarsi che bisogna duplicare anche scrollbar-container e definire in topindex.php newjsscroller e newjsscrollbar con i nuovi nomi*/ /* inizio css per scroller - PAGINA HOME e STORIA */ #Scroller-2 { position: absolute; overflow: hidden; width: 450px; height: 215px; top:10px; } #Scroller-2 p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:21px; font-weight:normal;} #Scrollbar-Container2 {position: absolute;top: 175px; left: 800px; z-index:2;} .Scrollbar-Up {cursor: pointer;position: absolute; width: 40px;} .Scrollbar-Track {width: 17px; height: 230px;position: absolute;top: 0px; left: 4px;background: transparent url(images/scrollbar_track.gif) no-repeat center;} .Scrollbar-Handle {position: absolute;width: 17px; height: 14px;} .Scrollbar-Down {cursor: pointer;position: absolute;top: 317px; width: 40px;} /* FINE css per scroller - PAGINA HOME STORIA */ /* inizio css per scroller - PAGINA NEWS - FIERE */ #Scroller-3 { position: absolute; overflow: hidden; width: 645px; height: 240px; top:10px; } #Scroller-3 p { padding: 0 0px 0 0px; font: 12px/12px Arial; color: #ffffff; text-align:justify; line-height:21px; font-weight:normal;} #Scrollbar-Container3 {position: absolute;top: 175px; left: 800px; z-index:2;} .Scrollbar-Up {cursor: pointer;position: absolute; width: 40px;} .Scrollbar-Track {width: 17px; height: 230px;position: absolute;top: 0px; left: 4px;background: transparent url(images/scrollbar_track.gif) no-repeat center;} .Scrollbar-Handle {position: absolute;width: 17px; height: 14px;} .Scrollbar-Down {cursor: pointer;position: absolute;top: 317px; width: 40px;} /* FINE css per scroller - PAGINA NEWS - FIERE */ /* inizio css per scroller - PAGINA NEWS - CAMPAGNE */ #Scroller-4 { position: absolute; overflow: hidden; width: 425px; height: 278px; top:0px; border: 0px solid #ccc;} #Scrollbar-Container4 {position: absolute;top: 185px; left: 750px; z-index:2;} .Scrollbar-Up {cursor: pointer;position: absolute; width: 40px;} .Scrollbar-Track {width: 17px; height: 230px;position: absolute;top: 0px; left: 4px;background: transparent url(images/scrollbar_track.gif) no-repeat center;} .Scrollbar-Handle {position: absolute;width: 17px; height: 14px;} .Scrollbar-Down {cursor: pointer;position: absolute;top: 317px; width: 40px;} /* FINE css per scroller - PAGINA NEWS -CAMPAGNE */ .Scroller-Container {position: absolute;top: 0px; left: 0px;} /* vale per tutti gli scroller*/ /* css per tabella form - PAGINA form - */ .tam { font-family:Helvetica,Arial; font-size: 12px; color: #a6a8ab; font-style: normal; line-height: normal; font-weight: regular; text-decoration: none} .tam2 { font-family:Helvetica,Arial; font-size: 10px; color: #a6a8ab; font-style: normal; line-height: normal; font-weight: regular; text-decoration: none} input.campo1 { font-family:Helvetica, Arial; font-size:12px; color: #000000; border: 0 solid white; background-color: #f9f7f1; width: 200px} textarea.text { scrollbar-arrow-color: #000000; scrollbar-track-color: white; scrollbar-face-color: #ffffff; scrollbar-highlight-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: #ffffff; scrollbar-shadow-color: white; font-family:Helvetica, Arial; font-size:12px; color: #000000; background-color:#f9f7f1; width: 588px } input.bottone1 { font-family:Helvetica, Arial; font-size:12px; color: #a6a8ab; background-color: #ffffff; width: 100px; cursor: hand} -->