html { position: absolute; height: 100%; width: 100%; z-index: 0;}
body { position: relative; background-color: #fff; height: 100%; width: 100%; font-size: 13px; font-family: helvetica, Tahoma, Arial; }

body, div, p, b, span, h1, h2, h3, h4, table, tr, td, ul, li, form, label, object, br, button, a, hr {
  padding: 0;
  margin: 0;
  position: relative;
}

.all {
	max-height: 1000%;
	min-height: 100%;
	width: 100%;
	background: #fff url(../img/main_bg.png) center bottom repeat-x;
}

.content {
	height: auto;
	width: 960px;
	margin: 0 auto;
	padding: 120px 0 0 0;
	background: url(../img/logo.jpg) center 25px no-repeat;
}
.logo {
	height: 70px;
	width: 100%;
	position: absolute;
	top: 25px;
	left: 0;
	background: url(../img/logo.jpg) center 0 no-repeat;
}

.login-form {
	height: 268px;
	width: 252px;
	margin: 0 auto;
	background: url(../img/login-back.png) center no-repeat;
}

.form-div {
	height: auto;
	width: auto;
	padding: 20px 30px;
}

.form-div h1 {
	font-size: 16px;
	color: #6a747c;
	margin-bottom: 12px;
	font-weight: normal;
}

.form-div label {
	font-size: 12px;
	display: block;
	clear: both;
	color: #959CA1;
}

.form-div input, .form-div textarea {
	width: 185px;
	padding: 3px;
	clear: both;
	display: block;
	font-family: helvetica, Tahoma, Arial;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.form-div textarea {
	width: 385px;
	height: 55px;
}

.form-div input#knopka {
	height: 34px;
	width: 193px;
	margin: 15px auto 19px auto;
	padding: 0;
	border: 0;
}

.click-here {
	font-size: 12px;
	color: #959ca1;
	margin: 0 -10px;
	padding-top: 18px;
	border-top: 1px solid #ccc;
}

.click-here a {
	color: #f6981f;
	font-weight: bold;
}

#video_win,
#video_win2 {
    background-image: url(../img/intro_win.png);
	margin: 0 auto 50px auto;
    height: 482px;
    width: 854px;
    position: relative;
}

#video_win2 {
    background-image: url(../img/video_win.png);
}

#round_left{  
  position: absolute;
  top:0px;
  left:0px;        
  width: 10px;
  height: 482px;	
  background-image: url("../img/round_left.png");    
  background-repeat: none;	
  z-index: 10;
}
#round_top{  
  position: absolute;
  top:0px;
  left:0px;        
  width: 854px;
  height: 11px;	
  background-image: url("../img/round_top.png");    
  background-repeat: none;	
  z-index: 10;
}
#round_right{  
  position: absolute;
  top:0px;
  left:844px;        
  width: 10px;
  height: 482px;	
  background-image: url("../img/round_right.png");    
  background-repeat: none;	
  z-index: 10;
}
#round_bottom{  
  position: absolute;
  top:471px;
  left:0px;        
  width: 854px;
  height: 11px;	
  background-image: url("../img/round_bottom.png");    
  background-repeat: none;	
  z-index: 10;
}

.enter {
	height: 69px;
	width: 236px;
	cursor: pointer;
	margin: 0 auto;
	background: url(../img/enter.png) center no-repeat;
}

.div12 {
	margin: 0 auto;
	width: auto;
	text-align: center;
}

.div12 img {
	display: inline-block;
	cursor: pointer;
	margin: 0 15px;
}

.links, .links a {
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	color: #f6981f;
}
.links{
	padding-left: 21px;	
}

.temnota {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50); 
}

.about {
	height: 580px;
	width: 450px;
	z-index: 10000;
	padding: 20px 0 0 0;
	margin: 0 auto;
	background: url(../img/about.png) top center;
	overflow: hidden;
}

.about p {
	font-size: 16px;
	margin: 5px 35px;
	color: #959ca1;
}

.about-content {
	height: 500px;
	width: auto;
	overflow: hidden;
	padding: 0 45px 0 0 !important;
	margin: 0 0 0 35px;
}

.about-content p {
	color: #959ca1;
	margin: 5px 0;
	font-size: 12px;
}

.close {
	position: absolute;
	right: 10px;
	top: 12px;
	cursor: pointer;
}

.contact {
	height: 293px;
	width: 452px;
	margin: 0 auto;
	z-index: 10;
	background: url(../img/contact-back.png) 0 0 no-repeat;
}

.invite {
	height: 218px;
	width: 352px;
	background: url(../img/invite.png) 0 0 no-repeat;
}

.invite h1 {
	margin-top: 15px;
}

.invite input {
	width: 285px;
}

.thank {
	height: 128px;
	width: 352px;
	margin: 0 auto;
	z-index: 10;
	background: url(../img/thank-back.png) 0 0 no-repeat;
}

.thank h1 {
	margin-top: 20px;
}

.thank p {
	font-size: 12px;
	color: #959ca1;
}

.jScrollPaneTrack {
	height: 500px !important;
	width: 16px !important;
	position: absolute;
	right: 0 !important;
	top: 0 !important;
	background: url(../img/scroller-line.png);
}

.jScrollPaneDrag {
	height: 60px !important;
	width: 12px  !important;
	margin: 2px !important;
	cursor: pointer !important;
	background: url(../img/scroll.png) ;
}

/* IE SPECIFIC HACKED STYLES */
* html .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */

.jScrollPaneContainer {
	width: ;
	overflow: hidden;
	z-index: 1;
	outline: 0;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
/*laast*/
#error{
	font-size: 11px;
	color:red;	
}
.close{
	cursor:pointer;
}

textarea {
    resize: none;
}