/*----------------------------------------------------------------------*/
/* Reset
/*----------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:100;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
*{
   -webkit-text-size-adjust:none;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*----------------------------------------------------------------------*/
/* Font Declaration
/*----------------------------------------------------------------------*/

html, textarea, input, input[type=submit], button, a.btn, span, div.alert p, header{ 
	font-family:'PT Sans', sans-serif;
}
code, pre{
	font-family:"Courier New", Courier, monospace;
}
blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*----------------------------------------------------------------------*/
/* General Section
/*----------------------------------------------------------------------*/

html, body, textarea, input { 
	font-size:12px;
	-webkit-text-size-adjust:none;
}
html{
	background-attachment:fixed;
	overflow-y:scroll;
}
a{ text-decoration:none; cursor:pointer;}
a:hover { text-decoration:underline; }
a, a:hover, a:visited, a:link {color:#000;}

::-moz-selection{ text-shadow:none; }
::selection { text-shadow:none; }

header, footer, nav, section{
	display:block;
}

h1, h2, h3, h4, h5, h6{
	font-weight:100;
}
h1 {
	font-size:28px;
	line-height:36px;
	margin-top:22px;
}
h2 {
	font-size:24px;
	line-height:32px;
}
h3 {
	font-size:20px;
	line-height:28px;
}
h4 {
	font-size:18px;
	line-height:24px;
}
h5 {
	font-size:16px;
	line-height:22px;
}
h6 {
	font-size:14px;
	line-height:20px;
}
h1 span{
	font-size:14px;
	line-height:14px;
}
h2 span{
	font-size:12px;
	line-height:12px;
}
h3 span{
	font-size:10px;
	line-height:10px;
}

p, ul, ol, pre{
	margin-bottom:14px;
	line-height:18px;
	font-size:12px;
}

blockquote{
	font-size:16px;
	font-style:italic;
	border-left:5px solid;
	padding:0 18px;
	margin:36px;
}
li{
	margin-left:18px;
}

hr { 
	display:block;
	height:0px;
	line-height:0px;
	border:0;
	border-top:1px solid;
	border-bottom:1px solid;
	margin:16px 0;
	float:none;
	clear:both;
	padding:0;
}
strong{
	font-weight:700;
}
em{
	font-style:italic;
}
img{
	border:0;
}

.small{
	font-size:10px;
}

/*----------------------------------------------------------------------*/
/* Header
/*----------------------------------------------------------------------*/

body{
	width:100%;
	background:url(images/bk_login.jpg) top center no-repeat;
	background-size:cover;
	font-family:Arial, sans-serif;
}

#logo{
	height:129px;
	padding:0;
	margin:0 auto;
	width:208px;
	border:0;
	background:url(images/logo.jpg) left center no-repeat;
}

#logo, #logo a {
	font-weight:700;
	font-size:20px;
	text-decoration:none;
	text-indent:-99999px;
}

/*----------------------------------------------------------------------*/
/* Login
/*----------------------------------------------------------------------*/

header{
	width:100%;
	height:135px;
	clear:both;
	background:#fff;
}

form{
	padding:0;
	width:290px;
	height:170px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -85px;
    margin-left: -145px;
}

form section label{
	font-size:12px;
	color:#000;
	font-weight:bold;
}

form section input{
	border:1px solid #ccc;
	background:#fff;
	border-radius:5px;
	height:20px;
	padding:3px;
	color:#666;
	font-family:Arial, sans-serif;
	width:100%;
	margin-bottom:20px;
}

form section button{
	border:1px solid #ccc;
	background:#fff;
	border-radius:5px;
	height:25px;
	width:65px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-family:Arial, sans-serif;
	float:right;
	cursor:pointer;
}

footer{
	clear:both;
	color:#666;
	font-size:16px;
	margin-top:30px;
	background:#fff;
	height:50px;
	position:fixed;
	bottom:0;
	text-align:left;
	padding-left:30px;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (min-width: 768px) {
#logo{
	margin-left:30px;
	float:left;
}

}