body, form  {
	font-family : 'verdana ce', 'geneva ce', 'helvetica ce', verdana, tahoma, arial, sans-serif;
	margin: 0px 0px 0px 0px;
}
body {
	color: #5A5A5A;
	background-color: #ffffff;
	font-size: 77%;
	font-weight: bold;
	line-height: 1.4em;
	background-image: url('layout/img1.jpg');
	background-repeat: repeat-x;
}
img {
	display: block;
	border: 0px;
}

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #0000ff; text-decoration: none; }


#parccz, #puzzle, #puzzleend, #logo, #user, #login {
	position: absolute;
	background-repeat: no-repeat;
}

#parccz {
	right: 0px;
	top: 104px;
	width: 520px;
	height: 87px;
	background-image: url('layout/img2.jpg');
}
#puzzle {
	right: 0px;
	top: 191px;
	width: 79px;
	height: 166px;
	background-image: url('layout/img3.jpg');
}
#puzzleend {
	right: 0px;
	top: 357px;
	width: 20px;
	height: 15px;
	background-image: url('layout/img4.jpg');
	background-position: top right;
}

#logo {
	left: 45px;
	top: 220px;
	width: 154px;
	height: 53px;
	background-image: url('layout/logo.gif');
}
#text {
	position: absolute;
	top: 197px;
	left: 250px;
	margin: 0px 0px 0px 0px;
	height: 155px;
	overflow: auto;
	padding-right: 100px;
}
ul { list-style-type: square; }
li { padding: 1px; }


#log, #heslo, #ok {
}

#user {
	top: 380px;
	left: 50px;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
}

#login {
	top: 407px;
	left: 70px;
	color: #ffffff;
}

input {
	width: 130px;
	border: #ffffff 3px dotted;
	color: #ffffff;
	background-image: url('layout/img1.jpg');
	margin: 2px;
}