.quadro
{
    margin:  auto;
}

.quadro div
{
    min-height: 1px;
}

    .quadro ul
    {
        padding: 0px 5px;
    }

.quadro .quadro_oitavos,
.quadro .quadro_quartos,
.quadro .quadro_meias,
.quadro .quadro_final,
.quadro .quadro_just
{
    float: left;
    width: 139px;
    overflow: hidden;
}

.quadro .quadro_just
{
    width: 60px;
}

.quadro .quadro_oitavos_separador,
.quadro .quadro_quartos_separador,
.quadro .quadro_meias_separador
{
    float: left;
    width: 30px;
    overflow: hidden;
}

    .quadro .quadro_oitavos .box:nth-child(2n),
    .quadro .quadro_just .box_just:nth-child(2n)
    {
        margin-bottom: 20px;
    }
    
    .quadro .quadro_quartos .box
    {
        margin-bottom: 82px;
    }
    
    .quadro .quadro_meias .box
    {
        margin-bottom: 216px;
    }
    
    .quadro .quadro_final .box
    {
        margin-top: 232px;
    }

    .quadro .quadro_quartos .box:first-child
    {
        margin-top: 31px;
    }
    
    .quadro .quadro_meias .box:first-child
    {
        margin-top: 98px;
    }

    .quadro .quadro_oitavos .box:last-child,
    .quadro .quadro_quartos .box:last-child,
    .quadro .quadro_meias .box:last-child,
    .quadro .quadro_just .box_just:last-child
    {
        margin-bottom: 0px;
    }

.quadro .box,
.quadro .box_just
{
    background: #eaeaea;
    margin-bottom: 10px;
    overflow: hidden;
    height: 52px;
    width: 100%;
}

    .quadro .box_just
    {
        background: none;
        text-align: right;
        line-height: 20px;
        font-size: 10px;
    }

    .quadro .box li div,
    .quadro .box_just li div
    {
        height: 20px;
    }

    .quadro .box li,
    .quadro .box_just li
    {
        height: 20px;
        padding: 3px 0px;
    }

    .quadro .box a
    {
        padding-left: 25px;
        line-height: 20px;
    }
    
    .quadro .box i
    {
        padding-left: 25px;
        line-height: 20px;
    }

    .quadro .quadro_meias_separador div
    {
        background: url('/imagens/meias_separator.png') -10px 0px no-repeat;
        margin-top: 124px;
        height: 268px;
    }

    .quadro .quadro_quartos_separador div
    {
        background: url('/imagens/quartos_separator.png') -10px 0px no-repeat;
        margin-top: 134px;
        height: 134px;
    }

    .quadro .quadro_quartos_separador div:first-child
    {
        margin-top: 57px;
    }
    
    .quadro .quadro_oitavos_separador div
    {
        background: url('/imagens/oitavos_separator.png') -10px 0px no-repeat;
        margin-top: 72px;
        height: 62px;
    }

    .quadro .quadro_oitavos_separador div:first-child
    {
        margin-top: 26px;
    }