@font-face {
  font-family: 'Digital-7';
  src: url('fonts/digital-7.ttf') format('truetype');
}

body {
  font-family: Arial, sans-serif;
}




@media only screen and (max-width: 2048px) {

	
.lh1r1_display_container {
	position: relative;
	width: 557px;
	height: 300px;
	background-image: url('images/DISPLAY_FONDO_RELE_1OFF.png');
	background-size: cover;
	background-repeat: no-repeat;
}
	
.lh1r1_display_container_off {
	position: relative;
	width: 557px;
	height: 300px;
	background-image: url('images/DISPLAY_FONDO_RELE_1OFF.png');
	background-size: cover;
	background-repeat: no-repeat;
}	

.lh1r1_button_container {
  position: absolute;
  top: 245px; /* Ajusta esta posición según desees */
  left: 45px;
  
}

.lh1r1_button_mode {
  background-color: transparent;
  margin-right: 5px; /* Ajusta el valor según la cantidad de espacio deseado */
  border: 2px solid gray;
  border-radius: 5px; /* Ajusta el valor para controlar el radio del borde redondeado */
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 9px;
  cursor: pointer;
  transition: background-color 0.3s; /* Añade una transición suave al cambiar el fondo */
}

.lh1r1_button_mode:hover {
  background-color: gray;
  color: white;
}

.lh1r1_button_DEF_container {
    position: absolute;
	top: 81px;
    left: 388px;
}

.lh1r1_button_DEF_mode {
	background-color: transparent;
	border: 0px solid gray;
	border-radius: 14px; /* Ajusta el valor para controlar el radio del borde redondeado */
	color: white;
	padding-top: 1px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 9px;
	cursor: pointer;
	transition: background-color 0.3s; /* Añade una transición suave al cambiar el fondo */
	padding-bottom: 1px;
}

.lh1r1_button_DEF_mode:hover {
  background-color: transparent;
  color: white;
}


.lh1r1_rl_toggle_image {
    width: 35px; /* Reemplaza ANCHO_DESEADO con el valor que desees, en píxeles o lh1r1_Porcentaje */
    height: 35px; /* Reemplaza ALTO_DESEADO con el valor que desees, en píxeles o lh1r1_Porcentaje */
}

.lh1r1_button_POWER_container {
    position: absolute;
    top: 160px; /* Ajusta esta posición según desees */
    left: 468px;
}

.lh1r1_button_POWER_mode {
    background-color: transparent;
    border: 0px solid gray;
    border-radius: 14px; /* Ajusta el valor para controlar el radio del borde redondeado */
    color: white;
    padding-top: 1px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    cursor: pointer;
    transition: background-color 0.3s; /* Añade una transición suave al cambiar el fondo */
    padding-bottom: 1px;
}

.lh1r1_button_POWER_mode:hover {
    background-color: transparent;
    color: white;
}


.lh1r1_toggle_power_img {
    width: 35px; /* Reemplaza ANCHO_DESEADO con el valor que desees, en píxeles o lh1r1_Porcentaje */
    height: 35px; /* Reemplaza ALTO_DESEADO con el valor que desees, en píxeles o lh1r1_Porcentaje */
}
	
	

.lh1r1_button_GRAF_container {
position: absolute;
top: 82px; /* Ajusta esta posición según desees */
left: 467px;
}

.lh1r1_button_GRAF_mode {
background-color: transparent;
border: 0px solid gray;
border-radius: 8.4px;
color: white;
padding-top: 0.6px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 5.4px;
cursor: pointer;
transition: background-color 0.3s;
padding-bottom: 0.6px;
}

.lh1r1_button_GRAF_mode:hover {
background-color: transparent;
color: white;
}

.lh1r1_graf_toggle_image {
width: 35px;
height: 35px;
}	
	
	
	
.lh1r1_button_SET_container {
position: absolute;
top: 160px;
left: 387px;
}

.lh1r1_button_SET_mode {
background-color: transparent;
border: 0px solid gray;
border-radius: 8.4px;
color: white;
padding-top: 0.6px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 5.4px;
cursor: pointer;
transition: background-color 0.3s;
padding-bottom: 0.6px;
}

.lh1r1_button_SET_mode:hover {
background-color: transparent;
color: white;
}

.lh1r1_set_toggle_image {
width: 38px;
height: 38px;
}		

	
.lh1r1_name {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: bold;
  color: red;
}

.lh1r1_time {
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  font-weight: bold;
  color: black;
}

.lh1r1_off_hidden {
    display: none;
}
	
.lh1r1_temp1_value_off {
  position: absolute;
  top: 100px;
  right: 387px;
  font-size: 70px;
  font-family: 'Digital-7', sans-serif;
  color: red;
  text-align: center;
}
	
.lh1r1_temp2_name {
    position: absolute;
    top: 200px;
    left: 50px;
	font-size: 18px; /* Cambia el tamaño de la letra */
    font-family: 'Arial', sans-serif; /* Cambia la fuente de la letra */
    color: red;
}	
	
.lh1r1_temp1_value {
    position: absolute;
    top: 139px;
    right: 240px;
    font-size: 26px;
    font-family: 'Digital-7', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_hum1_value {
    position: absolute;
    top: 188px;
    right: 240px;
    font-size: 26px;
    font-family: 'Digital-7', sans-serif;
    color: red;
    text-align: center;
}	



.lh1r1_temp2_value {
    position: absolute;
    top: 139px;
    right: 127px;
    font-size: 26px;
    font-family: 'Digital-7', sans-serif;
    color: red;
	text-align: center;
}
	
.lh1r1_hum2_value {
    position: absolute;
    top: 188px;
    right: 127px;
    font-size: 26px;
    font-family: 'Digital-7', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_temperature1_name {
    position: absolute;
    top: 125px;
    right: 240px;
    font-size: 10px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_presure1_name {
    position: absolute;
    top: 177px;
    right: 240px;
    font-size: 10px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}	
	
.lh1r1_temperature2_name {
    position: absolute;
    top: 125px;
    right: 127px;
    font-size: 10px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_presure2_name {
    position: absolute;
    top: 177px;
    right: 127px;
    font-size: 10px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}		

.lh1r1_alarma_led {
    position: absolute;
    top: 105px; /* Cambia este valor según la posición deseada */
    left: 56px; /* Cambia este valor según la posición deseada */
    width: 25px; /* Cambia este valor según el tamaño de la imagen */
    height: 25px; /* Cambia este valor según el tamaño de la imagen */
    background-image: url('images/alarma.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.lh1r1_grados {
    position: absolute;
    top: 203px; /* Cambia este valor según la posición deseada */
    left: 411px; /* Cambia este valor según la posición deseada */
    width: 17px; /* Cambia este valor según el tamaño de la imagen */
    height: 16px; /* Cambia este valor según el tamaño de la imagen */
    background-image: url('images/centigrados.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.lh1r1_Porcent {
    position: absolute;
    top: 257px; /* Cambia este valor según la posición deseada */
    left: 332px; /* Cambia este valor según la posición deseada */
    width: 17px; /* Cambia este valor según el tamaño de la imagen */
    height: 17px; /* Cambia este valor según el tamaño de la imagen */
    background-image: url('images/porcent.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.lh1r1_rl_frio {
    position: absolute;
    top: 105px; /* Cambia este valor según la posición deseada */
    left: 150px; /* Cambia este valor según la posición deseada */
    width: 25px; /* Cambia este valor según el tamaño de la imagen */
    height: 25px; /* Cambia este valor según el tamaño de la imagen */
    background-image: url('images/RL_1_FRIO.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.lh1r1_rl_fan {
  position: absolute;
  top: 150px; /* Cambia este valor según la posición deseada */
  left: 312px; /* Cambia este valor según la posición deseada */
  width: 35px; /* Cambia este valor según el tamaño de la imagen */
  height: 35px; /* Cambia este valor según el tamaño de la imagen */
  background-image: url('images/RL_2_FAN.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.lh1r1_rl_def {
  position: absolute;
  top: 190px; /* Cambia este valor según la posición deseada */
  left: 311px; /* Cambia este valor según la posición deseada */
  width: 31px; /* Cambia este valor según el tamaño de la imagen */
  height: 31px; /* Cambia este valor según el tamaño de la imagen */
  background-image: url('images/defross.png');
  background-size: contain;
  background-repeat: no-repeat;
}
	
	
	
.relay1 {
	position: absolute;
	top: 148px; /* Cambia este valor según la posición deseada */
    left: 50px; /* Cambia este valor según la posición deseada */
    width: 86px;
    height: 76px;
}
	
.relay2 {
	position: absolute;
	top: 148px; /* Cambia este valor según la posición deseada */
    left: 195px; /* Cambia este valor según la posición deseada */
    width: 86px;
    height: 76px;
}
	
.relay3 {
	position: absolute;
	top: 148px; /* Cambia este valor según la posición deseada */
    left: 337px; /* Cambia este valor según la posición deseada */
    width: 86px;
    height: 76px;
}	

.relay-on {
    background-image: url('images/RELE_ON.png');
    background-size: cover;
    background-position: center;
}

.relay-off {
    background-image: url('images/RELE_OFF.png');
    background-size: cover;
    background-position: center;
}	
	
}	



@media only screen and (max-width: 1150px) {
	
.lh1r1_display_container {
position: relative;
width: 334.2px;
height: 180px;
background-image: url('images/DISPLAY_FONDO_RELE_1OFF.png');
background-size: cover;
background-repeat: no-repeat;
}
	
.lh1r1_display_container_off {
	position: relative;
	width: 334.2px;
	height: 180px;
	background-image: url('images/DISPLAY_FONDO_RELE_1OFF.png');
	background-size: cover;
	background-repeat: no-repeat;
}		

.lh1r1_button_container {
position: absolute;
top: 142px;
left: 27px;
}

.lh1r1_button_mode {
background-color: transparent;
margin-right: 3px;
border: 1.2px solid gray;
border-radius: 3px;
color: white;
padding: 2px 4px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 4px;
cursor: pointer;
transition: background-color 0.3s;
}

.lh1r1_button_mode:hover {
background-color: gray;
color: white;
}

.lh1r1_button_DEF_container {
position: absolute;
top: 40px;
left: 232.8px;
}

.lh1r1_button_DEF_mode {
background-color: transparent;
border: 0px solid gray;
border-radius: 8.4px;
color: white;
padding-top: 0.6px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
cursor: pointer;
transition: background-color 0.3s;
padding-bottom: 0.6px;
}

.lh1r1_button_DEF_mode:hover {
background-color: transparent;
color: white;
}

.lh1r1_rl_toggle_image {
width: 21px;
height: 21px;
}

.lh1r1_button_POWER_container {
position: absolute;
top: 86.2px;
left: 279.4px;
}

.lh1r1_button_POWER_mode {
background-color: transparent;
border: 0px solid gray;
border-radius: 8.4px;
color: white;
padding-top: 0.6px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 5.4px;
cursor: pointer;
transition: background-color 0.3s;
padding-bottom: 0.6px;
}

.lh1r1_button_POWER_mode:hover {
background-color: transparent;
color: white;
}

.lh1r1_toggle_power_img {
width: 22.8px;
height: 22.8px;
}
	

.lh1r1_button_GRAF_container {
position: absolute;
top: 38px;
left: 278px;
}

.lh1r1_button_GRAF_mode {
background-color: transparent;
border: 0px solid gray;
border-radius: 8.4px;
color: white;
padding-top: 0.6px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 5.4px;
cursor: pointer;
transition: background-color 0.3s;
padding-bottom: 0.6px;
}

.lh1r1_button_GRAF_mode:hover {
background-color: transparent;
color: white;
}

.lh1r1_graf_toggle_image {
width: 22.8px;
height: 22.8px;
}	

	
.lh1r1_button_SET_container {
position: absolute;
top: 86.2px;
left: 233px;
}

.lh1r1_button_SET_mode {
background-color: transparent;
border: 0px solid gray;
border-radius: 8.4px;
color: white;
padding-top: 0.6px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 5.4px;
cursor: pointer;
transition: background-color 0.3s;
padding-bottom: 0.6px;
}

.lh1r1_button_SET_mode:hover {
background-color: transparent;
color: white;
}

.lh1r1_set_toggle_image {
width: 23px;
height: 23px;
}		
	
	
.lh1r1_name {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
font-weight: bold;
color: red;
}


.lh1r1_time {
position: absolute;
top: 7px;
left: 50%;
transform: translateX(-50%);
font-size: 10.5px;
font-weight: bold;
color: black;
}


.lh1r1_off_hidden {
    display: none;
}
	
.lh1r1_temp1_value_off {
  position: absolute;
  top: 57px;
  right: 230px;
  font-size: 42px;
  font-family: 'Digital-7', sans-serif;
  color: red;
  text-align: center;
}
	
.lh1r1_temp2_name {
position: absolute;
top: 120px;
left: 66px;
font-size: 8.8px;
font-family: 'Arial', sans-serif;
color: red;
}	
	
.lh1r1_temp1_value {
position: absolute;
top: 84px;
right: 148px;
font-size: 15px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: right;
}
	
.lh1r1_hum1_value {
position: absolute;
top: 113px;
right: 148px;
font-size: 15px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: right;
}		

.lh1r1_temp2_value {
position: absolute;
top: 84px;
right: 79px;
font-size: 15px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: right;	
}
	
.lh1r1_hum2_value {
position: absolute;
top: 113px;
right: 79px;
font-size: 15px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: right;
}
	
	
.lh1r1_temperature1_name {
    position: absolute;
    top: 74px;
    right: 148px;
    font-size: 7px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_presure1_name {
    position: absolute;
    top: 106px;
    right: 148px;
    font-size: 6px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_temperature2_name {
    position: absolute;
    top: 74px;
    right: 79px;
    font-size: 7px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_presure2_name {
    position: absolute;
    top: 106px;
    right: 79px;
    font-size: 6px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}		
	

.lh1r1_alarma_led {
position: absolute;
top: 62px;
left: 33px;
width: 15px;
height: 15px;
background-image: url('images/alarma.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_grados {
position: absolute;
top: 81px;
left: 144px;
width: 15px;
height: 15px;
background-image: url('images/centigrados.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_Porcent {
position: absolute;
top: 122px;
left: 147.2px;
width: 10.2px;
height: 10.2px;
background-image: url('images/porcent.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_rl_frio {
position: absolute;
top: 62px;
left: 103px;
width: 15px;
height: 15px;
background-image: url('images/RL_1_FRIO.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_rl_fan {
position: absolute;
top: 90px;
left: 187px;
width: 21px;
height: 21px;
background-image: url('images/RL_2_FAN.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_rl_def {
position: absolute;
top: 114px;
left: 187px;
width: 19.35px;
height: 19.35px;
background-image: url('images/defross.png');
background-size: contain;
background-repeat: no-repeat;
}
	

	
.relay1 {
    position: absolute;
    top: 88.8px; /* 60% de 148px */
    left: 30px; /* 60% de 50px */
    width: 51.6px; /* 60% de 86px */
    height: 45.6px; /* 60% de 76px */
}
    
.relay2 {
    position: absolute;
    top: 88.8px; /* 60% de 148px */
    left: 117px; /* 60% de 195px */
    width: 51.6px; /* 60% de 86px */
    height: 45.6px; /* 60% de 76px */
}
    
.relay3 {
    position: absolute;
    top: 88.8px; /* 60% de 148px */
    left: 202.2px; /* 60% de 337px */
    width: 51.6px; /* 60% de 86px */
    height: 45.6px; /* 60% de 76px */
}	

.relay-on {
    background-image: url('images/RELE_ON.png');
    background-size: cover;
    background-position: center;
}

.relay-off {
    background-image: url('images/RELE_OFF.png');
    background-size: cover;
    background-position: center;
}	
	

}








@media only screen and (max-width: 380px) {
	
.lh1r1_display_container {
position: relative;
width: 267.36px;
height: 144px;
background-image: url('images/DISPLAY_FONDO_RELE_1OFF.png');
background-size: cover;
background-repeat: no-repeat;
}
	
.lh1r1_display_container_off {
	position: relative;
	width: 267.36px;
	height: 144px;
	background-image: url('images/DISPLAY_FONDO_RELE_1OFF.png');
	background-size: cover;
	background-repeat: no-repeat;
}		

.lh1r1_button_container {
position: absolute;
top: 110.6px;
left: 15px;
}

.lh1r1_button_mode {
background-color: transparent;
margin-right: 2px;
border: 0.75px solid gray;
border-radius: 2px;
color: white;
padding: 1px 3px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 2px;
cursor: pointer;
transition: background-color 0.24s;
}

.lh1r1_button_mode:hover {
background-color: gray;
color: white;
}

.lh1r1_button_DEF_container {
position: absolute;
top: 27px;
left: 186.8px;
}
	
	
.lh1r1_button_DEF_mode {
	background-color: transparent;
	border: 0px solid gray;
	border-radius: 6.72px;
	color: white;
	padding-top: 0.48px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
	padding-bottom: 0.48px;
}

.lh1r1_button_DEF_mode:hover {
	background-color: transparent;
	color: white;
}

.lh1r1_rl_toggle_image {
	width: 16.8px;
	height: 16.8px;
}

.lh1r1_button_POWER_container {
	position: absolute;
	top: 63px;
	left: 223.52px;
}

.lh1r1_button_POWER_mode {
	background-color: transparent;
	border: 0px solid gray;
	border-radius: 6.72px;
	color: white;
	padding-top: 0.48px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 4.32px;
	cursor: pointer;
	transition: background-color 0.3s;
	padding-bottom: 0.48px;
}

.lh1r1_button_POWER_mode:hover {
	background-color: transparent;
	color: white;
}

.lh1r1_toggle_power_img {
width: 18.24px;
height: 18.24px;
}

.lh1r1_button_GRAF_container {
position: absolute;
top: 26px;
left: 222.2px;
}

.lh1r1_button_GRAF_mode {
background-color: transparent;
border: 0px solid gray;
border-radius: 6.72px;
color: white;
padding-top: 0.48px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 4.32px;
cursor: pointer;
transition: background-color 0.3s;
padding-bottom: 0.48px;
}

.lh1r1_button_GRAF_mode:hover {
background-color: transparent;
color: white;
}

.lh1r1_graf_toggle_image {
width: 18.24px;
height: 18.24px;
}

.lh1r1_button_SET_container {
position: absolute;
top: 63px;
left: 185.5px;
}

.lh1r1_button_SET_mode {
    background-color: transparent;
    border: 0px solid gray;
    border-radius: 6.72px;
    color: white;
    padding-top: 0.48px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 4.32px;
    cursor: pointer;
    transition: background-color 0.3s;
    padding-bottom: 0.48px;
}

.lh1r1_button_SET_mode:hover {
    background-color: transparent;
    color: white;
}

.lh1r1_set_toggle_image {
    width: 18.4px;
    height: 18.4px;
}		
	
	
.lh1r1_name {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 9.6px;
    font-weight: bold;
    color: red;
}


.lh1r1_time {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 8.4px;
    font-weight: bold;
    color: black;
}


.lh1r1_off_hidden {
    display: none;
}

	
.lh1r1_temp1_value_off {
position: absolute;
top: 47px;
right: 130px;
font-size: 33.6px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: center;
}

.lh1r1_temp2_name {
position: absolute;
top: 120px;
left: 66px;
font-size: 8.8px;
font-family: 'Arial', sans-serif;
color: red;
}	
	
.lh1r1_temp1_value {
position: absolute;
top: 72px;
right: 204px;
font-size: 12px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: right;
}
	
.lh1r1_hum1_value {
position: absolute;
top: 92px;
right: 204px;
font-size: 12px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: right;
}		

.lh1r1_temp2_value {
position: absolute;
top: 72px;
right: 63px;
font-size: 12px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: right;	
}
	
.lh1r1_hum2_value {
position: absolute;
top: 92px;
right: 63px;
font-size: 12px;
font-family: 'Digital-7', sans-serif;
color: red;
text-align: right;
}
	
	
.lh1r1_temperature1_name {
    position: absolute;
    top: 68px;
    right: 204px;
    font-size: 5px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_presure1_name {
    position: absolute;
    top: 88px;
    right: 204px;
    font-size: 5px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_temperature2_name {
    position: absolute;
    top: 68px;
    right: 63px;
    font-size: 5px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}
	
.lh1r1_presure2_name {
    position: absolute;
    top: 88px;
    right: 63px;
    font-size: 5px;
    font-family: 'Arial', sans-serif;
    color: red;
    text-align: center;
}		
	

.lh1r1_alarma_led {
position: absolute;
top: 50.4px;
left: 80px;
width: 12px;
height: 12px;
background-image: url('images/alarma.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_grados {
position: absolute;
top: 64.8px;
left: 115.2px;
width: 12px;
height: 12px;
background-image: url('images/centigrados.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_Porcent {
position: absolute;
top: 97.6px;
left: 117.76px;
width: 8.16px;
height: 8.16px;
background-image: url('images/porcent.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_rl_frio {
position: absolute;
top: 50.4px;
left: 138px;
width: 12px;
height: 12px;
background-image: url('images/RL_1_FRIO.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_rl_fan {
position: absolute;
top: 72px;
left: 149.6px;
width: 16.8px;
height: 16.8px;
background-image: url('images/RL_2_FAN.png');
background-size: contain;
background-repeat: no-repeat;
}

.lh1r1_rl_def {
position: absolute;
top: 91.2px;
left: 149.6px;
width: 15.48px;
height: 15.48px;
background-image: url('images/defross.png');
background-size: contain;
background-repeat: no-repeat;
}
	
.relay1 {
    position: absolute;
    top: 71.04px; /* 80% de 88.8px */
    left: 24px; /* 80% de 30px */
    width: 41.28px; /* 80% de 51.6px */
    height: 36.48px; /* 80% de 45.6px */
}
    
.relay2 {
    position: absolute;
    top: 71.04px; /* 80% de 88.8px */
    left: 93.6px; /* 80% de 117px */
    width: 41.28px; /* 80% de 51.6px */
    height: 36.48px; /* 80% de 45.6px */
}
    
.relay3 {
    position: absolute;
    top: 71.04px; /* 80% de 88.8px */
    left: 161.76px; /* 80% de 202.2px */
    width: 41.28px; /* 80% de 51.6px */
    height: 36.48px; /* 80% de 45.6px */
}
	
.relay-on {
    background-image: url('images/RELE_ON.png');
    background-size: cover;
    background-position: center;
}

.relay-off {
    background-image: url('images/RELE_OFF.png');
    background-size: cover;
    background-position: center;
}		

}