#table1 {
            width: 100%;
            font-family: "Droid Sans", "Lucida Grande", Tahoma, sans-serif;
            white-space: pre;
            font-size: 0.9em;
            line-height: 1.4em;
            table-layout: fixed;
        }

        #table2 {
            width: 100%;
            margin: auto;
            font-family: "Droid Sans", "Lucida Grande", Tahoma, sans-serif;
            white-space: pre;
            font-size: 0.9em;
            line-height: 1.4em;
            table-layout: fixed;
        }



        thead {
            /*
                background-color: black;
                color: white;
                */
            text-align: left;
            font-weight: bold;

            color: #505050;
            font-style: italic;
            /* fallback (Opera) */
            background: #FFD077;
            /* Mozilla: */
            background: -moz-linear-gradient(top, #FFD077, white);
            /* Chrome, Safari:*/
            background: -webkit-gradient(linear,
                    left top, left bottom, from(#FFD077), to(white));
            /* MSIE */
            filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFD077', EndColorStr='white', GradientType=0);
            padding-left: 3px;

        }

        thead tr {
            height: 30px;
            border-bottom: 30px;

        }

        tbody tr:nth-child(odd) {
            height: 35px;
            /*background-color: #CCFFCC;*/
            background-color: rgba(0, 255, 0, 0.3);
            /* green, 10% alpha */
        }

        tbody tr:nth-child(even) {
            height: 35px;
            background-color: #CCFFCC;
            /*background-color: #CCFFFF;*/
            /*background-color: rgba(0, 255, 0, 0.2); /* red, 30% alpha */
        }

        tbody tr:hover,
        tbody td:hover::after,
        tbody th:hover::after {
            background-color: #ffa;
        }

        h1.top {
            font-family: "Droid Sans", "Lucida Grande", Tahoma, sans-serif;
            display: block;
            font-size: 1.9em;
            -webkit-margin-before: 0em;
            /*0.67em;*/
            -webkit-margin-after: 0.67em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
            font-weight: bold;
            text-align: center;
        }

        h1 {
            font-family: "Droid Sans", "Lucida Grande", Tahoma, sans-serif;
            display: block;
            font-size: 1.5em;
            -webkit-margin-before: 0.67em;
            -webkit-margin-after: 0.67em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
            font-weight: bold;
            text-align: center;
        }

        h3 {

            color: #FFF000;
        }

        body {
            font-family: "Droid Sans", "Lucida Grande", Tahoma, sans-serif;
            font-size: 0.9em;
            line-height: 1.571em;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-right: 0px;
            padding: 0;
            background-color: #f9f9f9; /* cor clara para destacar a área branca */
            padding: 20px;
        }


        a:link,
        a:visited,
        a:active {
            text-decoration: underline;
            font-size: 1.3em;
            color: #3300FF;
        }

        a:hover {
            text-decoration: underline overline;
            color: #f00;
        }

        #controlf {
            font-size: 1.3em;
        }

        .club {
            font-size: 0.7em;
            text-align: center;
        }

        .club1 {
            font-size: 0.6em;
            text-align: center;
        }

        .club2 {
            font-size: 0.6em;
            text-align: center;
        }

        a.indicativo:link,
        a.indicativo:visited,
        a.indicativo:active {
            color: #3300FF;
            text-decoration: none;
            font-size: 1.1em;
        }

        a.atop:link,
        a.atop:visited,
        a.atop:active {
            color: #3300FF;
            text-decoration: none;
            font-size: 1.3em;
            text-align: right;
        }

        .textYL,
        #textYL {
            font-size: 1.3em;
            text-align: center;
        }

        p.textOL,
        .textOL,
        #textOL {
            padding: 10px;
            margin-left: 10px;
            margin-right: 10px;
            font-size: 1.5em;
        }

        .textGroup,
        #textGroup {
            font-size: 1.2em;
            text-align: center;
        }

        .bg-ceu,
        #bg-ceu {
            background-color: #ffa;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-right: 0px;
            padding: 0;
        }

        .tabela-centralizada {
            max-width: 800px;
            margin: 0 auto; /* Centraliza horizontalmente */
            width: 100%;
            border-collapse: collapse;
        }



        .tabela-centralizada th,
        .tabela-centralizada td {
            border: 1px solid #ccc;
            padding: 8px;
            text-align: left;
        }