/* ---------------------------------------------------------------- */
/* ----------------------- BASIC CSS STYLES ----------------------- */
/* ---------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, thead, tbody, tfoot, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif;
	background-color: #fff;
	font-size: 12px;
	color: #036;
}

a {color: #036; text-decoration: none}
a:hover {color: #f60}

ul {list-style: none}

object, a:active {outline: none}
object, a:focus {-moz-outline-style: none}

/* ---------------------------------------------------------------- */
/* ---------------------- WEBSITE CSS STYLES ---------------------- */
/* ---------------------------------------------------------------- */

.fL {float: left}
.bold {font-weight: bold}

.h01 {height: 344px}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- BODY ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */

/* webSiteShell */

#webSiteShell {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
	#welcome #webSiteShell {
		padding-top: 518px;
		background: transparent url(../images/mainThemeBg.jpg) 0 0 no-repeat;
	}
	#page #webSiteShell {
		padding-top: 374px;
		background: transparent url(../images/webSiteShellPageBg.jpg) 0 0 no-repeat;
	}

/* webSiteContent */

#webSiteContent {
	height: auto;
	overflow: hidden;
	*padding-bottom: 20px;
}
	#welcome #webSiteContent {
		padding-top: 51px;
		background: transparent url(../images/webSiteShellBg.jpg) 0 0 repeat-x;
	}

/* sidebar */

#sidebar {
	float: left;
	width: 203px;
	margin-right: 9px;
}

/* mainContent */

#mainContent {
	float: left;
	margin-bottom: 20px;
	padding: 11px 15px 0;
	background-color: #09c;
	color: #fff;
	border: solid #036;
	border-width: 1px 1px 7px;
	line-height: 124%;
}
	#welcome #mainContent {
		width: 545px;
		height: 158px;
		margin: 0 8px 15px 9px;
	}
	#page #mainContent {width: 756px}

/* webSiteFooter */

#webSiteFooter {margin-bottom: 15px}
	#webSiteFooter p {
		padding-top: 10px;
		text-align: right;
		color: #999;
	}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------- BASIC & GENERAL CSS ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */

h1,h2 {
	font: bold 20px "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif;
	margin-bottom: 11px;
	padding-bottom: 7px;
	border-bottom: 1px solid #fff;
	color: #036;
}
h3 {
	font: bold 14px "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif;
	margin-bottom: 10px;
	color: #036;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- BLOCKS / MODULES ------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

#intro {
	color: #C00;
	font-size: 28px;
	font-weight: bold;
	text-align: right;
	position: absolute; top: 379px; right: 40px;
}

/* ----------------------------------------- */
/* ---------- REPEATABLE ELEMENTS ---------- */
/* ----------------------------------------- */

/* list */

.list {margin-bottom: 9px}
.list li {
	padding: 0 0 2px 12px;
	background: transparent url(../images/mark01.gif) 0 5px no-repeat;
}

/* mainContent */

#mainContent p {margin-bottom: 9px}
	#welcome #mainContent p {margin: 0}

#mainContent a {text-decoration: underline}
#mainContent a:hover {color: #036}

/* ----------------------------------------- */
/* ---------------- BLOCKS ----------------- */
/* ----------------------------------------- */

/* logo */

#logo {position: absolute; top: 22px; left: 30px;}
	#logo a {
		display: block;
		width: 187px;
		height: 58px;
	}
	#logo span {display: none;}

/* Glowna nawigacja */

.navigation {
	height: auto;
	overflow: hidden;
}
.navigation li {
	float: left;
	margin-left: -1px;
	border-left: 1px solid #003366;
}
	.navigation li a {
		float: left;
		height: 21px;
		padding: 0 8px;
		font-weight: bold;
	}
	.navigation li.active a {color: #f60}

#mainNavigation {position: absolute; top: 526px; left: 5px;}
	#page #mainNavigation {top: 293px}

#mainPage {
	font-weight: bold;
	position: absolute; top: 293px; right: 16px;
}

/* Gorne linki */

#topLinks {position: absolute; top: 105px; right: 16px;}
#topLinks li {text-align: right}
	#topLinks li a {font-weight: bold}

#page #topLinks {top: 92px}

/* Banery */

.banner {
	display: block;
	width: 203px;
	margin-bottom: 15px;
}
.banner.bb {border-bottom: 6px solid #036}

.filmA, .filmB {
	height: 171px;
	background: transparent url(../images/photos/bnZobaczFilm2.jpg) 0 0 no-repeat;
	position: relative;
}
.filmB {background-image: url(../images/photos/bnZobaczFilm.jpg)}
	
	.film1, .film2 {
		display: block;
		width: 100px;
		height: 22px;
		position: absolute; right: 18px;
	}
	.film1 {top: 111px}
	.film2 {top: 140px}
	
	.filmB .film1 {top: 106px}
	.filmB .film2 {top: 135px}
	
		.film1 span, .film2 span {display: none}