@import "normalize/normalize.css";
body { background-color: #fff; background-image: url("../img/login/pozadi-admin.jpg"); background-size: contain; background-repeat: no-repeat; background-position: 50% 0px; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin: 0; padding: 0; }

h1 { background-color: #262b34; color: #fff; margin: 0; padding: 40px 20px 25px 20px; font-size: 1px; }
p { color: #a5a5a5; font-size: 14px; }
#obal { margin: 0 auto; padding-top: 70px; width: 400px; }
#login { background-color: #171b1f; border: #383d48 1px solid; font-size: 14px; }
#login #form, #login #form2 { padding: 20px 40px; position: relative; }

#login #nick, #login #pass, #login #mail { text-align: right; border: #ebebeb 1px solid; background: url("../img/login/nick.png") no-repeat scroll 10px 50% #fff; margin-bottom: 20px; }
#login #pass { background-image: url("../img/login/pass.png"); }
/*#login #mail { background-image: url("../img/login/mail.png"); }*/
#login #nick input, #login #pass input, #login #mail input { color: #555; display: inline-block; line-height: 18px;  font-size: 16px; padding: 8px 8px 8px 0; width: 275px; border: 0; }

#login .btn { display:inline-block; /*line-height: 18px;*/ padding: 8px 42px; cursor: pointer; background-color: #303641; color: #aaabae; border: #3e444e 1px solid;}
#login .btn.hover { background-color: #2d323d; color: #fff; }


#login .btnr { display:inline-block; position: absolute; right: 0; bottom: 0; margin: 0 20px 20px 0;  }


.skin-red h1 { background-color: #bb0000; }
.skin-red #login { border: #aa0000 1px solid; }
.skin-red #login .btn { background-color: #bb0000; color: #fff; border: #aa0000 0px solid; }
.skin-red #login .btn.hover { background-color: #333333; color: #fff; }
.skin-red a { color: #bb0000; padding: 8px; }
.skin-red a:hover { color: #000; }

.skin-blue h1 { background-color: #002f65; }
.skin-blue #login { border: #052952 1px solid; }
.skin-blue #login .btn { background-color: #002f65; color: #aaabae; border: #052952 0px solid; }
.skin-blue #login .btn.hover { background-color: #052952; color: #fff; }
.skin-blue a { color: #002f65; padding: 8px; }
.skin-blue a:hover { color: #052952; }

.skin-grey h1 { background-color: #171b1f; text-align: center;}
.skin-grey #login { border: #4e565d 1px solid; }
.skin-grey #login .btn { background-color: #4e565d; color: #fff; border: #4e565d 1px solid; font-size: 18px; text-transform: uppercase; font-weight: 100; width: 100%; padding: 8px; }
.skin-grey #login .btn.hover { background-color: #333333; color: #fff; }
.skin-grey #login .btnr { display:block; position: inherit; right: auto; bottom: auto; margin: 50px auto 20px auto; color: #fff; text-align: center; }
.skin-grey a:hover { color: #000; }

.cp-message-err,.alert-danger,.alert-success { background-color: #DF0000; color: #fff; border: #B00 2px solid; margin:5px; text-align:center; }
.alert-success { background-color: #529f1b; border-color: #529f1b; }
.alert-danger .skryt, 
.alert-success .skryt { display: none; }