@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: Verdana, Tahoma, helvetica, sans-serif; margin: 0; padding: 0; }

h1 { background-color: #262b34; color: #fff; margin: 0; padding: 10px 20px; font-size: 1px; }
p { color: #a5a5a5; font-size: 14px; }
#obal { margin: 0 auto; padding-top: 70px; width: 400px; }
#login { background-color: #fff; border: #383d48 1px solid; font-size: 14px; }
#login #form, #login #form2 { padding: 20px; 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: 318px; border: 0; }

#login .btn { display:inline-block; /*line-height: 18px;*/ padding: 8px 42px; cursor: pointer; background-color: #303641; color: #aaabae; border: #3e444e 1px solid; font-family: "Noto Sans",sans-serif; }
#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; }