/* Añade un fondo negro al menú superior */
            .navsup {
                background-color: #333;
                overflow: hidden; /* el área del elemento */
            }
            /* Estilo de los enlaces dentro de la barra de navegación */
            .navsup a {
                float: left;
                color: #f2f2f2;
                text-align: center;
                padding: 14px 16px; /* espaciado: vertical - horizontal */
                text-decoration: none;
                font-size: 17px;
            }
            /* Cambia el color del subrayado de los enlaces cuando estés encima */
            .navsup a:hover {
                background-color: #ddd;
                color: black;
            }
            /* Añadir el color cuando se active/estés en el enlace */
            .navsup a.activo {
                background-color: #4CAF50;
                color: white;
            }
            /* Contenido página principal */
            .container {
                background-color: #E0EED3;
                margin: 0 auto;
                text-align: center;
            }
            .container2 {
                background-color: #E0EED3;
                margin: 0 auto;
                text-align: justify;
            }
            .header {
                background-color: lightgray;
                padding: 20px;
            }
            .main-content {
                padding: 40px;
            }
            .footer {
                background-color: lightgray;
                padding: 20px;
                text-align: center;
            }
            fieldset {
                background-color: skyblue;
             }
             legend {
                font: 2em bold;
             }