.backgroud { 
    background-color: #003B4A;
    background-image: url('images/adorno.png'); /* Reemplaza con la ruta de tu imagen PNG */
    background-repeat: no-repeat; /* Evita la repetición de la imagen */
    background-size: cover; /* Ajusta la imagen al tamaño de la ventana del navegador */
    background-attachment: fixed;
 }

.contenedor {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    height: 100vh; /* Ajusta la altura del contenedor al 100% del viewport */
}

.Estilo1 { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 12px; }
.Estilo2 { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 12px; }
.Estilo3 { color: #EDA587; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 12px; }
.Estilo4 { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 10px; }

a:link { text-decoration: none; color: white; }
a:visited {	text-decoration: none; color: white; }
a:hover { text-decoration: none; color: white; }
a:active { text-decoration: none; color: white; }

.textfield { height:40px; width:350px; border-radius:10px; font-size:18px; background-color: #FFFFFF; text-align:center; border:2px solid #000000; padding:5px; }
.textfield1 { height:40px; width:150px; border-radius:10px; font-size:18px; background-color: #FFFFFF; text-align:center; border:2px solid #000000; padding:5px; }
.textfield2 { height:40px; width:250px; border-radius:10px; font-size:18px; background-color: #FFFFFF; text-align:center; border:2px solid #000000; padding:5px; }

.select { background: url(images/select.jpg) no-repeat right #ffffff; width: 200px; height: 30px; padding: 5px; font-size: 14px; line-height: 1;  border:1px solid #000000; border-radius: 0; -webkit-appearance: none;  }
.select1 { background: url(images/select.jpg) no-repeat right #ffffff; width: 200px; height: 40px; padding: 5px; font-size: 14px; line-height: 1;  border:2px solid #000000; border-radius: 10; -webkit-appearance: none;  }

.textarea { font-size:12pt; background-color: #FFFFFF; border:2px solid #000000; padding:5px; }

.botones  { border:2px solid #000000; border-radius:10px; padding:5px; background-color:black; color:#FFFFFF; text-align:center; font-size:12px; font-weight:bold; width:350px; height:40px; cursor:pointer;  }
.botones1 { border:2px solid #000000; border-radius:10px; padding:5px; background-color:black; color:#FFFFFF; text-align:center; font-size:12px; font-weight:bold; width:200px; height:40px; cursor:pointer;  }
.botones2 { border:2px solid #000000; border-radius:10px; padding:5px; background-color:white; color:#000000; text-align:center; font-size:12px; font-weight:bold; width:150px; height:40px; cursor:pointer;  }
.botones3 { border:2px solid #000000; border-radius:10px; padding:5px; background-color:white; color:#000000; text-align:center; font-size:12px; font-weight:bold; width:150px; height:30px; cursor:pointer;  }
.botones4 { border:2px solid #000000; border-radius:10px; padding:5px; background-color:black; color:#FFFFFF; text-align:center; font-size:12px; font-weight:bold; width:150px; height:40px; cursor:pointer;  }

.submit-detalles { background-image: url("images/i1.png"); background-size: cover; background-color: transparent; border: none; width: 35px; height: 35px; cursor: pointer; color: transparent; }
.submit-desactivar { background-image: url("images/i2.png"); background-size: cover; background-color: transparent; border: none; width: 35px; height: 35px; cursor: pointer; color: transparent; }
.submit-activar { background-image: url("images/i3.png"); background-size: cover; background-color: transparent; border: none; width: 35px; height: 35px; cursor: pointer; color: transparent; }
.submit-eliminar { background-image: url("images/i4.png"); background-size: cover; background-color: transparent; border: none; width: 35px; height: 35px; cursor: pointer; color: transparent; }