*{margin:0; padding:0; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color: #666; border:0;text-decoration:none;} html>body{/*height:98%;*/} html{height:98%} html{background:url(html.jpg) top center repeat-y;} body{background:url(back.jpg) top center no-repeat; /*min-height:780px; */} h2{color:#404040; border-bottom:1px solid #404040; margin:3px 5px 20px 3px; font-size:24px; padding-bottom:5px} h3{font-size:12px; font-weight:bold; margin:5px 5px;} img {border:0;} a{color:#fff; text-decoration:none;} a:hover{text-decoration:underline;} strong{color:#000} #wrapper {position:relative; width:800px; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; border:0px solid #172031;} #wrapper p{color: #000} #logo { width:250px;} #logo h1{ position:relative; top:20px; left:235px; margin:0; width:250px;} #logo a{display:block; height:55px; width:250px; text-indent:-9999px;} #center {margin:0; padding:0; margin-top:115px; float:left; height:250px; width:568px; border:1px solid;} #banner {float:left; color:#fff; text-align:right; margin:15px 0 0 0; border:1px solid black; width:228px} #content {position:relative; float:left; width:570px; min-height:320px; height:auto !important; height:320px; padding-top: 0px !important; margin-top: 10px; border:0px solid #5972B1; margin-top:20px;} /* ######################## VARIANTI ##################### */ #panel {display:block; width:569px; height:381px; background:#fff; position:relative; top:41px; left:0;} #panel .prodottiswf{width:569px; height:381px; position:absolute; top:0px; bottom:5px; left:0px} #art {display:block; width:569px; height:249px; position:relative; top:41px; left:0;} #index{display:block; width:569px; height:220px; position:absolute; top:35px; left:0; padding-top:11px;} #index p{margin:0; padding:10px; padding-left:16px !important; padding-left:18px;text-align:justify; color:#444; padding-top:0 !important; padding-top:5px; margin-top:5px; display:block; width:240px;} #index.index p{padding:1px 4px !important; padding:6px 4px 0px 4px; margin-left:12px !important; margin-left:12px; text-align:left;} #index.index strong{color:#000} #index.index p.readmore{margin-top:0px !important; margin-top:-10px} #index p.readmore{text-align:right; margin-top:-19px} #index p.readmore a{color:#2380C3; font-weight:bold;} #testo .readmore{clear:left; margin-top:10px; font-weight:bold; text-align:right; border-bottom:1px solid #ccc;} #testo hr{border-bottom:1px solid #ccc; color:#fff;} #index .videoswf{width:290px; height:234px; position:absolute; top:7px !important; top:14px; right:5px !important; right:9px } .gonfaloneswf{margin:0; padding:0; width:290px; height:234px; position:absolute; top:7px !important; top:14px; left:5px !important; left:9px; } /* dicono di noi art */ #dicono{display:block; width:569px; height:220px; position:absolute; top:35px; left:0; padding-top:11px; } #dicono .videoswf{width:296px; height:215px; position:absolute; top:8px; left:4px; } #dicono p{position:relative; top:10px ;margin:0; padding:12px; margin-left:305px; text-align:justify; color:#444; padding-top:2px; margin-top:0px; display:block; width:237px; font-size:11px; line-height:15px } #dicono p.readmore{text-align:right; margin-top:-29px;} #dicono p.readmore a{color:#00f; font-weight:bold;} #dicono strong{display:block; font-size:12px; color:#069; margin:0; padding:0; font-weight:normal;} a.readpdf {display:block; padding-right:35px; line-height:30px; background:url(pdf.jpg) right no-repeat; height:25px; width:140px; margin-left:360px} /* /dicono di noi art */ /* staff */ .staff {width:120px; padding:4px; border-bottom:1px solid #333; float:left; margin-left:8px; margin-bottom:10px;} #testo .staff h4{color:#000; margin:0; padding-left:4px; font-size:13px; margin:5px 0; border-bottom:1px solid #ccc} #testo .staff p{margin:0; padding:0; padding-left:4px;} #testo .staff img {float:none; margin:0; padding:0;} /*Prodotti*/ .prod {width:120px; padding:8px; border-left:1px solid #bbb; float:left; margin-left:0px; margin-bottom:10px;} #testo .prod h4{color:#000; margin:0; text-align:center; font-size:11px; margin:10px 0 0px 0; border-bottom:0px solid #ccc} #testo .prod img {float:none; margin:0; padding:0;} .prod_first{width:120px; padding:8px; border-left:0px solid #bbb; float:left; margin-left:0px; margin-bottom:10px;} #testo .prod_first h4{color:#000; margin:0; text-align:center; font-size:11px; margin:10px 0 0px 0; border-bottom:0px solid #ccc} #testo .prod_first img {float:none; margin:0; padding:0;} .mappaswf {width:482px; height:332px; margin-left:20px} .p_company {background:#fff url(company.jpg) no-repeat;} .p_slogan {background:#fff url(company.jpg) no-repeat;} .p_storia {background:#fff url(company.jpg) no-repeat;} .p_dicono {background:#fff url(dicono.jpg) no-repeat;} .p_news {background:#fff url(news.jpg) no-repeat;} .dettaglio_news {background:#fff url(dicono.jpg) no-repeat;} .p_dove{background:#fff url(dove.jpg) no-repeat;} .p_prodotti{background:#fff;} .p_staff{background:#fff url(staff.jpg) no-repeat;} .contatti{background:#fff url(contatti.jpg) no-repeat;} .contact {float:left; border-left:1px solid; padding:0 10px 0 10px; margin-bottom:20px;} .contact a img{margin-left:15px; position:relative; top:8px; right:0px} .contact p{margin-left:0} .contact.first {float:left; border-left:0px; margin-left:40px !important; margin-left:20px} #testo table tr{border-bottom:1px solid #ccc} /* ############################################################################# */ /*################## CAVE #################*/ #contatti{margin-top:20px; padding:6px; padding-left:22px} #contatti p{font-size:11px; color:#333 } #contatti a{color:#069; font-size:11px} /*################## CAVE #################*/ #nav{position:absolute; top:55px; right:-20px;} #nav ul li {float:left; margin-right:40px; padding:0; list-style:none;} #nav ul li a{color:#666; display:block; background:url(bullet.gif) center left no-repeat; padding-left:10px;} #testo {padding:6px; padding-top:55px; font-size:9px; margin:0px; margin-bottom:5px; margin-top:10px; width:550px;} #testo img{float:left; margin:5px 10px 0 3px; border:0px solid #666} #testo img.home{margin:-2px 2px 0 5px ; background:#fff} #testo h3{font-size:16px; margin-bottom:15px; padding-top:10px; color:#444} #testo h3 a{font-size:14px; margin-bottom:15px; text-decoration:underline} #testo h3.nation{background:#ccc;font-size:14px; margin:20px 0 10px 0;} #testo h4{font-size:12px; margin:5px 0 0px 10px ; color:#404040} #testo h5{border-bottom:1px solid #000;font-size:14px; margin-bottom:15px } #testo h6{font-size:12px; font-weight:bold; margin: -10px 0 0 15px; padding-top:0 } #testo p{margin:10px 5px; text-align:justify;} #testo p strong{text-align:justify; margin:0; padding:0 } #testo strong.map{font-weight:normal; margin-left:40px !important; margin-left:20px; margin-top:80px } #testo a{color:#000; font-size:9px} #testo a:hover{text-decoration:underline} #testo strong{margin:10px} #testo ul{list-style-position:inside; margin:20px 0} #testo ul li{list-style:none; margin:10px 0 10px 40px; padding-left:10px !important; padding-left:0px; background:url(bullet.gif) 0 8px no-repeat; color:#000} #testo ul li ul{margin:5px 0 25px 0} #testo ul li ul li{background:none; margin:0 50px 0 10px; font-size:12px; text-align:justify; color:#444} #testo li a{font-size:9px;font-weight:bold;color:#666} #skip {display:none;} #menu {float:left; width:230px; } #menu img{border:0; margin-bottom:-2px} #img{margin:0px;} #navigation { margin-top:58px; padding:55px 0 64px 0; border:0px solid;} #navigation li{text-align:left; list-style:none; margin-left:15px; padding: 3px 0 4px 0; border-top:1px solid #aaa } #navigation a{color:#000; text-decoration:none; padding-left:15px} #navigation a:hover{display:block; background:#fff;} #navigation li:hover{display:block; background:#fff;} #login {background:#8a8a8a; padding:5px; min-height:103px; text-align:right;} #login a{color:#ccc; font-size:9px} #login a:hover{text-decoration:underline} #login p{background:url('sm_arr_dw.gif') center right no-repeat; color:#fff; padding-right:15px; margin-right:5px; margin-bottom:5px; height:10px} #login li{ text-align:right; list-style:none; margin-right:15px; padding-bottom:5px; padding-right:10px; background:url('sm_arr.gif') center right no-repeat;} #login a{color:#fff; text-decoration:none;} #login a:hover{text-decoration:underline;} #login .register {background:url('sm_arr.gif') center right no-repeat; color:#fff; padding-right:15px; margin-right:5px} #login label{ float:none; width:auto; margin-bottom:2px; margin-right:5px; padding-right:15px; color:#fff; text-align:right; font-size:9px; text-align:right; background:url('sm_arr_dw.gif') center right no-repeat; } #login input{text-align:right; background:#333; color:#fff; width:150px; margin-bottom:2px; border:1px solid #999} #login input:focus{background:#666} #login button{font-size:9px; background:#666; border:1px solid #999; padding:2px 10px; margin-bottom:5px} #hpnews {margin-top:20px;} #hpnews li{display:block;float:left;width:160px;text-align:left; list-style:none; margin-left:10px; padding-left:10px; background:url('sm_arr_black.gif') top left no-repeat;} #hpnews a{color:#666;font-weight:bold;} #fotobig{clear:left} #elencofoto{width:450px;} .foto ul{list-style-position:inside;} .foto li{list-style:none;float:left;text-align:center;height:130px} .foto a{border:0;margin:15px;} #infoProdotto {float:right;} #testo table td.field1{ width:180px;} #testo input{text-align:left; background:#fff; color:#333; width:200px; margin-bottom:2px; border:1px solid #999;} #testo input:focus{background:#f2f2f2} #testo input.chkbox {width:20px} #testo button{font-size:9px; background:#f2f2f2; border:1px solid #999; padding:2px 10px; margin-bottom:5px} #testo input.asd {width:120px; text-align: center;} #testo textarea{width:280px; border:0; height:80px} #testo textarea{text-align:left; background:#fff; color:#333; width:200px; margin-bottom:2px; border:1px solid #999} #testo textarea:focus{background:#f2f2f2} #testo #menu_secondario {position:absolute; right:27px;} #testo #menu_secondario a{background:#8A8A8A; display:block; width:80px; text-align:center; margin-right:10px; float:left; padding:5px; border-top:0; color:#fff;} #testo #menu_secondario a.active{ display:block; margin-right:10px; float:left; padding:5px; color:#000; border-top:0; background:#fff} #testo #menu_secondario {margin-bottom:-15px; height:50px; margin-top:-20px;} #news img{float:right; margin:20px; margin-top:-40px;} #news h4{clear:right; margin-bottom:10px;} #news p{margin-bottom:3px; padding:2px; } #privacy {height:200px; overflow:auto; border:1px solid #ccc; width:520px;} #carrello th.id_prod {width:150px;} #carrello th.qta {width:100px;} #carrello th.prezzo {width:150px;} #carrello input.qta{width:50px;} #lang {position:absolute; top:20px; left:30px !important; left:-6px; margin:0;} #lang p{text-align:right;color:#666;} #lang a {display:block; float:left; padding-left:30px; margin:4px 10px 0 45px; color:#666;} #lang a.it {background:url(it.jpg) 0px 5px no-repeat;} #lang a.en {clear:left; background:url(en.jpg) 0px 5px no-repeat;} #lang a.fr {background:url(fr.jpg) no-repeat;} #footer {clear:left; width:570px; margin-left:100px; height:15px; line-height:25px; margin-left:155px; padding:5px 10px; } #footer * {display:none;} #footer a{color:#fff;} #footer p{position:relative;} #footer p span{text-align:right; position:absolute; right:5px; top:-5px;} p.gallery img{width:120px; height:120px} .imgazienda img{margin-right:22px;} /************************** gallery***************/ #srcDisplay {width:540px;} #srcDisplay_vertical {width:540px;} #gallery .immagini_thumb img{display:block; cursor:pointer; width:60px; height:40px; border:1px solid #ccc; background:#fff; float:left; margin:8px; margin-left:0px;} /************************** finiture ***************/ #finiture p{ float:left; margin-right:10px; background:#CDC6B5; padding:5px; padding-bottom:0; margin-bottom:10px; width:161px; height:225px;} #finiture h4{clear:left;} #finiture strong{display:block} /****** Stili *************************/ #testo .stili{float:left; margin-right:10px; background:#CDC6B5; padding:5px; padding-bottom:0; margin-bottom:10px; width:160px; height:290px;} #testo .stili h5{font-size:11px; font-weight:bold; font-style:italic; margin-bottom:5px; margin-top:3px} #testo .stili h4{font-size:12px; margin-bottom:5px;} #testo .pubblicita a {text-align:center; margin:5px; float:left; display:block; background:#000; } #testo .pubblicita a img{background:#000;} #testo .pubblicita img{width:120px; height:156px;} /******* NEWS *********/ #wrapper #content #testo .news {margin:10px; clear:left; font-size:14px; color:#000;} #wrapper #content #testo .news a{font-size:12px; color:#369;} #wrapper #content #testo .news h5{border-bottom:1px solid #bbb; color:#369;} .fotonews img{width:100px; float:left; margin-right:5px; } .footernews {clear:left; margin-top:10px; text-align:right} .home {clear:left; margin-top:10px; display:block; width:99,9%; background:#8A8A8A; padding:2px;} #testo p.home a{color:#fff;} #testo p.readmore a{color:#00c; font-size:13px;} #testo p.readmore{padding-bottom:10px} .dataInTit {font-size:10px;} /******* produzione . complementi *********/ #produzione p{float:left; display:block; width:270px; margin-top:10px; background:#CEC7B5; margin-right:4px; font-size:9px; height:116px; padding-top:2px;} #produzione p img{clear:left; float:left; margin:0 5px 2px 0; width:120px; height:96px; padding-top:10px;} #complementi #soffitti .soffitto {float:left; margin:3px;} #complementi #soffitti .soffitto p, #complementi #soffitti .soffitto h4{margin:0;} #complementi #soffitti .soffitto img{} #testo table.prezzi {margin:0 0 15px 0;} #testo table.prezzi td { border:1px solid #999; width:100px; text-align: center;} #testo table.prezzi td.nob { border:0;} /* HOMEPAGE #boxcontainer {clear:left;width:570px; } #box_360{float:left; width:259px; margin:0; } #box_dicono{float:left; background:url("home/dicono_home.jpg") no-repeat; display:block; width:249px; height:154px; margin:0 5px 0 5px; padding:0 5px 0 5px} #box_dicono p{font-size:9px; } #box_dicono p.more {margin:0 10px 0px 10px; text-align:right; } #box_dicono p a{color:#33f;} */ #boxcontainer {clear:left; margin-top:60px !important; margin-top:65px;padding-bottom:20px;height:160px} #box_360{float:left; width:259px; margin:0; margin-right:0px !important; margin-right:0px; } #box_dicono{float:left; background: url("home/dicono_home.jpg") no-repeat; display:block; width:259px; height:154px; margin:0 0 0 18px; padding:0 10px 0 3px; } #box_dicono p{font-size:9px; padding:0} #box_dicono p.more {margin:0 10px 0px 10px; text-align:right; } #box_dicono p a{color:#33f;} #box_dicono h2{margin:10px; padding-bottom:1px} .serviziswf{width:259px; height:154px;position: relative; left:5px !important; left:10px} /* #boxnews {border:1px solid red;color:#000; height:45px; } #boxnews a{color:#f00; } */ /* the news box */ #boxnews { margin-left:2px;width:220px;border-bottom:1px solid #00b0fe;} #boxnews a { color:#369; padding-bottom:15px; border-bottom:1px solid #ccc; display:block;margin-bottom:0px;} #boxnews ul { margin:5px; padding:0; } #boxnews li{ color:#555;margin-bottom:5px;font-size:10px;list-style: none; margin-left:5px;} /* the news box when JavaScript is available */ #boxnews.hasJS { height:120px; overflow:hidden; position:relative; } /* The nested UL when JavaScript is available */ #boxnews.hasJS ul { position:absolute; top:120px; left:0; margin:0 .5em 0 .5em; padding:0; }