/**
* Padrão
*
* CSS de padronização padrões
* comuns para todas as páginas
* 
*
* @project Sistema de Qualidade 
* @version 1.0 
* @package layout 
* @author Willian Rocha Junior 
* @copyright 2014 Vija Automação LTDA
* @date 08/07/2014
* @lastmodified 10/07/2014

*/

/**
* Elementos
*
* Atribuições de formatação padrão
* direta ao elemento html
*
* @section Elementos Genéricos
*
*/

/*Reset master para todos os elementos */
* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: Arial;
    font-size: 14px;
}

html {
    background-color: #ecf6fc;
}

body {
    padding: 5px;
}

/*Aqui*/
input[type='text'], input[type='password'], select, textarea {
    background-color: #fff;
    /*border: 1px solid #c4c4c4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;*/
    font-weight: bold;
}/*^^^^^^*/


    input[type='text']:hover, input[type='password']:hover, select:hover, textarea:hover,
    input[type='text']:focus, input[type='password']:focus, select:focus, textarea:focus,
    input[type='text']:active, input[type='password']:active, select:active, textarea:active {
        border: 1px solid #398bbb;
    }

input[type='submit'], input[type='button'], input[type='reset'], button, .csBtNovo,.csBtSalvar, .csBtCancelar, .csBtAtualizar {
    background-color: #eaf7fe;
    border: 1px solid #c2dcea;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    color: #398bbb;
    cursor: pointer;
}

    input[type='submit']:hover, input[type='button']:hover, input[type='reset']:hover, button:hover, .csBtNovo:hover, .csBtSalvar:hover, .csBtCancelar:hover,
    input[type='submit']:focus, input[type='button']:focus, input[type='reset']:focus, button:focus, .csBtNovo:focus, .csBtSalvar:focus, .csBtCancelar:focus,
    input[type='submit']:active, input[type='button']:active, input[type='reset']:active, button:active, .csBtNovo:active, .csBtSalvar:active, .csBtCancelar:active {
        background-color: #d6eefc;
        border: 1px solid #398bbb;
        text-decoration: none;
    }

a {
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
}

/*----------------------------------------------------------------------*/

.csOculto {
    display: none!important;
    visibility: hidden!important;
}

.csArredondar5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.csArredondar10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.csArredondar15 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

/**
* Estrutura
*
* Formatação de elementos 
* de estruturação das páginas
*
* @section Estrutura
*
*/
#dvTopo, #dvConteudo, #dvRodape, #dvTopo #dvMenu {
    width: auto;
    min-width: 960px;
    display: block;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#dvTopo {
    background-color: #cbe5f5;
    height: 80px;
    border: 1px solid #afd1e5;
}

#dvConteudo {
    background-color: #fff;
    min-height: 800px;
    height:auto;
    position: relative;
    margin: 0px auto 5px;
    padding: 5px;
}

#dvGroup {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}

#dvRodape {
    background-color: #cbe5f5;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    color: #398bbb;
    cursor: default;
    border: 1px solid #afd1e5;
}

/**
* Elementos da Estrutura
*
* Formatação de elementos 
* da estrutura que são padão
*
* @section Elementos da Estrutura
*
*/
/*CARREGANDO*/
#dvCarregando {
    background-image: url(/Imagens/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: auto;
    height: 10px;
    line-height: 10px;
    /*position:fixed;
    top:50%;
    left:50%;
    margin-left:-100px;
    margin-top:-25px*/
    text-align: center;
    padding: 10px;
    font-size: 11px;
    text-indent: -9800px;
    display:none;
}

#dvMensagemRetorno {
    width: auto;
    height: 15px;
    line-height: 15px;
    text-align: center;
    padding: 5px;
    font-size: 12px;
     display:none;
     border-style:solid;
     border-width:1px;
     margin:10px 10px 5px;
     cursor:default;
}
    #dvMensagemRetorno.csErro {
        background-color:#F7D7D7;
        border-color:#EFA0A0;
        color:#C95656;
    }
    #dvMensagemRetorno.csSucesso {
        background-color:#F1F2C9;
        border-color:#CACC76;
        color:#808235;
    }

/*MENU DE SERVICOS*/
#dvTopo #dvMenu {
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: 1px;
    left: 0px;
}

    #dvTopo #dvMenu a {
        background-color: #d6eefc;
        width: auto;
        height: 25px;
        line-height: 25px;
        padding: 5px 10px;
        display: block;
        border: 1px solid #afd1e5;
        float: left;
        margin: 0px 1px;
        color: #398bbb;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-border-bottom-right-radius: 0px;
        -moz-border-bottom-left-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
        #dvTopo #dvMenu a.csDesabilitado {
        
            opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=25); cursor:not-allowed;
        
        }
        #dvTopo #dvMenu a[ativo='1'],#dvTopo #dvMenu a.csAtivo, #dvTopo #dvMenu a:hover, #dvTopo #dvMenu a:focus, #dvTopo #dvMenu a:active {
            background-color: #FFF;
            text-decoration: none;
            border-bottom: 1px solid #FFF;
        }

        #dvTopo #dvMenu a:first-child {
            -moz-border-bottom-right-radius: 0px;
            -moz-border-bottom-left-radius: 10px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 10px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 10px;
        }

        #dvTopo #dvMenu a:last-child {
            /*-moz-border-bottom-left-radius:0px ;
                -webkit-border-bottom-right-radius:10px;
                -webkit-border-bottom-left-radius:0px;
                border-bottom-right-radius:10px;
                border-bottom-left-radius:0px;*/
        }

/*TOPO*/
#dvTopo > span {
    width: auto;
    height: 25px;
    display: block;
    position: absolute;
    top: 5px;
    right: 25px;
    font-size: 12px;
    text-align:right;
}
#dvTopo > span > span {

        font-size:12px;

}
    #dvTopo > span > a {
        color: #398bbb;
        font-size: 12px;
        float:right;
    }

#dvTopo .csLogo {
    background-image: url(/Imagens/LogoEmpresa.png);
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    width: 160px;
    height: 80px;
    line-height: 80px;
    display: block;
    position: absolute;
    right: 20px;
    top: 40px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: default;
    text-indent: -9800px;
}

#dvTopo img {
    position: absolute;
    left: 5px;
    top: 5px;
}

/*MENU SUB SERVICOS*/
#dvConteudo #dvMenuInterno {
    background-color: #f7f7f7;
    width: 200px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table-cell;
    vertical-align:top;
}

    #dvConteudo #dvMenuInterno a {
        background-color: #efefef;
        width: auto;
        height: auto;
        display: block;
        margin: 0px 0px;
        padding: 5px;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        border-right: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        color: #398bbb;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-border-top-right-radius: 0px;
        -moz-border-bottom-right-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

        #dvConteudo #dvMenuInterno a:first-child {
            -moz-border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
        }

        #dvConteudo #dvMenuInterno a[ativo='1'], #dvConteudo #dvMenuInterno a:hover, #dvConteudo #dvMenuInterno a:focus, #dvConteudo #dvMenuInterno a:active {
            background-color: #FFF;
            text-decoration: none;
            border-right: none;
            color: #0c537c;
        }

/*INTERNO*/
#dvConteudo #dvInterno {
    background-color: #f7f6f6;
    display: table-cell;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

    #dvConteudo #dvInterno h1 {
        background-color: #ecf6fc;
        padding: 10px;
        color: #398bbb;
        font-size: 14px;
        cursor: default;
        -moz-border-top-right-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-top-leftt-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    #dvConteudo #dvInterno .csBtNovo,
    #dvConteudo #dvInterno input.csBtVoltar {
        /*position:absolute;*/
        /*top: 4px;
        right: 4px;
        padding: 10px;*/
          -moz-border-top-right-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-top-leftt-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
       
    }

    


 IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;

    }