body{ background:url("fondo.png") repeat-x scroll 0 0 #FFFFFF; font-family:arial; font-size:12px; line-height:13px; } #logo{ float:left; width:195px; } #top_lingua{ float:right; } a{ text-decoration:none; } #slogan{ float:left; line-height:17px; padding:18px; } #co_menu{ clear:both; } #top{ overflow:hidden; } #slogan a{ color:#000; } #slogan a span{ color:#ff521a; } #link_lingue a{ padding-right:2px; } #co_menu{ background:url("fondo-menu.png") no-repeat scroll center 0 transparent; height:60px; margin-top:8px; overflow:hidden; } #menu ul li{ float:left; } #menu ul li a{ color:#333333; font-size:13px; font-weight:bold; } #menu ul li a:hover{ color:#ff521a; } #menu ul li a.active{ color:#ff521a; } #menu ul li{ margin-top:22px; margin-right:28px; } #menu ul li.first{ margin-left:20px; } #ricerca{ background:url("fondo-ric.png") no-repeat scroll 0 0 transparent; float:right; height:28px; margin-right:8px; margin-top:14px; padding-right:1px; width:200px; } #ricerca input{ border:medium none; color:#666666; margin-left:4px; margin-top:5px; } #ricerca #button{ background:url("bottone-ric.png") no-repeat scroll 0 0 transparent; border:medium none; float:right; height:28px; width:34px; } #co_footer{ margin-top:46px; border-top:1px solid #000; padding-top:19px; color:#666666; } .foo_top{ clear:both; font-size:13px; line-height:16px; overflow:hidden; } .foo-bottom{ clear:both; margin-top:19px; } .foo_top a , .foo-bottom a , .foo_top strong , .foo-bottom strong{ color:#333333; font-weight:bold; } .social{ float:right; } .categorie .categoria{ float:left; height:220px; margin-right:17px; position:relative; width:315px; } .categorie .categoria.last{ margin-right:0px; } .box-cat{ border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border:1px solid #CCCCCC; height:125px; margin-top:33px; padding:9px 9px 0 13px; width:293px; } .box-cat:hover , .box-cat.hover{ background:url('fondo-box-cat.png') repeat-x; } #center{ overflow:hidden; } .box-cat a{ display:block; height:120px; width:100%; } .title-cat{ color:#666666; font-size:15px; font-weight:bold; line-height:17px; width:143px; } .abstract-cat{ color:#666666; font-weight:bold; line-height:16px; margin-top:5px; width:133px; } .box-top{ background:url('freccia.png') no-repeat scroll right 0 transparent; min-height:28px; } .categorie .categoria .img{ left:122px; position:absolute; top:0; } .categorie .categoria .img.piattaforme_su_furgone{ top:5px; } .welcome-data{ color:#999999; float:left; line-height:15px; margin-left:43px; width:544px; } .welcome-title{ color:#666666; font-size:16px; margin-bottom:17px; } .welcome-abstract{ font-size:13px; } .welcome{ clear:both; overflow:hidden; } .welcome-all{ background:url("ico-all.png") no-repeat scroll 0 center transparent; float:left; margin-right:19px; margin-top:13px; overflow:hidden; padding-bottom:2px; padding-left:16px; width:215px; } .welcome-all a{ color:#999999; font-size:13px; } .welcome.news .welcome-img{ margin-bottom:10px; } .welcome-gallery{ float:left; height:auto; width:350px; } .welcome-img{ float:left; height:auto; width:350px; } .home-bottom{ clear:both; overflow:hidden; margin-top:27px; } .home-bottom-left{ width:350px; float:left; } .home-bottom-right{ width:595px; float:right; } .box-title .box-title-left{ background:url('fondo-titolo-left.png') no-repeat; height:39px; width:18px; float:left; } .box-title{ overflow:hidden; } .box-title .box-title-center{ background:url('fondo-titolo-center.png') repeat-x scroll 0 0 transparent; color:#666666; float:left; font-size:16px; height:26px; padding-top:13px; } .box-title .box-title-right{ background:url('fondo-titolo-right.png') no-repeat; height:39px; width:12px; float:left; } .box-title-center.usato{ width:320px; } .box-body-left , .box-body-right{ background:url("box-body-line.png") repeat scroll 0 0 transparent; float:left; height:113px; width:2px; } .box-body-center{ float:left; overflow:hidden; padding:12px 0 0 12px; } .box-body-center.usato{ width:333px; } .box-title-center.news{ width:565px; } .box-body-center.news{ padding:12px 0 0 12px; width:578px; } #img_head{ clear:both; margin-top:11px; overflow:hidden; position:relative; } .maschera-home{ position:absolute; z-index:10; } .rotatore_img{ padding-left:3px; } .rotatore-data{ left:37px; line-height:24px; position:absolute; top:34px; width:300px; } .rotatore-title { color:#FFFFFF; font-size:20px; font-weight:bold; } .rotatore-sottotitolo{ color:#FF521A; font-size:16px; font-weight:bold; padding-top:11px; } .rotatore-abstract{ color:#999999; font-size:12px; font-weight:bold; line-height:16px; padding-top:20px; } .rotatore-data.home .rotatore-abstract{ color:#999999; font-size:12px; font-weight:bold; line-height:14px; padding-top:0px; } .rotatore-data.home .rotatore-abstract{ color:#999999; font-size:14px; font-weight:bold; line-height:16px; } #center .prodotti{ margin-top:23px; overflow:hidden; clear:both; } #center .prodotti .prodotto{ width:231px; position:relative; } .prodotto .prodotto-title a{ color:#000000; font-size:18px; font-weight:bold; line-height:20px; } .prodotto-title{ height:38px; } .prodotto-title.hover a{ color:#FF521A; } .prodotto .prodotto-img{ height:270px; margin-top:9px; width:231px; } .prodotti .prodotto{ margin-right:19px; width:231px; float:left; } .prodotti .prodotto .prodotto-abstract{ color:#000000; line-height:15px; margin-top:20px; } .prodotto.last { margin-right:0px; } .rotatore-data.home{ left:600px; } .rotatore-data.home .rotatore-title{ color:#FF521A; font-size:25px; line-height:28px; margin-bottom:20px; } .rotatore-data.home .rotatore-abstract{ color:#fff; } .linguette ul .first.tabs-selected a:hover, .linguette ul .first.tabs-selected a, .linguette_fake ul.fake-tab .first.tabs-selected a:hover, .linguette_fake ul.fake-tab .first.tabs-selected a { background:url("fondo-tab.png") no-repeat scroll 0 0 transparent; } .linguette ul.tabs-nav .tabs-selected a:hover, .linguette ul.tabs-nav .tabs-selected a, .linguette_fake ul.fake-tab .tabs-selected a:hover, .linguette_fake ul.fake-tab .tabs-selected a { background:url("fondo-tab.png") no-repeat scroll -20px 0 transparent; color:#FFFFFF; } /// tabs .linguette{ margin-top:16px; } .linguetta{ background:url("fondo-tab-current.png") repeat-x scroll 0 0 transparent; border-bottom:1px solid #B2B2B2; border-left:1px solid #B2B2B2; border-right:1px solid #B2B2B2; overflow:hidden; padding:30px 13px 13px 20px; width:946px; border-radius:0 0 13px 13px; -webkit-border-radius: 0 0 13px 13px; -moz-border-radius: 0 0 13px 13px; } .tabs-hide { display:none; } .linguette ul.tabs-nav li, .linguette_fake ul.fake-tab li { float:left; } .linguette ul.tabs-nav, .linguette_fake ul.fake-tab { background:url("fondo-tabs.png") no-repeat scroll 0 0 transparent; border-bottom:1px solid #999999; height:40px; overflow:hidden; width:981px; } .linguette ul.tabs-nav li a, .linguette_fake ul.fake-tab li a { color:#333333; display:block; float:left; font-size:12px; font-weight:bold; padding:14px 20px; } .linguette ul .first.tabs-selected a:hover, .linguette ul .first.tabs-selected a, .linguette_fake ul.fake-tab .first.tabs-selected a:hover, .linguette_fake ul.fake-tab .first.tabs-selected a { background:url("fondo-tab.png") no-repeat scroll 0 0 transparent; } .linguetta-title{ font-size:17px; font-weight:bold; } //// end tabs .linguette .caratteristiche{ margin-top:20px; width:496px; } .linguette .caratteristiche .label{ float:left; } .linguette .caratteristiche .valore{ float:right; } .linguette .caratteristica{ border-bottom:1px solid #999999; clear:both; margin-bottom:4px; overflow:hidden; padding:0 3px 3px; } .linguette .caratteristica.last { border:none; } .linguette #caratteristiche #abrochure{ color:#000000; font-size:14px; font-weight:bold; } .cont-brochure{ background:url("ico-brochure.png") no-repeat scroll 0 0 transparent; padding:10px 54px 10px 36px; } .gallery-element{ float:left; margin-right:6px; } #rotatore_box .trasparent{ //background:url("box-trasparente.png") no-repeat scroll 0 0 transparent; height:100%; position:absolute; top:0; width:427px; } .rotatore-data.prodotto { padding-left:35px; } .rotatore-data.prodotto .rotatore-title , .rotatore-data.prodotto .rotatore-abstract{ color:#000; } .rotatore-data.prodotto .rotatore-abstract{ margin-top:16px; } .c-item { } .carousel li { float:left; margin-top:13px; padding-top:14px; width:218px; } .carousel .jcarousel-prev { background:url("prev.png") no-repeat scroll 0 0 transparent; display:block; height:18px; left:0px; position:absolute; top:27px; width:19px; } .c-item{ width:218px; } .carousel .jcarousel-next { background:url("next.png") no-repeat scroll 0 0 transparent; display:block; height:18px; position:absolute; right:0px; top:27px; width:19px; } .jcarousel-prev.jcarousel-prev-horizontal.jcarousel-prev-disabled.jcarousel-prev-disabled-horizontal{ background:url("prev-disabled.png") no-repeat scroll 0 0 transparent; } .jcarousel-next.jcarousel-next-horizontal.jcarousel-next-disabled.jcarousel-next-disabled-horizontal{ background:url("next-disabled.png") no-repeat scroll 0 0 transparent; } .jcarousel-container.jcarousel-container-horizontal{ display:block; position:relative; } .legend-gra{ color:#333333; height:20px; padding:0 0 12px; text-align:center; } .prod-cat{ margin-top:30px; overflow:hidden; } .prod-cat-title{ font-size:17px; font-weight:bold; } .prod-cat-title{ padding-bottom:7px; } .box-title-center.consigli{ width:952px; } .box-body-center.consigli{ width:965px; } .c-item{ } .welcome-all.last{ margin-right:0px; } .prodotto-abstract a{ color:#000000; line-height:15px; } .text-left{ float:left; } .text-right{ float:right; } .text-top{ margin-top:24px; overflow:hidden; } .text-title{ font-size:17px; font-weight:bold; } .text-body{ clear:both; color:#333333; line-height:19px; margin-top:31px; width:591px; } .text-box{ background:url("fondo-box-cat.png") repeat scroll 0 0 transparent; border:1px solid #CCCCCC; height:133px; width:350px; margin-bottom:20px; border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; } .gallery-element{ background:url('fondo-img-gallery.png') no-repeat; overflow:hidden; padding:11px; } .linguette #gallery .gallery-element{ background:none; } .text-box-left{ float:left; height:67px; margin-top:33px; width:100px; background:url('ico-box-sprite.png') no-repeat 0 0; } .text-box-left.newsletter{ background:url('ico-box-sprite.png') no-repeat 0 -92px; } .text-box-right{ float:left; margin-top:17px; padding-left:8px; width:163px; } .text-box-right .text-box-title , .text-box-right .text-box-title a{ color:#666666; font-size:16px; } .text-box-right .text-box-testo{ padding-top:20px; } .text-box-right .text-box-testo , .text-box-right .text-box-testo a{ color:#999999; line-height:16px; } .news-home{ float:left; overflow:hidden; width:275px; } .news-home-data , .usato-home-data{ float:left; width:153px; } .news-home-title , .usato-home-title{ font-size:15px; line-height:18px; margin-bottom:11px; margin-top:4px; } .usato-home-title{ font-size:13px; } .news-home-title a , .usato-home-title a{ color:#333333; } .news-home-abstract{ } .news-home-abstract a , .usato-home-abstract a{ color:#999999; line-height:16px; } .box-body{ overflow:hidden; } .home-box{ background:none repeat scroll 0 0 #EFEFEF; clear:both; margin-top:40px; overflow:hidden; border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; } .home-box .text-box { background:none repeat scroll 0 0 transparent; border:medium none; float:left; height:auto; overflow:hidden; width:296px; } .sottomenu{ display:none; position:absolute; z-index:100; } .intestazione{ background:none repeat scroll 0 0 #FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; color:#FF521A; font-size:14px; font-weight:bold; height:41px; padding-left:9px; padding-right:9px; padding-top:15px; position:absolute; width:auto; } .sottocontent{ background:none repeat scroll 0 0 #FFFFFF; border-color:#CCCCCC; border-style:solid solid none; border-width:1px 1px 0; margin-top:56px; overflow:hidden; } .sottocontent .vocesotto a{ color:#000; font-weight:bold; } .menu-over{ overflow:hidden; } .vocesotto{ border-bottom:1px solid #CCCCCC; clear:both; height:85px; overflow:hidden; padding-left:5px; padding-right:25px; padding-top:5px; } .vocesotto .img{ background:none repeat scroll 0 0 #FFFFFF; border:2px solid #CCCCCC; float:left; padding:2px; border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; } .vocesotto:hover{ background:url('fondo-box-cat.png') repeat scroll 0 bottom; } a .vocesotto .title{ color:#000000; float:left; font-weight:bold; padding-left:13px; padding-top:10px; width:110px; } .highlight{ left:155px; position:absolute; top:55px; } .prezzo{ color:#FF521A; font-size:14px; font-weight:bold; padding-top:4px; } .news-page{ margin-top:20px; } .welcome.news{ margin-bottom:15px; clear:both; } .box-title.home{ margin-top:10px; } .prezzo .label{ color:#000; } #caratteristiche .prezzo{ font-size:17px; line-height:22px; } #co_center{ clear:both; } .paginazione{ float:right; font-size:14px; margin-top:14px; } .paginazione .next , .paginazione .prev , .separatore{ float:left; } .paginazione .prev{ padding-left:31px; background:url('prev-disabled.png') no-repeat; } .paginazione .next{ padding-right:31px; background:url('next-disabled.png') no-repeat scroll right 0 transparent; } .paginazione .prev.active{ padding-left:31px; background:url('prev.png') no-repeat; } .paginazione .next.active{ padding-right:31px; background:url('next.png') no-repeat scroll right 0 transparent; } .paginazione .next a, .paginazione .prev a{ color:#000; } .paginazione .next , .paginazione .prev{ color:#999999; font-weight:bold; height:30px; padding-top:3px; } .separatore{ border-left:2px solid #000000; height:10px; margin:3px 15px; padding-top:3px; width:2px; } #box_centro{ margin-top:20px; } #box_testo h1{ font-size:16px; } #text{ margin:15px 0; } #box_centro #text div{ padding-bottom:6px; } #box_centro #text div a{ color:#333333; } .form-item label{ display:block; float:left; width:100px; } .form-item input , .form-item select { display:block; float:left; } .form-item{ clear:both; } #block-check-privacy{ clear:both; padding:10px 0; } #block-check-privacy a{ color:#333333; font-weight:bold; } .form-item label.error{ color:#000000; font-weight:bold; padding-left:5px; width:auto; } .pulsante-left , .pulsante-right , .pulsante-center{ float:left; } .pulsante-left , .pulsante-right{ height:33px; width:10px; } .pulsante-left{ background:url('pulsante-left.png') no-repeat; } .pulsante-right{ background:url('pulsante-right.png') no-repeat; } .pulsante-center{ background:url('pulsante-body.png') repeat-x; height:22px; padding-top:11px; } .fancy.pulsante-center{ background:url("pulsante-body.png") repeat-x scroll 0 0 transparent; height:25px; padding-top:8px; } .pulsante-center a{ color:#000000; font-weight:bold; } .gruppo-pulsanti .pulsante{ float:left; margin-right:6px; overflow:hidden; } #top{ position:relative; } .area-riservata{ background:url("lucchetto-ico.png") no-repeat scroll 0 0 transparent; height:20px; padding-left:22px; position:absolute; right:0; top:69px; line-height:16px; } .title-accesso{ padding:10px 0; } .down-text{ font-size:13px; font-weight:bold; } .down-text a{ color:#FF521A; } #download.linguetta .allegato a{ color:#000000; display:block; float:left; font-size:13px; font-weight:bold; line-height:21px; padding-right:6px; } .allegato a.ico-pdf{ margin-top:3px; } #download .allegato{ clear:both; } .area-riservata{ font-weight:bold; } .area-riservata a{ color:#000; } .rete{ overflow:hidden; clear:both; margin-top:20px; } .form-item{ margin-top:4px; overflow:hidden; } label span{ padding-left:14px; } label input{ margin:0px; } #accessori .accessorio{ float:left; height:164px; margin-right:38px; overflow:hidden; width:90px; } .accessorio .gallery-element{ background:none; } #video .video{ float:left; margin-right:10px; overflow:hidden; } .items{ float:left; overflow:hidden; width:240px; } .prod-cat .title{ float:left; font-size:15px; font-weight:bold; height:40px; line-height:20px; padding-left:4px; padding-top:3px; } .label-accessorio{ font-size:11px; font-weight:bold; overflow:hidden; } #nav{ bottom:25px; position:absolute; right:20px; z-index:100; } #nav a{ font-size:0px; display:block; float:left; margin-right:2px; background:url( "pallina.png" ) no-repeat 0 0; } #nav a{ background:url( "pallina.png" ) no-repeat 0 0; height:15px; width:15px; } #nav a.activeSlide{ background:url( "pallina.png" ) no-repeat 0 -16px; } .scrollable { /* required settings */ position:relative; overflow:hidden; width: 218px; height:450px; } .scrollable2 { /* required settings */ height:109px; overflow:hidden; margin-left:36px; position:relative; width:929px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } .scrollable2 .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ .items div { float:left; } a.browse { cursor:pointer; display:block; float:left; font-size:1px; height:19px; position:absolute; top:22px; width:19px; z-index:20; } .next.browse.right{ background:url( 'next.png' ) no-repeat scroll 0 0 transparent; right:3px; } .prev.browse.left{ background:url( 'prev.png' ) no-repeat scroll 0 0 transparent; left:3px; } .items div.legend-gra{ float:none; } .item{ height:390px; margin-top:24px; } .next.browse.right.disabled{ background:url( 'next-disabled.png' ) no-repeat scroll 0 0 transparent; } .prev.browse.left.disabled{ background:url( 'prev-disabled.png' ) no-repeat scroll 0 0 transparent; } .big{ bottom:0; padding-left:23px; position:absolute; background:url('lente.png') no-repeat 0 0; } .big a{ color:#666666; font-size:14px; } .box_foto{ width:100%; position:relative; } .prod-cat .element{ width:308px; } .scrollable2 .element .title a{ color:#000; } .anteprima-cara{ margin-top:10px; overflow:hidden; } .anteprima-car{ margin-top:5px; } .anteprima-cara .single-car , .anteprima-car .single-car{ color:#666666; margin-bottom:5px; overflow:hidden; } .anteprima-cara .label{ float:left; } .anteprima-cara .valore{ float:right; padding-right:6px; } .prodotto-abstract{ clear:both; } .anteprima-car{ clear:both; } .single-car{ margin:3px 4px; } .anteprima-car .single-car { font-size:15px; } .new-box{ float:left; } .new-box.news{ margin-left:37px; } #text.testo ul{ list-style:disc;// padding-left:20px; } #text.testo ul li{ padding-bottom:10px; } #text.testo ul li a{ font-size:13px; } #box-centro.ricerca{ float:left; margin-top:20px; width:454px; } .briciole{ float:left; padding:10px 2px; } .briciole a{ color:#000; } #accessori .title{ font-size:15px; font-weight:bold; margin:5px 0; } .accessorio .gallery-element{ padding-left:0px; } #placeholder{ height:290px; width:100%; } #placeholder.product{ height:355px; } .trasparent .title{ font-size:21px; font-weight:bold; line-height:22px; padding-left:40px; padding-top:49px; width:303px; } .trasparent .abstract{ font-weight:bold; line-height:15px; padding-left:40px; padding-top:19px; width:303px; } .gruppo-pulsanti.prodotto{ margin-top:50px; } .pulsante.preventivo .pulsante-left{ background:url('pulsante-left-preventivo.png') no-repeat; } .pulsante.preventivo .pulsante-right{ background:url('pulsante-right-preventivo.png') no-repeat; } .pulsante.preventivo .pulsante-center{ background:url('pulsante-body-preventivo.png') repeat-x; height:22px; padding-top:11px; } #cerca { background:none repeat scroll 0 0 transparent; border:medium none; font-weight:bold; } .sottocat{ color:#999999; font-size:12px; font-weight:bold; height:18px; } .form-item a{ color:#333333; font-weight:bold; } .text-box-left a{ display:block; height:65px; margin-left:27px; width:65px; } .welcome-abstract h1 , text-body h1{ font-size:18px; line-height:19px; } .welcome-abstract h2 , text-body h2{ font-size:15px; line-height:19px; } .welcome-abstract h3 , text-body h3{ font-size:13px; line-height:19px; } .vcard{ background:url("vcard.png") no-repeat scroll 0 0 transparent; height:64px; margin-right:13px; width:63px; } .vcard a{ display:block; width:100%; height:100% } .testo-contatti a{ color:#000000; font-weight:bold; } .map{ display:none; }