* { margin: 0; padding: 0; border: 0; }

body {
	font-family: Verdana;
	font-size: 12px;
	color: #212121;
	background: #212121 url(images/tlo.jpg) top repeat-x;
}

td {
	font-family: Verdana;
	font-size: 12px;
	color: #212121;
}

a {
	color: #148be1;
	text-decoration: none;
}
a:hover { color: #0266ad; }

input, textarea, select {
	font-family: Verdana;
	font-size: 11px;
}
.sbmt {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #48a7ec url(images/sbmt-t.gif) repeat-x;
}

h1 {
	padding: 0 10px 5px 10px;
	border-bottom: 1px #838383 solid;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
}
h2 {
	padding-bottom: 5px;
	font-size: 16px;
}
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5, h6 { font-size: 13px; }

#top, #main, #footer {
	margin: 0 auto;
	width: 890px;
	overflow: hidden;
	position: relative;
	clear: both;
}

.clr { clear: both; }
.wyr { color: #148be1; }
.error {
	font-weight: bold;
	color: #e60303;
	text-align: center;
}

/**** TOP ****/
	#logo {
		margin: 10px 14px;
		float: left;
	}
	#top-info {
		margin: 20px 18px 0 18px;
		width: 333px;
		float: left;
	}
	#top-login {
		margin-top: 19px;
		width: 271px;
		float: right;
	}
	#top-login img {
		border: 1px #212121 solid;
		float: left;
	}
	#top-login input {
		padding: 4px 3px 3px 3px;
		width: 81px;
		background-image: url(images/top-input.gif);
		background-repeat: no-repeat;
	}
	#top-login input.sbmt {
		padding: 0 0 1px 0;
		width: 90px;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		background: #f8b049 url(images/sbmt.gif);
		background-repeat: repeat-x;
	}
	#navigation {
		border-top: 1px #148be1 solid;
		border-bottom: 1px #148be1 solid;
		background-color: #ffffff;
	}
	#navigation a { color: #000000; }
	#navigation-container {
		margin: 0 auto;
		padding: 2px 0;
		width: 890px;
	}
	a#navigation-pos {
		font-weight: bold;
		color: #148be1;
	}
/**** /TOP ****/
/**** MAIN ****/
	#main { padding: 9px 0; }
	
	/**** LEFT ****/
	#left {
		width: 230px;
		float: left;
	}
	#left a { color: #212121; }
	#left a:hover { color: #148be1; }
	/**** /LEFT ****/
	/**** RIGHT ****/
	#right {
		width: 650px;
		overflow: hidden;
		float: right;
	}
	#search {
		position: absolute;
		top: 2px;
		right: 0;
	}
	#search input {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px #f8b657 solid;
		padding: 5px;
		width: 160px;
	}
	/**** /RIGHT ****/
	/**** BLOCK ****/
	.block { position: relative; }
	.block .title {
		padding-bottom: 1px;
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		background: #3ba0e9 url(images/block-tt.gif);
	}
	.block .title a.active { font-weight: bold; }
	.block .content {
		border: 1px #148be1 solid;
		padding: 10px;
		background-color: #ffffff;
	}
	.block .content iframe { margin: 0 auto; }
	.block .arttitle {
		font-size: 14px;
		font-weight: bold;
	}
	.block .ot {
		margin: 0 auto;
		width: 230px;
		font-size: 22px;
		text-align: center;
	}
	.block .ot a {
		padding-bottom: 4px;
		width: 110px;
		color: #212121;
		display: block;
		background: #f9d29a url(images/block-ott.gif) no-repeat;
		float: left;
	}
	.block .ot a.active { background-image: url(images/block-ott2.gif); }
	.block .navigation {
		padding: 3px 0;
		font-family: Tahoma;
		font-size: 16px;
		color: #303030;
		text-align: center;
		background: #f8b657 url(images/block-nt.gif);
	}
	.block .navigation a { color: #303030; }
	.block .navigation a.active { font-weight: bold; }
	.block .emblemat { 
		border: 2px #212121 solid;
		float: left;
	}
	.block .pages {
		padding: 5px 0;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
	}
	.block .pages a {
		padding: 2px 5px;
		display: block-inline;
		font-weight: normal;
		color: #ffffff;
		background: #39a1ed url(images/pages_tl.gif) left no-repeat;
		position: relative;
	}
	.block .pages a span {
		height: 100%;
		width: 3px;
		background-image: url(images/pages_tr.gif);
		background-repeat: no-repeat;
		background-position: right;
		position: absolute;
		top: 0;
		right: 0;
	}
	.block .pages a.active { background-image: url(images/pages_tla.gif); }
	.block .pages a.active span { background-image: url(images/pages_tra.gif); }
	.block .pages a:hover { background-image: url(images/pages_tlh.gif); }
	.block .pages a:hover span { background-image: url(images/pages_trh.gif); }
	/**** /BLOCK ****/
	/**** MENU ****/
	.menu, .menu li { list-style: none; }
	.menu li {
		padding-left: 5px;
		border-top: 1px #dadada solid;
		font-size: 13px;
		font-weight: bold;
		display: block;
	}
	.menu li a {
		padding: 6px 0;
		display: block;
	}
	.menu li a:hover {
		background-image: url(images/menu-c.gif);
		background-repeat: no-repeat;
		background-position: right center;
	}
	.menu li img { margin: 0 7px -6px 7px; }
	/**** /MENU ****/
	/**** CONTENT ****/
	#content .title {
		padding: 3px 0;
		font-size: 14px;
		color: #212121;
		background: #f7a42e;
	}
	#content .title a { color: #212121; }
	#content .content {
		border-color: #f7a42e;
		line-height: 17px;
	}
	#content .more { font-weight: bold; }
	#content ul, #content ol { padding-left: 25px; }
	/**** /CONTENT ****/
	/**** GRA TYGODNIA ****/
	#gra_tygodnia {
		width: 290px;
		float: right;
	}
	#gra_tygodnia img { border: 2px #212121 solid; }
	/**** /GRA TYGODNIA ****/
	/**** ROTATOR ****/
	#rotator {
		border: 2px #2a2a2a solid;
		width: 586px;
		height: 296px;
		overflow: hidden;
		position: relative;
		background-repeat: no-repeat;
		float: left;
	}
	#rotator-description-layer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 48px;
		background-color: #000000;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	#rotator-description {
		position: absolute;
		bottom: 0;
		left: 5px;
		width: 471px;
		color: #ffffff;
	}
	#rotator-description a {
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
	}
	#rotator-info-layer {
		position: absolute;
		top: 0;
		right: 0;
		width: 108px;
		height: 248px;
		background-color: #000000;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	#rotator-info {
		position: absolute;
		top: 0;
		right: 0;
		width: 108px;
		text-align: center;
	}
	#rotator-info img {
		border: 1px #ffffff solid;
		margin: 8px auto;
		display: block;
	}
	/**** /ROTATOR ****/
	/**** GRY ****/
	.game { padding: 10px; }
	.game2 { background-color: #f2ebeb; }
	.game .emblemat { margin-right: 19px; }
	.game .description {
		width: 325px;
		float: left;
	}
	.game .download { float: right; }
	.game .download img {
		margin: 5px 0;
		display: block;
	}
	/**** /GRY ****/
	/**** COMMENTS ****/
	.comments {
		padding: 0 101px;
		border-top: 1px #838383 solid;
	}
	.comments-nag {
		padding: 5px 0;
		font-size: 20px;
		line-height: normal
	}
	.comment {
		margin: 0 5px;
		padding: 10px 14px;
		border-bottom: 1px #9c9c9c solid;
	}
	.comment-content {
		width: 328px;
		float: left;
	}
	.comment-author {
		width: 105px;
		font-size: 11px;
		font-weight: bold;
		float: left;
	}
	.comment-date {
		font-size: 11px;
		float: left;
	}
	.comment-emblemat {
		margin-right: 10px;
		border: 1px #4e4e4e solid;
		float: left;
	}
	.comments-form input {
		padding: 2px 0;
		border: 1px #303030 solid;
		width: 120px;
	}
	.comments-form textarea {
		padding: 2px 0;
		border: 1px #303030 solid;
		width: 350px;
	}
	.comments-form-left {
		padding-right: 3px;
		font-weight: bold;
		text-align: right;
		vertical-align: top;
	}
	.comments-form-sbmt { text-align: right; }
	/**** /COMMENTS ****/
/**** /MAIN ****/
/**** FOOTER ****/
	#footer {
		padding-bottom: 10px;
		color: #ffffff;
		font-size: 10px;
		text-align: center;
	}
	#footer a:hover { text-decoration: underline; }
	#footer-menu {
		padding: 4px 0;
		font-size: 12px;
	}
	#footer-menu a { color: #ffffff; }
/**** /FOOTER ****/