body, html {
	height: auto
}
body.login {
  background-color:#006799 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#006799), to(#aadddd));
  background: -webkit-linear-gradient(top, #006799, #aadddd);
  background: -moz-linear-gradient(top, #006799, #aadddd);
  background: -ms-linear-gradient(top, #006799, #aadddd);
  background: -o-linear-gradient(top, #006799, #aadddd);
  background-image: -ms-linear-gradient(top, #006799 0%, #aadddd 100%);
}
.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: #23282d;
    font-size: 13px;
}

.login h1 a {
  background-image: url('../images/katalogo.svg');
  background-size: 100%;
  width: 200px
}
.login form {
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 24px 24px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.31);
}
.login #backtoblog, .login #nav {
        background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.31);
    padding: 7px 24px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.31);
    margin-right: -30px;
    margin-top: 10px;
}
.login #login_error, .login .message, .login .success {
    border-left: 4px solid #dc3232;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    font-weight: bold;
    background-color: #add;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.login label {
  font-size: 12px;
  color: #555555;
}

.login input[type="text"], .login input[type="password"]{
    background-color: #f5f2f2;
    border-color: #dddddd;
    -webkit-border-radius: 4px;
    margin-top: 10px;
}



.login .button-primary {
  float:right;
  background: #eb1d78;
  background-image: -webkit-linear-gradient(top, #eb1d78, #eb1ecc);
  background-image: -moz-linear-gradient(top, #eb1d78, #eb1ecc);
  background-image: -ms-linear-gradient(top, #eb1d78, #eb1ecc);
  background-image: -o-linear-gradient(top, #eb1d78, #eb1ecc);
  background-image: linear-gradient(to bottom, #eb1d78, #eb1ecc);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #ffffff;
  padding: 8px 15px 8px 15px;
  text-shadow: none;
    border: none;
    font-size: 14px;
}

.login .button-primary:hover {
  background-color:#17a8e3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9 ));
  background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -moz-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -ms-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -o-linear-gradient(top, #17a8e3, #0d9ed9 );
  background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%);
  color: #fff;
  -webkit-border-radius: 5px;
}

.login .button-primary:active {
  background-color:#17a8e3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3));
  background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -moz-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -ms-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -o-linear-gradient(top, #0d9ed9, #17a8e3);
  background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%);
  color: #fff;
  -webkit-border-radius: 4px;
  border: 1px solid #0d9ed9;
}