html, body {margin:0; padding:0; height:100%; background-color:#fff;}
body {font:12px/20px Arial, GillSans,Calibri,Trebuchet,sans-serif; text-align:center; color:#555;}
a {text-decoration:none; color:#F19422;}
a:focus {outline:none;}
a img {border:none;}
img {vertical-align:bottom;}
ul {margin:0; padding:0; list-style-type:none;}
hr {display:none;}
.clearer {clear:both;}
.wrapper {margin:0 auto; padding:0 30px; width:930px; text-align:left; position:relative;}
#page {position:relative; min-height:100%; background: url('widgets/back_body.jpg') repeat-x; /*background:url('widgets/sfondo_interna.jpg') no-repeat 50% -130px;*/}
#index #page {/*background:url('widgets/sfondo_home.jpg') no-repeat 50% 0;*/}
#page .wrapper{ background: url('widgets/back_header_top.png') no-repeat top center;}
h2, h3, .teaser strong, .product a.bottone strong, .introPart {font-family:Century Gothic,Apple Gothic,Helvetica,sans-serif;}
#header {position:relative; padding:80px 0 30px;}
#header ul {margin:0; padding:0; list-style-type:none;}
#header .back-to { background: url("widgets/link-store.png") no-repeat scroll -112px 0 transparent; display: block; height: 50px; left: 331px; position: absolute; text-indent: -9000px; top: 0; width: 112px; }
#header .back-to:hover{ background-position: 0 0;}
#bar {position:relative; margin:0; width:930px; background:#89AB23 url('widgets/sfondo_bar3.gif') no-repeat 0 0; line-height:38px; z-index: 101;}
#bar h1 {margin:0 20px; float:left;}
#bar h1 a {display:block; width:140px; background:url('widgets/logo.png') no-repeat 0 0; text-indent:-9000px;}
#bar h1 a:hover {background-position:0 -38px;}
#nav .menu-lv1 {height:38px;}
#nav .menu-lv1 li {float:left;}
#nav .menu-lv1 li a {display:block; padding:0 10px; background:url('widgets/sfondo_bar3.gif') no-repeat 100% 0; font-size:11px; text-transform:uppercase; color:#fff;}
/*#nav .menu-lv1 .last a{ background-position:0 0;}*/
#nav .menu-lv1 li a:hover,
#nav .menu-lv1 li.sfHover a {background-position:100% -76px;}
#nav .menu-lv1 li a.active {background-position:100% -38px; color:#444;}
#nav .menu-lv2 {position:absolute; top:38px; left:-9999px; min-width:100px; background-color:#527D0C; line-height:18px; z-index:100;}
#nav .menu-lv2 li {position:relative; float:none; margin:1px;}
#nav .menu-lv2 li a {padding:5px 9px; background:#769F19 none; white-space:nowrap; color:#fff;}
#nav .menu-lv2 li.sfHover a,
#nav .menu-lv2 li a:hover {background-color:#648912;}
#nav .menu-lv2 li li a,
#nav .menu-lv2 li.sfHover li a {background:#769F19 none; color:#fff;}
#nav .menu-lv2 li li a:hover {background-color:#648912;}
#nav .menu-lv1 li a.active,
#nav .menu-lv1 li li a.active {background-color:#A8CF2B; color:#444;}
#nav .menu-lv3 {position:absolute; top:-9999px; left:100%; background-color:#527D0C;}
#nav .menu-lv1 li.sfHover .menu-lv2 {left:auto;}
#nav .menu-lv2 li.sfHover .menu-lv3 {top:-1px;}
#nav .menu-lv1 .has-child {display:block; padding-right:8px; background:url('widgets/menu_arrow.gif') no-repeat 100% 0;}
#nav .menu-lv2 .has-child {display:block; padding-right:8px; background:url('widgets/menu_arrow.gif') no-repeat 100% -48px;}
#query {position:absolute; top:0; right:54px; margin:0; padding:12px 0 10px; width:163px; height:16px; background:url('widgets/sfondo_cerca.gif') no-repeat 0 0; line-height:16px; z-index:2;}
#query p {margin:0;}
#query label, #query button {display:none;}
#query input {margin:0 0 0 20px; padding:0 1px; width:155px; border:none; background:none; font:12px/18px GillSans,Calibri,Trebuchet,sans-serif; color:#555;}
#lang {position:absolute; top:0; right:8px; z-index:60;}
#lang #switch {float:right; display:block; padding:0 13px 0 0; width:65px; background:url('widgets/sfondo_switch.gif') no-repeat 100% 0; color:#fff; text-align:right;}
#lang #switch:hover,
.sfHover #switch {background-position:100% -38px !important;}
#lang ul.dropdown {position:absolute; top:38px; left:-9999px; border-style:solid; border-color:#b1c179; border-width:0 1px 1px; line-height:18px;}
#lang ul.dropdown li a {display:block; padding:4px 8px 4px 24px; background-image:url('widgets/toplinks.gif'); color:#666;}
#lang ul.dropdown li a.en {background-position:0 -108px;}
#lang ul.dropdown li a.en:hover {color:#000;}
#lang ul.dropdown li a.it {background-position:0 -134px;}
#lang ul.dropdown li a.it:hover {color:#000;}
#lang.sfHover ul.dropdown {left:13px;}
#toplinks {position:absolute; top:16px; right:0;}
#toplinks li {float:right; margin-left:16px;}
#toplinks a {display:block; padding:0 24px 0 4px; background-image:url('widgets/toplinks.gif'); color:#999;}
#toplinks a img {padding-bottom:2px;vertical-align:middle;}
#toplinks a:hover {color:#000;}
#toplinks a.contacts {background-position:100% 0;}
#toplinks a.contacts:hover {background-position:100% -18px;}
#toplinks a.livechat {background-position:0 -36px; padding:0 4px 0 4px;}
#toplinks a.rss {background-position:100% -36px;}
#toplinks a.rss:hover {background-position:100% -54px;}
#toplinks a.forum {background-position:100% -72px;}
#toplinks a.forum:hover {background-position:100% -90px;}
#toplinks a.ita {background-position:100% -108px;}
#toplinks a.ita:hover {background-position:100% -126px;}
#toplinks a.eng {background-position:100% -144px;}
#toplinks a.eng:hover {background-position:100% -162px;}
#sec-one{ left:0;}
#sec-two{ right:0;}
.link-head{ overflow: hidden; position: absolute; top:0;}
.link-head li{ float: left;}
.link-head li a{ display: block; height: 55px; line-height: 55px; position: relative; padding: 0 13px 0 40px; color:#999999; background: url('widgets/seperator.png') no-repeat right center; font-size: 12px;}
.link-head li a.no-bg{ background: none;}
.link-head li a:hover{ color:#586164;}
.link-head li a .icon{ display: block; height: 18px; width: 18px; background: url('widgets/icon-top.png') no-repeat top left; display: block; text-indent: -9000px; position: absolute; top:18px; left:13px;}
.link-head li a .icon.chat{ background-position: -18px center;}
.link-head li a .icon.call{ background-position: -72px center;}
.link-head li a .icon.blog{ background-position: -54px 1px;}
.link-head li a .icon.rss{ background-position: 0 0;}
.link-head li a .icon.contact{ background-position: -36px 0;}
#slide{ background: #fff;}
#slide #introBoxes {position:relative; height:290px; color:#444;}
#slide #introBoxes h2 {margin:0; font-weight:bold; font-size:30px; line-height:32px; color:#6f6f6f; margin:0 0 18px 0;}
#slide #introBoxes h2 strong{ color:#6f6f6f;}
#slide #introBoxes a{ /*color:#6f6f6f;*/ font-size: 11px; font-weight: bold;}
/*#slide #introBoxes strong{ color:#1C8BB6;}*/
#slide #introBoxes .linklabel {text-align: right;}
#slide .introPart {position:absolute; top:0; left:0; padding:30px 490px 30px 30px; height:250px; width:410px; z-index:0; font-size:13px; line-height:19px; color:#a0a0a0;}
#slide .introPart strong{ color:#A0A0A0;}
#slide .introHomepage {display:none;}
#slide .introHomepage p {width:350px; text-align:justify;}
#slide .slide {position:absolute; top:56px; right:30px;}
#slide .product-nav {position:absolute; bottom:30px; left:0; width:894px; overflow:hidden; z-index:0; font-size:12px;}
#slide .product-nav li {float:left; margin-right:18px; margin-top:10px;}
#slide .product-nav li a {display:block; width:90px; color:#999; text-align:center; text-transform:uppercase;}
#slide .product-nav li a:hover {color:#690;}
#slide .product-nav li a.selected {color:#1C8BB6;}
#slide .product-nav li img {display:block; padding:8px; width:72px; border-width:1px; border-style:solid; background-color:#fff;}
#slide .product {position:absolute; bottom:0; right:0; padding:0 18px 30px; width:390px; overflow:hidden; z-index:-1;}
#slide .product ul{ width:420px; height:61px;}
#slide .product ul li{ float:right; background:red; width:186px; height:55px; background:url('widgets/bg-puls.png') no-repeat; position:relative; margin:6px 12px 0 12px;}
#slide .product ul li a{ position:absolute; top:-9px; left:-14px; background-image:url('widgets/icone.png'); background-repeat:no-repeat; cursor:pointer;}
#slide .product ul li a:hover span strong{ color:#FF9900 !important;}
#slide .product ul li a.buy {background-position:0px -400px;}
#slide .product ul li a.software {background-position:0px -200px;}
#slide .product ul li a span { width:138px; height:40px; display:block; padding:24px 0 0 56px; font-size:10px; color:#fff; line-height:13px;}
#slide .product ul li a span strong{ font-size:14px; color:#fff !important; line-height:5px; font-weight:bold !important;}
#slide #intro0, #slide #introProduct {display:block;}
#slide #playback {position:relative; top:-10px; padding:0 27px; width:100px; overflow:hidden; z-index:1;}
#slide #playback li {float:left; padding:0 4px;}
#slide #playback a {display:block; width:14px; height:14px; background-image:url('widgets/player_buttons.gif'); text-indent:-9000px;}
#slide #playback .prev a {background-position:0 0;}
#slide #playback .prev a:hover {background-position:0 -14px;}
#slide #playback .prev a:active {background-position:0 -28px;}
#slide #playback .stop a {background-position:-14px 0;}
#slide #playback .stop a:hover {background-position:-14px -14px;}
#slide #playback .stop a:active {background-position:-14px -28px;}
#slide #playback .play a {background-position:-28px 0;}
#slide #playback .play a:hover {background-position:-28px -14px;}
#slide #playback .play a:active {background-position:-28px -28px;}
#slide #playback .next a {background-position:-42px 0;}
#slide #playback .next a:hover {background-position:-42px -14px;}
#slide #playback .next a:active {background-position:-42px -28px;}
#slide #timeline {height:16px; width:100%; background:transparent url('widgets/timeline2.gif') no-repeat scroll 0 -16px; overflow:hidden;}
#slide #timeline .inside {position:relative; width:930px; height:100%; background:transparent url('widgets/timeline2.gif') no-repeat scroll -910px 0;}
#slide #introNav {position:relative; z-index:1;}
#slide ul.nav {position:relative; margin:0; height:18px; width:100%;}
#slide ul.nav li {position:absolute; top:0; margin:0; padding:0; text-align:center;}
#slide ul.nav .p1 {left:43px;}
#slide ul.nav .p2 {left:180px;}
#slide ul.nav .p3 {left:375px;}
#slide ul.nav .p4 {left:564px;}
#slide ul.nav .p5 {left:784px;}
#slide ul.nav a {font-size:10px; text-transform:uppercase; color:#777;}
#slide ul.nav a:hover {color:#444;}
#slide ul.nav .active a {color:#000;}
#slide ul.nav .point {display:block; position:absolute; top:18px; left:0; width:15px; height:15px; text-indent:-9000px; cursor:pointer; z-index:10;}
#slide ul.nav .p1 .point {left:12px;}
#slide ul.nav .p2 .point {left:40px;}
#slide ul.nav .p3 .point {left:34px;}
#slide ul.nav .p4 .point {left:56px;}
#slide ul.nav .p5 .point {left:46px;}
#topbar #introBoxes {position:relative; height:180px; color:#444;}
#topbar #introBoxes h2 {margin:0; font-weight:bold; font-size:30px; line-height:32px; color:#1C8BB6; margin:0 0 18px 0;}
#topbar #introBoxes strong{ color:#1C8BB6;}
#topbar .introPart {position:absolute; top:0; left:0; padding:10px 490px 30px 0; height:250px; width:440px; z-index:0; font-size:14px; line-height:19px;}
#topbar .introHomepage {display:none;}
#topbar .introHomepage p {width:350px;}
#topbar .slide {position:absolute; top:0; right:0;}
#banner-home{ background: #e5e5e5; margin: 20px 0 15px 0; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 930px; height: 141px; position: relative;}
#banner-home #content-banner-home{ width: 918px !important; height: 129px; overflow: hidden; position: absolute; top:6px; left:6px !important;}
#banner-home ul{ margin: 0 -9px 0 0;}
#banner-home ul li{ float: left; margin: 0 9px 0 0;}
#banner-home ul li a{ width: 298px; height: 127px; display: block; border:1px solid #D7D7D7;}
#banner-home ul li a:hover{ border:1px solid #285300;}
#buckets h3 {margin:-18px 0 0 -18px; padding:24px 0 14px 58px; background-image:url('widgets/icone.png'); background-repeat:no-repeat; font-weight:normal; font-size:18px;}
#buckets h3.small {padding:13px 0 5px 58px; font-size:14px;}
#buckets h3 strong {font-size:120%;}
#buckets p {margin:0; padding-right:27px; font-size:11px;}
#buckets .anchor {position:absolute; bottom:-24px; right:-18px; border:none;}
#buckets ul {margin:0 -25px; padding:30px 0; width:990px; overflow:hidden;}
#buckets ul li {position:relative; float:left; margin:0 25px; padding:9px; width:177px; background-image:url('widgets/raggi.png'); background-position:20% 50%; color:#fff;}
#buckets ul li.discover {background-color:#e98202;}
#buckets ul li.discover1 h3 {background-position:0 5px;}
#buckets ul li.discover2 h3 {background-position:0 -495px;}
#buckets ul li.buy {background-color:#7ca11d;}
#buckets ul li.buy h3 {background-position:0 -400px;}
#buckets ul li.partecipate {background-color:#3295b4;}
#buckets ul li.partecipate h3 {background-position:0 -696px;}
#buckets ul li.hover {background-color:#999; cursor:pointer;}
#content {position:relative; padding:40px 0 228px; /*30+228 (footer)*/ width:100%; /*overflow:hidden;*/}
#content.home-cont {padding-top:10px}
#content h2 {margin:0; font-size:27px; color:#f90;}
#content h2.software {padding:25px 0 13px 70px; background:url('widgets/icone.png') no-repeat 0 -95px;}
#content h2.blog {padding:25px 0 13px 70px; background:#fff url('widgets/icone.png') no-repeat 0 -801px; color:#198db2;}
#content h3 {margin:0; font-size:18px; color:#f90; background-image:url('widgets/icone.png'); background-repeat:no-repeat;}
#content h3.cd { background-position:0 -78px;}
#content h3.performance { background-position:0 -100px;}
#content h3.casi { background-position:0 -200px;}
#content h3.indice { background-position:0 -300px;}
#content h3.product { background-position:0 -478px;}
#content h3.cart { background-position:0 -396px;}
#content h3.hardware { background-position:0 -600px;}
#content h3.download { background-position:0 -700px;}
#content h3.list { background-position:0 -778px;}
#content h3.config { background-position:0 -900px;}
#content h3.log { background-position:0 -1002px;}
#content .main {float:left; margin-right:287px; padding-right:23px; width:620px; border-right:1px solid #CCCCCC;}
#content .main h3{ background:none; margin: 20px 0 10px 0;}
#content .main h3.title-changelog{ width:50%;}
#content .main p.date-changelog{float:right; margin: 24px 0 10px;}
#content .main h3.first{ background:none; margin: 0 0 10px 0;}
#content .border { border-right:none;}
#content .main p {text-align:justify;}
#content .main ul {margin:0; padding-left:30px; list-style-type:disc;}
#content .sidebar {float:left; margin-left:-288px; padding:0 0 0 20px; border-left:1px solid #ccc; width:266px;}
#content .sidebar h3 {/*padding:40px 0 12px 55px;*/ padding:0 0 0 60px; height:55px; line-height:45px; /*background-color:red;*/}
#content .sidebar table {margin:0 0 15px 0; width:100%; border-collapse:collapse; border-spacing:0;}
#content .sidebar p { margin:0 0 15px 0;}
#content .home {position:relative; width:100%;}
#content .home .main {margin:0 0 0 310px; }
#content .home .leftbar {float:left; margin-left:-953px; padding:0; width:284px; border:none;}
#content ul.breadcrumb {position:absolute; top:0px; left:0; width:100%; overflow:hidden; background-color:#8bad24; color:#333; line-height:18px;margin:0; padding:0; list-style-type:none;}
#content ul.breadcrumb li {float:left; padding-left:6px;}
#content ul.breadcrumb a {display:block; padding:0 12px 0 0; background:url('widgets/breadcrumb.gif') no-repeat 100% 50%; color:#fff;}
#content ul.breadcrumb a:hover {color:#333;}
#content ul.boxini {margin:0 -30px 0 0; padding:0 0 30px 0; width:648px; overflow:hidden; list-style-type:none;}
#content ul.boxini li {position:relative; float:left; margin-right:30px; padding:12px; width:161px; min-height:250px; background-image:url('widgets/raggi.png'); background-position:20% 0;}
#content ul.boxini li ul {margin:0 0 30px 0; padding:0; list-style-type:none;}
#content ul.boxini li li {float:none; margin:0; padding:0 0 0 10px; width:151px; min-height:18px; background:url('widgets/bullet.png') no-repeat 0 50%; z-index:1;}
#content ul.boxini li li a {font-size:11px; text-transform:uppercase; color:#fff; word-spacing:1px;}
#content ul.boxini li li a:hover {color:#fc0;}
#content ul.boxini li.discover {background-color:#e98202; color:#532e00;}
#content ul.boxini li.buy {background-color:#7ca11d; color:#103700;}
#content ul.boxini li.partecipate {background-color:#3295b4; color:#004156;}
#content ul.boxini h3 {margin:0; background-image:none; font-size:24px; color:#fff;}
#content ul.boxini p { line-height:14px; padding:8px 0 8px 0; text-align:justify; width:164px;}
#content ul.boxini img.icona {position:absolute; bottom:-30px; right:-20px; z-index:0;}
#content table.features {margin:5px 0 0 0; width:100%; border-collapse:separate; border-spacing:1px; background-color:#ccc; color:#666;}
#content table.features img {vertical-align:bottom;}
#content table.features th {padding:5px; height:18px; text-align:center;}
#content table.features td {padding:5px;}
#content table.features thead th {background-color:#fff; color:#333;}
#content table.features tbody th {width:300px; background-color:#f0f0f0; font-weight:normal; cursor:help;}
#content table.features tbody td {background-color:#fff; text-align:center;}
#content .main ul.search-items {padding:5px 20px 0 20px;list-style-type:none;}
#content .search-items li {padding:9px 0 8px 9px; border-bottom:1px dotted #f90; background:url('widgets/menu_arrow.gif') no-repeat 0 -40px;}
#content .search-items li.nores {border-top:1px dotted #f90; background:none; text-align:center;}
#content .search-items h4 {margin:0;}
#content .search-items p {margin:0}
#content ol.columns {margin:36px -15px; padding:0; width:960; background:url('widgets/sfondo_columns.gif') repeat-y 0 0; list-style-type:none; overflow:hidden;}
#content ol.columns li {float:left; padding:0 20px; width:200px; color:#999;}
#content ol.columns h3 {font-size:18px; color:#89ab23; background:none;}
#content ol.columns ul,
#content ol.columns ul li,
#content .sidebar li {float:none; padding-left:9px; /*background:url('widgets/bullet.png') no-repeat 0 7px;*/ color:#666;}
#content .sidebar ul {margin:5px 0 15px 0;}
#content .sidebar ul {margin-left:9px;}
#content a.bottone {display:block; margin:15px 36px 0 36px; padding:8px 17px; border:1px solid #9bb943; background:#9bb943 url('widgets/raggi.png') no-repeat 70% 60%; font-weight:bold; color:#fff; text-align:center;}
#content a.bottone:hover {background-color:#A8CF2B; color:#333;}
#content a.bottone:active {padding-top:9px; padding-bottom:7px;}
#content .box {padding:17px; border:1px solid #e2e2e2; background:#eee url('widgets/sfondo_box.gif') repeat-x 0 0; position:relative;}
#content .box a {color:#198db2;}
#content .box a:hover {color:#444;}
#content .box .service {margin:60px 0 0 124px; background:url('widgets/h-divider.gif') repeat-x 0 0; text-align:right; font-size:11px;}
#content .box .service a {display:block; padding:2px 0 3px;}
#content .box .blogentry {margin:0; min-height:273px; padding:0; list-style-type:none;}
#content .box .blogentry li {padding:0 0 9px 36px; background:url('widgets/ico_news.gif') no-repeat 0 0;}
#content .box .blogentry h4 {margin:0; font-size:12px; font-weight:bold; color:#198db2;}
#content .box .blogentry p {margin:0; color:#666;}
#content .box .blogentry .date {display:block; padding-left:12px; background:url('widgets/ico_date.gif') no-repeat 0 50%; font-size:10px; color:#aaa;}
#content .box .icona {position:absolute; bottom:-12px; left:8px; z-index:0;}
#content .teaser {margin:18px 0 !important; background:none;}
#content .teaser li {margin-bottom:18px; padding:0; background:none;}
#content .teaser a {display:block; padding:20px 9px 20px 120px; width:137px; background:#cecece url('widgets/raggi.png') no-repeat 100% 100%; color:#fff; overflow:hidden;}
#content .teaser a strong {font-size:16px;}
#content .teaser a img {float:left; margin-left:-100px;}
#content .teaser a:hover {background-color:#89AB23;}
#footer {position:relative; margin-top:-188px;}
#footer .wrapper {position:relative; padding:18px 18px 36px; width:894px; background:#89AB23 url('widgets/sfondo_footer.gif') no-repeat 0 100%; color:#fff;}
#footer h4 {margin:0; line-height:36px;}
#footer h5 {margin:0;}
#footer h4 a.logo {display:block; width:140px; background:url('widgets/logo.png') no-repeat 0 -1px; text-indent:-9000px;}
#footer h4 a.logo:hover {background-position:0 -39px;}
#footer address {display:block; margin-bottom:18px; font-style:normal;}
#footer p.legal {margin:0; color:#d8e5ba;}
#footer .subnav {position:absolute; top:18px; right:18px; background:url('widgets/sfondo_footer_links.gif') repeat 0 0; font-size:11px;}
#footer .subnav li {float:left; padding:0 12px; width:81px;}
#footer .subnav li li {float:none; padding:0;}
#footer .subnav h5 {font-size:9px; text-transform:uppercase; color:#fff;}
#footer .subnav a {color:#d8e5ba;}
#footer .subnav a:hover {background-color:#c1d88a; color:#6E911D;}
/* -------- rounded borders ----------- */
#bar, #content .breadcrumb {-webkit-border-radius:4px; -moz-border-radius:4px;}
#buckets ul li,
#slide .product-nav img,
a.bottone {-webkit-border-radius:6px; -moz-border-radius:6px;}
#content .box {-webkit-border-radius:8px; -moz-border-radius:8px;}
#content .main .boxini li {-webkit-border-radius:8px; -moz-border-radius:8px;}
#content .teaser a {-webkit-border-radius:6px; -moz-border-radius:6px;}
#footer .wrapper {-webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
#nav ul.menu-lv2,
#nav ul.menu-lv3,
#lang ul.dropdown {-webkit-box-shadow:2px 2px 5px #bbb; -moz-box-shadow:2px 2px 5px #bbb;}
#buckets h3, .boxini h3 {text-shadow:rgba(0,0,0,.5) 0 1px 1px;}
/*** tooltip ***/
.tooltip{position:absolute; top:0; left:0; z-index: 3; display:none; width:300px; color:#666; background:#F5F5B5; border:1px solid #DECA7E; text-align:justify; padding:1px 5px;}
/*** scopri ***/
a.download_button {display:block; background:url('widgets/download_orange.gif') no-repeat 0 0; width:233px; height:52px; color:#fff; font-weight:bold; font-size:16px; padding:10px 0 0 20px; line-height:14px;}
a.download_button span {font-weight:normal; font-size:12px; color:#FFDF30;}
#countdown {width:160px; margin:0 auto;}
#countdown .hasCountdown {border: 1px solid #ccc;background-color: #eee;}
#countdown .countdown_rtl {direction: rtl;}
#countdown .countdown_holding span {background-color: #ccc;}
#countdown .countdown_row {clear: both; width: 100%; padding: 0px 2px; text-align: center;}
#countdown .countdown_show1 .countdown_section {width: 98%;}
#countdown .countdown_show2 .countdown_section {width: 48%;}
#countdown .countdown_show3 .countdown_section {width: 32.5%;}
#countdown .countdown_show4 .countdown_section {width: 24.5%;}
#countdown .countdown_show5 .countdown_section {width: 19.5%;}
#countdown .countdown_show6 .countdown_section {width: 16.25%;}
#countdown .countdown_show7 .countdown_section {width: 14%;}
#countdown .countdown_section {display: block; float: left; /*font-size: 75%;*/ text-align: center;}
#countdown .countdown_amount {font-size: 200%;}
#countdown .countdown_descr {display: block; width: 100%;}
#demo-online a{ width:98px; height:98px; position:absolute; z-index:50; display:block; text-indent:-9000px; background:url(/public/img/demo-online.png) no-repeat 0 0;}
#demo-online a:hover { background-position: -98px 0;}
#demo-online.home a{ /*top:85px; right:130px;*/ top:58px; right:375px;}
#demo-online.scheda a{ top:0; right:100px;}
#demo-online.en a {background-position: 0 -98px;}
#demo-online.en a:hover {background-position: -98px -98px;}
#download-version a{ width:98px; height:98px; position:absolute; z-index:50; display:block; text-indent:-9000px; background:url(widgets/download-version.png) no-repeat top left;}
#download-version a:hover{ background-position:top right;}
#download-version.home a{ /*top:85px; right:130px;*/ top:42px; right:375px;}
#download-version.scheda a{ top:0; right:100px;}
/* Free Call + Chat */
.home-banner{ position:absolute; top:161px; right:37px; }
.home-banner a{ margin: 0; width: 145px;}
.home-banner a span{ color:#A0A0A0;}
.home-banner a:hover span{ color:#ACC831;}
.home-banner a span strong {color:#6F6F6F; font-weight: bold;}
.home-banner a:hover span strong{ color:#517D0C;}
.home-banner .demo-hb,
.home-banner .demo-hb:hover{ background:url('widgets/demo-home.png');}
.home-banner .webinar,
.home-banner .webinar:hover{ background:url('widgets/webinar-home.png');}
.banner{ width:166px; height:54px; padding:0 0 0 60px; margin: 0 0 15px 0; display:block; font-family: "Trebuchet MS"; background-repeat:no-repeat; background-position:0 0; position:relative;}
.banner:hover{ background-position:0 -54px;}
.banner span strong{ display:block; font-size:18px; text-transform:capitalize; color:#fff;}
.banner span{ color:#aabaa0; line-height:16px; font-size:10px; padding:11px 0 0 0; display:block;}
.call{ background-image:url('widgets/free-call.png'); }
.chat{ background-image:url('widgets/chat.png'); }
.chat img{ position:absolute; top:23px; right:22px;}
.bottoni-contatti { background:#DCE6BC; padding:10px 20px; -webkit-border-radius:4px; -moz-border-radius:4px; margin:0 0 15px; border:1px solid #CCCCCC;}
.webinar{ background-image:url('widgets/webinar.png')}
.demo-hb{ background-image:url('widgets/demo-hb.png');}
/*** documentazione | how to ***/
#content div.doc table {margin:0 auto;}
#content div.doc table td {padding:3px;}
#content div.doc p {text-align:justify;}
#content div.doc ul.documentazione {margin:0 0 0 20px; padding:0; list-style-type:none;}
#content div.doc ul.documentazione li {float: left; margin-bottom:20px;}
#content div.doc ul.documentazione li h3 {width:300px; margin:0;}
#content div.doc ul.documentazione li h3 a { width:250px; min-height:55px; line-height:55px; /*text-indent:60px;*/ float:left; text-indent:55px; /*margin:0 20px 10px 20px;*/ background:url('widgets/icone.png') no-repeat -8px -1086px; /*border:1px solid #dcdcdc;*/ /*-webkit-border-radius:8px; -moz-border-radius:8px;*/ font-size:16px;}
#content div.doc #accordion h3 {line-height:23px; font-size:13px; background:none;}
#content div.doc #accordion h3 a{ background-color:/*#FF9900*/#8bad24; background-image:url(/public/img/bg-close.png); background-repeat:no-repeat; background-position:600px center; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff; display:block; margin:8px 0; padding:0 0 0 5px; }
#content div.doc #accordion h3 a.close{ background-image:url(/public/img/bg-open.png);}
#content div.doc #accordion h3 a:hover{ background-color:/*#ffa51f*/#527D0C;}
#content div.doc #accordion h5 {color:#F19422; font-size:18px; margin:12px 0 0 0;}
#content div.doc #accordion h6 {color:#F19422; font-size:14px; margin:8px 0 0 0;}
#content div.doc #accordion ul {list-style-type:inherit; padding:0 0 0 40px;}
#content div.doc #accordion ol {padding:0 0 0 30px;}
#content div.doc #accordion li {text-align:justify;}
#content div.doc #accordion span.didascalia {}
#content div.howto {min-height: 300px;}
#content div.howto #screencast {margin:10px 59px; border:1px solid #666;}
#content div.howto ul {list-style-type:none;}
#content div.howto .video {position:relative;}
#content div.howto .video span {position:absolute; left:0; bottom:45px; width:100%; text-align:center; color:#fff; font-size:11px; text-transform:uppercase;}
/*** addons ***/
#content ul.addons {margin:0 0 0 10px; padding:0; list-style-type:none;}
#content ul.addons li {float: left; padding:20px 0; width:150px; text-align: center;}
#content ul.addons li img {width:150px;}
#content ul.addons li h3 {width:300px; margin:0;}
#content ul.addons li h3 a { width:250px; min-height:55px; line-height:55px; /*text-indent:60px;*/ float:left; text-indent:55px; /*margin:0 20px 10px 20px;*/ background:url('widgets/icone.png') no-repeat -8px -1086px; /*border:1px solid #dcdcdc;*/ /*-webkit-border-radius:8px; -moz-border-radius:8px;*/ font-size:16px;}
/*** contatti ***/
#content #mail-form fieldset {margin:10px 0 0 0; padding:0; border:none;}
#content #mail-form fieldset div {line-height: 30px;}
#content #mail-form fieldset p {margin:0 !important; line-height:36px;}
#content #mail-form fieldset label {float:left; width:150px; text-align:right; padding-right:20px;}
#content #mail-form input.text {padding:1px 0; width:243px; border:1px solid gray;}
#content #mail-form input.short {padding:1px 0; width:123px; border:1px solid gray;}
#content #mail-form textarea {width:243px; margin:7px 0; padding:0; height:94px; border:1px solid gray; font:12px/18px arial,helvetica,sans-serif; color:#333;}
#content #mail-form input.error,
#content #mail-form textarea.error {border:1px solid red;}
#content #mail-form label.error {float:none; padding-left:20px; color:red; vertical-align:top;}
#content #mail-form img.captcha {float:left; margin-right:20px; vertical-align:middle;}
#content #mail-form #invia {display:block; margin:20px 0 0 170px; padding:0; height:22px; width:245px; border:0px none; background:#8BAD24; font-weight:bold; color:#fff; cursor:pointer;}
/*** installazione ***/
#content ol {padding-left:18px;}
#content ol li {margin-top:10px;}
#content code {display:block; background:#eee; margin:5px 0 2px 0; padding:5px 10px; font-size:11px; line-height:16px;}
/*** paginazione ricerca ***/
div#Pagination {text-align:center;}
.pagination {font-size: 100%;}
.pagination a {text-decoration: none; border: solid 1px #8BAD24; color: #8BAD24; background:#fff;}
.pagination a, .pagination span {padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; min-width:1em; text-align:center;}
.pagination .current {background: #8BAD24; color: #fff; border: solid 1px #8BAD24;}
.pagination .current.prev, .pagination .current.next{color:#999; border-color:#999; background:#fff;}
/*** installatori ***/
div.installatori img.logo {width:190px; float:right; padding-right:10px;}
div.installatori h4 {display:inline;}
div.showothers {text-align: right;}
div.showothers a {cursor: pointer;}
div.referenze {padding: 0 10px;}
div.referenze a {line-height: 60px;}
div.referenze img.big {width:200px;}
div.referenze img.small {width:110px; margin-right: 10px;}
label.error_webinar {font-size: 8px; color: red; display: block; line-height: 12px; padding-left: 3px; }
div.pluginlist table td.destra {vertical-align: top; padding:5px 0 10px 2px;}
div.pluginlist table td.notfirst {border-top:1px dotted #333;}
div.pluginlist img {width:60px; margin-right: 10px;}
div.pluginlist h4 {margin-bottom:3px;}
div.pluginlist p {color:#666; font-size:10px; line-height:14px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}
#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#F00; font-size: 20px; line-height: 16px;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}