.pag_centr {
	position:relative;
	top:0px;
	left:0px;
	width: 345px;
	height: 515px;
	margin: 0 auto; 
	border: 1px solid #999;
	text-align: left; 
	background-color: Azure;
	/*background-color: WhiteSmoke;*/
}

.pag_centr #led15 {
	position:absolute;
	left:125px;
	top:195px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led14 {
	position:absolute;
	left:110px;
	top:195px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led13 {
	position:absolute;
	left:95px;
	top:195px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led12 {
	position:absolute;
	left:80px;
	top:195px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led11 {
	position:absolute;
	left:65px;
	top:195px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led10 {
	position:absolute;
	left:50px;
	top:195px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led9 {
	position:absolute;
	left:35px;
	top:195px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}

.pag_centr #led8 {
	position:absolute;
	left:20px;
	top:195px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led7 {
	position:absolute;
	left:125px;
	top:175px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led6 {
	position:absolute;
	left:110px;
	top:175px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led5 {
	position:absolute;
	left:95px;
	top:175px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led4 {
	position:absolute;
	left:80px;
	top:175px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led3 {
	position:absolute;
	left:65px;
	top:175px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led2 {
	position:absolute;
	left:50px;
	top:175px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led1 {
	position:absolute;
	left:35px;
	top:175px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led0 {
	position:absolute;
	left:20px;
	top:175px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Blue;
}
.pag_centr #led_m {
	/* led mesaje */
	position:absolute;
	left:2px;
	top:485px;
	width:14px;
	height:9px;
	padding:0px;
	font-size: 10px;
	color: Red;
}
.pag_centr #led_u {
	/* led depasire temp. maxima ulei */
	position:absolute;
	left:255px;
	top:205px;
	width:15px;
	font-size: 10px;
	color: Orange;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #led_ru {
	/* led depasire temp. minima ulei */
	position:absolute;
	left:255px;
	top:247px;
	width:15px;
	font-size: 10px;
	color: Orange;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #led_iu {
	/* led incalzire ulei */
	position:absolute;
	left:150px;
	top:260px;
	width:15px;
	font-size: 10px;
	color: Orange;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #led_g {
	/* led depasire temp. generator */
	position:absolute;
	left:255px;
	top:120px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}	

.pag_centr #act15 {
	position:absolute;
	left:325px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}	
.pag_centr #act14 {
	position:absolute;
	left:310px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}	
.pag_centr #act13 {
	position:absolute;
	left:295px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #act12 {
	position:absolute;
	left:280px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #act11 {
	position:absolute;
	left:265px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}

.pag_centr #act10 {
	position:absolute;
	left:250px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #act9 {
	position:absolute;
	left:235px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #act8 {
	position:absolute;
	left:220px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #act7 {
	position:absolute;
	left:205px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #act6 {
	position:absolute;
	left:190px;
	top:0px;
	width:15px;
	font-size: 10px;
	color: Red;
	padding:0px;
	*/border:1px solid #999;*/
}
.pag_centr #act5 {
	/* Automat/Manual */
	position:absolute;
	left:205px;
	top:275px;
	width:115px;
	font-size: 12px;
	color: Red;
	padding:0px;
	border:1px solid #999;
}
.pag_centr #act4 {
	/* Incalzire ulei C4 */
	position:absolute;
	left:160px;
	top:275px;
	width:40px;
	font-size: 12px;
	color: Red;
	padding:0px;
	border:1px solid #999;
}	

.pag_centr #act3 {
	/* Ventilator generator C3 */
	position:absolute;
	left:248px;
	top:98px;
	width:40px;
	font-size: 12px;
	color: Red;
	padding:0px;
	border:1px solid #999;
}	
.pag_centr #act2 {
	/* Actuator C2 */
	position:absolute;
	left:65px;
	top:129px;
	width:25px;
	font-size: 12px;
	color: Red;
	padding:0px;
	border:1px solid #999;
}	
.pag_centr #act1 {
	/* Actuator C1 */
	position:absolute;
	left:65px;
	top:85px;
	width:25px;
	font-size: 12px;
	color: Red;
	padding:0px;
	border:1px solid #999;
}		
.pag_centr #act0 {
	/* Actuator C0 */
	position:absolute;
	left:65px;
	top:42px;
	font-size: 12px;
	color: Red;
	width:25px;
	padding:0px;
	border:1px solid #999;
}

.pag_centr #tpt0 {
	/* afisare nivel apa in baraj */
	position:absolute;
	left:50px;
	top:3px;
	width:75px;
	padding:0px;
	font-size: 10px;
	color: Blue;
	/*border:1px solid #999;*/
}
.pag_centr #tpt1 {
	/* afisare curent consumatori */
	position:absolute;
	left:85px;
	top:296px;
	width:60px;
	padding:0px;
	font-size: 10px;
	color: Magenta;
	/*border:1px solid #999;*/
}	
.pag_centr #tpt2 {
	/* afisare temperatura generator */
	position:absolute;
	left:250px;
	top:177px;
	width:100px;
	padding:0px;
	font-size: 9px;
	color: Blue;
	/*border:1px solid #999;*/
}	

.pag_centr #tpt3 {
	/* afisare nivel ulei */
	position:absolute;
	left:145px;
	top:188px;
	width:90px;
	padding:0px;
	font-size: 10px;
	color: Blue;
	/*border:1px solid #999;*/
}	

.pag_centr #tpt4 {
	/* afisare  temperatura ulei */
	position:absolute;
	left:250px;
	top:263px;
	width:100px;
	padding:0px;
	font-size: 10px;
	color: Blue;
	/*border:1px solid #999;*/
}	

.pag_centr #tpt5 {
	/* presiune uei */
	position:absolute;
	left:175px;
	top:177px;
	width:100px;
	padding:0px;
	font-size: 9px;
	color: Blue;
	/*border:1px solid #999;*/
}
.pag_centr #tpt6 {
	/* perturbatia */
	position:absolute;
	left:148px;
	top:296px;
	width:80px;
	padding:0px;
	font-size: 10px;
	color: Magenta;
	/*border:1px solid #999;*/
}
.pag_centr #tpt7 {
	/* afisare set point turatie */
	position:absolute;
	left:214px;
	top:23px;
	width:150px;
	padding:0px;
	/*border:1px solid #999;*/
	font-size: 10px;
	/*color: BlueViolet;*/
	color: Blue;
}
.pag_centr #tpt8 {
	/* afisare tensiune consumatori */
	position:absolute;
	left:22px;
	top:296px;
	width:98px;
	padding:0px;
	font-size: 10px;
	color: Blue;
	/*border:1px solid #999;*/
}	
.pag_centr #hmi {
	position:absolute;
	left:0px;
	top:0px;
	width:345px;
	padding:0px;
	/*border:1px solid #999;*/
}	
.pag_centr #zona_m {
	position:absolute;
	left:15px;
	top:482px;
	width:320px;
	height:22px;
	font-size: 12px;
	padding:0px;
}
.pag_centr #zona_m1 {
	position:absolute;
	left:2px;
	top:497px;
	width:320px;
	height:22px;
	font-size: 10px;
	color: Blue;
	padding:0px;
}
.pag_centr #set_rpm {
	/* set point turatie */
	position:absolute;
	left:210px;
	top:32px;
	width:32px;
	height:22px;
	font-size: 12px;
	padding:0px;
}
.pag_centr #set_pert {
	/* perturbatia */
	position:absolute;
	left:192px;
	top:290px;
	width:32px;
	height:22px;
	font-size: 10px;
	color: Magenta;
	padding:0px;
}
.pag_centr #but1 {
	/* buton */
	position:absolute;
	left:5px;
	top:95px;
	width:50px;
	height:25px;
	padding:0px;
}
.pag_centr #but2 {
	/* buton */
	position:absolute;
	left:5px;
	top:125px;
	width:50px;
	height:25px;
	padding:0px;
}

.button1 {
  background-color: #4CAF50; /* Green */
  color: white;
  padding: 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 2px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  border-radius: 7px;
  border: 2px solid black;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
  width: 40;
  height: 20; 
}
.button1:hover {background-color: #3e8e41}
.button1:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.button2 {
  background-color: #FF0000; /*red*/
  color: white;
  padding: 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 2px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  border-radius: 7px;
  border: 2px solid black;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
  width: 40;
  height: 20; 

}

.button2:hover {background-color: #990000}
.button2:active {
  background-color: #990000;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

    a:link {color: #000fff; font-size: 8pt; font-family: arial, helvetica, sans-serif; text-decoration:none;}
    a:visited {color: #0000ff; font-size: 8pt; font-family: arial, helvetica, sans-serif; text-decoration:none;}
    a:hover{color: #ff0000; font-size: 8pt; font-family: arial, helvetica, sans-serif; text-decoration:none;}