body #containerLogin #engloba_topo #topo { width: 920px; height: 120px; min-height: 120px; height: auto; margin: auto; }
    body #containerLogin #engloba_topo #topo .logo_esquerda { width: 250px; height: 100px; min-height: 100px; height: auto; padding: 28px 0; float: left; text-align: center; }
    body #containerLogin #engloba_topo #topo .logo_meio { width: 300px; height: 100px; min-height: 100px; height: auto; padding: 20px 0; float: left; text-align: center; margin-top: 15px; }
    body #containerLogin #engloba_topo #topo .logo_direita { width: 250px; height: 100px; min-height: 100px; height: auto; padding: 28px 0; float: right; text-align: center; margin-right: 10px; }

body #containerLogin #engloba_corpo { width: 100%; }
    body #containerLogin #engloba_corpo #corpo { width: 100%; }

body #containerLogin #engloba-corpo-esqueciSenha { width: 100%; }
    body #containerLogin #engloba-corpo-esqueciSenha #corpo-esqueciSenha { width: 100%; }

#login-esqueciSenha, #login { width: 480px; margin: auto; background-color: #fff; padding-top: 15px; }
    #login-esqueciSenha fieldset, #login fieldset { border: 1px solid #999; background-color: #fff; padding-left: 15px; }
    #login-esqueciSenha legend, #login legend { background: #f9f9f9; display: block; height: 31px; padding-top: 9px; padding-left: 50px; width: 390px; border: 1px solid #999; font-size: 18px; color: #4e4e4e; }




.linhaLogin { padding-bottom: 15px; padding-top: 25px; }
    .linhaLogin .celula { padding-right: 20px; float: left; }
        .linhaLogin .celula .caption { padding-bottom: 5px; font-size: 14px; color: #333; height: 14px; }
        .linhaLogin .celula .campo { font-size: 14px; color: #333; }
            .linhaLogin .celula .campo input { font-size: inherit; color: inherit; }
                .linhaLogin .celula .campo input[type=text] { padding: 7px; font-family: Arial; font-size: 10pt; color: #333; border: 1px solid #AFB6BA; padding-left: 5px; vertical-align: middle; }
                    .linhaLogin .celula .campo input[type=text]:hover { border: 1px solid #808A91; background-color: #fffff0; color: #333; }
                    .linhaLogin .celula .campo input[type=text]:focus { border: 1px solid #808A91; background-color: #ffffe0; color: #333; }
                .linhaLogin .celula .campo input[type=password] { padding: 7px; font-family: Arial; font-size: 10pt; color: #333; border: 1px solid #AFB6BA; padding-left: 5px; vertical-align: middle; }
                    .linhaLogin .celula .campo input[type=password]:hover { border: 1px solid #808A91; background-color: #fffff0; color: #333; }
                    .linhaLogin .celula .campo input[type=password]:focus { border: 1px solid #808A91; background-color: #ffffe0; color: #333; }

#mensagem { font-size: 12px; color: #ff0000; }
#btn { padding-top: 10px; background-color: #fff; clear: both; }
#btn-esqueciSenha { padding-top: 10px; background-color: #fff; clear: both; }


.btn-success { color: #fff; background-color: #0F6655; border-color: #4cae4c; }
html body #containerLogin .btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn { display: inline-block; padding: 6px 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn-success:hover { color: #fff; background-color: #449d44; border-color: #419641; }
html body #containerLogin .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }


.frm-btnEsqueceuSenha { text-align: center; margin-top: 10px; font-size: 13px; }
    .frm-btnEsqueceuSenha a { color: #005fc9 }


/*IPHONE 5*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    body #containerLogin #engloba_topo { min-height: initial; height: auto; }
        body #containerLogin #engloba_topo #topo { width: 100%; min-height: 0; height: initial; text-align: center; }
            body #containerLogin #engloba_topo #topo .logo_esquerda { display: none; }
            body #containerLogin #engloba_topo #topo .logo_meio { display: none; }
            body #containerLogin #engloba_topo #topo .logo_direita { height: initial; min-height: initial; float: none; padding: 0; width: 250px; margin: 20px auto; }
                body #containerLogin #engloba_topo #topo .logo_direita img { height: 75px; margin: 0; padding: 0; display: block; }
    #login { width: 100%; padding: 0; }
    fieldset { border: 0; padding: 0; }
    legend { display: none; }
    .linha { padding: 0; }
        .linha .celula { float: none; padding: 10px; }
            .linha .celula .caption { text-align: left; color: #AFB6BA; }
            .linha .celula .campo input[type=text] { width: 100% !important; box-sizing: border-box; padding: 10px; font-family: Arial; font-size: 12pt; color: #333; border: 1px solid #AFB6BA; vertical-align: middle; }
            .linha .celula .campo input[type=password] { width: 100% !important; box-sizing: border-box; padding: 10px; font-family: Arial; font-size: 12pt; color: #333; border: 1px solid #AFB6BA; vertical-align: middle; }
    #mensagem { text-align: center; height: auto; display: none; }
    #btn .dir { float: none; text-align: right; padding-right: 10px; }

    #btn-esqueciSenha .dir { float: none; text-align: right; padding-right: 10px; }
    #btn-esqueciSenha .esq { float: none; text-align: left; padding-left: 10px; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}

/*=Formatação para ambiente de homologação
--------------------------------------------------------------------------------------------------------------*/
/*body #containerLogin #engloba_topo {background:url(../IMAGE/img_fundo_ambiente_teste.gif) repeat-x;}*/