.TWebPanel7 { /*Datos*/
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-color: #FFF7BA;
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  }

.TPanelGris10 { /*Datos*/
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-color: #E0E0E0;
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  }

.TWebPanelVerde { /*Paneles Verdes*/
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-image:

  /*linear-gradient(to right, #0000FF, red); azul a rojo*/
  linear-gradient(to right, black, #00FF00); /*negro a VERDE*/
  /*background-color: black;*/
  /*background-color: #C5C5ED;*/
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  /*padding: 20px 10px;*/
  }

.TWebPanelAmarillo { /*Paneles Amarillos*/
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-image:

  /*linear-gradient(to right, #0000FF, red); azul a rojo*/
  linear-gradient(to right, black, #FFFF00); /*negro a AMARILLO*/
  /*background-color: black;*/
  /*background-color: #C5C5ED;*/
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  /*padding: 20px 10px;*/
  }

.TWebPanelRojo { /*Paneles Rojos*/
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-image:

  /*linear-gradient(to right, #0000FF, red); azul a rojo*/
  linear-gradient(to right, black, #FF0000); /*negro a Rojo*/
  /*background-color: black;*/
  /*background-color: #C5C5ED;*/
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  /*padding: 20px 10px;*/
  }

.TWebPanelRojoClaro { /*Paneles Rojos*/
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-image:

  /*linear-gradient(to right, #0000FF, red); azul a rojo*/
  linear-gradient(to right, #141414, #FF5E5E); /*negro a Rojo*/
  /*background-color: black;*/
  /*background-color: #C5C5ED;*/
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  /*padding: 20px 10px;*/
  }

.TWebPanelAmarilloClaro { /*Paneles Amarillos*/
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-image:

  /*linear-gradient(to right, #0000FF, red); azul a rojo*/
  linear-gradient(to right, #141414, #FFFF57); /*negro a AMARILLO*/
  /*background-color: black;*/
  /*background-color: #C5C5ED;*/
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  /*padding: 20px 10px;*/
  }

.TWebPanelVerdeClaro { /*Paneles Verdes*/
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-image:

  /*linear-gradient(to right, #0000FF, red); azul a rojo*/
  linear-gradient(to right, #141414, #61FF61); /*negro a VERDE*/
  /*background-color: black;*/
  /*background-color: #C5C5ED;*/
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  /*padding: 20px 10px;*/
  }

.TWebPanelBlanco {
  color: White;
  font-weight: bold;
  font-size: 1.5em;
  background-color: #FFFFFF;
  border-width: 2px;
  border-radius: 10px;
  border-color: red;
  /*padding: 20px 10px;*/
  }

.TWebButtonDC {
  color: black;
  /*font-size: 1.5em;*/
  background-color: #dad88b;
  /*background-color: #C5C5ED;*/
  border-width: 2px;
  border-color: red;
  border-radius: 5px;
  /*padding: 20px 10px;*/
  }

.TWebButtonDC:focus {
  /*background-color: darkblue;*/
  background-color: #eef7a1;
  filter: drop-shadow(0px 0px 4px black);
  }

.TWebEditDNI {
  color: black;
  background-color: #C5C5ED;
  /*background-color: #C5C5ED;*/
  border-width: 2px;
  border-color: red;
  border-radius: 5px;
  padding: 10px 10px;
  font-size: 1.5em;
  }

BODY {

}