#login-page{
	font-family: 'Open Sans', sans-serif;
}

#login-page div.login-section div.title{
	display:none;
}

#login-page div.login-section{
	position:relative;
	margin-bottom:78px;
}

#login-page div.login-section:after{
	position:absolute;
	content:'';
	left: 50%;
	margin-left:-405px;
	bottom: -27px;
	width:810px;
	height:27px;
	background:url('../frameimage/login/login-section-shadow.jpg') no-repeat 50% 0;
	z-index:1;
}

#login-page div.login-section div.content{
	position:relative;
	border-bottom:2px solid #f7e4c5;
	background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #fdf2e2 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#fdf2e2 100%);
background: linear-gradient(to bottom, #ffffff 0%,#fdf2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdf2e2',GradientType=0 );
}

#login-page div.login-section div.content:after{
	position:absolute;
	content:'';
	right: 72px;
	top: 0;
	width:105px;
	height:92px;
	background:url('../frameimage/login/login-security-icon.png') no-repeat 0 0;
	z-index:1;
}

#login-page div.login-section div.row{
	margin-bottom:36px;
}

#login-page div.login-section div.row input{
	height:34px;
	width:314px;
	padding:0 10px;
	text-align:center;
	outline:0;
	border:1px solid #e2c396;
	font-size:16px;
	color:#353535;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#login-page div.login-section div.row input:hover,
#login-page div.login-section div.row input:focus{
	border-color:#d2552e;
}

#login-page div.login-section div.row label{
	font-size:17px;
	font-weight:600;
	color:#c97f16;
	width:237px;
	text-align:right;
	display:inline-block;
	line-height:38px;
	padding-right:10px;
	cursor:pointer;
}

#login-page div.login-section div.btn-box{
	padding:19px 0 17px;
	text-align:center;
}

#login-page div.login-section div.btn-box #bejelentkezes_btn{
	position:relative;
	font-family: 'PT Serif', serif;
	display:inline-block;
	padding:0 17px 0 49px;
	font-size:20px;
	line-height:40px;
	color:#a16e50;
	text-transform:uppercase;
	border:1px solid #dddddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

#login-page div.login-section div.btn-box #bejelentkezes_btn:hover{
	color:#fff;
	background-position: 16px -23px;
	background: #f9b545;
background: -moz-linear-gradient(top, #f9b545 0%, #e8a349 100%);
background: -webkit-linear-gradient(top, #f9b545 0%,#e8a349 100%);
background: linear-gradient(to bottom, #f9b545 0%,#e8a349 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b545', endColorstr='#e8a349',GradientType=0 );
}

#login-page div.login-section div.btn-box #bejelentkezes_btn:after{
	position:absolute;
	content:'';
	left: 16px;
	top: 13px;
	width:20px;
	height:16px;
	background:url('../frameimage/login/check-icons.png') no-repeat 0 0;
	z-index:1;	
}

#login-page div.login-section div.btn-box #bejelentkezes_btn:hover:after{
	background-position: 0px -36px;
	border-color:#e8a349;
}

#login-page div.login-section div.rememberme-box{
	text-align:center;
	padding-bottom:15px;
}

#login-page div.login-section div.rememberme-box input{
	margin-right:10px;
}

#login-page div.login-section div.rememberme-box a{
	color:#454545;
	font-size:15px;
}

#login-page div.title{
	text-align:center;
	border-bottom:2px solid #e7e7e7;
}

#login-page div.title h3{
	position:relative;
	display:inline-block;
	font-weight:400;
	font-size:22px;
	color:#5b5b5b;
	text-transform:uppercase;
	padding:0 10px 9px 51px;
	line-height:1;
	margin-bottom:-2px;
	border-bottom:3px solid #ecc58f;
	z-index:1;
}

#login-page div.forgotten-pass-section{
	margin-bottom:77px;
}

#login-page div.forgotten-pass-section div.title h3{
	background:url('../frameimage/login/forget-pass.png') no-repeat 10px 0;
}

#login-page div.reg-section div.title h3{
	padding:3px 10px 9px 58px;
	background:url('../frameimage/login/reg-title.png') no-repeat 12px 0;
}

#login-page div.title h3:before,
#login-page div.title h3:after{
	position:absolute;
	content:'';
	bottom:-3px;
	width:2px;
	height:3px;
	background-color:#fff;
	z-index:1;
}

#login-page div.title h3:before{
	left:-2px;
}

#login-page div.title h3:after{
	right:-2px;
}

#login-page div.forgotten-pass-section div.content{
padding-top:25px;
}

#login-page div.content p{
	font-family: 'PT Serif', serif;
	font-size:16px;
	color:#5b5b5b;
	margin:0 70px 15px;
	line-height:1.2;
	text-align:center;
}

#login-page div.forgotten-pass-section p a{
color:#d2552e;
text-decoration:underline;
}

#login-page div.forgotten-pass-section div.row{
	position:relative;
}

#login-page div.forgotten-pass-section div.row label{
	float:left;
	display:inline-block;
	width:42px;
	height:36px;
	border:1px solid #e2c396;
	border-right:0;
	background:#fff url('../frameimage/login/red-envelope.png') no-repeat 50% 50%;
	cursor:pointer;
}

#login-page div.forgotten-pass-section div.row #login_reminder_input{
	border:1px solid #e2c396;
	float:left;
	color:#cca672;
	font-size:16px;
	width:314px;
	height:34px;
	padding:0 11px;
	margin-right:17px;
	background-color:#fdf4e7;
}

#login-page div.forgotten-pass-section div.row #login_reminder_input::-webkit-input-placeholder{
  color:#cca672;
}
#login-page div.forgotten-pass-section div.row #login_reminder_input::-moz-placeholder{
  color:#cca672;
}
#login-page div.forgotten-pass-section div.row #login_reminder_input:-ms-input-placeholder{
  color:#cca672;
}
#login-page div.forgotten-pass-section div.row #login_reminder_input:-moz-placeholder{
  color:#cca672;
}

#login-page div.forgotten-pass-section div.row input.btn{
	height:42px;
	font-family: 'PT Serif', serif;
	font-size:20px;
	color:#a16e50;
	padding:0 12px 0 52px;
	margin-top:-3px;
	border:1px solid #dddddd;
	text-transform:uppercase;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff url('../frameimage/login/forget-pass-icon.png') no-repeat 11px 5px;
	cursor:pointer;
-webkit-box-shadow: 0px 6px 8px 0px rgba(244,243,243,1);
-moz-box-shadow: 0px 6px 8px 0px rgba(244,243,243,1);
box-shadow: 0px 6px 8px 0px rgba(244,243,243,1);
}

#login-page div.forgotten-pass-section div.row input.btn:hover{
color:#fff;
border:0;
background: #f9b545;
background:url('../frameimage/login/forget-pass-icon-hover.png') no-repeat 12px 6px, -moz-linear-gradient(top, #f9b545 0%, #e8a349 100%);
background:url('../frameimage/login/forget-pass-icon-hover.png') no-repeat 12px 6px, -webkit-linear-gradient(top, #f9b545 0%,#e8a349 100%);
background:url('../frameimage/login/forget-pass-icon-hover.png') no-repeat 12px 6px, linear-gradient(to bottom, #f9b545 0%,#e8a349 100%);
filter:url('../frameimage/login/forget-pass-icon-hover.png') no-repeat 12px 6px, progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b545', endColorstr='#e8a349',GradientType=0 );
}

#login-page div.reg-section{
	margin-bottom:20px;
}

#login-page div.reg-section div.content{
padding-top:36px;
text-align:center;
}

#login-page a.reg-link{
	display:inline-block;
	margin-top:15px;
	line-height:40px;
	font-family: 'PT Serif', serif;
	font-size:20px;
	color:#a16e50;
	padding:0 16px 0 51px;
	border:1px solid #dddddd;
	text-transform:uppercase;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#fff url('../frameimage/login/prof-reg.png') no-repeat 17px 11px;
-webkit-box-shadow: 0px 6px 8px 0px rgba(244,243,243,1);
-moz-box-shadow: 0px 6px 8px 0px rgba(244,243,243,1);
box-shadow: 0px 6px 8px 0px rgba(244,243,243,1);
}

#login-page a.reg-link:hover{
color:#fff;
border-color:#e8a349;
background: #f9b545;
background:url('../frameimage/login/prof-reg-hover.png') no-repeat 17px 11px, -moz-linear-gradient(top, #f9b545 0%, #e8a349 100%);
background:url('../frameimage/login/prof-reg-hover.png') no-repeat 17px 11px, -webkit-linear-gradient(top, #f9b545 0%,#e8a349 100%);
background:url('../frameimage/login/prof-reg-hover.png') no-repeat 17px 11px, linear-gradient(to bottom, #f9b545 0%,#e8a349 100%);
filter:url('../frameimage/login/prof-reg-hover.png') no-repeat 17px 11px, progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b545', endColorstr='#e8a349',GradientType=0 );
}

@media screen and (max-width: 1200px){
#login-page div.login-section div.row{
	text-align:right;
	padding-right:200px;
}
#login-page div.login-section div.row label{
	width:165px;
}
#login-page div.login-section div.content:after{
	right:25px;
}
}

@media screen and (max-width: 1150px){
	#login-page div.forgotten-pass-section div.row{
		width:380px;
		margin:0 auto;
		text-align:center;
	}
	#login-page div.forgotten-pass-section div.row #login_reminder_input{
		margin:0 0 30px;
	}
}

@media screen and (max-width: 1110px){
#login-page div.login-section div.row{
	padding-right:150px;
}
#login-page div.login-section div.content:after{
	right:15px;
}
@media screen and (max-width: 1060px){
#login-page div.login-section div.row{
	padding:0;
	text-align:left;
}
#login-page div.login-section div.content:after{
	display:none;
}
}
@media screen and (max-width: 989px){
#login-page div.login-section div.row{
	text-align:center;
}
}
@media screen and (max-width: 840px){
#login-page div.login-section:after{
	width:100%;
	left:0;
	margin:0;
	background-size:100%;
}
}
@media screen and (max-width: 560px){
#login-page div.login-section div.content{
	border:0;
	background:none;
}
#login-page div.login-section div.row.name{
	margin-bottom:24px;
}
#login-page div.login-section div.row.pass{
	margin-bottom:9px;
}
#login-page div.login-section div.row label{
	display:none;
}
#login-page div.login-section div.row input{
	border-color:#ddd;
	background-color:#f7f7f7;
	height:38px;
	width:338px;
}
}
@media screen and (max-width: 420px){
	#login-page div.forgotten-pass-section div.row label{
		display:none;
	}
	#login-page div.forgotten-pass-section div.row #login_reminder_input{
		width:286px;
		margin:0 auto 30px;
		float:none;
	}
	#login-page div.forgotten-pass-section div.row{
		width:100%;
	}
}
@media screen and (max-width: 380px){
	#login-page div.login-section div.row input{
		width:310px;
	}
	#login-page div.forgotten-pass-section div.row input.btn{
		font-size:18px;
	}
}