* { margin:0; padding:0; outline:none; }
::-moz-focus-inner { padding:0; border:0; }

html { height:100%; }
body { height:100%; min-height:100%; padding:0 15px; font-family:Helvetica, Tahoma; color:#323232; font-size:12px;  line-height:17px; background:#33414e; }

img {border:0;}
a {color:#323C46; text-decoration:underline;}
a:hover {text-decoration:none; color:#4E5C6A;}
a:visited {color:#323C46;}
table {border-collapse: collapse;}
.lgs_clear {clear: both;}

#pageFrames { height:auto !important; min-height: 100%; margin:0 auto -62px auto; position:relative; }


/* HEADER */
#headerblock { width:100%; position:relative; height:62px; }
	#headerblock .logo { display:block; width:200px; height:45px;  position:absolute; top:14px; left:10px; }
		#headerblock .logo img { position:absolute; left:0px; top:0px; }
		#headerblock .logo span { display:block; position:absolute; left:0px; top:22px; color:#D9DCE4; font-size:11px;}


/* FOOTER */
#footer_protect { height: 62px; clear:both;}
#footer { height:62px; position:relative;}


/* LOGIN FORM */
	#loginForm { position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:430px; width:100%; box-sizing:border-box; height:250px; background:#4A5660; border-radius:5px; padding:20px;}
	#formCaption {color:#c9cCd4; font-size:18px; height:32px; padding-left:50px; position:relative; line-height:32px; }
		#formCaption .icon {position:absolute; left:0; top:0px; width:32px; height:32px; background:url('../img/loginicons.png') no-repeat 0 0;}
		.isError_1 #formCaption .caption {}
		#formCaption .name {color:#fff;}
		
	#loginFormData { height:200px; position:relative; }
	#loginFormData .inputData { padding:0 50px; }
		#loginFormData .inputLogin { border-radius:3px; color:#ccc; border:none; line-height:15px; padding:12px 15px 12px 35px; display:block; margin:20px auto; width:100%; height:40px; box-sizing:border-box; background:#3B454D url('../img/loginicons.png') no-repeat 2px -82px;}
		#loginFormData.isError_1 .inputLogin { background-position:2px -193px; }
		#loginFormData .inputPass {background:#3B454D url('../img/loginicons.png') no-repeat 2px -140px; border-radius:3px; color:#ccc; border:none; line-height:15px; padding:12px 15px 12px 35px; display:block; margin:0px auto 20px auto; width:100%; height:40px; box-sizing:border-box;}
		#loginFormData.isError_1 .inputPass {background-position:2px -251px;}

	.submitData {position:relative;}
	#checkSavePass {margin:0 auto; user-select:none; height:24px;}	
		#checkSavePass label {display:inline-block; height:24px; position:absolute; left:0; top:0; padding-left:30px; text-decoration:none; color:#ccc; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}	
		#checkSavePass .checkbox {position:absolute; left:0; top:0; display:block; width:24px; height:24px; border-radius:3px; background:#3B454D; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }	
			#checkSavePass .checkbox span {position:absolute; left:6px; top:6px; display:block; width:12px; height:12px; background:url('../img/loginicons.png') no-repeat -110px -42px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}	
			#checkSavePass #spCheck {position:absolute; left:2px; top:2px; width:1px; height:1px;}
			#checkSavePass #spCheck:focus + label .checkbox span {background-color:#2b353d; }
			#checkSavePass #spCheck:checked + label .checkbox span {background-position:-10px -42px; background-color:transparent;}
			#checkSavePass .name {line-height:24px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}	
			#checkSavePass label:hover .name {color:#fff;}	
	
	#loginButton {background:#3fbae4; border:1px solid #3fbae4; color:#fff; text-decoration:none; text-align:center; display:inline-block; position:absolute; right:0px; bottom:-4px; padding:0 30px; height:30px; border-radius:5px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; font-family:inherit;}
		#loginButton:hover {background:#29B2E1;}


/* МОБИЛЬНЫЙ ВАРИАНТ */
@media screen and (max-width: 500px) {
	#formCaption .caption {display:none;}
}	
@media screen and (max-width: 400px) {
	#loginForm { padding:15px; height:220px;}
		#loginFormData .inputLogin { margin:15px auto; }
	#loginFormData .inputData { padding:0 0px; }
}