* { padding:0; margin:0;} body { padding:0; margin:auto; background:#fff; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#888;} h1 { font-weight:normal; font-style:normal; } h2 { font-weight:normal; font-style:normal; } h3 { font-weight:normal; font-style:normal; } h4 { font-weight:normal; font-style:normal; } h5 { font-weight:normal; font-style:normal; } h6 { font-weight:normal; font-style:normal; } li { list-style:none; float:left;} a { text-decoration:none; } a img { border:none; } a:focus { outline:none; } img { display:block; } /* GENERALE */ #container{ width:950px; margin: auto;} #container h1 a {width:950px; height:83px; background:url(/public/img/title.gif); display:block; text-indent:-9000px;} #nav {width:950px; height:48px; background:url(/public/img/bg-nav.png);} #nav li {width:180px;} #nav a {display:block; height:48px; line-height:48px; color:#fff; font-size:13px; text-transform:uppercase; text-align:center; border-right:1px solid #808080; font-weight:bold;} #nav a:hover, #nav .active {border-color:#c30; background:url(/public/img/bg-nav.png) no-repeat center -48px;} #nav .last {border:none;} #nav .first:hover, #nav .first.active {background-position:0 -48px;} #nav .last:hover, #nav .last.active {background-position:100% -48px;} /* #container #header{ width:950px; height:358px; background:url(/public/img/bg-header2.jpg) no-repeat 0 0; position:relative;} #container #header #payoff{ width:322px; height:200px; padding:30px; color:#fff;} #container #header #payoff h2 {font-size:63px; line-height:37px; margin: 0 0 16px 0;} #container #header #payoff h2 strong{ font-size:20px; text-indent:18px; display:block;} #container #header #payoff p { text-align:justify; font-size:13px; color:#eee;} #container #header .slider { width:473px; height:293px; background:#202834 url(/public/img/loading.gif) no-repeat 50% 50%; position:absolute !important; bottom:23px; right:47px;} #container #header .slider img {position:absolute; top:0px; left:0px; display:none; } #container #header .nivoSlider img { position:absolute; top:0px; left:0px;} #container #header .nivo-slice { display:block; position:absolute; z-index:50; height:100%;} #container #header .nivo-directionNav { display:inline !important;} #container #header .nivo-directionNav a {display:block; width:32px; height:50px; position:absolute; background: url(/public/img/puls-slide.png) no-repeat; left:-47px; text-indent:-9999px; border:0; z-index:99; cursor:pointer;} #container #header a.nivo-prevNav { background-position:0 0; top:95px;} #container #header a.nivo-prevNav:hover { background-position:-32px 0;} #container #header a.nivo-nextNav { background-position:0 -50px; top:145px;} #container #header a.nivo-nextNav:hover { background-position:-32px -50px;} #container #header .nivo-controlNav { position:absolute; left:-399px; bottom:42px;} #container #header .nivo-controlNav a { display:block; width:22px; height:22px; background:url(/public/img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:9px; float:left; cursor:pointer;} #container #header .nivo-controlNav a.active { background-position:-22px 0; } */ #container .carousel {position:relative; margin-bottom:20px; padding:41px 47px 24px 430px; width:472px; height:293px; overflow:hidden;} #container .carousel .backgrounds {width:472px; height:293px;} #container .carousel .backgrounds .item {position:relative; float:left; width:472px; height:293px; z-index:1; } #container .carousel .backgrounds .item img {display:block;} #container .carousel .panel {position:absolute; left:0; top:0; width:950px; height:358px; background:url(/public/img/bg-header.png) no-repeat 0 0; color:#fff; z-index:10;} #container .carousel .panel .paging {position:absolute; bottom:36px; left:42px; width:346px; text-align:center;} #container .carousel .panel .paging a {color:#4c4c4c;} #container .carousel .panel .pause, #container .carousel .panel .play, #container .carousel .panel .next, #container .carousel .panel .previous {display:none !important;} #container .carousel .panel .paging #numbers a {display:block; float:left; margin-right:9px; width:22px; height:22px; background:url(/public/img/bullets.png) no-repeat; text-indent:-9999px; border:0; cursor:pointer;} #container .carousel .panel .paging #numbers a.selected {background-position:-22px 0; } #container .carousel .panel .details_wrapper {position:absolute; top:30px; left:42px; width:346px; height:252px; overflow:hidden;} #container .carousel .panel .details_wrapper .details {height:252px; } #container .carousel .panel .details_wrapper .details .detail {padding-right:20px; width:326px; height:252px; float:left; } #container .carousel .panel .details_wrapper .details h2 {margin-bottom:8px; font-size:44px; line-height:44px; /*color:#07388F;*/ color:#000;} #container .carousel .panel .details_wrapper .details h3 {margin-bottom:8px; font-size:20px; line-height:24px;} #container .carousel .panel .details_wrapper .details p {color:#eee; font-size:13px; text-align:justify;} #container #content{ overflow:hidden;} #container #content #center{ width:708px; margin:0 22px 0 0;} #container #content #center h2{ color:#424242; font-size:30px; line-height:36px;} #container #content #center h3{ color:#676767; font-size:18px; font-weight:bold; margin:0 0 5px 0;} #container #content #center .offert { width:708px; height:161px; background:url(/public/img/bg-offert-list.gif); display:block; margin:0 0 39px 0;} #container #content #center .offert li {position:relative; float:left; width:318px; height:140px; margin:10px 18px; position:relative; position:relative;} #container #content #center .offert li p{ float:left; width:160px; font-size:12px;} #container #content #center .offert li .detail{ float:right; width:153px;} /* #container #content #center .offert li .detail .desk{ position:absolute; top:39px; right:0; width:130px; height:31px; background:url(/public/img/bg-price.png); text-align:center; line-height:31px; color:#fff; font-size:12px;} #container #content #center .offert li .detail .desk strong{ font-size:17px; font-weight:bold; padding:0 5px 0 0;} */ #container #content #center .offert .price {position:absolute; top:90px; right:-26px; padding:7px 4px 8px 18px; background:url(/public/img/price2.gif) no-repeat 0 0; color:#fff; font-size:16px; z-index:1;} #container #content #center .offert .price sup {font-size:10px; line-height:20px; vertical-align:text-top;} #container #content #center .offert .price del {font-size:12px; } #container #content #center .offert li.hover {cursor:pointer;} #container #content #center .offert li .link-esplora { position:absolute; bottom:-23px; left:0; width:131px; height:27px; display:block; background:url(/public/img/bg-esplora.jpg); text-align:center; line-height:27px; color:#fff;} #container #content #center .offert li .link-esplora:hover, #container #content #center .offert li.hover .link-esplora {color:#f90;} #container #content #center .view-all-offert{ width:672px; height:49px; background:url(/public/img/bg-all-offert.jpg); clear:both; padding:18px; position:relative; margin:50px 0 0 0;} #container #content #center .view-all-offert span{ font-size:18px; color:#b1b1b1;} #container #content #center .view-all-offert h4{ font-size:25px; color:#fff;} #container #content #center .view-all-offert a{ position:absolute; right:18px; top:18px; display:block; font-size:18px; width:186px; height:52px; text-align:center; line-height:52px; background:url(/public/img/bg-all-offer.png); color:#fff;} #container #content #center .richtext {margin-bottom:36px; width:100%; overflow:hidden;} #container #content #center .richtext h2 {margin-bottom:18px;} #container #content #center .richtext h3 {margin-bottom:18px; font-size:18px; color:#f90;} #container #content #center .richtext p {margin-bottom:9px;} #container #content #center .richtext ul {padding-left:18px; list-style-type:circle;} #container #content #center .richtext ul li {float:none; list-style:inherit;} #container #content #center .richtext a {color:#f90;} #container #content #center .richtext a:hover {text-decoration:underline;} #container #content #center .richtext strong {color:#555;} #container #content #center form div {float:left; margin:18px 0; width:50%; overflow:hidden;} #container #content #center form div.full {clear:both; width:100%;} #container #content #center form div.small {width:15%;} #container #content #center form div.medium {width:35%;} #container #content #center form label {display:block;} #container #content #center form label.error {} #container #content #center form .text {float:none; border:1px solid #999; padding:4px; width:296px;} #container #content #center form .small .text {width:60px;} #container #content #center form input, #container #content #center form textarea, #container #content #center form select {font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555;} #container #content #center form select {padding:4px; width:300px; border:1px solid #999;} #container #content #center form .medium select {width:200px;} #container #content #center form textarea {padding:4px; width:296px; height:120px; border:1px solid #999; } #container #content #center form input:focus, #container #content #center form textarea:focus, #container #content #center form select:focus {border-color:#222;} #container #content #center form input.error, #container #content #center form textarea.error, #container #content #center form select.error {border-color:#c33; background:url(/public/img/cross.gif) no-repeat 100% 50%;} #container #content #center form .replaced {position:absolute; left:-9000px;} #container #content #center form label.radio {float:left; margin-right:18px; padding-left:24px; background:url(/public/img/checkbox.gif) no-repeat 0 0;} #container #content #center form label.check {padding-left:24px; background:url(/public/img/checkbox.gif) no-repeat 0 0;} #container #content #center form label.checked {background-position:0 -18px;} #container #content #center form label.check.error {background-position:0 -36px; color:#c33;} #container #content #center form button {margin:0 5px 0 0; padding:0; width:auto; height:31px; border:none; background:none; overflow:visible; text-align:center; text-transform:uppercase; white-space:nowrap; cursor:pointer; vertical-align:top;} #container #content #center form button span, #container #content #center form button em {display:block; margin:0; height:31px; background:url('/public/img/buttons.png') no-repeat 0 0; font:bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif; line-height:30px; color:#fff;} #container #content #center form button span {padding-left:20px;} #container #content #center form button em {font-style:normal; padding-right:36px; background-position:100% 0;} #container #content #center form button.submit span {background-position:0 -30px;} #container #content #center form button.submit em {background-position:100% -30px;} #container #content #center form button:hover em {color:#f90;} #container #content #center .offer-body {position:relative; padding:20px 20px 20px 240px;} #container #content #center .offer-body h4 {margin-bottom:18px; font-weight:bold; font-size:16px; color:#424242;} #container #content #center .offer-body h4.info {margin:0 0 4px -60px; padding-left:60px; background:url(/public/img/info.png) no-repeat 0 0; line-height:32px;} #container #content #center .offer-body p {margin:0 0 18px;} #container #content #center .offer-body ul {margin:18px 0; padding-left:18px; list-style-type:circle;} #container #content #center .offer-body li {display:list-item; float:none; list-style:inherit;} #container #content #center .offer-body .detail {position:absolute; top:20px; left:0; z-index:1;} #container #content #center .offer-body .detail a .lens {position:absolute; top:0; right:0; width:18px; height:18px; background:url(/public/img/lens.gif) no-repeat 0 0; text-indent:-9000px; z-index:1;} #container #content #center .offer-body .detail a:hover .lens {background-position:0 -18px;} #container #content #center .offer-body strong {color:#222;} #container #content #center .offer-body .price {margin:27px 0; padding:8px; border:1px solid #f60; text-align:center; font-size:28px; line-height:36px; color:#f60; text-shadow:1px 1px 1px #999; filter:dropshadow(color=#999999, offx=2, offy=2); webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} #container #content #center .offer-body .price sup {font-size:18px; line-height:27px; vertical-align:text-top;} #container #content #center .offer-body .price del {display:block; padding:0 2px; font-size:18px; color:#222; line-height:18px; text-shadow:0 0 0; filter:dropshadow(color=#999999, offx=0, offy=0);} #container #content #center .offer-body .price del span {color:#aaa;} #container #content #center .offer-body form div {float:none; width:100%;} #container #content #center .offer-body form .text {width:436px;} #container #content #center .offer-body form select {width:269px;} #container #content #center .offer-body form textarea {width:436px; height:120px;} #container #paginazione {position:relative; margin-top:18px; padding:18px; width:672px; height:49px; background:url(/public/img/bg-all-offert.jpg); clear:both; text-align:center; color:#fff; line-height:49px; font-size:14px;} #container #paginazione a {margin:0; padding:2px 5px; background-color:#888; color:#fff;} #container #paginazione a:hover {background-color:#f90;} #container #paginazione strong {margin:0; padding:1px 4px; border:1px solid #f90; font-weight:normal;} #container #paginazione span {padding-right:9px;} #container #content #sidebar { width:220px; } #container #content #sidebar .wrapper {margin-bottom:36px;} #container #content #sidebar #view-catalog { width:100%; height:187px;} #container #content #sidebar #view-catalog a.button { width:172px; height:29px; display:block; color:#fff; line-height:29px; background:url(/public/img/bg-sfogliabile.png); margin:15px auto; text-align:left; text-indent:25px;} #container #content #sidebar #subscribe h3{ color:#e45a29; font-size:22px; font-weight:bold; margin:35px 0 5px 0;} #container #content #sidebar #subscribe p{ font-size:11px; line-height:14px;} #container #content #sidebar #subscribe form{ margin:15px 0 0 0;} #container #content #sidebar #subscribe .campo { width:192px; height:25px; display:block; border:none; background:url(/public/img/bg-form.jpg); font-size:12px; color:#3d3d3d; padding:5px; margin:0 0 15px;} #container #content #sidebar #subscribe .login { width:89px; height:22px; display:block; background:url(/public/img/bg-login.jpg); border:none; cursor:pointer; margin:0 0 3px 0; color:#fff; font-size:11px; padding:0 0 3px 0;} #container #content #sidebar #subscribe .password { color:#707070; font-size:10px; padding:0 0 0 10px; } #container #content #sidebar .submenu {margin:0 12px 20px 0; background:#636363 url('/public/img/submenu_bottom.gif') no-repeat 0 100%;} #container #content #sidebar .submenu a {display:block; padding:9px 12px; color:#ccc; text-shadow:0 -1px 0 #000; filter:dropshadow(color=#000000, offx=0, offy=-1);} #container #content #sidebar .submenu a:hover {color:#f90;} #container #content #sidebar .submenu a.active {background:url('/public/img/menu_freccia.gif') no-repeat 0 50%; color:#fff;} #container #content #sidebar .menu-lv1 {padding-top:8px; background:url('/public/img/submenu_top.gif') no-repeat 0 0;} #container #content #sidebar .menu-lv1 li {float:none; border-top:1px solid #777;} #container #content #sidebar .menu-lv1 a {font-size:14px;} #container #content #sidebar .menu-lv2 li {border:none;} #container #content #sidebar .menu-lv2 a {padding-left:32px; font-size:11px;} #container #content .text{ float:left;} #footer{ background:#1E498E; color:#fff; margin:60px 0 0 0;} #footer .left { float:left;} #footer .right { float:right;} #footer #footer-container { width:950px; margin:auto; padding:25px 0; overflow:hidden; display:block; position:relative; clear:both;} #footer #footer-container span { display:block; margin:5px 0;} #footer #footer-container a {color:#fff;} #footer #footer-container a:hover {color:#f90;} #footer #footer-container .cont {clear:both; overflow:hidden; position:relative;} #footer #footer-container #footer-top { margin:0 0 25px 0;} #footer #footer-container #footer-top .logo-footer{ width:85px; height:64px; display:block; text-indent:-9000px; background:url(/public/img/logo-footer.png) 0 -1px no-repeat;} #footer #footer-container #footer-top address { text-align:right; width:350px; font-style:normal;} #footer #footer-container #footer-top address a{ color:#fff;} #footer #footer-container #footer-top .footer-nav { position:absolute; bottom:5px; right:0;} #footer #footer-container #footer-top .footer-nav a {font-size:15px; font-weight:bold; margin-left:40px;} #footer #footer-container #footer-top .footer-nav a:hover {color:#f90;} #footer #footer-container #footer-top .footer-nav a.active {color:#6380B1;} #footer #footer-container #footer-content .left #slide li img{ width:311px; height:179px; padding:8px 22px; background:url(/public/img/slide-footer.png) no-repeat;} #footer #footer-container #footer-content .left .slide-info{ position:absolute; left:370px; bottom:0; width:185px; height:118px; overflow:hidden;} #footer #footer-container #footer-content .left .slide-info h5{ width:160px; font-size:14px; line-height:15px; font-weight:bold;} #footer #footer-container #footer-content .left .slide-info span{ width:160px; font-size:11px; line-height:15px;} #footer #footer-container #footer-content .left .slide-info a{ display:block; font-weight:bold;} #footer #footer-container #footer-content .left .puls{ position:absolute; bottom:130px; width:16px; height:22px; display:block; text-indent:-9000px; background-image:url(/public/img/footer-puls-slide.png); background-repeat:no-repeat;} #footer #footer-container #footer-content .left .prev{ left:370px; background-position:0 -22px;} #footer #footer-container #footer-content .left .prev:hover { background-position:0 0;} #footer #footer-container #footer-content .left .next{ left:400px; background-position:-16px -22px;} #footer #footer-container #footer-content .left .next:hover { background-position:-16px 0;} #footer #footer-container #footer-content .right .banner{ position:absolute; top:0; right:0;} #footer #footer-container #footer-content .right .firma{ position:absolute; bottom:0; right:0; width:166px; height:39px; display:block; background:url(/public/img/kleis.jpg); text-indent:-9000px;} /* CLASSI */ .wrapper { margin:0 0 20px 0;} .banner a{ width:188px; height:43px; display:block; padding:10px;} .banner span{ font-size:15px; font-weight:bold; color:#a19b99; display:inline !important;} .banner strong{ display:block; font-size:18px; color:#fff; } .banner a:hover strong {color:#f90;} .map a { background:url(/public/img/bg-banner-map.jpg);} .mail a { background:url(/public/img/bg-banner-contact.jpg);} .offert a { background:url(/public/img/bg-banner-offert.png);} .rss a { background:url(/public/img/bg-banner-rss.png);} .sponsor { margin:40px 0 0 0;} .sponsor a{ float:left; margin:0 21px;} /*============================================================================== _______ _____ _____ ______ ______ _____ _ _ | | | | | | |_____/ |_____] | | \___/ |_____ |_____| |_____ |_____| | \_ |_____] |_____| _/ \_ =============================================================================*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay {background:url('widgets/overlay.png') 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url('widgets/controls.png') -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url('widgets/controls.png') -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url('widgets/controls.png') -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url('widgets/controls.png') -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url('widgets/controls.png') left top repeat-y;} #cboxMiddleRight{width:21px; background:url('widgets/controls.png') right top repeat-y;} #cboxTopCenter{height:21px; background:url('widgets/border.png') 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url('widgets/border.png') 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#fff;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url('widgets/controls.png') -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url('widgets/controls.png') -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{} #cboxLoadingGraphic{background:url('widgets/loading.gif') center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url('widgets/controls.png') -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;}