/* main */

* {
	border: 0;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
}

body {
	background: #080808 url('img/bg.png') left top repeat-x;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.5em;
}

.container {
	clear: both;
	margin: 0 auto;
	width: 985px;
}

/* login */

#login {
	float: right;
	font-size: 1.1em;
	margin: 15px 0 0 0;
	width: 420px;
}

/* form */

#login img {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
}

#login_form #user, #login_form #pass {
	background: url('img/login/input.png') left top no-repeat;
	color: #ccc;
	float: left;
	height: 20px;
	padding: 5px 10px 0 10px;
	width: 93px;
}

#login_form #sign_in {
	background: url('img/login/submit.png') left -3px no-repeat;
	float: left;
	height: 25px;
	width: 37px;
}

#login #reg {
	float: right;
	line-height: 1.2em;
	text-align: right;
}

#login #reg a:link, #login #reg a:visited {
	color: #111;
	text-decoration: none;
}

#login #reg a:hover {
	color: #444;
	text-decoration: underline;
}

/* top */

#program2 {
	float: left;
	margin: 5px 0 0 0;
	background: url('img/top/program_nie_dla.png') no-repeat;
	width: 230px;
	height: 20px;
}

#top {
	background: url('img/top/top_bg.jpg') left top no-repeat;
	clear: both;
	height: 224px; /* 230px;*/
	margin-left: 8px;
	margin-top: 3px;
	width: 976px; /* 985px;*/
}

/* download */

#top #download {
	float: right;
	margin: 80px 20px 0 0;
}

#top a {
	display: block;
	height: 21px;
	width: 82x;
}

#top #pobieraj {
	background: url('img/top/buttons.png') 0px -21px no-repeat;
	width: 82px;
	height: 21px;
	margin-top: 10px;
}

#top #opis {
	background: url('img/top/buttons.png') 0px 0px no-repeat;
	width: 82px;
	height: 21px;
	margin-top: -5px;
}

/* navigation */

#navigation {
	background: url('img/top/nav.png') left top no-repeat;
	float: left;
	height: 75px;
	margin: 150px 0 0 20px;
}

#navigation li {
	display: inline;
}

#navigation a:link, #navigation a:visited {
	display: block;
	float: left;
	height: 70px;
	margin: 0 4px 0 3px;
	width: 100px;
}

/* middle */

#middle {
	background: url('img/middle/middle_bg.png') 11px top no-repeat;
	clear: both;
	font-size: 1.1em;
	height: 200px;
	margin: 0 auto;
	margin-top: -5px;
	padding: 6px 20px 3px 42px;

	width: 923px;
}

#middle ul {
	background: url('img/middle/ul_divider.png') right top no-repeat;
	float: left;
	height: 165px;
	margin: 0 25px 0 0;
	padding: 5px 0 15px 0;
	width: 215px;
}

#middle ul img {
	margin: 0 0 0 100px;
}

#middle li {
	list-style-image: url('img/li.png');
}

#middle a:link, #middle a:visited {
	color: #fff;
	text-decoration: none;
}

#middle a:hover {
	color: #ccc;
	text-decoration: underline;
}

#middle #middle_content {
	float: left;
}

#middle #middle_content #image {
	display: block;
	float: left;
	margin: 15px 0 0 -15px;
}

#middle #middle_content p {
	float: left;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 3px 0 0 10px;
	width: 280px;
}

/* body */

/* left column */
 
#left-column {
	clear: both;
	float: left;
	font-size: 1.1em;
	margin: 0 0 0 10px;
	width: 190px;
}

/* content */

#content {
	float: left;
	font-size: 1.1em;
	padding: 0 0 0 3px;
	width: 585px;
	text-align: justify;
}

#content li {
	margin-left: 20px;
}

#content a:link, #content a:visited {
	color: #999;
	text-decoration: none;
}

#content a:hover {
	color: #ccc;
	text-decoration: underline;
}

#ads {
	background: url('img/body/ads_bgk.png') left top no-repeat;
	height: 95px;
	margin: 0 0 2px 0;
	padding: 10px;
}

.news_top {
	background: url('img/body/news.png') 0px 0px no-repeat;
	font-size: 1.3em;
	height: 23px;
	padding: 7px 10px 0 10px;
	height: 23px;
}

.news {
	background: url('img/body/news_bg.png') left top repeat-y;
	padding: 10px;
}

.news_bottom {
	background: url('img/body/news.png') 0px -30px no-repeat;
	height: 20px;
	margin: 0 0 2px 0;
	padding: 17px 0 0 330px;
}

/* BUTTONS */
.button {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #529214;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}

.button:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}

.button:active {
	background-color: #529214;
	border: 1px solid #529214;
	color: #f5f5f5;
}

/* right column */

#right-column {
	float: right;
	font-size: 1.1em;
	margin: 0 3px 0 0;
	width: 190px;
}

/* menu */

#menu_program {
	background: url('img/menu.png') 0px 0px no-repeat;
	width: 90px;
	height: 21px;
}

#menu_linki {
	background: url('img/menu.png') 0px -21px no-repeat;
	width: 60px;
	height: 21px;
}

#menu_menu {
	background: url('img/menu.png') 0px -42px no-repeat;
	width: 60px;
	height: 21px;
}

#menu_info {
	background: url('img/menu.png') 0px -63px no-repeat;
	width: 60px;
	height: 21px;
}

/* boxes (left & right column)*/

.box_top {
	background: url('img/body/box.png') 0px 0px no-repeat;
	height: 19px;
	padding: 3px 0 0 3px;
}

.box {
	background: url('img/body/box_bg.png') left top repeat-y;
	padding: 15px 10px 0 10px;
}

.box_bottom {
	background: url('img/body/box.png') 0px -24px no-repeat;
	height: 38px;
	margin: 0 0 5px 0;
}

.box ul {
	clear: both;
	margin: 5px 0 0 15px;
}

.box li {
	list-style-image: url('img/li.png');
}

.box a:link, .box a:visited {
	color: #fff;
	text-decoration: none;
}

.box a:hover {
	color: #ccc;
	text-decoration: underline;
}

/* footer */

#footer {
	background: url('img/body/footer_bg.png') left top no-repeat;
	clear: both;
	color: #ccc;
	height: 16px;
	margin: 5px 0 0 10px;
	padding: 7px;
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #ccc;
	text-decoration: underline;
}

#copyright {
	font-size: 10px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	color: #777777;
	letter-spacing: normal;
}

.linkme {
	color: #555;
	text-align: center;
	margin: auto;
}

.linkme a:link, a:visited {
	color: #555;
	text-decoration: none;
}

.cloud {
	z-index: +1;
	width: 150px;
	position: absolute;
	display: none;
	left: 25px;
	top: 25px;
	padding: 4px;
	border: 1px solid #060a03;
	background-color: #121212;
	color: #ffffff;
	font: normal normal 10px verdana, sans-serif;
}

/* arrows */
#arrows {
	overflow: hidden;
	padding: 10px;
	width: 150px;
	text-align: center;
	margin: auto;
}

#arrow_txt {
	height: 16px;
	display: inline-block;
}

#arrow_l1 {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('img/arrows.png') 0px 0px no-repeat;
}

#arrow_l2 {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('img/arrows.png') -16px 0px no-repeat;
}

#arrow_r2 {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('img/arrows.png') -32px 0px no-repeat;
}

#arrow_r1 {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('img/arrows.png') -48px 0px no-repeat;
}

/* sociable */
.sociable_wykop {
	width: 16px;
	height: 16px;
	background: url('img/sociable.png') 0px 0px no-repeat;
}

.sociable_facebook {
	width: 16px;
	height: 16px;
	background: url('img/sociable.png') -16px 0px no-repeat;
}

.sociable_blip {
	width: 16px;
	height: 16px;
	background: url('img/sociable.png') -32px 0px no-repeat;
}

.sociable_gadugadu {
	width: 16px;
	height: 16px;
	background: url('img/sociable.png') -48px 0px no-repeat;
}

.sociable_flaker {
	width: 16px;
	height: 16px;
	background: url('img/sociable.png') -64px 0px no-repeat;
}

.sociable_google {
	width: 16px;
	height: 16px;
	background: url('img/sociable.png') -80px 0px no-repeat;
}

.sociable_sledzik {
	width: 16px;
	height: 16px;
	background: url('img/sociable.png') -96px 0px no-repeat;
}