/** reset css **/
*
{
    padding: 0;
    margin: 0;
}
img, fieldset
{
    border: 0;
}
ul
{
    list-style: none;
}
legend
{
    display: none;
}
/* classes base */
.clear
{
    clear: both;
}
.hidden
{
    display: none;
}
a
{
    text-decoration: none;
}
/** cabeçalho **/
#topo
{
    border-left: 1px solid;
    border-right: 1px solid;
    margin: 0 auto;
    width: 978px;
}
    #topo #barra_superior
    {
        border-top: 1px solid;
        height: 105px;
    }
        #topo #barra_superior h1
        {
            height: 100%;
            float: left;
            width: 260px;
        }
            #topo #barra_superior h1 a
            {
                display: block;
                height: 100%;
                width: 190px;
            }
        #topo #barra_superior label
        {
            float: left;
            padding-top: 38px;
            width: 276px;
        }
        #topo #barra_superior img.imgLogoCol
        {
            height: 90px;
            margin: 7px 8px 7px 5px;
            float: right;
        }
    #topo #barra_inferior
    {
        height: 52px;
        position: relative;
        z-index: 1;
    }
/** Conteúdo **/
#conteudo
{
    width: 978px;
    margin: 0 auto;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    height: 480px;
    padding: 3px 0 0;
}
    #conteudo #login
    {
        border: 1px solid;
        height: 305px;
        margin: 56px auto 0;
        width: 415px;
    }
        #conteudo #login fieldset
        {
            border: 1px solid;
            height: 303px;
            padding: 0 0 0 58px;
        }
            #conteudo #login fieldset h2
            {
                margin: 13px 0 0;
                font-size: 1.55em;
            }
            #conteudo #login fieldset p
            {
                font-size: 0.8em;
                padding: 0 0 6px;
            }
            #conteudo #login fieldset label
            {
                display: block;
                margin: 16px 0 0;
            }
                #conteudo #login fieldset label span
                {
                    display: block;
                    font-size: 0.75em;
                    margin: 0 0 6px;
                }
                #conteudo #login fieldset label input
                {
                    border: 1px solid;
                    height: 30px;
                    margin: 0 0 0 2px;
                    padding: 2px 2px 2px 7px;
                    width: 283px;
                }
            #conteudo #login fieldset .checkbox
            {
                height: 17px;
                margin: 10px 0 0;
            }
                #conteudo #login fieldset .checkbox input[type="checkbox"]
                {
                    cursor: pointer;
                    float: left;
                    filter: alpha(opacity=0);
                    opacity: 0;
                }
                #conteudo #login fieldset .checkbox label
                {
                    cursor: pointer;
                    font-size: 0.75em;
                    float: left;
                    height: 17px;
                    line-height: 17px;
                    margin: 0 0 0 5px;
                }
            #conteudo #login fieldset a
            {
                display: block;
                float: left;
                font-size: 0.85em;
                height: 19px;
                line-height: 19px;
                margin: 16px 0 0;
                padding: 0 0 0 8px;
            }
            #conteudo #login fieldset .botao_filter
            {
                border: 1px solid;
                float: left;
                height: 26px;
                margin: 12px 0 0 67px;
                width: 92px;
            }
                #conteudo #login fieldset .botao_filter .botao
                {
                    border: 1px solid;
                    width: 90px;
                    height: 24px;
                }
                    #conteudo #login fieldset .botao_filter .botao input[type="submit"]
                    {
                        font-size: 0.75em;
                        height: 24px;
                        text-align: center;
                        width: 90px;
                    }
            #conteudo #login fieldset .loading
            {
                display: none;
                height: 11px;
                margin: 16px 0 0 67px;
                width: 16px;
            }
                #conteudo #login fieldset .loading.right
                {
                    float: right;
                }
                #conteudo #login fieldset .loading.left
                {
                    float: left;
                }
/** Rodapé **/
#rodape
{
    margin: 0 auto;
    padding: 0 5px;
    width: 970px;
}
    #rodape ul li
    {
        float: left;
        margin: 0 21px 0 0;
    }
        #rodape ul li a
        {
            font-size: 0.6em;
        }
    #rodape p
    {
        float: right;
    }
        #rodape p span
        {
            float: left;
            font-size: 0.6em;
            margin: 6px 27px 0 0;
        }
        #rodape p a
        {
            display: block;
            float: left;
            height: 46px;
            margin: -7px 0 0 0;
            width: 56px;
            position: relative;
            z-index: 11;
        }
/** Modal **/
.container-modal
{
    border: 1px solid;
    max-height: 86%;
    overflow-y: auto;
    padding: 0 0 90px;
    width: 698px;
}
    .container-modal a.cancelar,
    .container-modal input.cancelar
    {
        display: block;
        float: right;
        height: 17px;
        margin: 14px 14px 0 0;
        width: 17px;
    }
    .container-modal h3
    {
        border-bottom: 1px solid;
        font-size: 1.3em;
        margin: 18px 24px 0;
        padding: 0 0 20px;
    }
    .container-modal label
    {
        display: block;
        margin: 46px 0 0 24px;
    }
        .container-modal label span
        {
            display: block;
            font-size: 0.75em;
            margin: 0 0 16px;
        }
        .container-modal label input
        {
            border: 1px solid;
            height: 30px;
            margin: 0 0 0 1px;
            padding: 2px 2px 2px 8px;
            width: 283px;
        }
        .container-modal .botao_filter
        {
            border: 1px solid;
            float: left;
            height: 26px;
            margin: 30px 0 0 24px;
            width: 170px;
        }
            .container-modal .botao_filter .botao
            {
                border: 1px solid;
                width: 168px;
                height: 24px;
            }
                .container-modal .botao_filter .botao input[type="submit"],
                .container-modal .botao_filter .botao a
                {
                    display: block;
                    font-size: 0.75em;
                    height: 24px;
                    line-height: 26px;
                    padding: 0 0 0 24px;
                    text-align: left;
                    width: 168px;
                }
    .container-modal .aviso
    {
        border: 2px solid;
        font-size: 0.75em;
        margin: 24px 24px 0;
    }
        .container-modal .aviso p
        {
            border: 1px solid;
            padding: 12px 6px 12px 35px;
            position: relative;
        }
            .container-modal .aviso p span.icone
            {
                height: 15px;
                left: 10px;
                position: absolute;
                top: 15px;
                width: 16px;
            }