@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400&subset=latin,greek);

body{
	background: #fff;
	font-size:13px; 
	font-family: Arial, sans-serif; 
	color: #404040; 
	margin:0;
	padding:0;
	position:absolute;
	height:100%;
	min-width:100%;
	}

a { text-decoration:none }

.wrapper{
	position:relative;
	min-height:100%;
}

.outofservice{
	background:url('../images/Under-construction.png') no-repeat 50% 0%;
	width:450px;
	padding-top:250px !important;
	margin:auto;
}
.outofservice .title{
	margin:30px 0 60px;
	text-align:center;
}
.outofservice .button{
	width:60%;
	margin:auto;
}


.logo{
	background:url('../images/logo.png') no-repeat 50% 50%;
	width:307px;
	/*height:120px;*/
	height:130px;
	margin:0px auto 30px;
	
}

.main{
	padding:0px 44px 100px;
}	

.title{
	text-align:center;
}

.title h1{
	font-family: 'Open Sans', sans-serif;
	color:#555;
	font-size:38px;
	font-weight:300;
	margin-top:0px;
	margin-bottom:15px;
}

.card{
	width:274px;
	padding:40px;
	margin-bottom:20px;
	background-color:#f7f7f7;
	margin:0 auto 25px;
	border-radius:2px;
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img{
	width:96px;
	height:96px;
	margin:0 auto 36px;
	display:block;
	border-radius:50%;
}



input[type=text],input[type=password]{
	padding:0 8px;
	margin:0;
	background:#fff;
	border:1px solid #d9d9d9;
	border-top:1px solid #c0c0c0;
	border-radius:1px;
	color:#404040;
	width:100%;
	display:block;
	position:relative;
	box-sizing:border-box;
	height:44px;
	font-size:16px;
}

input[type=text]:hover,input[type=password]:hover{
	z-index:3;
	outline:none;
	border:1px solid #b9b9b9;
	border-top:1px solid #a0a0a0;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
}

input[type=text]:focus,input[type=password]:focus{
	z-index:3;
	outline:none;
	border:1px solid #4d90fe;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);	
}


input[type=text].form-error,input[type=password].form-error{
	border:1px solid #dd4b39;
}



#username{
	margin-bottom:0;
}

#password{
	margin-bottom:10px;
	margin-top:-1px;
}

.error-msg{
	margin:.5em 0;
	display:block;
	color:#dd4b39;
	line-height:17px;
}

.button{
	width:100%;
	display:block;
	position:relative;
	box-sizing:border-box;
	padding:0;
	font-family:Arial, sans-serif;
	border:1px solid #3079ed;
	color:#fff;
	text-shadow:0 1px rgba(0,0,0,0.1);
	background-color:#4D90FD;
	background-image:-o-linear-gradient(top,#4d90fe,#4787ed);
	background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image:linear-gradient(top,#4d90fe,#4787ed);
	min-width:46px;
	text-align:center;
	font-size:14px;
	font-weight:700;
	height:36px;
	border-radius:3px;
	-webkit-transition:all 0.218s;
	transition:all 0.218s;
	-webkit-user-select:none;
	cursor:default;
}

.button:hover{
	border:1px solid #2f5bb7;
	color:#fff;
	text-shadow:0 1px rgba(0,0,0,0.3);
	background-color:#357ae8;
	background-image:-o-linear-gradient(top,#4d90fe,#357ae8);
	background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image:linear-gradient(top,#4d90fe,#357ae8);
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	text-decoration:none;
}







.footer-bar{
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #e5e5e5;
	background: #F8FBFD; 	
}

.footer{
	font-family: 'Open Sans', sans-serif;
	color:#737373;
	padding:17px 70px 35px;
	font-size:.85em;
	height:25px;
}

#created{
	float:left;
	padding-right:5em;
}

#created a{
	font-size:1.1em;
	font-weight:bold;
	color:#666;
}

#address{
	float:left;
	line-height:17px;
}

#address div{
	font-size:0.8em;
	color:#999;
	margin-left:10px;
}


@media only screen and (max-width : 480px) , only screen and (max-height : 480px) {
.logo{
	width:153px;
	height:60px;
	margin-bottom:10px;
	background-size:contain;
	}
	
.title h1{
	font-size:28px;
	}
	
.main{
	padding-left:8px;
	padding-right:8px;
	}

.card {
	width:250px;
	padding:24px;
	}

.profile-img{
	width:72px;
	height:72px;
	}
	
.footer{
	padding-left:8px;
	padding-right:8px;
	}
}