/** altera o backgroud somente no modo desktop*/
@media (min-width: 700px) 
{
    body{
        background-image: url(../img/fundo_login.jpg);
        background-color: #c4c3c0;
        background-size: cover;
        
    }

}

/** altera o backgroud somente no modo mobile **/
@media (max-width: 700px) 
{
    body{
        background-image: url(../img/fundo_login_mobile_pb3.jpg);
        background-color: #c4c3c0;
        background-size: cover;
        
    }

}

.form-login{
    padding-bottom: 5px;
}

/** ajusta a altura do formulario**/
.vertical-offset-100{
    padding-top:100px;
    
}



/**estilização do link recuperar senha**/
.recuperar{
    color: white;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
}

.recuperar a {
    color: #FFFFFF;
    text-decoration: none;
}

a:link, a:visited
{
    color: #555;
    text-decoration: none;
}
a:hover, a:visited:hover
{
    color: #fff;
    text-decoration: none;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

@media only screen and (min-width: 320px) and (max-width: 1280) {
    .largura-form {
      width: 500px; 
    }
}