@charset "utf-8";

body, html {
   /*height: 100%;*/
   margin: 0;
   background: #eeeeee;
   font-family: Arial, sans-serif;
} 
#container {
	width: 100%;
	height: 100%;
	top: 0px;
	margin: 0 auto -50px;
}
#header {
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0px;
	margin: 0 auto;
	background: #ffffff;
	-webkit-box-shadow: 4px 4px 4px #dddddd; /*Safari*/
	-moz-box-shadow: 4px 4px 4px #dddddd; /*Mozilla*/
	box-shadow: 4px 4px 4px #dddddd;
	}

#masterboxScena {
	width: 1100px;
	height: 610px;
	margin-top: 15px;
	margin-left: auto;
	margin-right:auto;
	background-color: #eeeeee;
	box-shadow: 0px 0px 4px 4px #dddddd;
	line-height: 18px;

}
#img0 {
	width: 850px;
	height: 610px;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	-webkit-filter: brightness(100%);
}
/* loghi */
#logo1 {
	width: 90px;
	height: 90px;
	position: absolute;
	margin-top: 50px;
	margin-left: 50px;
}
#logo2 {
	width: 100px;
	height: 37px;
	position: absolute;
	margin-top: 150px;
	margin-left: 50px;
}
/* frecce sotto ghiera */
#arrowUnder1 {
	width: 100px;
	height: 10px;
	position: absolute;
	margin-top: 448px;
	margin-left: 900px;
}
#arrowUnder2 {
	width: 100px;
	height: 10px;
	position: absolute;
	margin-top: 493px;
	margin-left: 900px;
}
#arrowUnder3 {
	width: 100px;
	height: 10px;
	position: absolute;
	margin-top: 538px;
	margin-left: 900px;
}
/* f t e ISO a sinistra ghiere*/
#f {
	width: 10px;
	height: 10px;
	position: absolute;
	margin-top: 425px;
	margin-left: 870px;
	font-size: 18px;
	font-weight: bold;
}
#t {
	width: 10px;
	height: 10px;
	position: absolute;
	margin-top: 470px;
	margin-left: 870px;
	font-size: 18px;
	font-weight: bold;
}
#iso {
	width: 10px;
	height: 10px;
	position: absolute;
	margin-top: 515px;
	margin-left: 870px;
	font-size: 16px;
	font-weight: bold;
}
/* ghiere */
#ghiera1 {
	width: 100px;
	height: 20px;
	position: absolute;
	margin-top: 425px;
	margin-left: 900px;
}
#ghiera2 {
	width: 100px;
	height: 20px;
	position: absolute;
	margin-top: 470px;
	margin-left: 900px;
}
#ghiera3 {
	width: 100px;
	height: 20px;
	position: absolute;
	margin-top: 515px;
	margin-left: 900px;
}
/*/ valori f t e ISO */
#fcampo {
	width: 110px;
	height: 35px;
	position: absolute;
	margin-top: 415px;
	margin-left: 990px;
	line-height: 35px;
	font-size: 24px;
	font-weight: bold;
	color: green;
	background-color: #0;
	text-align: center;
}
#tcampo {
	width: 110px;
	height: 35px;
	position: absolute;
	margin-top: 462px;
	margin-left: 990px;
	line-height: 35px;
	font-size: 24px;
	font-weight: bold;
	color: blue;
	background-color: #0;
	text-align: center;
}
#isocampo {
	width: 110px;
	height: 35px;
	position: absolute;
	margin-top: 507px;
	margin-left: 990px;
	line-height: 35px;
	font-size: 24px;
	font-weight: bold;
	color: red;
	background-color: #0;
	text-align: center;
}
/* frecce di modifica dei valori */
#arrowDwF{
	width: 30px;
	height: 20px;
	position: absolute;
	margin-top: 425px;
	margin-left: 900px;
	background-color: #0;
	cursor:pointer;
}
#arrowUpF {
	width: 30px;
	height: 20px;
	position: absolute;
	margin-top: 425px;
	margin-left: 970px;
	background-color: #0;
	cursor:pointer;
}
#arrowDwT{
	width: 30px;
	height: 20px;
	position: absolute;
	margin-top: 470px;
	margin-left: 900px;
	background-color: #0;
	cursor:pointer;
}
#arrowUpT {
	width: 30px;
	height: 20px;
	position: absolute;
	margin-top: 470px;
	margin-left: 970px;
	background-color: #0;
	cursor:pointer;
}
#arrowDwIso{
	width: 30px;
	height: 20px;
	position: absolute;
	margin-top: 515px;
	margin-left: 900px;
	background-color: #0;
	cursor:pointer;
}
#arrowUpIso {
	width: 30px;
	height: 20px;
	position: absolute;
	margin-top: 515px;
	margin-left: 970px;
	background-color: #0;
	cursor:pointer;
}/* prova linee canvas */
#line1 {
	width: 850px;
	height: 610px;
	position: absolute;
	z-index: 5;
}
#line2 {
	width: 850px;
	height: 610px;
	position: absolute;
	z-index: 5;
}
#line3 {
	width: 850px;
	height: 610px;
	position: absolute;
	z-index: 5;
}
/* display */
#imgDef {
	width: 300px;
	height: 200px;
	position: absolute;
	margin-top: 70px;
	margin-left: 769px;
	box-shadow: 2px 2px 15px #000000;
}
#commento {
	width: 200px;
	height: 10px;
	position: absolute;
	margin-top: 290px;
	margin-left: 850px;
	font-size: 16px;
	text-align: center;
}

/* guida */
#guida {
	width: 40px;
	height: 20px;
	position: absolute;
	margin-top: 580px;
	margin-left: 1000px;
	font-weight: bold;
}
#tr_guide1 {
	width: 900px;
	height: 605px;
	position: absolute;
	left: 50%;
	margin-top: 2px;
	margin-left: -450px;
	box-shadow: 0px 0px 4px 4px #dddddd;
}
#arrow_go {
	width: 20px;
	height: 15px;
	position: absolute;
	margin-top: 580px;
	margin-left: 1060px;
	
}
#arrow_re {
	width: 20px;
	height: 15px;
	position: absolute;
	margin-top: 580px;
	margin-left: 1030px;
	
}
#ret_mod {
	width: 90px;
	height: 52px;
	position: absolute;
	margin-top: 552px;
	margin-left: 5px;
	
}