body {background:#fff;background-size:100%;margin:0 auto;padding:0;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

#container {width:100%;height:100%;display:table;position:fixed;background:#253544;}
#containerbox {display:table-cell;text-align:center;vertical-align:middle;font-family:'Roboto Condensed', sans-serif;line-height:1.5;}
#containerbag {width:90%;height:700px;margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto Condensed', sans-serif;background:#fff;color:#000;border-radius:10px;overflow:hidden;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);}
#containerleft {width:40%;height:700px;float:left;margin:0;padding:0;box-sizing:border-box;display:inline-flex;flex-wrap:wrap;}
#containerlefttop {width:100%;margin:0;padding:3%;text-align:left;box-sizing:border-box;display:flex;align-items:flex-start;}
.containerlefttoplog {width:100%;margin:0;padding:0;} 
.containerlefttoplog img {width:30%;height:auto;margin:0;padding:0;}

#containerleftmid {width:100%;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;}
#formcover {width:100%;margin:0 auto;padding:0;text-align:center;}
.formcoverfon {margin:0 auto 10px;padding:0;font-weight:400;font-size:50px;font-family:'Roboto Condensed', sans-serif;padding:0;line-height:0;color:#253544;}
.formcoverfon img {width:50px;height:auto;}
.formcovertit {font-weight:700;font-size:20px;font-family:'Roboto Condensed', sans-serif;padding:0;line-height:1.5;color:#253544;}
.formcoverdes {font-weight:400;font-size:15px;font-family:'Roboto Condensed', sans-serif;padding:0;line-height:1.5;color:#444444;}
.formcoverfom {margin:10px auto 0;padding:0;}
.formcovercol {width:100%;margin:5px 0;padding:6.4px;border:1px solid #ddd;background:#fff;font-weight:400;font-size:15px;font-family:'Roboto Condensed', sans-serif;color:#999;text-align:center;border-radius:3px;line-height:1.5;box-sizing:border-box;}
.formcovercol:focus {background:#fff;color:#253544;border:1px solid #253544;outline:none;}
.formcoverbut {margin:0;padding:0;}
.formcoverbut a {margin:0;padding:0;text-decoration:none;color:#253544;font-weight:700;font-size:15px;font-family:'Roboto Condensed', sans-serif;}
.formcoverbut a:hover {color:#253544;}

#containerleftbot {width:100%;margin:0;padding:3%;text-align:right;box-sizing:border-box;display:flex;align-items:flex-end;}
#copyright {width:100%;height:auto;margin:0;padding:0;font-size:13px;line-height:1.5;}
.copyrightlink {margin:0;}
.copyrightlink a {text-decoration:none;color:#253544;font-weight:700;}
.copyrightlink a:hover {color:#C00}
.copyrightcopy {padding:0;}
.copyrightdeveloped {width:100%;height:auto;font-size:11px;line-height:1.5;text-transform:uppercase;}
.copyrightdeveloped a {color:#000;text-decoration:none;}
.copyrightdeveloped a span {color:#C00;text-decoration:none;}

#containerrite {width:60%;float:left;line-height:0;}
.containerriteimg {width:100%;height:auto;overflow:hidden;}
.containerriteimg img {width:auto;height:100%;}
@media screen and (max-width:960px)
{
	body {background:#fff;background-size:100%;margin:0 auto;padding:0;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

	#container {width:100%;height:100%;display:table;position:relative;background:#253544;}
	#containerbox {display:table-cell;text-align:center;vertical-align:middle;font-family:'Roboto Condensed', sans-serif;line-height:1.5;padding:5% 0;}
	#containerbag {width:90%;height:auto;margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto Condensed', sans-serif;background:#fff;color:#000;border-radius:10px;overflow:hidden;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2);display:flex;align-items:center;flex-wrap:wrap;}
	#containerleft {width:100%;height:auto;float:left;margin:0;padding:0;box-sizing:border-box;display:inline-flex;flex-wrap:wrap;}
	#containerlefttop {width:100%;margin:0;padding:5%;text-align:center;box-sizing:border-box;display:flex;align-items:flex-start;}
	.containerlefttoplog {width:100%;margin:0;padding:0;} 
	.containerlefttoplog img {width:40%;height:auto;margin:0;padding:0;}

	#containerleftmid {width:100%;margin:5%;padding:0;display:inline-flex;align-items:center;justify-content:center;}
	#formcover {width:100%;margin:0 auto;padding:0;text-align:center;}
	.formcoverfon {margin:0 auto 10px;padding:0;font-weight:400;font-size:50px;font-family:'Roboto Condensed', sans-serif;padding:0;line-height:1;color:#253544;}
	.formcoverfon img {width:30px;height:auto;}
	.formcovertit {font-weight:700;font-size:20px;font-family:'Roboto Condensed', sans-serif;padding:0;line-height:1.5;color:#253544;}
	.formcoverdes {font-weight:400;font-size:15px;font-family:'Roboto Condensed', sans-serif;padding:0;line-height:1.5;color:#444444;}
	.formcoverfom {margin:10px auto 0;padding:0;}
	.formcovercol {width:100%;margin:5px 0;padding:6.4px;border:1px solid #ddd;background:#fff;font-weight:400;font-size:15px;font-family:'Roboto Condensed', sans-serif;color:#999;text-align:center;border-radius:3px;line-height:1.5;box-sizing:border-box;}
	.formcovercol:focus {background:#fff;color:#253544;border:1px solid #253544;outline:none;}
	.formcoverbut {margin:0;padding:0;}
	.formcoverbut a {margin:0;padding:0;text-decoration:none;color:#253544;font-weight:700;font-size:15px;font-family:'Roboto Condensed', sans-serif;}
	.formcoverbut a:hover {color:#253544;}

	#containerleftbot {width:100%;margin:0;padding:5% 0;text-align:center;box-sizing:border-box;display:flex;align-items:flex-end;}
	#copyright {width:100%;height:auto;margin:0;padding:0;font-size:13px;line-height:1.5;}
	.copyrightlink {margin:0;}
	.copyrightlink a {text-decoration:none;color:#253544;font-weight:700;}
	.copyrightlink a:hover {color:#C00}
	.copyrightcopy {padding:0;}
	.copyrightdeveloped {width:100%;height:auto;font-size:11px;line-height:1.5;text-transform:uppercase;}
	.copyrightdeveloped a {color:#000;text-decoration:none;}
	.copyrightdeveloped a span {color:#C00;text-decoration:none;}

	#containerrite {width:100%;float:left;line-height:0;}
	.containerriteimg {width:100%;height:auto;overflow:hidden;}
	.containerriteimg img {width:100%;height:auto;}
}

.loginbutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #253544), color-stop(1, #253544));
	background:-moz-linear-gradient(top, #253544 5%, #253544 100%);
	background:-webkit-linear-gradient(top, #253544 5%, #253544 100%);
	background:-o-linear-gradient(top, #253544 5%, #253544 100%);
	background:-ms-linear-gradient(top, #253544 5%, #253544 100%);
	background:linear-gradient(to bottom, #253544 5%, #253544 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#253544', endColorstr='#253544',GradientType=0);
	background-color:#253544;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:700;
	font-size:15px;
	font-family:'Roboto Condensed', sans-serif;
	padding:10px 0;
	text-decoration:none;
	width:100%;
	margin-top:10px;
}
.loginbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #253544), color-stop(1, #253544));
	background:-moz-linear-gradient(top, #253544 5%, #253544 100%);
	background:-webkit-linear-gradient(top, #253544 5%, #253544 100%);
	background:-o-linear-gradient(top, #253544 5%, #253544 100%);
	background:-ms-linear-gradient(top, #253544 5%, #253544 100%);
	background:linear-gradient(to bottom, #253544 5%, #253544 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#253544', endColorstr='#253544',GradientType=0);
	background-color:#253544;
}
.loginbutton:active {
	position:relative;
	top:1px;
}