body.public {background:#f3f3f3}

/*  2. Fonts
---------------------------------------------*/

@font-face { /* Open Sans regular */
	font-style: normal;
	font-weight: 400;
	font-family: "Open Sans";
	src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
	}

@font-face { /* Open Sans regular italic */
	font-style: italic;
	font-weight: 400;
	font-family: "Open Sans";
	src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format("woff");
	}

@font-face { /* Open Sans semibold */
	font-style: normal;
	font-weight: 600;
	font-family: "Open Sans";
	src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format("woff");
	}

@font-face { /* Open Sans semibold italic */
	font-style: italic;
	font-weight: 600;
	font-family: "Open Sans";
	src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format("woff");
	}

@font-face { /* Open Sans bold */
	font-style: normal;
	font-weight: 700;
	font-family: "Open Sans";
	src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format("woff");
	}

@font-face { /* Open Sans bold italic */
	font-style: italic;
	font-weight: 700;
	font-family: "Open Sans";
	src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format("woff");
	}


/*  7. Banner
---------------------------------------------*/

header[role="banner"] {
	position: relative;
	padding-top: 0;
	background: #f3f3f3;
}

.canvas header[role="banner"] {
	visibility: visible !important;
}



/*  7.1. Logo
---------------------------------------------*/

header[role="banner"] .logo {
	position: relative;
	margin: 0 auto;
	width: 960px;
	}

header[role="banner"] .logo a {
	left:0; z-index:1000; 
	position: absolute;
	top: -2px;
	left: 0;
	display: block;
	width:356px; height:157px; 
	overflow: hidden;
	text-indent: -5000px;
	background: url(/img/slide/medixalTop.png) no-repeat;
	}



/*  7.2. Site Navigation
---------------------------------------------*/

header[role="banner"] nav {
	margin: 0 auto;
	width: 960px;
	}

header[role="banner"] nav h2 {
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: 51;
	height: 10px;
	overflow: hidden;
	text-indent: -5000px;
	}

header[role="banner"] nav > ul {
	font-size: 0;
	letter-spacing: -4px;
	white-space: nowrap;
	text-align: right;
	}

header[role="banner"] nav > ul > li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	visibility: visible;
	padding-top: 4px;
	height: 38px;
	font-size: 10px;
	text-align: left;
	letter-spacing: 0;
	}

header[role="banner"] nav > ul > li:not(:last-child) {
	padding-right: 8px;
	}

header[role="banner"] nav > ul > li > strong a,
header[role="banner"] nav > ul > li >        a {
	position: relative;
	display: block;
	padding: 8px 15px;
	color: #31445f;
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1;
	text-transform: uppercase;
	border-radius: 4px;
	behavior: url(js/PIE.htc);
	text-decoration:none;
	}

header[role="banner"] nav > ul > li:last-child > strong a,
header[role="banner"] nav > ul > li:last-child >        a {
	color: #fff;
	background: #00508c;
	background: -webkit-linear-gradient(top,        #71dbea 0%, #2aabbd 63%, #5fbcca 100%);
	background:    -moz-linear-gradient(top,        #71dbea 0%, #2aabbd 63%, #5fbcca 100%);
	background:      -o-linear-gradient(top,        #71dbea 0%, #2aabbd 63%, #5fbcca 100%);
	background:         linear-gradient(to bottom,  #71dbea 0%, #2aabbd 63%, #5fbcca 100%);
	-pie-background:    linear-gradient(to bottom,  #71dbea 0%, #2aabbd 63%, #5fbcca 100%);
	}
	linear-gradient(to bottom, #71dbea 0%, #2aabbd 63%, #5fbcca 100%)

.ios header[role="banner"] nav > ul > li > strong a,
.ios header[role="banner"] nav > ul > li >        a {
	padding-top: 7px;
	padding-bottom: 9px;
	}

header[role="banner"] nav > ul > li       > strong a,
header[role="banner"] nav > ul > li.hover >        a,
header[role="banner"] nav > ul > li       >        a:hover,
header[role="banner"] nav > ul > li       >        a:focus {
	color: #fff;
	background: #666;
	}

header[role="banner"] nav > ul > li:last-child > strong a,
header[role="banner"] nav > ul > li:last-child >        a:hover,
header[role="banner"] nav > ul > li:last-child >        a:focus {
	background: #06f;
	background: -webkit-linear-gradient(top,       #00afff 0%, #008aff 63%, #0095ff 100%);
	background:    -moz-linear-gradient(top,       #00afff 0%, #008aff 63%, #0095ff 100%);
	background:      -o-linear-gradient(top,       #00afff 0%, #008aff 63%, #0095ff 100%);
	background:         linear-gradient(to bottom, #00afff 0%, #008aff 63%, #0095ff 100%);
	-pie-background:    linear-gradient(to bottom, #00afff 0%, #008aff 63%, #0095ff 100%);
	}
/* submenu */
header[role="banner"] nav > ul > li ul {
	position: absolute;
	top: 85px;
	left: 0;
	z-index: 54;
	width: 189px;
	white-space: normal;
	background: #444;
	background: -webkit-linear-gradient(top,       #666 0%, #555 13%, #444 100%);
	background:    -moz-linear-gradient(top,       #666 0%, #555 13%, #444 100%);
	background:      -o-linear-gradient(top,       #666 0%, #555 13%, #444 100%);
	background:         linear-gradient(to bottom, #666 0%, #555 13%, #444 100%);
	-pie-background:    linear-gradient(to bottom, #666 0%, #555 13%, #444 100%);
	border-radius: 0 0 5px 5px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.8);
	}

.ie9 header[role="banner"] nav > ul > li ul {
	behavior: url(js/PIE.htc);
	}

header[role="banner"] nav > ul > li.has-drop ul:before { 
	content: "";
	position: absolute;
	top: -5px;
	left: 32px;
	width: 10px;
	height: 6px;
	background: url(/imgs/sprite.png) no-repeat -238px -25px;
	}

header[role="banner"] nav > ul > li ul li {
	padding: 0 15px;
	background: url(/imgs/bg_banner_nav_ul_ul_li.png) repeat-x;
	}

header[role="banner"] nav > ul > li:hover    ul li:not(:first-child),
header[role="banner"] nav > ul > li.has-drop ul li:not(:first-child) {
	background: none;
	}

header[role="banner"] nav > ul > li ul li a {
	position: absolute;
	left: -5000px;
	display: block;
	margin-bottom: 10px;
	padding: 12px 0 13px;
	color: #aaa;
	font-size: 1.4em;
	line-height: 1.286;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #666;
	}

.ie8 header[role="banner"] nav > ul > li ul li a {
	border-bottom-color: #3e516b;
	}

header[role="banner"] nav > ul > li:hover    ul li a,
header[role="banner"] nav > ul > li          ul li a:focus,
header[role="banner"] nav > ul > li.has-drop ul li a {
	position: static;
	}

header[role="banner"] nav > ul > li:hover    ul li:not(:last-child) a,
header[role="banner"] nav > ul > li.has-drop ul li:not(:last-child) a {
	margin-bottom: 0;
	}

header[role="banner"] nav > ul > li ul li strong a,
header[role="banner"] nav > ul > li ul li        a:hover,
header[role="banner"] nav > ul > li ul li        a:focus {
	color: #fff;
	font-weight: 400;
	}

header[role="banner"] nav:after {
	content: "";
	clear: both;
	display: block;
	}



/*  7.3. Tools
---------------------------------------------*/

.ie8 header[role="banner"] #tools-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 38px;
	background: #12161c;
	}

header[role="banner"] article {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	background: #383838;
	box-shadow: 0 -2000px 0 2000px #383838;
	}

header[role="banner"] article ul li:nth-child(3) { padding: 0 10px; }

header[role="banner"] article h2 {
	position: absolute;
	left: -5000px;
	}

header[role="banner"] article ul {
	float: right;
	}

header[role="banner"] article ul li {
	display: table-cell;
	font-weight: 600;
	vertical-align: middle;
	color: #aaa;
	font-size: 1.2em;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	border-left: 1px solid #777;
	}

.opera header[role="banner"] article ul li {
	white-space: normal;
	}

header[role="banner"] article ul li a {
	display: table-cell;
	vertical-align: middle;
	padding: 0 19px;
	height: 38px;
	}

header[role="banner"] article ul li a:hover,
header[role="banner"] article ul li a:focus {
	color: #fff;
}
/*
header[role="banner"] article ul li:nth-child(1) a:before {
	content: "";
	position: relative;
	top: 3px;
	z-index: 1;
	display: inline-block;
	margin: -5px 8px 0 -1px;
	width: 16px;
	height: 15px;
	background: url(/imgs/sprite.png) no-repeat -238px 0;
	}
*/
header[role="banner"] article ul li:nth-child(2) a:hover:before,
header[role="banner"] article ul li:nth-child(2) a:focus:before {
	background-position: -264px 0;
	}

header[role="banner"] article ul li:nth-child(3) {
	font-weight: 600;
	color: #98c4fb;
	}

header[role="banner"] article ul li abbr:before,
header[role="banner"] article ul li abbr:after {
	content: "";
	width: 19px;
	height: 1px;
	height: -moz-calc(0px);
	}

header[role="banner"] article ul li abbr:before { float:  left }
header[role="banner"] article ul li abbr:after  { float: right }



/* Prova gratuita */

.divDemo {position:absolute; left:50%; margin-left:300px; z-index:1000; width:200px; height:200px; background:url(/img/try150.png) top left no-repeat; background-size:100%; color:white;text-align:center; zoom:1;
transition: all 300ms;
-webkit-transition: all 300ms; /* Safari */
font:bold 19px "Open Sans",Arial;
}
.divDemo:after {
	position:absolute; left:50%; top:50%;
	display:block;	
	/*
	margin-top:28.5%;	margin-left:22.75%; */
	width:100px; height:100px;
	margin-left:-56px;	
	margin-top:-45px;	
	vertical-align:center;
	content:"Prova la versione Free!";
}
.notouch .divDemo:hover {width:220px; height:220px;}




/*  8. Main content
---------------------------------------------*/

#main-wrapper {
	position: relative;
	top: -92px;
	z-index: 52;
	clear: both;
	margin-bottom: -137px;
	padding: 30px 0 18px;
	overflow: hidden;
	}

#main-wrapper #main-shadow-top {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -553px;
	width: 1106px;
	height: 30px;
	background: url(/img/public/bg_main-shadow-top.png) no-repeat;
	}

#main-wrapper #main-shadow-middle {
	position: relative;
	}

#main-wrapper #main-shadow-middle img[src*="main-shadow-middle"] {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -575px;
	width: 1150px;
	max-width: none;
	height: 100%;
	}

#main-wrapper #main {
	box-shadow: none;
	}

#main {
	position: relative;
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 28px 20px 10px;
	width: 960px;
	background: #fff url(/img/public/bg_main_2.png) repeat-x;
	font-size:14px;
	}

#main:after {
	content: "";
	clear: both;
	display: block;
	}

#main-wrapper #main-shadow-bottom {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -485px;
	width: 970px;
	height: 18px;
	background: url(/img/public/bg_main-shadow-bottom.png) no-repeat;
	}

footer {
text-align:left; padding:4em; color:#666;
background:#ddd;
}
	
section#title h1 {font-size:2.5em} 
section#title p {
font-family: "Open Sans", sans-serif;
margin:1em 1em;
color: #444;
font-weight: 400;
font-size: 1.2em;
line-height: 1.5;
text-align: left;
}




.section.soft {
background-color: #f3f3f3;
position: relative;
background-position: center;
background-repeat: repeat-y;
background-attachment: fixed;
z-index: 9999999999;
padding-bottom: 0px;
}

.section.soft:after {
    border: medium solid rgba(0, 0, 0, 0);
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 0;
    border-width: 30px;
    left: 50%;
    margin-left: -30px;
}


section#soft h2 {
	margin: 0 auto;
	width: 500px;
	height: 16px;
	overflow: hidden;
	text-indent: -5000px;
}


.section.soft dl {display:block;}
.section.soft dl dt {position:relative; display:block; line-height:1; margin-bottom:1em; width:100%; padding-top:1em;}

.section.soft dl dt div.grp {position:relative; min-height:210px;}
.section.soft dl dt img.icon {position:absolute; left:5%; top:50%; margin-top:-50px}
.section.soft dl dt img.screen{}
.section.soft dl dt div.cont {position:relative; background:transparent no-repeat right top; width:80%; float:right; text-align:left; margin-right:20px}
.section.soft dl dt div.cont.center {width:auto; float:none; text-align:center}
.section.soft dl dt div.cont h3 {font-size:2em; margin:1em .1em .3em; color:#666; font-weight:bold;}
.section.soft dl dt div.cont p {

	font-family: "Open Sans", sans-serif;
	margin:.5em;
	color: #444;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.5;
}



/*  7. READY? ORDER NOW »
---------------------------------------------*/

#order-now {
	clear: both;
	padding: 40px 0 23px;
	text-align: center;
	}

#order-now a {
	text-decoration:none;
	position: relative;
	display: inline-block;
	padding: 9px 43px 13px;
	color: #fff;
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	border: 1px solid;
	border-color: #27579d #27579d #173c81;
	background: #336dc1;
	background: -webkit-linear-gradient(top,       #336dc1 0%, #336cc0 57%, #2152ac 100%);
	background:    -moz-linear-gradient(top,       #336dc1 0%, #336cc0 57%, #2152ac 100%);
	background:      -o-linear-gradient(top,       #336dc1 0%, #336cc0 57%, #2152ac 100%);
	background:         linear-gradient(to bottom, #336dc1 0%, #336cc0 57%, #2152ac 100%);
	-pie-background:    linear-gradient(to bottom, #336dc1 0%, #336cc0 57%, #2152ac 100%);
	border-radius: 4px;
	box-shadow: inset 0 1px #538ad0, 0 1px 4px rgba(0, 0, 0, 0.4);
	behavior: url(js/PIE.htc);
	}

#order-now a:hover,
#order-now a:focus {
	background: #3d7ad1;
	background: -webkit-linear-gradient(top,       #3d7ad1 0%, #3c79d1 57%, #295ec0 100%);
	background:    -moz-linear-gradient(top,       #3d7ad1 0%, #3c79d1 57%, #295ec0 100%);
	background:      -o-linear-gradient(top,       #3d7ad1 0%, #3c79d1 57%, #295ec0 100%);
	background:         linear-gradient(to bottom, #3d7ad1 0%, #3c79d1 57%, #295ec0 100%);
	-pie-background:    linear-gradient(to bottom, #3d7ad1 0%, #3c79d1 57%, #295ec0 100%);
	box-shadow: inset 0 1px #5d95dc, 0 1px 4px rgba(0, 0, 0, 0.4);
	}

#order-now a:after {
	content: "\00bb";
	font-weight: 400;
	font-size: 1.25em;
	}

.ie8 #order-now a:after {
	font-size: 2.25em;
	}