body {font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:8pt;text-align:center;background:#633a20;} .wrapper {position:relative;margin:0 auto;width:980px;text-align:left;z-index:2;} #top,#middle {width:100%;} /*TOP*/ #top {height:305px;background:url(/images/sf_bagliore.jpg) center bottom repeat-x #fff;z-index:1;} #top .wrapper {height:305px;} #top h1 {position:absolute;top:121px;left:0;text-indent:-9999px;width:342px;height:66px;background:url(/assets/Fabiogiorgio_logo.jpg);} #top h1 a {display:block;width:342px;height:66px;} #top #sf_menu {position:absolute;top:220px;left:0;width:100%;height:50px;background:url(/images/sf_menu.gif) repeat-x;} #top #sf_menu2 {position:absolute;bottom:21px;left:0;width:980px;height:64px;background:url(/images/sf_menu.png);z-index:2;} #top #gioiello {position:absolute;bottom:-31px;right:201px;width:420px;height:336px;background:url(/images/gioiello.jpg);z-index:0;} /*Fine TOP*/ /*MIDDLE*/ #middle {color:#7b5235;background:url(/images/sf_middle.gif) top left repeat-x #fff;border-top:7px solid white;} #middle .wrapper {margin:24px auto 0 auto;padding:1px 0;background:url(/images/sf_wrapper-middle.gif) left top repeat-x #fff;} #home #middle ul#menu {left:400px;top:-118px;} #middle ul#menu {position:absolute;top:-116px;left:250px;z-index:6;} #home #middle ul#menu li a {font-size:11pt;font-weight:bold;} #middle ul#menu li {display:block;height:50px;float:left;color:#fff;} #middle ul#menu li.selezionato {text-decoration:underline;} #middle ul#menu li.selezionato a {background:#5b3c25;} #middle ul#menu li a {display:block;float:left;height:30px;color:#fff;text-decoration:none;padding:20px 15px 0 15px;} #middle ul#menu li a:hover {color:#fff;text-decoration:underline;} #middle #fiocchetto {position:absolute;top:-164px;right:0;background:url(/images/fiocchetto.png);width:350px;height:181px;z-index:3;} #home #middle .wrapper #sidebar {position:relative;float:none;width:916px;top:0;left:32px;margin:26px 0 60px 0;} #middle .wrapper #sidebar {position:relative;float:left;width:342px;top:26px;left:32px;margin:0 0 60px 0;} #home #middle .wrapper #sidebar #foto {width:916px;background:url(/assets/images/FotoLimone01.jpg);} #middle .wrapper #sidebar #foto {position:relative;width:342px;height:286px;background:url(/assets/images/imm01.jpg);} #home #middle .wrapper #sidebar #foto #ombra_immagine {width:916px;height:286px;background:url(/images/ombra_immagine2.png);} #middle .wrapper #sidebar #foto #ombra_immagine {position:absolute;width:342px;height:286px;background:url(/images/ombra_immagine.png);} #home #middle .wrapper #sidebar #foto #sf_immagine {width:916px;} #middle .wrapper #sidebar #foto #sf_immagine {position:absolute;bottom:0;left:0;width:342px;height:48px;background:url(/images/sf_immagine.png);} #home #middle .wrapper #sidebar #foto p {display:none;} #middle .wrapper #sidebar #foto ul, #middle .wrapper #sidebar #foto p {position:absolute;bottom:15px;z-index:5;} #middle .wrapper #sidebar #foto p {right:40px;bottom:15px;color:#fff;padding:0;margin:0;} #middle .wrapper #sidebar #foto ul {left:20px;height:15px;} #middle .wrapper #sidebar #foto ul li, #middle .wrapper #sidebar #foto ul li a {float:left;display:block;height:15px;width:15px;background:#9c7f61;} #home #middle .wrapper #sidebar #foto ul li a#quadrato4 {background:#fff;} #middle .wrapper #sidebar #foto ul li a#quadrato1 {background:#fff;} #middle .wrapper #sidebar #foto ul li {margin:0 5px;} #middle .wrapper #sidebar #foto ul li a:hover {background:#fff;} #home #middle .wrapper #sidebar #foto ul li a#quadrato1, #home #middle .wrapper #sidebar #foto ul li a#quadrato2, #home #middle .wrapper #sidebar #foto ul li a#quadrato3, #home #middle .wrapper #sidebar #foto ul li#primo, #home #middle .wrapper #sidebar #foto ul li#secondo, #home #middle .wrapper #sidebar #foto ul li#terzo, #middle .wrapper #sidebar #foto ul li#quarto, #middle .wrapper #sidebar #foto ul li#quinto, #home #middle .wrapper #content {display:none;} #home #middle .wrapper #sidebar #foto ul li#quarto, #home #middle .wrapper #sidebar #foto ul li#quinto {display:block;} #middle .wrapper #content {position:relative;float:right;width:590px;margin:0 0 29px 0;z-index:2;} #middle .wrapper #content_top, #middle .wrapper #content_bottom {height:56px;font-size:2px;width:592px;z-index:3;} #middle .wrapper #content_top {position:absolute;top:-56px;background:url(/images/sf_content-top.png) left top no-repeat;} #middle .wrapper #content_bottom {position:absolute;bottom:-56px;background:url(/images/sf_content-bottom.png) left top no-repeat;} #middle .wrapper #content_middle {position:relative;width:592px;height:100%;background:url(/images/sf_content-middle.png) left top repeat-y;padding:1px 0;} #middle .wrapper #content_middle #testo {width:490px;margin:0 0 0 100px;padding:50px 0 30px 0;font-style:italic;} #chi_siamo #middle .wrapper #content_middle #testo, #gioielleria #middle .wrapper #content_middle #testo {height:270px;} #middle .wrapper #content_middle #testo h2 {font-size:14pt;margin:0 0 20px 0;font-weight:normal;} #middle .wrapper #content_middle #testo p.evidenza {font-size:13pt;} #middle .wrapper #content_middle #testo p {line-height:20px;} #orologeria #middle .wrapper #content_middle #testo ul, #gioielleria #middle .wrapper #content_middle #testo ul {margin:30px 0 0 0;} #orologeria #middle .wrapper #content_middle #testo ul li, #gioielleria #middle .wrapper #content_middle #testo ul li {position:relative;float:left;text-align:center;display:block;width:150px;height:50px;margin:0 7px 7px 0;background:url(/images/sf_immagini.gif) left bottom no-repeat;} #memorial #middle .wrapper #content_middle #testo ul li {position:relative;float:left;text-align:center;display:block;width:100px;height:85px;margin:0 10px 10px 0;background:url(/images/sf_immagini.gif) left bottom no-repeat;} #orologeria #middle .wrapper #content_middle #testo ul li h3, #gioielleria #middle .wrapper #content_middle #testo ul li h3 {position:absolute;text-indent:-9999px;font-size:2px;} #orologeria #middle .wrapper #content_middle #testo ul li img, #gioielleria #middle .wrapper #content_middle #testo ul li img {margin:3px auto 0 auto;} #orologeria #middle .wrapper #content_middle #testo ul li a, #gioielleria #middle .wrapper #content_middle #testo ul li a {position:absolute;top:0;left:0;display:block;width:150px;height:50px;} /*Fine MIDDLE*/ /*FOOTER*/ #footer {padding:10px 0 0 0;color:#fff;} #footer a {text-decoration:none;color:#fff;} #footer a:hover {color:#392416;text-decoration:underline;} /*Fine FOOTER*/ /*CARATTERISTICHE GENERICHE*/ .png, #middle .wrapper #content_top, #middle .wrapper #content_bottom, #middle #fiocchetto, #top #sf_menu2, #middle .wrapper #sidebar #foto #ombra_immagine, #middle .wrapper #sidebar #foto #sf_immagine {behavior: url(/css/iepngfix.htc); } body,h1,h2,h3,h4,h5,h6,ul,li,img,form,input,#formcontatti,#formconferma,#concept,#concept p {margin:0; padding:0; } a {text-decoration:none;color:#392416;} a:hover {color:#7b5235;text-decoration:underline;} img {border:0; } .clear { clear:both; } .left {float:left; } .right {float:right; } ul li {list-style-type:none; } /*Fine CARATTERISTICHE GENERICHE*/ /*FORM*/ #formcontatti {position:relative;color:#8d8d8b;width:490px;margin:0 auto;} #formconferma {position:relative;height:150px;width:490px;color:#6e6e6e;margin:0 auto;} .input_text {width:200px;padding:2px;height:20px;border:1px solid #bcbcbc;background:#f3f3f3;} .input_area {height:100px;font-size:8pt;width:200px;color:#8b8b8b;border:1px solid #bcbcbc;background:#f3f3f3;font-family:Arial, Helvetica, sans-serif;} .contatti {float:left;width:220px;margin:10px 0 20px 0;} #box_errore {position:absolute;display:none;width:300px;height:150px;left:650px;top:350px;border:1px solid #5e3d26;text-align:left;background:#fff;z-index:5;} #div_titolo_errore {background:#5e3d26;color:#fff;padding:10px;} #div_errore {position:relative;top:10px;color:#000;padding:10px;text-align:center;} #bottone_errore {font-size:8pt;width:90px;height:25px;} /*Fine FORM*/ /*CONCEPT BY*/ #concept {position:relative;font-size:9px;text-align:right;color:#fff;margin:10px 0 0 0;} #concept a {font-size:9px;font-family:Verdana;color:#b4b4b4;font-weight:bold;font-stretch:expanded;text-decoration:none;} #concept a:hover {color:#E97D00;text-decoration:none;} /*Fine CONCEPT BY*/