@import url('../fonts/Lato/LatoFonts.css');

body {
    font-family:'LatoWeb',sans-serif;
}
*, :after, :before {
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;    
}
#login {
    position:relative;
    width:25%;
    margin:0 auto;
    margin-top:125px;
    text-align:center;
}
#form-login {
    margin:20px 0;
}
.title {
    font-size:21px;
    opacity:.5;
}
.box-login {
    text-align:center;
    padding:20px 20px 80px 20px;
    background:#f1f1f1;
    box-shadow:0px 0px 25px 0px rgba(0, 0, 0,.15);
}
.box-login img {
    margin:10px 0 30px 0;
}
.f-item {
    margin-bottom:15px;
}
.f-item input {
    width:100%;
    padding:8px 12px;
    border:1px solid rgba(0,0,0,.10);
}
.btn-login {
    display:block;
    width:100%;
    padding:8px;
    background:#008f96;
    color:#fff;
    border:none;
    cursor:pointer;
    font-weight:bold;
    -webkit-transition: background .7s ease-in-out;
       -moz-transition: background .7s ease-in-out;
        -ms-transition: background .7s ease-in-out;
          -o-transition: background .7s ease-in-out;    
             transition: background .7s ease-in-out;    
}
.btn-login:hover {
    background:#007278;
}

.error {
    margin-bottom:20px;
}