.login_box_content {
	width:100%;
	padding:0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 	
}

.login_box {
	width:100%; 
	max-width:500px; 
	height:220px; 
	background-color:#677882;
	margin-top:50px; 
	box-shadow: 2px 2px 5px #999999;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

.login_box_left {
	width:80%; 
	height:100%;
	float:left;
}

.login_title{
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:16px; 
	margin-left:20px; 
	margin-right:10px;
	border-bottom:1px solid #CCCCCC;
}

.login_text{
	color:#FFFFFF;
	margin:0; 
	padding:0
}

.login_fields{
	width:40%; 
	float:left;
	margin-left:20px
}

.login_pass_recovery{
	width:100%; 
	float:left;
	margin-left:20px
}

.login_cr{
	position: absolute;  
	bottom: 0; width: 100%; 
	margin-left:20px; 
	margin-bottom:15px;
}

.login_box_left_event {
	width:100%; 
	margin: 10px 0px 10px 20px;
}

.login_box a, .login_box a:link , .login_box a:visited {
	color:#FFFFFF;
}

.login_box_right {
	width:20%; 
	height:100%;
	float:right; 
	background-color: #950000;
}

.login_box_right a, .login_box_right a:link, .login_box_right a:visited {
	background-color:#950000; 
	border:none; 
	margin:0; 
	padding:0; 
	color:#FFFFFF; 
	font-size:16px; 
	font-weight:bold; 
	text-decoration:none
}

.login_box_right_img {
	margin:50px 0px 0px 0px; 
	text-align:center
}

.login_box_right_button {
	position:absolute; 
	bottom:0; 
	margin-bottom:10px; 
	width:20%; 
	text-align:center
}

.login_copyright {
	position: absolute;  
	bottom: 0; 
	width: 100%; 
	margin-left:20px; 
	margin-bottom:10px;
}

.login_copyright_responsive {
	position: absolute;  
	bottom: 0; 
	width: 100%; 
	margin-left:15px; 
	margin-bottom:5px;	
	display:none;	
	font-size:10px;
}

@media screen and (max-width: 768px) {
	.login_copyright {
		display:none;
	}
	
	.login_copyright_responsive {	
		display: block;
	}
	
	.login_box {
		height: 200px;
	}
	
	.login_title, .login_box_left_event, .login_fields, .login_pass_recovery {
		margin-left:15px;	
	}
	
	.login_pass_recovery p {
		margin:5px 0;	
	}
	
	.login_title {
		margin-top:14px;
		margin-bottom:14px;
	}
}

/*
.login_box {width:100%; max-width:500px; height:220px; background-color:#677882;left:50%;position:absolute; margin-left:-250px;margin-top:50px; box-shadow: 2px 2px 5px #999999}
.login_box_left {width:80%; height:100%;float:left;}
.login_title{color:#FFFFFF; font-weight:bold; font-size:16px; margin-left:20px; margin-right:10px;border-bottom:1px solid #CCCCCC}
.login_text{color:#FFFFFF;margin:0; padding:0}
.login_fields{width:25%; float:left;margin-left:20px}
.login_field{color:#FFFFFF;margin:0; padding:0}
.login_cr{position: absolute;  bottom: 0; width: 100%; margin-left:20px; margin-bottom:15px}
.login_box_right {width:20%; height:100%;float:right; background-color: #950000;}
.login_box_right a, .login_box_right a:link, .login_box_right a:visited {background-color:#950000; border:none; margin:0; padding:0; color:#FFFFFF; font-size:16px; font-weight:bold; text-decoration:none}
.login_box_right_img {margin:50px 0px 0px 0px; text-align:center}
.login_box_right_button {position:absolute; bottom:0; margin-bottom:10px; width:100px; text-align:center}
.login_box_left_event {width:20%; float:left; margin: 10px 0px 10px 20px}
.login_box a, .login_box a:link , .login_box a:visited {color:#FFFFFF;}
*/