@font-face{font-family:RobotoCondensed;src:url('../fonts/RobotoCondensed-Regular.ttf');}
@font-face{font-family:RobotoMedium;src:url('../fonts/Roboto-Medium.ttf');}
@font-face{font-family:Roboto;src:url('../fonts/Roboto-Regular.ttf');}
*{font-family:RobotoCondensed,helvetica,arial;}
input,textarea,select {
    padding:5px;
    border:1px solid #d0d0d0;
    margin-bottom:5px;
}

input[type="text"], input[type="password"]{
    box-shadow:inset 0 0 20px #f0f0f0;
}

select {
    width:85px;
}

input.radio {
    width:15px;
    text-align:left;
}


input[type="button"], input[type="submit"] {
    color:#222;
    cursor:pointer;
    background:#4C7FB3;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#f9f9f9));
    background:-webkit-linear-gradient(top, #e9e9e9, #f9f9f9);
    background: -moz-linear-gradient(top, #e9e9e9, #f9f9f9);
    background: -ms-linear-gradient(top, #e9e9e9, #f9f9f9);
    background: -o-linear-gradient(top, #e9e9e9, #f9f9f9);
    border:1px solid #f0f0f0;
    box-shadow:0 0 1px #555;
}

input.btn:hover {
    color:#fff;
    background:lightblue;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4C7FB3), to(#005588));
    background:-webkit-linear-gradient(top, #4C7FB3, #005588);
    background: -moz-linear-gradient(top, #4C7FB3, #005588);
    background: -ms-linear-gradient(top, #4C7FB3, #005588);
    background: -o-linear-gradient(top, #4C7FB3, #005588);
}

input.btn_btl:hover {
    color:#fff;
    background:maroon;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(pink), to(maroon));
    background:-webkit-linear-gradient(top, pink, maroon);
    background: -moz-linear-gradient(top, pink, maroon);
    background: -ms-linear-gradient(top, pink, maroon);
    background: -o-linear-gradient(top, pink, maroon);
}
input.btn_gr:hover {
    color:#fff;
    background:lightgreen;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4CB37F), to(#007733));
    background:-webkit-linear-gradient(top, #4CB37F, #007733);
    background: -moz-linear-gradient(top, #4CB37F, #007733);
    background: -ms-linear-gradient(top, #4CB37F, #007733);
    background: -o-linear-gradient(top, #4CB37F, #0077aa);
}
body {
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    font-family: helvetica;
    background: #4CAF50;
}

#kontener {
    padding: 10px;
    box-shadow: 0 0 10px #565858;
    border-radius: 5px;
    width: 350px;
    margin: 30px auto;
    margin-bottom: 100px;
    background: #fff;
    color: #222;
}

#login_header img{
    width:100%;
}

#wrapper_copyright {
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    background:#222;
}
#copyright {
    text-align:right;
    width:90%;
    margin:0 auto;
    color:#f0f0f0;
}
#wrapper_input {
    width:100%;
}

#form_input {
    color:#f0f0f0;
}

#error {
    background:lightyellow;
    border:1px solid orange;
    padding:5px;
    color:red;
    border-radius:2px;
}