@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext);
/*@import "plugins1/jquery/jquery-ui.min.css";
@import "bootstrap/bootstrap.min.css";
@import "fontawesome/font-awesome.min.css";*/
/*@import "animate/animate.min.css";*/




/* GENERAL SHEET START HERE-----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	text-align:left;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height:17px;
	color: #686869;
}
a {text-decoration: none; color:#156395;}
a:hover {text-decoration: underline; color:#156395;}
p {	margin: 15px 0px; text-align:center;}




h1{
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	padding-bottom:5px;
	text-rendering:optimizeLegibility;
	font-weight: 400;
}
h2{
	font-family:'Roboto' Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;
	padding-bottom:5px;
	text-rendering:optimizeLegibility;
	font-weight: 400;
}
h3{
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	padding-bottom:5px;
	text-rendering:optimizeLegibility;
	font-weight: 400;
}
h4{
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	padding-bottom:5px;
	text-rendering:optimizeLegibility;
	font-weight: 400;
}
h5{
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#000000;
	text-rendering:optimizeLegibility;
	font-weight: 400;
}
/* GENERAL SHEET END HERE-----------------------------------------------------------------*/

























/* CONTENT START HERE-----------------------------------------------------------------*/
#content {
	margin:	0 auto;
	display:block;
	width:850px;
	min-height:300px;
	padding-top:200px;	
}
#content-left {
	display:block;
	float:left;
	width:470px;
	min-height:300px;	
}
		
		
		/*LOGO START HERE------------------------*/
		#content-left .logo{
			display:block;
			width:462px;
			height:122px;
		}
		#content-left .logo a{
			margin: 0 auto;
			display:block;
			background: url(../images/signin/logo.png) top left no-repeat;	
			width:462px;
			height:122px;
		}	
		/*LOGO END HERE------------------------*/
		
		
#content-right {
	display:block;
	float:right;
	width:320px;
	min-height:300px;	
}
/* CONTENT END HERE-----------------------------------------------------------------*/

























/* OTHER START HERE-----------------------------------------------------------------*/
.row {margin:0 auto;}
.col {float: left;}
.col-right{float: right;}
.clear{clear:both;height:0;}


.space1{height:10px;}
.space2{height:20px;}
.space3{height:30px;}
.space4{height:40px;}
.space5{height:50px;}


.color-orange{color:#ec8534;}
.color-white{color:#ffffff;}
.color-black{color:#000000;}
.color-blue{color:#156395;}
.color-grey{color:#cacaca;}
/* OTHER END HERE-----------------------------------------------------------------*/


















/* FORMS SHEET START HERE-----------------------------------------------------------------*/
.message-success{
	display:none;
	width:93%;	
	padding:10px;	
	
	border:1px #E6DB55 solid;
	background-color:#FFFFE0;
	color:#584b46;	
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	text-align:center;
	margin-bottom:8px;
	font-size:12px;
}
.message-error{
	display:none;
	width:93%;	
	padding:10px;
		
	border:1px #BD0C18 solid;
	background-color:#FEE9EA;
	color:#BD0C18;
		
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	text-align:center;
	margin-bottom:8px;
	font-size:12px;
}


form{
	margin:0 auto;
	padding:0px;
}
.form {
	display:block;
	width:83%;
	
	padding-top: 12px;
	padding-left: 40px;
	padding-right: 12px;
	padding-bottom: 12px;
	margin-bottom:5px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	text-align:left;
	height:13px;	
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:1px #D6D6D6 solid;
	resize: none;
	
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
}
/*
input:focus {
    -webkit-box-shadow: 0px 0px 13px -3px rgba(66,136,204,0.63);
-moz-box-shadow: 0px 0px 13px -3px rgba(66,136,204,0.63);
box-shadow: 0px 0px 13px -3px rgba(66,136,204,0.63);
	border:1px #66afe9 solid;
} */

.form.email {	
	background:#fff url(../images/signin/icon-email.png) no-repeat;
	background-position:10px 9px;
}
.form.password {	
	background:#fff url(../images/signin/icon-password.png) no-repeat;
	background-position:10px 9px;
}


.form-btn {	
	display:block;
	width:100%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	
	
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	
	background:#156395;
	border:1px #156395 solid;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
	-khtml-border-radius: 6px;
	
}
.form-btn:hover{	
	background:#10517B;
	border:1px #10517B solid;
	
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.23);
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.23);
}
/* FORMS SHEET END HERE-----------------------------------------------------------------*/