.tabla1 {border-collapse: collapse;
  border-width: 3px;
  border-color: #00aa00;
  border-style: ridge;
  width: 100%}

.thtabla1 {font-size: 25px;
  font-style: italic;
  background-image: url("patron.jpg");
  border: 2px solid #00aa00;
  padding: 5px;
  }

.tdtabla1 {background-color: #aaffaa;
  text-align: center;
  border: 2px solid #00aa00;
  padding: 5px}

.tabla2 {
 
  margin-top: 50px;
  font-family: Arial;
  border-collapse: collapse;
  width: 50%;
  margin-left: auto;
  margin-right:auto;
}

.thtabla2 {
  border: 10px solid #ddd;
  padding: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;

  background-color: #6D04AA;
  color: white;
}
.tdtabla2 {
  border: 10px solid #ddd;
  padding: 10px;
}


/*En CSS, hover, visited y active son pseudo-clases que permiten aplicar estilos a elementos en respuesta a la interacción del usuario. hover se activa al pasar el cursor por encima de un elemento, visited se aplica a enlaces que ya han sido visitados, y active se aplica cuando el usuario está presionando un elemento. */



a {
  text-decoration: none;
  color: black;
  margin-top: 50px;
  display:block;
}

.enlace1:hover {
  color: white;
  background-color: green;
}

.enlace2 {
  padding: 10px;
  background-image: url("logo.png");
  background-size: cover;
  width: 200px;
  height:50px;
  margin-bottom: 50px;
  
}

.enlace2:hover {
  background-color: #b80d07;
  background-image: url("logoblanco.png")
}

.boton {
  border: #1a53ad solid 3px;
  display: inline;
  padding: 15px;
  color: #1a53ad;
}

.boton:visited {
  border: #148763;
  color:#148763;
}

.boton:hover {
  background-color: #1a53ad;
  color: red;
}

.boton:active {
  border: #148763 solid 3px;
  background-color: #b80d07;
  color: white;
}