@charset "windows-1252";
/* CSS Document */

@media (max-height: 700px) {
    /*#barra_login { height: 32px; font-size: 0.8em; }*/
    .logado { width: 760px; margin: auto;}
    #usuariosOnline { margin-top: 8px !important; }
    #imagem_barra {height: 4px;}
    #cabecalho { padding: 5px 0; height: 18px; }
    #imagemLaboratorio { display: none; }
    .barra { font-size: 0.9em; }
    .barra img { max-height: 16px; margin-right: 5px !important; }
    .barra h2 { display: none; }
}

@media handheld, (max-height: 600px) {
    /*#barra_login { height: 32px; font-size: 0.8em; }*/
    .logado { width: 760px; margin: auto;}
    #imagem_barra {height: 4px;}
    #cabecalho { display: none; }
}

@media handheld, (max-width: 870px) {
    #barra_login {position: fixed; width: 100%; border-bottom: 1px solid silver;}
    #VoceEstaConectadoComo {display: none;}
    .logado { width: 100% !important; margin: auto; text-align: right; padding-top: 7px;}
    .logado img { width: 30px; margin-right: 7px; vertical-align: top; float: none !important; }
    .logado span { float: none !important; }

    #ListaLogados {display: none !important;}
    #IconeTrocarSenha {display: none !important;}
    #CabecalhoRotuloUsuarios { display: none;  }
    #CabecalhoRotuloSair {display: none; }
    #MarcarInicioFimTarefaCabecalhoRotulo {display: none;}
    #tarefasDisponiveis { width: 100% !important; padding: 0 !important; margin: 0 !important; border-bottom: 1px solid #dfdfdf !important; position: fixed; top: 45px; left: 0; z-index: 5;}
    #tarefasDisponiveis div { width: 100% !important; font-size: 1.2em; margin: 0 !important; }
    #usuariosOnline { margin-top: 6px !important; margin-left: -95px !important; }
    #cabecalho { display: none; }

    #conteudo { width: 100% !important; margin: 0 !important; padding-bottom: 30px !important; }
    .esquerda {display: none; float: none; width: 100% !important; margin: 0 -10px !important; padding: 0 0 0 10px !important; background-color: #242424 !important; position: fixed; top: 46px ; border: 0; z-index: 4; }
    #menu_interno { margin: 0 auto; width: 100% !important; }
    .bloco_menu { display: inline-block; margin: 0; padding: 18px !important; cursor: pointer; font-size: 1.1em; }
    .bloco_menu:hover { background-color: #454545; }
    .bloco_menu:hover .menu { display: block; }
    .bloco_menu h3 { text-align: center; text-transform: none; color: white !important; margin-top: 0;  }
    .bloco_menu .menu { position: fixed; display: none; margin-left: -18px; margin-top: 18px; background-color: #454545 !important; border: 0 !important;}
    .bloco_menu .menu a { background-image: none; padding: 12px !important;  color: white !important; font-size: 1.1em; }
    .bloco_menu .menu a:hover { background-color: #767676 !important; }
    .bloco_menu .menu a img { display: none; }
    #iconeEscondeMenu {display: none;}
    .mensagem_menu {display: none;}

    #corpo { width: 100% !important; display: block !important; float: none !important; padding: 0 !important; margin: 35px 0 0 0 !important; border: 0 !important;}
    #cabecalhoCorpo { padding: 0 !important; margin: 0 0 10px !important;}
    #cabecalhoCorpo h1 { color: transparent !important; line-height: 5px !important; margin: 0 !important; padding: 0 !important; }
    #IconeMostraEscondeMenu { display: inline-block !important; position: fixed; top: 0; margin: 3px 3px 3px 6px; }
    #menuCabecalho { position: fixed; top: 0; padding: 0 4px 0 0 !important;
        margin: 4px 0 0 57px !important; border-right: 1px solid #cccccc;
    }
    /*#menuCabecalho img { height: 32px; }*/
    #menuCabecalho img[title="Clique para mostrar/esconder a ajuda"] { display: none !important; }
    #chats {border-right: 0 !important; border-left: 0 !important; border-top: 0 !important; margin: -5px 0 0 !important;}
    #mensagens { border-right: 0 !important; border-left: 0 !important; border-top: 0 !important; margin: -5px 0 0 !important;}
    #mensagens fieldset { background-color: transparent !important; }
    #menuCabecalho div[title="Clique para acessar mensagens"] { height: 40px !important; width: 40px !important; padding: 0 !important; line-height: 40px !important; }
    #corpo fieldset { border-left: 0; border-right: 0; border-top: 0; margin-top: 0 !important;}
    #corpo fieldset legend {
        background-color: #DFDFDF;
        border-bottom: 1px solid #C0C0C0;
        color: #1D5E7E !important;
        display: block;
        font-weight: bold;
        margin-left: -5px;
        margin-top: -2px;
        padding: 4px 6px 3px;
        text-transform: none;
        width: 100%;
    }
    .botoes_acoes { margin: 0 !important;}
    .ativa {border: 0 !important;}
    .aba_separador { width: 0 !important; padding: 0 !important; border: 0 !important;}
    .tabela_miolo { border-right: 0; border-left: 0; }
    #imagemExpandirContrair { display: none !important; }

    #rodape {
        padding: 0 !important;
        width: 100% !important;
        position: fixed;
        bottom: 0;
        border-top: 1px solid silver;
        box-shadow: 0 0 20px #9a9a9a ;
    }
    .rodape_bar { width: 100% !important; padding: 5px 10px !important; }
    .rodape_bar img { display: none; }
    .rodape_bar p { padding: 0 !important; margin: 0 !important; }
    .rodape_bar div:nth-of-type(1) { display: inline; }
    .rodape_bar div:nth-of-type(2) { display: none; }
    .rodape_bar div:nth-of-type(3) { display: none; }
    .rodape_bar a { margin-left: 20px; }
    .rodape_bar span { display: none;}
}

@media (max-width: 400px) {
    #UsuarioLogadoModulo {display: none;}
    #fluxoElemento { max-width: 400px !important; }
}