/* DEFAULT  */

body{
    background-color: #002d17;
    background-image: url("../../../images/Index/img/bg-entrar_portal-fazenda-comp.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

/* FORMUALRIO  */

#divForm{
    padding-top: 15%;
    padding-left: 24%;

    opacity: 1;
}

#divForm input{
    box-shadow: 0 7px 5px -6px rgba(0,0,0,0.4);
    border: none;
    outline: 0;
    width: 386px;
    margin-top: 67px;
    height: 37px;
    padding: 15px;
    font-size: 20px;
    color: #006733;
    font-family: 'Lato Regular'; 
}

#divInput{
    margin-left: 10%;
}

#divInput #labelLocalizacao{
    margin-left: 235px; 
    color: #FFF;
    font-size: 12px;
    font-family: 'Lato Regular';
    font-style: italic;
}

#divInput img {
    margin-top: -1%;
}

#divForm #imgLogo{
    margin-left: 26%;
}

/* BOTOES  */

#divButton{
    margin-top: 11.3%;
    width: 100%;
}

#divButton button{
    width: 200px;
    height: 35px;
    color: #FFF;
    background-color: #00391c;
    font-family: 'Lato Regular';
    font-size: 16px;
    outline: none;
    border: none;
    opacity: 0.8;
}

#divButton button:hover{
    opacity: 1;
}

/* Responsivo */

@media (max-width: 800px){
    #divForm{
        padding-left: 0%;
    }
    #divForm input{
        width: 70%;
        display: block;
        float: none;
        margin: 0 auto;
        margin-top: 20%;
    }
    #divButton button{
        display: block;
        float: none;
        margin: 0 auto;
        margin-bottom: 5%;
    }
    #divInput{
        margin-left: 0;
    }
    #divInput img{
        display: none;
    }
    #divInput #labelLocalizacao{
        width: 100%;
        text-align: center;
        margin-left: 0%;
    }
}

@media (max-width: 321px){
    #divForm #imgLogo{
        margin-left: 18%;
    }
}

/* FONTES  */
@font-face{
    font-family: "Lato Regular";
    src: url("../../../font/Lato-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}