/* Customize frame height */
        .frame {
            height: calc(100vh - 56px); /* Subtracting the height of the fixed top navigation bar */
        }

        #contenedor-iz {
            background-color: transparent;
        }

        #marco_Iz {
            color: #007932;
        }

        #cabeceraMarco01, #menu1, #menu2 {
            color: white;
            text-align: center;
        }

        .dropdown-item {
            color: #007932;
        }


        /* Estilos para el contador y botones */
        #cuentaAtras {

            text-align: center;
            padding: 1x;
        }

        #contador {
            font-size: 50px;
            color: #ffffff;
        }

        #botonera {

            text-align: center;
            padding: 5px;
        }

        .boton {
            margin: 5px;
            border: 1px solid #fff; /* Borde sólido de 2px */
            border-radius: 8px;
            background-color: transparent;
            color: white;
            padding: 5px;
            font-size: 14px;
        }

        .boton:hover {
            background-color: white;
            color: #007932;
        }

        .boton:focus {
            outline: none;
        }

        /* Botones de Abajo */
        .botonA {
            margin: 5px;
            border: 1px solid #fff; /* Borde sólido de 2px */
            border-radius: 8px;
            background-color: transparent;
            color: #007932;
            padding: 5px;
            font-size: 14px;
        }

        .botonA:hover {
            background-color: #007932;
            color: #ffff;
        }

        .botonA:focus {
            outline: none;
        }



        #contador.rojo {
            color: red;
        }


    hr {
       color: lightgreen;    
    }

    iframe {
    width: 100%;
    height: 100%;
    padding: 0px;
    border: none; /* Para quitar cualquier borde que rodee al iframe */
    }

    .menu-marco01 {
        text-align: left;
    }