/* CSS Document Sanluca 2010*/ *{margin:0; padding:0} body{ background:#1e1e20 url(../images/elementi/bg_fix2.jpg) no-repeat 950px 155px; color:#727272; font:0.7em Verdana , Arial, Helvetica, sans-serif; } div, p , h1, h2, h3, h4, h5, h6{display:block;} ul, ol{list-style:none;} h1{font:2.2em Georgia, "Times New Roman", Times, serif;} h2{font:2.1em Georgia, "Times New Roman", Times, serif;} h3{font-size:14px;} h4{font-size:13px;} h5{font-size:12px;} h6{font-size:11px;} img{border:none;} a {text-decoration:none !important; color:#000;} a:hover{color:#802e00;} a:focus { outline: none; } .hidden{display:none !important;} input, select, textarea{color:#858385; border:solid 1px #DFDFDF; font:10px Verdana, Arial, Helvetica, sans-serif} /*intro*//*html e body*/ /*commentato perché al momento non serve ma poi non si sa mai! [joke mode ON]---sti grafici!---[joke mode OFF] .intro{ background:#060102 url(../images/preh/bg.jpg) repeat-x top left !important; overflow:hidden !important; color:#a79fa0; width:100%; height:100%; padding:0 !important; font-size:10px; } .intro a {color:#a79fa0 !important;} .intro div#main{ background:url(../images/preh/bg_div.jpg) no-repeat top left; display:block; width:100%; height:100%; position:relative; overflow:hidden; padding:0!important; margin:0 !important; } .intro div#main img{display:block; margin:140px 0 10px 0 } .intro div#main p{margin:0 0 0 260px;} .intro #footer{ position:absolute !important; top:372px !important; left:258px !important; width:270px !important; } .intro #pow{display:none !important;} .intro #powintro{ background:url(../images/preh/powintro.gif) no-repeat top left; position:absolute; bottom:50px; left:0; width:335px; height:12px; overflow:hidden; text-indent:-900em;} *//*intro*/ /*#main*/ #main{ width:990px; position:relative; } /*head*/ #head{width:990px; height:300px; overflow:hidden; position:relative;} #head .ext{ display:block; width:14px; height:14px; overflow:hidden; position:absolute; top:115px; right:0px; z-index:900; background:url(../images/elementi/fb.gif); text-indent:-9000em} #head img{ position:relative;} #logo{position:absolute; display:block; width:165px; height:155px; background:#000 url(../images/elementi/logo.gif); top:0px; left:0; z-index:2; text-indent:-900em} #ebook{position:absolute; display:block; width:165px; top:155px; left:0; z-index:200; text-align:center; padding:30px 0 0 0; font:bold italic 15px Georgia, "Times New Roman", Times, serif; color:#fff; } #presskit{position:absolute; display:block; width:165px; top:250px; left:0; z-index:200; text-align:center; padding:0px 0 0 0; font:bold italic 15px Georgia, "Times New Roman", Times, serif; color:#fff; } #lang{position:absolute; display:block; width:165px; height:20px; background:#1e1e20; top:0; right:0; z-index:2; padding:135px 0 0 0; text-align:right; color:#a5afbc} #lang a{color:#fff; font-weight:bold; font-size:10px;} /*mask head*/ .bgt{ position:absolute; display:block; width:165px; height:155px; background:#000; z-index:1} #bgt1{top:0; left:330px; } #bgt2{ width:495px; top:155px; right:0; -ms-filter:alpha(opacity=40);filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40; } #bgt3{ background: url(../images/elementi/bg_head_3.jpg); bottom:0; left:0;} /*mask head*/ #menu{ width:310px; height:135px; position:absolute; top:0px; left:495px; z-index:2; font:14px Georgia, "Times New Roman", Times, serif; padding:10px; text-transform:lowercase;} #bgmenu{ width:100%; height:100%; background:#000; -ms-filter:alpha(opacity=40);filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40; display:block; position:absolute; top:0; left:0;} #menu li{position:relative; z-index:3; margin:0 0 7px} #menu a{color:#fff;} #menu .act{font-weight:bold;} span.freccia{color:#802e00;} #menu ul {position: absolute; top:0; right:0; width:145px; height:135px; padding:10px; z-index:10} /*/head*/ /*corpo*/ #corpo{position:relative; width:990px; overflow:hidden; z-index:20; margin:-145px 0 0 0;/* background:#f00;*/} #container{ width:495px; overflow:hidden; position:relative; float:left; padding:145px 0 0 0 } /*dx*/ #dx{ width:495px; float:right; overflow:hidden; padding:0 0 0 0;} #dxcnt{width:165px; float:right; overflow:hidden; padding:145px 0 0 0} #dx form{ background: url(../images/elementi/bg_box_dx.jpg) no-repeat top left; width:165px; height:261px; overflow:hidden; padding:10px 0; text-transform:lowercase; color:#fff; } #dx form h2{line-height:1em; margin:0 10px 5px} #dx form label{display:block;} #dx form input{display:block; text-transform:lowercase; width:130px; border:solid 1px #fff; margin:3px 0 10px;} #dx form button{ background:url(../images/elementi/bg_btn.png) no-repeat; width:16px; height:16px; display:block; border:none; text-indent:-900em; margin:0 0 0 116px } /*dx*/ /***********************home****************************/ #news{ width:320px; /*height:366px;*/ background:#edeff0 url(../images/elementi/fregio.png) no-repeat right 27px; overflow:hidden; float:right; padding:30px 0px 30px 10px; position:relative} #news.int{/*height:288px;*/ background:#e6e8ea !important; } #news h2{ margin:0 0 30px; width:100%; clear:both; text-transform:capitalize} #news.int h2{margin: 0 0 15px !important} #news a{display:block; border-bottom:solid 1px #ced0d0; margin:0 0 10px; color:#525252; width:95px; height:95px; margin:0 10px 10px 0; position:relative; float:left; overflow:hidden; } #news a img{width:95px; height:95px;} #news a strong{ color:#802e00; font:bold 12px Georgia, "Times New Roman", Times, serif; display:block;width:85px; height:85px; padding:5px ; position:absolute; top:0; right:0; background:#edeff0 url(../images/elementi/fregio.png) no-repeat right -50px; -ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;} #news a:hover strong{ -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);-moz-opacity:0.10;opacity:0.10;} /* #news a span{ display:block; height:9px; background:url(../images/elementi/bg_lnk_leggi.gif); width:63px; margin:5px 0 3px; position:absolute; bottom:0; left:0;} #news a.gb span{background:url(../images/elementi/bg_lnk_leggi.gif) no-repeat 0 -18px;} #news a:hover span{background:url(../images/elementi/bg_lnk_leggi.gif) no-repeat 0 -9px; } #news a.gb:hover span{background:url(../images/elementi/bg_lnk_leggi.gif) no-repeat 0 -27px; }*/ #news .llink{ font:bold 10px Georgia, "Times New Roman", Times, serif; border:none; position:absolute; bottom:10px; left:10px; height:15px; padding:0 0 0 7px } #news .llink span{background:none!important; bottom:3px;} #gallery{width:495px; height:269px; float:left; margin:0 0 0 0; overflow:hidden; position:relative; background:#303030; padding:12px 0 0 0 ; border-bottom:solid 155px #424243} #gallery.interno{border-bottom:solid 38px #424243 !important; margin:0 0 10px 0 !important;} #gallery a#next,#gallery a#prev {position:absolute; top:0; background:#fff; width:27px; height:23px; top:27px; z-index:3; text-indent:-900em} #gallery a#prev{ background:url(../images/elementi/bg_prev_home.gif); left:10px; } #gallery a#next{ background:url(../images/elementi/bg_next_home.gif); right:10px; } #gallery a#next:hover,#gallery a#prev:hover{ -ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;} #gallery h2{ width:100%; text-align:center; color:#fff; text-transform:lowercase;} #gallery #eslide{ width:495px; height:240px; background:#a1a1a1; overflow:hidden; position:relative;} #gallery #eslide .item{width:475px; height:193px; overflow:hidden; margin:25px 10px 0 10px} .item img{ width:320px; float:left; margin:0 10px 0 0} .item a{ display:block; height:193px; height:100%; color:#fff; overflow:hidden; position:relative;} .item a .llink{ position:absolute; bottom:0; right:20px; font:bold 10px Georgia, "Times New Roman", Times, serif;} .item a .titolo{display:block; font:bold 12px Georgia, "Times New Roman", Times, serif;} /***********************home****************************/ /*footer*/ #footer{ background:url(../images/elementi/bg_footer.gif) no-repeat -495px 0; width:495px; height:155px; position:relative; overflow:hidden;} #pow{ background:url(../images/elementi/pow.gif); width:90px; height:12px; position:absolute; right:10px; bottom:10px; text-indent:-900em; } #footer div{ position:absolute; width:145px; position:absolute; padding:10px; bottom:0; right:165px; font:10px Georgia, "Times New Roman", Times, serif; color:#c5c5c5;} #footer div a{color:#c5c5c5;} /*footer*/ /************************************************************interno******************************************************************/ #galleryint{background:#c5c5c5; width:310px; overflow:hidden; height:316px; padding:10px; float:left} .immgh{background: url(../images/elementi/fregio2.png) no-repeat center center; width:310px; overflow:hidden; height:316px; position:relative } .immgh img{ height:316px;} #content{background:#a1a1a1; color:#fff; border-bottom:solid 155px #424243; min-height:539px; width:495px; overflow:hidden; } #content h2{ text-transform:lowercase; margin:20px 10px 50px;} #content h2 span{color:#717171;} /********************elenco********************/ .elenco{margin:0 10px 10px; border-bottom:solid 1px #ced0d0; width:475px; overflow:hidden; position:relative; padding:0 0 20px 0} .elenco h5{margin:0 0 5px 0;} .elenco h5,.elenco h5 a {font:bold 12px Georgia, "Times New Roman", Times, serif; color:#802e00; } .elenco h5 span{margin:0 5px 0 0;} .elenco h5 a:hover{color:#fff;} .elenco a.it,.elenco a.gb{display:block; height:9px; background:url(../images/elementi/bg_lnk_leggi.gif); width:63px; margin:5px 0 3px; position:absolute; bottom:0; left:0; text-indent:-900em} .elenco a.gb{background:url(../images/elementi/bg_lnk_leggi.gif) no-repeat 0 -18px;} .elenco a.it:hover {background:url(../images/elementi/bg_lnk_leggi.gif) no-repeat 0 -36px; } .elenco a.gb:hover {background:url(../images/elementi/bg_lnk_leggi.gif) no-repeat 0 -45px; } .elenco .immgh{ width:95px; height:95px; margin:0 5px 0 0} #paginazione{margin:10px; width:475px; overflow:hidden; position:relative; font:bold 11px Georgia, "Times New Roman", Times, serif; } #paginazione a{ color:#fff; } #paginazione #pag{position:absolute; top:0; right:0;} /********************elenco********************/ /********************dettaglio********************/ #content h3{margin:0 10px 10px;} #content #testo{margin:0 10px 10px;} #content #testo a{ color:#802e00!important;} #content #testo a:hover{ color:#fff!important;} #content .first.column,#content .last.column{ margin:0 !important} #content .column{ margin:0 15px}/*le colonne sono 3 gestisco il margine solo sulla centrale*/ /********************dettaglio********************/ #docs, #link{ padding:10px; margin:0 0 10px; border:solid 1px #fff; border-right:none; border-left:none;} #docs{ background:#c5c5c5} #link{ background:#aaacad} h3.media { font:bold 14px Georgia, "Times New Roman", Times, serif; padding:0; margin:0 10px 5px !important } #docs a, #link a{ display:block; color:#802e00!important; border-bottom:dotted 1px #fff; margin:0 0 10px; padding:3px; position:relative; font-weight:bold} #docs a:hover, #link a:hover{ color:#fff!important;} #docs a span, #link a span{ position:absolute; bottom:3px; right:3px} .mskplay{position:absolute; top:50%; left:50%; width:66px !important; height:66px !important; margin:-33px 0 0 -33px} /****************************************form***************************************************/ #loadingbtn {display:none ;} #contForm, #formcheckout{ width:495px;} #contForm form, #formcheckout{ text-align:right; color:#727272;} #privacy, #contForm fieldset,#formcheckout fieldset{ background:#fff url(../images/elementi/fregio2.png) no-repeat -155px -150px; width:455px; overflow:hidden; margin:0 0 5px 0; padding:20px ; text-align:left; border:none; } #privacy div {padding:0 10px;} #privacy h3, #contForm fieldset h6,#formcheckout fieldset h6{ border-bottom: solid 1px #cfcfcf; margin:0 0 10px; padding: 5px 10px; color:#802e00;} #contForm fieldset label{ width:170px; float:left; margin:0 0px 10px 0; padding:0 0 0 10px; overflow:hidden; } #contForm fieldset label input,#contForm fieldset label select {width:149px; margin: 5px 0 0 } #contForm fieldset.wide label{width:435px !important; } #contForm fieldset.wide label textarea, #formcheckout textarea{width:433 !important;margin: 5px 0 0;} #contForm button{ font-size:12px ; font-weight:bold; border:solid 1px #DFDFDF; color:#fff; background:#802e00; padding:2px 5px; cursor:pointer; text-transform:capitalize; margin:10px} /****************************************form***************************************************/ /************************************************************interno******************************************************************/ #msgform{ height:133px; padding:0px; background:#fff; margin:0 0 80px 0} #msgform h4{ margin:10px 22px;} /***********************************************collezioni*********************************************************/ /*colonna destra*/ #collcnt{background:#edeff0; color:#474747; width:330px; overflow:hidden; min-height:348px; float:left; } #collcnt h2{ margin:20px 10px; text-transform:lowercase;} #collcnt ul{font:14px Georgia, "Times New Roman", Times, serif; width:310px; margin: 0 10px; position:relative; overflow:hidden; } /*#collcnt ul li{ width:50%; margin:0 0 15px; white-space:nowrap; overflow:hidden; }*/ #collcnt ul li{ width:100%; margin:0 0 15px; white-space:nowrap; overflow:hidden; } #collcnt ul li a{color:#474747;} /*#collcnt ul ul{ position:relative; float:right; top:0; right:0; width:50%; margin:0; display:none;}*/ #collcnt ul ul{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0; display:none; margin:0 0 15px; background:#edeff0;} #collcnt ul ul.act{ display:block !important;} #collcnt ul ul li{display:block; float:left; margin:0 10px 0 0; width:140px;} #collcnt ul ul li a{ font-size:11px} #collcnt a.act{font-weight:bold;} .closecoll {width:100% !important; border-top: solid 1px #999; margin:10px 0 0 0 !important;padding:10px 0 0 0;} /*colonna destra*/ .prod{ background:#fefefe!important; padding:0 !important; min-height:539px;} #testoprodotti{ background:#a1a1a1 url(../images/elementi/fregio.png) no-repeat right 50px; padding:10px; height:171px; font: 12px Georgia, "Times New Roman", Times, serif; width:475px; } #testoprodotti h2{ margin:10px 0 20px !important; font-size:24px;} #testoprodotti .colonna{width:155px; overflow:hidden; float:left;} #testoprodotti .colonna strong{font-weight:normal; color:#802e00 } #testoprodotti .colonna p{margin:0 0 10px;} #apple{ margin:10px; } #apple img{ cursor:pointer; } /********************************************************gallery collezioni*************************************************************/ /* the overlayed element */ .apple_overlay { /* initially overlay is hidden */ display:none; /* growing background image */ background-image:url(../images/blank.gif); padding:20px; } .apple_overlay .corner { background:#fff; padding:20px; /* a little styling */ font-size:11px; -moz-box-shadow: 0px 0px 20px #333; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 20px #333; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 20px #333; /* Opera 10.5, IE 9.0 */ -moz-border-radius: 12px; /* FF1+ */ -webkit-border-radius: 12px; /* Saf3+, Chrome */ border-radius: 12px; /* Opera 10.5, IE 9 */ } .apple_overlay .corner h4{font-family:Georgia, "Times New Roman", Times, serif;} /* default close button positioned on upper right corner */ .apple_overlay div.close { background-image:url(../images/apple-close.png); position:absolute; right:10px; top:10px; cursor:pointer; height:28px; width:28px; overflow:hidden; padding:0; } /***********************************************collezioni*********************************************************/ /************nuovo catalogo**************/ #fb{padding:10px; background:#f8f8f8; margin:1px 0 0 0 }