/* ESTRUTURA */

body
{
    background-color    : #313f41;
}

*
{
    margin              : 0;
    padding             : 0;
    font-family         : Verdana;
    font-size           : 12px;
    box-sizing          : border-box;
    color               : #313f41;
}

#divbody
{
    margin              : 0 auto 20px auto;
    position            : relative;
    max-width           : 960px;
    background-color    : #f7f7f7;
    overflow            : hidden;
}

#divbody-shadow
{
    margin              : 20px auto;
    position            : relative;
    width               : 880px;
    background-color    : #f7f7f7;
    overflow            : hidden;
    min-height          : 630px;
}

#area-filtro
{
    min-height          : 20px;
}

#content-bg
{
    background-color    : #efefef;
    overflow            : hidden;
    min-height          : 600px;
}

/* FIM ESTRUTURA */

/* TOPO */

#topo
{
    height              : 90px;
    background-color    : #fff;
    background-image    : url(/Content/img/logo.png);
    background-repeat   : no-repeat;
    background-position : 20px 7px;
    overflow            : hidden;
    border-bottom       : 4px solid #242322;
}

    #topo *
    {
        color               : #4b6aae;
    }

    #topo h1
    {
        float               : left;
        margin              : 60px 0 0 400px;
        font-size           : 30px;
        font-weight         : normal;
    }

    #topo h1 b
    {
        font-size           : 30px;
    }




#consultor
{
    float                   : right;
    overflow                : hidden;
    width                   : 500px;
}

#consultor *
{
    display                 : block;
    color                   : #313f41;
    float                   : right;
    display                 : block;
    height                  : 26px;
}

#consultor b, span
{
    padding                 : 10px 0 0 0;
    margin                  : 0 20px 0 0;
}


#topo-sair
{
    background-repeat   : no-repeat;
    background-image    : url(/Content/img/botao/sair.gif);
    border              : 0;
    width               : 57px;
}



/* FIM TOPO */

/* MENU SUPERIOR */

#menu-superior
{
    background-color    : #afafaf;
    overflow            : hidden;
    border-top          : 2px solid #dad4c9;      
    padding             : 0 20px;    
}

#menu-superior a
{
    float               : left;
    display             : block;
    padding             : 5px 15px;
    color               : #fff;
}

#menu-superior a.last
{
    float               : right;
    color                   : #313f41;
}

    #menu-superior a:hover
    {
        color           : #fff;
        background-color: #386080;
    }

/* FIM MENU SUPERIOR */


/* HTML */

a
{
    text-decoration     : none;
}

a img 
{
    border: 0;
}

/* FIM HTML */

/* BOX */

.box-01
{
    background-color    : #fff;
    margin              : 10px 20px 0  20px;
    padding             : 10px 10px 10px 10px;
}

.box-01 div.titulo
{
    border-bottom       : 1px solid #cfcfcf;
    padding             : 5px;
    margin              : 0 0 10px 0;
    overflow            : hidden;
}

.box-01 div.titulo>*,
.box-02 div.titulo>*
{
    color               : #3a6383;
}

.box-01 div.titulo h1
{
    float               : left;
    font-size           : 18px;
    height              : 35px;
    padding             : 5px 0 0 0;
        color               : #4b6aae;
}

.box-01 div.titulo div,
.box-02 div.titulo div
{
    float               : right;
}

.box-01 div.titulo p,
.box-02 div.titulo p
{
    float               : none;
    clear               : both;
    display             : block;
}



.box-02
{
    background-color    : #fff;
    margin              : 5px 20px 0 20px;
    padding             : 10px 10px 10px 10px;
}

.box-02 div.titulo h1
{
    float               : left;
    font-size           : 14px;
    vertical-align      : bottom;
        color               : #4b6aae;
}

.box-02 div.titulo
{
    border-bottom       : 1px solid #cfcfcf;
    padding             : 5px;
    margin              : 0;
    overflow            : hidden;
    vertical-align      : baseline;
}


.box-filtro
{
    background-color    : #f9f9f9;
    margin              : 0 20px;
    padding             : 10px 10px 10px 10px;
}


/* FIM BOX */


/* GRID */

table.grid
{
    width           : 100%;
    border-collapse : collapse; 
}
    
    table.grid th
    {
        text-align  : left;
    }

    table.grid thead th
    {
        padding-top     : 10px;
        padding-bottom  : 10px;
    }

    table.grid td,
    table.grid th
    {
        padding-left    : 5px;
        padding-right   : 5px;
    }

    table.grid thead tr
    {
        border-bottom       : 1px solid #cfcfcf;
    }

    table.grid tbody tr
    {
        border-bottom       : 1px solid #efefef;
        height              : 50px;
    }


    table.grid tbody tr:nth-child(2n+1)
    {
        background-color        : #eee;
    }

    table.grid tbody tr:hover
    {
        background-color    : #dfdfdf;
    }

    table.grid tbody td a.botao
    {
        display             : block;
        width               : 40px;
        height              : 40px;
        background-repeat   : no-repeat;
        background-position : center center;
    }


    table.grid tbody td a.detalhe
    {
        background-image    : url(/Content/img/icone/lupa-01.png);
    }

    table.grid tbody td a.permissao
    {
        background-image    : url(/Content/img/icone/permissao-01.png);
    }


    table.grid tbody td a.excluir
    {
        background-image    : url(/Content/img/icone/excluir-01.png);
    }

    table.grid tbody td a.salvar
    {
        background-image    : url(/Content/img/icone/salvar-01.png);
    }


    table.grid tbody tr  td small
    {
        display             : block;
        font-size           : 11px;
        color               : #888;
    }

/* FIM GRID */

/* ICONE */

.download
{
    display             : block;
    width               : 120px;
    background-image    : url(/Content/img/icone/download.png);
    background-repeat   : no-repeat;
    background-position : right top;
    height              : 32px;
    padding             : 6px 40px 0 20px;
}

.excluir
{
    background-image    : url(/Content/img/icone/excluir-01.png);
    display             : block;
    width               : 40px;
    height              : 40px;
    background-repeat   : no-repeat;
    background-position : center center;
}


/* FIM ICONE */


/* DETALHE */

.pedido-id
{
    font-size               : 16px;
    font-weight             : bold;
}

table.detalhe 
{
    width                   : 100%;
    border-collapse : collapse; 
}

table.detalhe th
{
    padding                 : 10px 5px 0 5px;
    text-align              : left;
}

table.detalhe td
{
    padding                 : 0 5px 10px 5px;
    text-align              : left;
}

table.detalhe tr:nth-child(2n+2)
{
    border-bottom       : 1px solid #cfcfcf;
}

table.detalhe td span.obs
{
    padding             : 10px 0 0 5px;
}


/* FIM DETALHE */

/* AGUARDE */

.aguarde {
    display             : none;
}

#aguarde {
    display: none;
    text-align: center;
    cursor: wait;
}

    #aguarde span {
        display: block;
        margin: 10px 0 0 0;
    }

#aguarde-overlay {
    background-color: #000;
    cursor: wait;
}

#aguarde-container {
    height: 108px;
    width: 235px;
    color: #5b5f62;
    background: url(/Content/img/aguarde-bg.png);
    background-repeat: no-repeat;
    padding: 25px 0 0 0;
}

/* FIM AGUARDE */

/* AREA DE BOTOES */

.area-botao 
{
    float       : none;
    clear       : both;
    width       : 100%;
    margin      : 20px 0 0 0;
    padding     : 10px;
    overflow    : hidden;
}

.area-botao .right
{
    float       : right;
}

.area-botao .left
{
    float       : left;
}

.area-botao a
{
    font-weight : bold;
}

/* AREA DE BOTOES */

/* BOTOES */

.botao-01
{
    text-align          : center;
    font-weight         : bold;
    color               : #fff;
    display             : block;
    background-repeat   : no-repeat;
    background-position : center center;
    background-image    : url(/Content/img/icone/botao-bg-01.png);
    cursor              : pointer;
}

.botao-02
{
    text-align          : center;
    font-weight         : bold;
    color               : #fff;
    display             : block;
    background-repeat   : no-repeat;
    background-position : center center;
    background-image    : url(/Content/img/icone/botao-bg-02.png);
    cursor              : pointer;
}

.botao-03
{
    text-align          : center;
    font-weight         : bold;
    color               : #fff;
    display             : block;
    background-repeat   : no-repeat;
    background-position : center center;
    background-image    : url(/Content/img/icone/botao-bg-03.png);
    cursor              : pointer;
}

a.botao-01
{
    padding             : 12px 0 0 0;
    width               : 150px;
    height              : 40px;
}

a.botao-02
{
    padding             : 8px 0 0 0;
    width               : 94px;
    height              : 31px;
}

a.botao-03
{
    padding             : 5px 0 0 0;
    width               : 33px;
    height              : 26px;
}

input.botao-01
{
    background-color    : #fff;
    border              : 0;
    width               : 150px;
    height              : 30px;
}

input.botao-02
{
    background-color    : #fff;
    border              : 0;
    width               : 94px;
    height              : 30px;
}

input.botao-03
{
    background-color    : #fff;
    border              : 0;
    width               : 33px;
    height              : 26px;
}



/* BOTOES */

/* CLASSES */

.oh
{
    overflow            : hidden;
}

.fr
{
    float               : right;
}

.fl
{
    float               : left;
}


.hide
{
    display             : none!important;
}

.content-partial
{
    background-repeat   : no-repeat;
    background-position : center center;
    background-image    : url(/Content/img/aguarde.gif);
    height              : 30px;
}

.field-validation-valid
{
    display             : none;
}


.checkboxlist li
{
    list-style          : none;
    padding             : 5px 0;
    overflow            : hidden;    
}

    .checkboxlist li *
    {
        float           : left;
        display         : block;
        cursor          : pointer;
    }

.checkboxlist li input
{
    margin              : 2px 5px 0 0;
}

.checkboxlist label.all
{
    font-weight         : bold;
}

/* CLASSES */



/* MENSAGEM MODAL */

#mensagem-modal {
    display: none;
    padding                     : 10px;
    text-align: center;
    cursor: wait;
    position:relative;
}

    #mensagem-modal span {
        display     : block;
        margin      : 10px;
        color       : #000;
    }


#mensagem-modal input
{
    margin          : 0 auto;
    display         : none;
}

#mensagem-modal-overlay {
    background-color: #000;
    cursor: wait;
}

#mensagem-modal-container {
    position:relative;
    min-height                  : 200px;
    width                       : 450px;
    color                       : #5b5f62;
    background-color            : #FFF;
	-webkit-border-radius		: 20px;
    -moz-border-radius			: 20px;
    border-radius				: 20px;
	behavior					: url(/script/ie-css3/PIE.htc);
    list-style                  : circle!important;

}

#mensagem-modal-txt ul  {
    list-style                  : circle;
    margin                      : 0 0 0 10px;
}

#mensagem-modal-txt ul li {
    margin                      : 10px 0 0 0;
    display                     : block;
    text-align                  : left;


}

/* FIM MENsAGEM MODAL */