@font-face {
	font-family: 'MuliLight';
	src: url('Muli-Light-webfont.eot');
	src: url('Muli-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Muli-Light-webfont.woff') format('woff'), url('Muli-Light-webfont.ttf') format('truetype'), url('Muli-Light-webfont.svg#MuliLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuliLightItalic';
	src: url('Muli-LightItalic-webfont.eot');
	src: url('Muli-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Muli-LightItalic-webfont.woff') format('woff'), url('Muli-LightItalic-webfont.ttf') format('truetype'), url('Muli-LightItalic-webfont.svg#MuliLightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuliRegular';
	src: url('Muli-Regular-webfont.eot');
	src: url('Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Muli-Regular-webfont.woff') format('woff'), url('Muli-Regular-webfont.ttf') format('truetype'), url('Muli-Regular-webfont.svg#MuliRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuliItalic';
	src: url('Muli-Italic-webfont.eot');
	src: url('Muli-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('Muli-Italic-webfont.woff') format('woff'), url('Muli-Italic-webfont.ttf') format('truetype'), url('Muli-Italic-webfont.svg#MuliItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	position: absolute;
	width: 100%;
	height: 100%;
}

body {
	background: #000000; /* background: #000; orange; */
	overflow: auto;
	color: #000;
	font: 18px 'MuliLight', Arial, sans-serif;
}

form {
	position: relative;
	height: 100%;
}

a:link, a:visited {
	color: #000;
	text-decoration: none
}/*ev. text-decoration: underline */

a:hover {
	color: #000;
}

/* for noscript table*/
table {
	table-layout: fixed;
}
table.greenback {
	position: relative;
	background-color: #00CCCC;
	text-align: center;
	margin-top: 10%;
	width: 80%;
	left: 10%;
	z-index: 50;
}
table.redback {
	position: relative;
	background-color: #FF0000;
	text-align: center;
	width: 80%;
	left: 10%;
	z-index: 50;
}
th {
	font-size: 90%;
}
td {
	font-size: 85%;
	padding: 10px;
}
tr {
	font-size: 85%;
	padding-top: 20px;
}


div#topbar {
	position: relative;	/* fixed; */
	display: block;
	background-color: #000000;
	opacity: 1;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	z-index: 23;
	top: 0;
	left: 0;
}

div#testata {
	position: relative;
	padding: 20px 20px 0px 20px;
	color: #FFF;
}

div#testata h1 {
	font: 32px 'MuliLight', Arial, sans-serif;
	line-height: 36px;
	letter-spacing: 0.2em;
	font-weight: normal;
}

div#testata p {
	font: 11px 'MuliLight', Arial, sans-serif;
	line-height: 25px;
	letter-spacing: 0.05em;
	color: #DDD;
}

div#testata p a {
	color: #DDD;
}

.txtimg {
	height: 14px;
	vertical-align: text-top;
	margin-top: 0;
}

div#topnavigator {
	position: relative;
	background-color: #000000;	/*background-color:#000000; lime;*/
	opacity: 0.85;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 100%;
	z-index: 20;
	top: 0px;
	left: 0px;
}

div#navconplay {
	position: relative;
	display: inline-block;
	/*background:#000;*/
	background-color: #000000; /* #000000; DarkBlue; */
	opacity: 0.85;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	border: 0;
	z-index: 21;
	width: 170px;
	height: 40px;
	vertical-align: top;
}

div#goback {
	position: relative;
	display: inline-block;
	float: left;
	background-color: #000000; /* #000000; Cyan; */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	height: 40px;
	width: 45px;
	z-index: 23;
	vertical-align: top;
}

div#playrot {
	position: relative;
	display: inline-block;
	background-color: #000000; /* #000000; Indigo; */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	height: 40px;
	width: 80px;
	z-index: 23;
	text-align: center;
	vertical-align: top;
}

div#goahead {
	position: relative;
	display: inline-block;
	float: right;
	background-color: #000000; /* #000000; Fuchsia; */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	height: 40px;
	width: 40px;
	z-index: 23;
	text-align: right;
	vertical-align: top;
}

.button {
	position: relative;
	display: inline;
	z-index: 24;
	background-color: #000000;
	border-color: #000000;
	border: 0;
	color: #FFFFFF;
	font-family: 'MuliLight', Arial, sans-serif;
	font-size: 14px;
	height: 40px;
	width: 40px;
	cursor: pointer;
}

input {
	outline: 0;
	border: 0;
}

#playbutton {
	position: relative;
	z-index: 21;
	background-color: #000000;
	border-color: #000000;
	border-width: 0;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'MuliRegular', Arial, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	height: 25px;
	width: 60px;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	outline: 0;
}

select#delayselector {
	position: relative;
	z-index: 21;
	background-color: #101010;
	color: #999999;
	margin-top: 0;
	margin-bottom: 0;
	border-color: #000000;
	border-width: 0;
	font-family: 'MuliLight', Arial, sans-serif;
	font-size: 10px;
	height: 15px;
	width: 60px;
	cursor: pointer;
	text-align: left;
	vertical-align: top;
	outline: 0;
}

div#navconzoom {
	position: relative;
	display: inline-block;
	background-color: #000000; /* #000000; DarkCyan; */
	opacity: 0.85;
	margin-left: 20px;
	padding: 0;
	border: 0;
	width: auto;
	z-index: 21;
	height: 40px;
	vertical-align: top;
}

.zoom {
	position: relative;
	z-index: 21;
	background-color: #000000;
	border-color: #505050;
	border-width: 0;
	color: #FFFFFF;
	font-family: 'MuliLight', Arial, sans-serif;
	font-size: 14px;
	height: 40px;
	width: 40px;
	cursor: pointer;
	margin-right: 0;
	margin-left: 0;
	vertical-align: top;
}

div#navconselect {
	position: relative;
	display: inline-block;
	background-color: #000000; /* #000000; YellowGreen; */
	opacity: 0.85;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	z-index: 21;
	height: 40px;
	text-align: left;
	vertical-align: top;
}

#slideselector {
	position: relative;
	z-index: 21;
	background-color: #FFFFFF;
	color: #000000;
	margin-top: 13px;
	margin-left: 20px;
	margin-bottom: 5px;
	border-color: #000000;
	border-width: 0;
	font-family: 'MuliLight', Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 14px;
	width: auto;
	cursor: pointer;
	text-align: left;
}

#slideselector:hover {
	background-color: #FFFFFF;
	opacity: 1;
}

select, [selected] {
	background-color: #FFFFFF;/*#F66A3B;*/
	opacity: 1;
}

element {
	background-color: #FFFFFF;
	color: #000000;
}

div#leftandcontent {
	position: relative; /* fixed; */
	display: block;
	background: none;
	opacity: 1;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	z-index: 23;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

div#leftnavigator {
	position: absolute; /* fixed; */
	display: block;
	background-color: #000000; /* background-color:#000000; yellow; */
	opacity: 1;
	height: auto;
	width: 200px;
	top: 0;
	bottom: 0;
	z-index: 24;
	/* if position = fixed; => top: 100px; */
	left: 0;
}

div#nav0 {
	position: relative;
	display: block;
	background-color: #000000; /* background-color: #000000; blue; */
	opacity: 0.85;
	top: 0; /* if div#leftnavigator.position = fixed; => top: 0; */
	left: 0;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 190px;
	z-index: 25;
}

ul#menu {
	position: relative;
	width: 100%;
}

ul#menu li {
	position: relative;
	width: 100%;
	list-style-type: none;
	list-style-image: none;
}

ul#menu a {
	text-align: left;
	display: block;
	line-height: 13px; /* ORIGINALE= 15px; , per bisogni futuri possibile anche meno */
	font-family: 'MuliLight', Arial, sans-serif;
	font-size: 10px;
	/* font-weight: bold; */
	letter-spacing: 0.00em;
	white-space: nowrap;
	color: #FFFFFF; /* '#F66A3B; #083067; o, contrastando "alla ticinese", #940308; last: #0E366D ; prima: #083067;  */
}

ul#menu li:hover > a, ul#menu li.sfhover > a {
	color: #000; /* #ABEDFF */
	background: #FFF; /* #F66A3B; */
	opacity: 0.85;
}

div#testo,
div#testo a,
div#testo a:link,
div#testo a:visited,
div#testo a:hover,
div#testo h1.content,
div#testo h1.content a,
div#testo h1.content a:link,
div#testo h1.content a:visited,
div#testo h1.content a:hover,
div#testo p.content,
div#testo p.content a,
div#testo p.content a:link,
div#testo p.content a:visited,
div#testo p.content a:hover,
div#testo p.techinfo,
div#testo p.techinfo a,
div#testo p.techinfo a:link,
div#testo p.techinfo a:visited,
div#testo p.techinfo a:hover {
	color: rgb(2,1,0);
}

div#testo {
	position: absolute; /* original: fixed; */
	display: table;
	left: 220px;
	top: 20px;
	font-weight: lighter;
	line-height: normal;
	font-size: 18px;
	z-index: -1;
	vertical-align: top;
	text-align: left;
}

div#testo h1.content {
	padding-top: 20px;
	font-size: 18px;
}

div#testo p.content {
	font-size: 12px;	
}

div#testo p.techinfo {
	padding-top: 25px;
	font-size: 10px;		
}

div.container {	
	position: absolute;
	display: table;
	top: 10px;
	right: 50%;
	margin-right: -425px;
	width: 640px;
	height: 480px;
}

div.c400, 
div.c480,
div.c560,
div.c640,
div.c720,
div.c800,
div.c880,
div.c960,
div.c1040,
div.c1120,
div.c1200,
div.c1280,
div.c1360 {
	position: absolute;
	display: table;
	top: 10px;
	right: 50%;
}
div.c400 {
	margin-right: -305px;
	width: 400px;
	height: 300px;
}
div.c480 {
	margin-right: -345px;
	width: 480px;
	height: 360px;
}
div.c560 {
	margin-right: -385px;
	width: 560px;
	height: 420px;
}
div.c640 {
	margin-right: -425px;
	width: 640px;
	height: 480px;
}
div.c720 {
	margin-right: -465px;
	width: 720px;
	height: 540px;
}
div.c800 {
	margin-right: -505px;
	width: 800px;
	height: 600px;
}
div.c880 {
	margin-right: -545px;
	width: 880px;
	height: 660px;
}
div.c960 {
	margin-right: -585px;
	width: 960px;
	height: 720px;
}
div.c1040 {
	margin-right: -625px;
	width: 1040px;
	height: 780px;
}
div.c1120 {
	margin-right: -665px;
	width: 1120px;
	height: 840px;
}
div.c1200 {
	margin-right: -705px;
	width: 1200px;
	height: 900px;
}
div.c1280 {
	margin-right: -745px;
	width: 1280px;
	height: 960px;
}
div.c1360 {
	margin-right: -785px;
	width: 1360px;
	height: 1020px;
}


/* Horizontal centering of image: set left & right margins to 'auto' */
img.displayed {
	display: block;
	margin: auto;
	max-width: 440px;
	max-height: 330px;
}

img.z400,
img.z480,
img.z560,
img.z640,
img.z720,
img.z800,
img.z880,
img.z960,
img.z1040,
img.z1120,
img.z1200,
img.z1280,
img.z1360 {
	display: block;
	margin: auto;
}
img.z400 {
	max-width: 400px;
	max-height: 300px;
}
img.z480 {
	max-width: 480px;
	max-height: 360px;
}
img.z560 {
	max-width: 560px;
	max-height: 420px;
}
img.z640 {
	max-width: 640px;
	max-height: 480px;
}
img.z720 {
	max-width: 720px;
	max-height: 540px;
}
img.z800 {
	max-width: 800px;
	max-height: 600px;
}
img.z880 {
	max-width: 880px;
	max-height: 660px;
}
img.z960 {
	max-width: 960px;
	max-height: 720px;
}
img.z1040 {
	max-width: 1040px;
	max-height: 780px;
}
img.z1120 {
	max-width: 1120px;
	max-height: 840px;
}
img.z1200 {
	max-width: 1200px;
	max-height: 900px;
}
img.z1280 {
	max-width: 1280px;
	max-height: 960px;
}
img.z1360 {
	max-width: 1360px;
	max-height: 1020px;
}