@charset "utf-8";

body { background: #17568c; }
.login-box { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);  background:#f5f5f5; padding:30px; min-width:15%; text-align:center;}
.login-box h1 { display:block; margin:10px 0; font-size:25px; font-weight:normal; color:rgba(69,95,150,1.00); }
.login-box > img:first-child { margin-bottom:25px; border-bottom:1px solid rgba(40,108,156,1.00); padding-bottom:20px ; }
.login-box a { display:block; text-align:center; color: rgba(77,81,159,1.00); text-decoration:underline; padding-top:10px; }
.login-box a:hover { text-decoration:none; }
form { display:block;}
form p, form label { display:block; position:relative; }
form label { color:#2a2a2a; font-weight:normal; text-align:left; padding:5px 0; cursor:pointer; }
input[type="text"], input[type="password"] { display:block; padding:11px 11px 11px 50px; border:1px solid  rgba(113,148,184,1.00);  outline:none; width:100%; background:#fff url(../obr/gradient_light.png) repeat-x top center; }
form input[type="submit"] { margin-top:25px; width:100%;   display:block;  padding:14px; text-align:center; background: rgba(69,95,150,1.00); color:#fff; font-weight:bold;cursor:pointer; border:none; }
form input[type="submit"]:hover { background:#2a2a2a;}

form p > img { position:absolute; width:20px; height:auto; top:60%; left:10px; }

.errorLogin { display:block; padding:12px; border:1px solid #E48688; background:#C74F51; color:#fff; text-align:center;}