@charset "utf-8";
/* CSS Document */
@import url(bootstrap.min.css);
@import url(typicons.min.css);
html { 
	background: #dedede url(../img/bg_body.jpg) no-repeat center bottom; 
	color: #252525;
	height: 100%;
	background-size: cover;
}
body {
	background: none;
	font: 14px 'Trebuchet MS', Arial, sans-serif;
	height: 100%;
}
/*wrap*/
#wrap {
	height: auto;
	min-height: 100%;
	padding: 0 0 42px;
	margin: 0 auto -42px;
}
/*header*/
#header{
	min-height: 69px;
	padding: 12px;
	background: #fff;
	/*
	background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background-image: -o-linear-gradient(top, #ffffff, #dddddd);
	background-image: linear-gradient(to bottom, #ffffff, #dddddd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*/
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
}
	.header-logo{
		padding: 0;
		margin: 0 auto;
		max-width: 100%;
		color: #00649d;
	}
		.header-logo a{ display: block;}
		.header-logo .title{
			padding: 3px 0 0; 
			font-size: 28px;
		}
			.header-logo img{ max-width: 100%}
/*content*/
#content{ padding: 0 0 10px;}
/*login*/
.login{
	max-width: 572px;
	margin: 150px auto 0;
	padding: 0 10px;
}
	.border-logo{ 
		margin: 0 0 10px; 
		max-width: 100%;
	}
		.border-logo img{ max-width: 100%;}
	.border-title{ 
		margin: 0 0 15px;
		color: #00649d;
	}
	.login .input-group{
		height: 41px;
		line-height: 41px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 0 0 10px;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
	}
		.login .input-group .form-control{
			height: 41px;
		}
		.login-icon{ 
			color: #bbbbbc;
			font-size: 20px;
		}
	.login-button{
		margin: 9px 0 0;
		padding: 0 15px;
	}
		.btn-primary{
			height: 41px;
			background: #00649d;
			border: 1px solid #1f3e50;
			font-weight: bold;
			text-transform: uppercase;
			text-shadow: 1px 1px 1px rgba(000, 000, 000, 0.4);
			-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
		}
		.btn-primary:hover,
		.btn-primary:focus,
		.btn-primary:active,
		.btn-primary.active,
		.open .dropdown-toggle.btn-primary {
			background-color: #4a7da5;
			border-color: #1f3e50;
		}
/*footer*/
#footer {
	min-height: 42px;
	margin: 0 auto;
	padding: 6px 0 0;
	background: #00649d;
	border-top: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.66);
}
	.footer-logo{ margin: 0 auto;}
/**/
@media (min-width: 992px){
	.login{
		margin: 150px auto 0;
	}
}
@media (min-width: 768px) {
	.login{
		margin: 100px auto 0;
	}
}
@media (max-width: 768px) {
	.login{
		margin: 50px auto 0;
	}
}
@media (max-width: 640px) {
	.login{
		margin: 10px auto 0;
	}
	.border-logo{ 
		margin: 0 0 10px; 
	}
	.login-button{
		margin: 0;
	}
}