/* Responsivo */
/* incluir
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 */

@media(max-width:767px) {
    body {
        margin:0;
        padding: 0;
    }

    #barra-brasil {
        display:none;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin:0;
    }

    /* TODO: Remover classes */
    .row-fluid .col-right,
    .row-fluid .col-left {
        width: inherit;
    }

    #header .navbar-inner {
        background:#fff url(../img/fundo.jpg) no-repeat right top;
        height:53px;
    }

    #header .marca{
        background: transparent url(../img/logo-esocial.png) center center;
        width:110px;
        height:27px;
        margin:12px 0 0 10px;
        float:none;
    }
 
    #header .btn-toggle-menu,
    #header .btn-toggle-login {
        position: absolute;
        right: 0;
        top: 0px;
        border: none;
        height: 53px;
        width: 53px;
        margin: 0;
        border-radius:0;
        background: transparent;
        z-index: 88;
        box-shadow: none;
    }
    #header .btn-toggle-menu {
        background:transparent url(../img/mobile-menu.png) no-repeat center center;
    }
    #header .btn-toggle-login {
        right: 53px;
        background:transparent url(../img/mobile-user.png) no-repeat center center;
    }

    #header .btn-toggle-menu.aberto,
    #header .btn-toggle-login.aberto {
        background-color: #e5f1e7;
        border-bottom: 1px solid #e5f1e7;
        height: 54px;
        border-left: 1px solid #d1e1d4;
    }
    #header .btn-toggle-login.aberto {
        border-right: 1px solid #d1e1d4;
    }

    #header .btn-toggle-menu i,
    #header .btn-toggle-login i {
    }

    #titulo-modulo {
        margin-bottom: 20px;
    }

    #titulo-modulo a {
        font-size: 1em;
        font-weight: normal;
        margin-left: 25px;
        padding: 0 5px;
    }
    .span2.col-left,
    #login {
        position:absolute;
        z-index:10;
        margin:0;
        left:0;
        top: 53px;
        background-color: #fff;
        border-bottom:3px solid #ddd;
        display: none;
    }

    .btn-menu-mobile-close {
        width:100%;
        padding:15px 0 10px;
    }

    #login {
        width:100%;
        padding: 0;
        background-color: #e5f1e7;
        border-top: 1px solid #d1e1d4;
    }

#form-login{
    float:none;
    position:static;
    width:auto;
    margin:15px;
}

#form-login [class*="span"] {
    margin:4px 0;
}

#form-login input {
    font-size:1em;
    padding:6px 10px;
}

#form-login .login-ok {
    float:none;
    font-size:1em;
    padding:8px 0;
    width:80%;
    margin: 4px auto;
}

#form-login .links div{
    line-height:1.8em;
    text-align: center;
}
#form-login .cadastro{
    font-size:1em;
}

    #login .certificado {
        display: none;
    }

    #menu-lateral {
        border-radius: 0;
    }
    #menu-atendimento {
        margin-top: 10px;
        border-radius: 0;
    }

    #breadcrumbs {
        display: none;
    }

    #page-content {
        margin:0 10px;
    }

#footer {
    height:auto;
    padding:0 10px;
}

.footer-logos {
    margin:0 auto;
    width:auto;
    text-align: center;
    clear:left;
}

#footer .footer-logos a {
    float:none;
    display:inline-block;
    margin:0 30px;
    width: 180px;
    background-position: center center;
}

/*
.footer-logos .caixa{background-image:url(../img/logos-footer-caixa.png);width:69px}
.footer-logos .mte{background-image:url(../img/logos-footer-mte.png);width:113px}
.footer-logos .previdencia{background-image:url(../img/logos-footer-previdencia.png);width:171px}
.footer-logos .rfb{background-image:url(../img/logos-footer-receita.png);width:104px;margin-right:0}
.footer-logos .fgts{background-image:url(../img/logos-footer-fgts.gif);width:75px;margin:0 30px}
*/

}