body {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: white;
    margin: 0;
    padding: 20px 10px;
    background: black;
}

.textfield {
    font-size: 11px;
    color: black; /* Color del texto dentro del campo de texto */
    background: #F7F7F7;
    width: 100%;
   }

.bottom_addr {
    font-size: 10px;
    color: black;
    padding: 5px 0 12px;
    text-align: center;
}

h1 {
    color: black;
    margin: 0 0 10px;
    padding: 0;
    font: bold 32px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

h3 {
    color: black;
}

a {
    color: black;
    font-size: 11px;
}

a:hover {
    color: orange;
}

.err {
    color: #FF9900;
}

.news {
    color: white;
    font-size: 44px;
}

th {
    font-weight: bold;
    text-align: left;
}

#page, #page1 {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto; 
    background-color: black;
    color: black; /* Color del texto en el contenedor blanco */
    height: auto;
}

#header {
            text-align: center;
            margin-top: -30px; /* Elimina el margen superior */
            margin-bottom: 1px; /* Ajusta el margen inferior seg��n sea necesario */
            padding-top: 0; /* Elimina cualquier padding superior */
            padding-bottom: 0; /* Elimina cualquier padding inferior */
            background-color: white;
        }

#container {
    width: 90%;
    max-width: 970px;
    margin: 0 auto; 
    background: black;  
    font-size: 12px; 
    color: white; /* Asegura que el texto dentro del contenedor negro sea blanco */
    text-align: justify;
    margin-top: 10px;
}

#footer {
    width: 100%;
    max-width: 100px;
    margin: 0 auto; 
    margin-top: 20px;
    background: black;
    text-align: center;
    color: white; /* Color del texto en el pie de página */
}

/* Media Queries para dispositivos móviles */
@media (max-width: 768px) {
    h1 {
        font-size: 24px;
    }
    
    .news {
        font-size: 32px;
    }
    
    #container {
        padding: 10px;
    }
    
    #footer {
        max-width: 90px;
    }
}
 th {
            background-color: black; /* Encabezado de la tabla negro */
            color: black; /* Texto del encabezado blanco */
        }