* {margin:0; padding:0; font-family:Arial,Verdana,Serif; font-size:11px; color:#000; z-index:2;} body {background:url("html.jpg") no-repeat scroll center 545px transparent; } html {background:url("background.jpg") no-repeat scroll center top #D4D4D6; } h1{font-size:20px;} h2{font-size:18px;} h3{font-size:16px} h4{font-size:14px} h5{font-size:13px} h6{font-size:12px} h2 {font-size:18px; margin-bottom:15px;} h4{font-size:14px; margin-bottom:15px;} ul {list-style:none; list-style-position:inside} label {padding:0 20px; text-align:left; padding-left:0;} input,textarea {border:1px solid #ccc; margin-bottom:10px;} th {text-align:left; vertical-align:top;} p{margin-bottom:10px; } a img{border:0;} a:link, a:visited {outline:none;} #content h6, #content h6 strong {color:red; margin-bottom:10px;} #wrapper {min-height:450px; height:auto !important; height:450px; left:0; margin:27px auto 0; padding-bottom:80px; position:relative; width:820px; } #header {position:relative; top:0px; left:0; min-height:95px; height:auto; background:url(header.jpg) 5px 5px no-repeat;} #header.head_ad {background:url(header_ad.jpg) 5px 5px no-repeat;} #navPath {position:absolute; top:0; left:0; margin-bottom:20px; font-size:10px; color:#666} #navPath *{font-size:10px; color:#555; text-decoration:none} #navPath a:hover{text-decoration:underline;} #header h1 a {display:block; text-indent:-9999px; font-size:0; width:250px; height:93px; font-size:20px;} #nav {position:relative; top:1px; left:0; z-index:3; } #level1 ul {list-style:none; } #level1 ul li{display:block; float:left; height:30px; line-height:30px; } #level1 ul li.active{background:url(voiceactive.jpg) top center no-repeat} #level1 ul li a{color:#666; font-size:11px; text-transform:uppercase; text-decoration:none; padding:0 8px; border-right:1px solid #666} #level1 ul li a:hover{text-decoration:underline;} #nav a.active{font-weight:bold;} #level2 {clear:left; float:left; background:#B6C1C7; margin:0; padding:0; width:820px;} #level2 li {display:block; height:30px; line-height:30px;} #level2 li a{color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none; padding:0 15px; border-right:1px solid #fff} #level2 a:hover{color:#777} #level2 ul li a.active {background:url(voiceactive2.jpg) top center no-repeat; color:#777} #level2 ul li li a.active {background:none; color:#fff;} #level3 {width:180px; background:#B6C1C7 url(sub.jpg) top center no-repeat; border-top:0;} #level3 a{display:block; height:30px; line-height:30px;} #level3 li a{color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none; padding:0 8px; border-right:1px solid #fff} #level3 a:hover{color:#777} #reserved {position:absolute; right:120px; /*95px;*/ top:13px; height:11px; width:90px;} #reserved a{color:#fff;} #lang {position:absolute; right:0px; top:15px; height:11px; width:145px;} #lang a{display:block; float:left; width:16px; height:11px; text-indent:-9999px; font-size:0; margin-left:10px;} #lang #lang_it {background:url(it.gif) no-repeat;} #lang #lang_en {background:url(en.gif) no-repeat;} #lang #lang_fr {background:url(fr.gif) no-repeat;} #lang #lang_ru {background:url(ru.gif) no-repeat;} #lang #lang_de {background:url(de.gif) no-repeat;} #footer {height:91px; position:relative; clear:left; background:url(footer.jpg) top center no-repeat; padding-bottom:40px;} #design {position:relative; top:20px; width:820px; margin:0 auto; text-align:center;} #credits {position:relative; top:34px; width:820px; margin:0 auto; color:#ddd} #credits p{text-align:right; color:#6F6F6F; padding-right:20px;} #credits a{color:#6F6F6F; } #descrizione_cat {width:357px; float:left; margin-left:25px !important; margin-left:0; margin-right:17px; min-height:1px; height:auto !important; height:1px; } #element { } #el_foto {float:left; width:361px; min-height:1px; height:auto !important; height:1px; margin:0 21px !important; margin:0 15px;} #el_foto img{border:2px solid #333} #cat_foto {float:left; width:361px; min-height:1px; height:auto !important; height:1px; } #cat_foto img{border:2px solid #333} #gal_big { height:252px; text-align:center; margin-bottom:10px;} .fotoThumb {float:left;} .fotoThumb img{width:103px; height:67px; margin-right:20px;} .fotoThumb img.last {margin-right:0;} #el_descrizione {float:left; width:325px;} #el_descrizione h2{background:#666 url(land_h3.jpg) no-repeat; color:#fff; font-weight:bold; padding-left:40px; height:20px; line-height:20px; margin-bottom:10px; font-size:12px;} #extra {padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:20px;} #extra ul{list-style:none;} #extra ul li{margin-bottom:7px;} #extra ul li a {padding-left:15px; background:url(extra_voice.jpg) left center no-repeat; text-decoration:none; } #extra ul li a:hover {text-decoration:underline;} #contentWra { background:#fff; float:left; position:relative; left:1px; top:0; width:818px; z-index:-15} #main {position:relative; top:20px; left:35px; width:745px; z-index:1; } #content {float:left; margin-bottom:20px; padding-bottom:50px; z-index:1; padding-top:20px; position:relative; top:0; left:0; } #content .swf_top{position:relative; top:0; left:0; height:207px; width:745px; z-index:1} #content #top{margin-bottom:20px; height:207px;} #content #top a img{border:0;} #content #top_statico{margin-bottom:20px; height:207px;} #menu_prodotti { width:745px; margin:0 auto; background:#ccc; margin-bottom:20px;} #menu_prodotti strong.active {background:#f12; color:#fff;} #menu_prodotti .swf_menu2 {height:207px; width:745px;} /* reserved - area riservata */ #reserved_menu {width:185px; margin-right:65px; float:left; min-height:400px; height:auto !important; height:400px; border-right:1px dotted #333 } #reserved_menu ul{list-style:none;} #reserved_menu ul li{margin-bottom:7px;} #reserved_menu ul li a {padding-left:15px; background:url(extra_voice.jpg) left center no-repeat; text-decoration:none; margin-left:10px;} #reserved_menu ul li a:hover {text-decoration:underline;} #reserved_menu ul li h3 a{margin:0; font-size:14px;} #reserved_menu ul li a.active {color:#CF2E1A} #reserved_content {width:475px; float:left; } /* PAGINE STATICHE */ #section {margin-top:30px;} #section.statica {margin-top:15px;} #section1 { float:left; width:361px; min-height:1px; height:auto !important; height:1px; margin:0 21px !important; margin:0 15px;} #section2 {float:left; width:325px;} #section1 p{margin-bottom:20px;} #section2 p{margin-bottom:20px;} div.img_chi_siamo {margin-top:30px; margin-left:20px;} div.img_chi_siamo img {margin-bottom:20px;} /*BANNER FIERE - Archietettura - Chi siamo*/ .bn_fiera a {float:left; width:120px; text-decoration:none; } #bn_fiera1 a{float:left; width:120px; text-decoration:none; } #bn_fiera2, #bn_fiera2 a{float:left; width:124px; text-decoration:none; } #bn_fiera3 a{float:left; width:117px; text-decoration:none; } .bn_fiera img{margin-bottom:10px;} .bn_fiera span{font-size:10px; color:#555;} /* AD_HOME - */ #splitter {position:relative; top:0; left:0; margin:20px 0; display:block; background:url(splitter.jpg) no-repeat; width:745px; min-height:200px; height:auto !important; height:200px;} html #content .splitter_ad_it {background:url('splitter_ad_it.jpg') no-repeat;} html #content .splitter_ad_en {background:url('splitter_ad_en.jpg') no-repeat;} html #content .splitter_i_it {background:url('splitter_i_it.jpg') no-repeat;} html #content .splitter_i_en {background:url('splitter_i_en.jpg') no-repeat;} html #content .splitter_hp_it {background:url('splitter_hp_it.jpg') no-repeat;} html #content .splitter_hp_en {background:url('splitter_hp_en.jpg') no-repeat;} html #content .splitter_soluzioni_industria_it {background:url('splitter_soluzioni_industria_it.jpg') no-repeat;} html #content .splitter_soluzioni_industria_en {background:url('splitter_soluzioni_industria_en.jpg') no-repeat;} html #content .splitter_soluzioni_industria_it p.enter {top:120px;} #splitter {position:relative; float:left;} #splitter div {position:absolute; top:0px; width:200px; z-index:3; float:left; } #splitter h3 a{display:block; height:30px; width:200px; text-indent:-9999px; font-size:0; margin-bottom:15px;} #splitter #id1 {left:40px;} #splitter #id2 {left:295px;} #splitter #id3 {left:540px;} p.enter {position:absolute; top:170px; right:0; z-index:4} /* * LANDING * */ #landing_cat {width:340px; float:left;} #landing_press {width:745px; float:left;} #landing_events {width:745px; float:left;} #content #landing_events div.block{float:left; margin:10px 0; margin-top:0; padding:2px; height:160px; overflow:hidden;} /*////*/ #content div.block *{margin:0; padding:0; border:0} #content div.block{display:block; width:318px; overflow:hidden; float:left; margin:10px 0; margin-top:0; padding:2px; height:90px; overflow:hidden; } #content div.block h3.titleblock {background:#666 url(land_h3.jpg) repeat-y; color:#fff; font-weight:bold; padding-left:40px; min-height:15px; height:auto !important; height:20px; padding-top:2px; padding-bottom:2px; margin-bottom:10px; font-size:11px } #content div.block h3.titleblock a{color:#fff; text-decoration:none;} #content div.block div.fotoblock{float:left; margin:0 5px 0 0; border:1px solid #000;} #content div.block div.fotoblock a{display:block; margin-left:0; width:103px; text-align:center; } #content div.block div.textblock{float:left; margin-left:20px; width:188px; text-align:left;} /* senza img*/ #content div.block div.NoImg{float:left; margin-left:0px; width:330px; text-align:left;} #content div.block p.dettaglio {clear:left; display:block; text-align:right; position:relative;} #content div.block p.dettaglio a {margin:0; color:#66940E; padding:0 10px; font-weight:bold;} #content div.block p.dettaglio a:hover {background:#66940E; color:#fff; } #content div.paging{clear:left; padding-top:10px; border-top:1px dotted #ccc; margin-left:400px; margin-top:400px;} #content div.paging a {margin:0; padding:0 10px; text-decoration:none; font-weight:bold;} #content div.paging a:hover {text-decoration:underline} #content div.paging a.selected {text-decoration:underline} /* ricerca tele*/ table#ricercatele {margin-bottom:10px; border-bottom:1px dotted #ccc ;padding-bottom:10px;} table#ricercatele select{width:80px;} table#risultati_tele td{border:1px solid #ccc; padding:4px;} table#risultati_tele th{border:1px solid #ccc; padding:4px; background:#ccc; } /* PORTFOLIO */ .portfolio_it {width:745px; height:750px} .portfolio_en {width:745px; height:750px} /* Contatti */ #contatto_diretto p{margin-bottom:5px;} #contatto_diretto label{display:block; float:left; width:145px; padding-left:0;} #contatto_diretto input{width:150px; padding-left:0;} #contatto_diretto select{width:150px;} #contatto_diretto textarea{width:315px;} html #wrapper #sbform{border:1px solid #333; width:80px;} #contatto_diretto .privacy {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding-top:10px; margin:10px 0; clear:left} /* metal_design_landing */ #metal_design_landing {float:left;} #md_interni,#md_interni_en, #md_architettura, #md_architettura_en {position:relative; top:0; left:0; float:left; width:355px; height:275px; } #md_interni {margin-right:30px; background:url(md_interni.jpg) no-repeat;} #md_architettura {background:url(md_architettura.jpg) no-repeat;} #md_interni_en {margin-right:30px; background:url(md_interni_en.jpg) no-repeat;} #md_architettura_en {background:url(md_architettura_en.jpg) no-repeat;} #metal_design_landing .sections {position:absolute; top:180px; left:17px;} #metal_design_landing .section_link { height:85px; width:100px; float:left; margin-right:10px; } #metal_design_landing .section_link.last {margin-right:0;} #metal_design_landing .section_link p {text-align:center; } #metal_design_landing .section_link p a{text-transform:uppercase; text-decoration:none;}