/* RESET */

html, body, div, span, applet, object, iframe, 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, 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: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

:focus
	{
		outline: 0;
	}

body
	{
		line-height: 1;
		color: #494949;
		background: #fff;
	}

table
	{
		border-collapse: separate;
		border-spacing: 0;
	}

caption, th, td
	{
		text-align: left;
		font-weight: normal;
	}

blockquote:before, blockquote:after, q:before, q:after
	{
		content: "";
	}

blockquote, q
	{
		quotes: "" "";
	}

/* GLOBAL */

body
	{
		font-size: 100%;
		line-height: 1.2em;
		font-family: Arial, sans-serif;
		color: #000;
		background: #fff;
	}

.container
	{
		width: 1000px;
		margin: 0 auto;
		padding-top: 40px;
		z-index: 3;
		position: relative;
	}

/* ALL */

a
	{
		color: #3399ff;
	}

/* MAIN PAGE */

#main-page
	{
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

#main-page .bg
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 0px;
		height: 0px;
		z-index: 1;
	}

#main-page .grid
	{
		background: url(/lib/media/grid.png);
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;		
	}

/* HEADER */

.header
	{
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		height: 46px;
		background: #222;
		z-index: 1000;
/* 		box-shadow: 0px 1px 1px rgba(0, 0, 0, .25); */
	}

/* LOGIN FORM */

.login-form
	{
		width: 233px;
		padding: 20px;
		background: rgba(255, 255, 255, .9);
		border-radius: 7px;
		position: absolute;
		right: 20px;
		top: 100px;
		text-align: center;
		font-size: 12px;
	}

.uk .login-form
	{
		width: 254px;
	}

.en .login-form
	{
		width: 200px;
	}

.login-form input[type=text], .login-form input[type=password]
	{
		width: 100%;
		border: none;
		outline: none;
		display: block;
		margin: 0;
		padding: 4px;
		overflow: hidden;
		line-height: 22px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #000;
		z-index: 1;
		-webkit-appearance: none;
		border: 1px solid #aaa;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
    box-sizing: border-box;
		text-align: center;
		margin-bottom: 10px;
		padding-left: 40px;
		text-align: left;
	}

.login-form input[type=submit]
	{
		border: none;
		outline: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #fff;
		background: #009999;
		-webkit-appearance: none;
		line-height: 32px;
		padding: 0px 20px;
		cursor: pointer;
	}

.login-form label
	{
		display: block;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		display: block;
		text-align: left;
		margin-bottom: 5px;
	}


.login-form .facebook, .login-form .google
	{
		height: 32px;
		background: #3d5a98;
		color: #fff;
		border-radius: 4px;
		padding-left: 40px;
		position: relative;
		margin-bottom: 10px;
		font-size: 14px;
		text-align: left;
		overflow: hidden;
		line-height: 32px;
		cursor: pointer;
	}

.login-form .google
	{
		background: #d84a3e;
	}

.login-form .facebook i, .login-form .google i
	{
		width: 32px;
		height: 32px;
		display: block;
		background: #fff url(/lib/media/social.png) 0 0 no-repeat;
		position: absolute;
		left: 0px;
		top: 0px;
	}

.login-form .google i
	{
		background-position: -64px 0;
		left: 5px;
	}

.login-form .hr
	{
		margin-bottom: 10px;
	}

.login-form .hr span
	{
		
	}



.logo
	{
		height: 0;
		padding-top: 33px;
		overflow: hidden;
		display: block;
		width: 178px;
		position: absolute;
		left: 20px;
		top: 6px;
		background: url(/lib/media/logo.png);	
	}




