@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);

body{
    background-image: url('../resources/imagem/home/bg_fundo_login.jpg')  !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-size: 100% !important;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color: #51504F;
}
.area_login{
    width: 500px;
    max-width: 96%;
    margin:  0 auto;
    margin-top: 4%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 0 !important;
    padding: 0;
    border-radius: 15px;
}
.area_login.ui-panel .ui-panel-content{
    padding: 0;
}
.logo_login {
    text-align: center;
    padding: 0 20px;
    border-radius: 15px 15px 0 0;
}
.titulo_login {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 26px;
    text-transform: uppercase;
    padding: 0 0 10px 0;
    color: #575857;
}
.login_login{
    padding: 30px 50px;
    background: transparent;
    border: 0;
    border-radius: 0 0 15px 15px;
}
.login_login table {
    width: 100%;
}
.login_login input {
    width: 90%;
    border-radius: 2px;
    box-shadow: none !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300 !important;
    padding: 10px 5%;
}
input.fazer_login {
    background: #8CB130;
    border: 1px solid #8CB130;
    box-shadow: 0 0 0 0 !important;
    color: #fff;
    text-transform: lowercase;
    font-size: 22px;
    width: 130px;
    float: right;
    cursor: pointer;
    margin-top: 15px;
}
input.fazer_login:hover{
    background: #647C27;
}
a.esqueceu_login {
    float: left;
    text-transform: lowercase;
    text-decoration: none;
    font-size: 14px !important;
    padding: 28px 0 0 0;
    color: #575857;
}
.footer_login{
    color: black;
    text-align: center;
    padding: 20px 0 0 0;
}
.footer_login a{
    color: black;
    text-decoration: none;
}
.footer_login a:hover{
    text-decoration: underline;
}
.limpar{
    clear: both;
}

span.versao {
    padding: 0 25px 0 0;
}
.footer_login a {
    padding:  0 5px;
    margin: 0 5px;
}
.footer_login a:hover{

}
span.copyright {
    padding-right: 5px;
    margin-right: 5px;
}

::-webkit-input-placeholder {
    color: #575857;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

:-moz-placeholder {
    color: #575857;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

::-moz-placeholder {
    color: #575857;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

:-ms-input-placeholder {  
    color: #575857;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}
@media screen and (max-device-width:1020px){
    body {
        max-width: 96%;
        background-repeat: repeat !important;
        background-size: 100% 100% !important;
    }
}
@media screen and (max-width:1020px){
    body {
        background-repeat: repeat !important;
        background-size: 100% 100% !important;
    }
}
@media screen and (max-device-width:560px){
    .logo_login img {
        max-width: 100%;
    }
    .login_login{
        padding: 30px 20px;
    }
}
@media screen and (max-width:560px){
    .logo_login img {
        max-width: 100%;
    }
    .login_login{
        padding: 30px 20px;
    }
}
/*data copyright*/
.ano_copy > span {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 15px;
    padding: 0;
    font-weight: 400;
    text-shadow: 0 0 0;
    color: #575857;
    line-height: 1em;
}

.login_logo_img {
    width: 450px !important;
}