/* Strona logowania – warstwy z login_v2_*.psd (współrzędne jak w PSD, kadr 1135×669). */
@font-face {
	font-family: 'Encode Sans Semi Condensed';
	src: url(/fonts/encode-sans-semi-condensed/EncodeSansSemiCondensed-Regular.woff2) format('woff2');
	font-weight: 400;
	font-style: normal;
}

body#login_page{
	text-align:center;
	background:#fff;
}
body#login_page form{
	width:1135px;
	height:669px;
	display:block;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	text-align:left;
	font-family:'Encode Sans Semi Condensed', Arial, sans-serif;
}
#login_page form > *{
	position:absolute;
	margin:0;
}

/* grafika */
#login_page .lp-topbar{
	left:0; top:0; width:1135px; height:33px;
	background:url(/images/login/topbar.png) no-repeat;
}
#login_page .lp-bg{
	left:0; top:33px; width:1135px; height:636px;
	background:linear-gradient(#f1f1f1, #fff);
}
#login_page .lp-hands{
	left:138px; top:83px; width:988px; height:577px;
	background:url(/images/login/hands.png) no-repeat;
}
#login_page .lp-logo{
	left:18px; top:0; width:139px; height:122px;
	background:#fff;
	border-radius:0 0 10px 10px;
	box-shadow:0 0 1px rgba(0,0,0,.45);
}
#login_page .lp-logo img{
	position:absolute; left:8px; top:8px;
}
#home_lang_en,
#home_lang_nl,
#home_lang_pl{
	top:5px; width:20px; height:20px;
	background:no-repeat center;
}
#home_lang_en{ left:1044px; background-image:url(/images/login/flag_en.png); }
#home_lang_nl{ left:1072px; background-image:url(/images/login/flag_nl.png); }
#home_lang_pl{ left:1100px; background-image:url(/images/login/flag_pl.png); }
#login_page .lp-title{
	left:339px; top:116px; line-height:0;
	filter:drop-shadow(1px 2px 0 #fff);
}

/* napisy – font zastępczy dla Klaviki z PSD */
#login_page .lp-tagline{
	left:492px; top:180px;
	font-size:22px; line-height:26px;
	color:#203741;
	text-shadow:1px 2px 0 #fff;
	white-space:nowrap;
}
#login_page .lp-box{
	left:420px; top:266px; width:337px; height:192px;
	background:rgba(255,255,255,.95);
	border-radius:10px / 8px;
	box-shadow:0 0 0 3px rgba(145,145,145,.1);
}
#login_page .lp-heading{
	left:445px; top:279px;
	font-size:24px; line-height:28px; font-weight:normal;
	color:#731163;
	text-shadow:1px 2px 0 #fff;
}
#login_page .lp-separator{
	left:438px; top:318px; width:300px; height:1px;
	background:#efeaea;
}
#login_page .lp-label{
	right:620px; /* prawa krawędź na x = 515 */
	font-size:16px; line-height:20px;
	color:#5e5b5b;
}
#login_page .lp-label-login{ top:339px; }
#login_page .lp-label-password{ top:379px; }

/* pola i przycisk */
body#login_page #login,
body#login_page #password{
	left:521px; width:208px; height:28px;
	box-sizing:border-box;
	padding:0 6px;
	border:1px solid #a89f9f;
	border-radius:0;
	background:linear-gradient(#fff, #f4f4f4);
	box-shadow:inset 2px 4px 5px rgba(0,0,0,.05), 1px 1px 0 rgba(0,0,0,.1);
	font:13px Arial, sans-serif;
	color:#333;
	outline:none;
}
body#login_page #login{ top:338px; }
body#login_page #password{ top:378px; }
body#login_page #login:focus,
body#login_page #password:focus{
	border-color:#1175be;
}
body#login_page #login_submit{
	left:662px; top:420px; width:68px; height:24px;
	padding:0;
	box-sizing:border-box;
	border:1px solid #0a6eb7;
	border-radius:5px;
	background:linear-gradient(#3599e2, #2589d2 2px, #0c70b9);
	box-shadow:inset 0 1px 0 #6cc1ff;
	font:16px/22px 'Encode Sans Semi Condensed', Arial, sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
body#login_page #login_submit:hover{
	background:linear-gradient(#45a7ee, #3196de 2px, #157cc6);
}
body#login_page #login_submit:active{
	background:linear-gradient(#0c70b9, #2589d2);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.25);
}

#login_error{
	top:420px;
	left:438px;
	color:red;
}
#login_forgotten{
	top:475px;
	font-size:12px;
	left:300px;
	color:#ababab;
	display:none;
}