/* 	
	CSS Stylesheet
	Author: Krzysztof Wolniak
	http://wolniak.org
*/

body {
	font: 0.75em Arial, sans-serif;
	color: #fff;
	line-height: 1.50;
}

h1, h2, h3, h4, h5, h6 {
	color: #004e9e;
	padding-bottom: 3px;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #e7e7e7;
}

h1 { font-size: 1.67em }
h2 { font-size: 1.50em }
h3 { font-size: 1.33em }

h4 { font-size: 1.14em }
h5, h6 { font-size: 1em }

address { font-style: italic; }

a:link, a:visited {
	color: #fff;
}

a:hover, a:active {
	text-decoration: none;
}

#ranking {
	position: absolute;
	top: 1.5em; left: 27%;
	padding: 1em;
	width: 300px;
	text-align: center;
	
	-moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */

	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3-4 */
	border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */

	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.7);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#B2000000',EndColorStr='#B2000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#B2000000',EndColorStr='#B2000000')"; /* IE8 */
}

#ranking a {
	font-size: 1.8em;
	text-decoration: none;
}

#entry a:link, #entry a:visited {
	color: #205B9D;
}

#entry a:hover, #entry a:active {
	text-decoration: none;
}

#wrapper {
	width: 997px;
	margin: 1.5em auto;
}

#top {
	position: relative;
	width: 997px; height: 378px;
	background: #fff url(../gfx/top.jpg) no-repeat;
}

/* Logo */

#logo, #logo a {
	width: 165px; height: 150px;
} 

#logo {
	position: absolute;
	top: 6px; left: 84px;
	text-indent: -999999px;
	z-index: 51;
}

h1#logo { border: none; }

#logo a {
	display: block;
}

/* Top Menu */

#topMenu {
	position: absolute;
	bottom: 28px; left: 450px;
	height: 58px;
	text-align: center;
	width: 547px;
	margin:0;
}

#topMenu li {
	display: inline;
	line-height: 58px;
}

#topMenu a:link, #topMenu a:visited {
	color: #d7d4d4;
	text-decoration: none;
	font-weight: bold;
	margin: 0 25px;
}

#topMenu a:hover, #topMenu a:active {
	text-decoration: underline;
	color: #747474;
}

/* Wstep */

#introduction {
	position: absolute;
	width: 364px; height: 202px;
	top: 149px; left: 24px;
	color: #747474;
	z-index: 50;
	padding: 30px 25px 0 25px;
}

#introduction h2 {
	font-size: 1.42em;
	color: #004e9e;
	padding-bottom: 3px;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #e7e7e7;
}

#introduction p {
	text-align: justify;
}

/* Klasy */

a.more {
	display: block;
	float: right;
	clear: both;
	width: 44px; height: 23px;
	line-height: 23px;
	background: transparent url(../gfx/bg_wiecej.png) no-repeat;
	color: #fff;
	text-decoration: none;
	font-family: "Trebuchet MS", serif;
	padding-left: 16px;
}

a.more:hover {
	text-decoration: underline;
}

/* Sidebar */

p.box {
	font: 1.70em "Arial Black", Arial, sans-serif;
	height: 121px; margin: 0 6px;
}

p.green {
	background: url(../gfx/box_zielony.jpg) no-repeat;
	
	width: 163px;
	padding: 80px 6px 0px 133px; margin-left: 8px;
}

p.blue {
	background: url(../gfx/box_niebieski.jpg) no-repeat;
	
	width: 167px;
	padding: 80px 6px 0px 129px;
}

p.yellow {
	background: url(../gfx/box_zolty.jpg) no-repeat;
	
	text-align: left;
	width: 167px;
	padding: 80px 129px 0px 6px;
}

p.box span { line-height: 0.9; display: block; }

/* Ustawienia lini tekstu dla boxa zielonego */
p.green span.line1 { font-size: inherit; color:inherit; padding-left: 10px; }
p.green span.line2 { font-size: inherit; color:#ffe400; padding-left: 20px; }
p.green span.line3 { font-size: inherit; color:inherit; padding-left: 30px; }
p.green span.line4 { font-size: inherit; color:#ffe400; padding-left: 5px; }

/* Ustawienia lini tekstu  dla boxa niebieskiego */
p.blue span.line1 { font-size: inherit; color:inherit; padding-left: 0; }
p.blue span.line2 { font-size: inherit; color:#ffe400; padding-left: 25px; }
p.blue span.line3 { font-size: inherit; color:inherit; padding-left: 45px; }
p.blue span.line4 { font-size: inherit; color:#ffe400; padding-left: 30px; }

/* Ustawienia lini tekstu  dla boxa zoltego */
p.yellow span.line1 { font-size: inherit; color:inherit; padding-left: 20px; }
p.yellow span.line2 { font-size: inherit; color:#2A66AE; padding-left: 15px; padding-top: 5px; }
p.yellow span.line3 { font-size: inherit; color:inherit; padding-left: 25px; }
p.yellow span.line4 { font-size: inherit; color:#2A66AE; padding-left: 25px; padding-top: 5px; }

/* Content */

#content ul li {
	background: url(../gfx/li.gif) no-repeat 0 10px;
	padding-left: 10px;
	line-height: 2;
}

#content ol li {
	line-height: 2;
}

/* Footer */


#footer ul { margin-left: 3px; }
#footer li { display: inline; }
