div.pannello {
   text-align: Center;
   position: absolute;
   left: 50%;
   font-size: 12px;
   font-family: Verdana;
   font-weight: bold;
   width: 640px;
   height: 480px;
   margin-top: 0px;
   margin-left:  -320px;
 }
 
 
 #header{
  	width: 640px;
	height: 100px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
 }
  
 #dati{
 	width: 640px;
	height: 480px;
	background-image: url(../img/sfondo_pannello.gif);
	background-repeat: no-repeat;
	background-position: center top;
 	
 }
 #grafico{	
 	position: relative;
 	width: 640px;
	height: 480px;
	background-image: url(../img/sfondo_grafico.gif);
	background-repeat: no-repeat;
	background-position: center top; 	
 }
 
  #grafico_plot{
  	position: absolute;
	top: 30px;
	left: 15px;
 	width: 600px;
	height: 280px;
 }
 
/*---------------------------------------------------------- PANNELLO DATI */ 

#dati div{
	position: absolute;
	width: 200px;
	height: 30px;
	left:0;
	top:0;
	color: #069;
	text-align: right;
	font-size: 30px;
	overflow: hidden;
}

#dati #impianto{
	width: 450px;
	top: 31px;
	left: 15px;
	text-align: left;
	

}
#dati #data_attivazione{
	width: 140px;
	top: 31px;
	left: 483px;
}

#dati #energia_prodotta{
	width: 220px;
	top: 157px;
	left: 15px;
}
#dati #conto_energia{
	width: 270px;
	top: 94px;
	left: 15px;
}
#dati #co2{
	width: 170px;
	top: 226px;
	left: 100px;
}
#dati #nox{
	width: 110px;
	top: 283px;
	left: 15px;
}

#dati #tep{
	width: 130px;
	top: 283px;
	left: 180px;
}

#dati #temp_amb{
	width: 100px;
	top: 283px;
	left: 325px;

}
#dati #temp_inv{
	width: 100px;
	top: 283px;
	left: 483px;

}
#dati #power{
	width: 100px;
	top: 94px;
	left: 325px;
}
#dati #frequency{
	width: 100px;
	top: 94px;
	left: 483px;
}
#dati #voltage{
	width: 100px;
	top: 157px;
	left: 325px;
}
#dati #current{
	width: 100px;
	top: 157px;
	left: 483px;
}
#dati #pv1{
	width: 100px;
	top: 220px;
	left: 325px;
}
#dati #pv2{
	width: 100px;
	top: 220px;
	left: 483px;
}
/*---------------------------------------------------------- HEADER */ 
#header div{
	position: absolute;
	width: 200px;
	height: 30px;
	left:0;
	top:0;
	color: #069;
	text-align: center;
	font-size: 30px;
	overflow: hidden;
}


#header #logo{
  	width: 295px;
	height: 75px;
	top: 13px;
	left: 17px;
	background-image: url(../img/logo_installatore.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
 }

#header #ora{
	width: 145px;
	height: 40px;
	top: 15px;
	left: 390px;
	font-size: 20px;
	
}
#header #stato{	
	width: 160px;
	top: 60px;
	left: 375px;
}