/* ---------------------------------------------------------------- */
/* ----------------------- 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: #300;
	font-size: 13px;
	color: #fc6;
}

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

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}

.w01 {width: 233px}
.w02 {width: 170px}

.h01 {height: 465px}
.h02 {height: 400px}

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

/* ----------------------------------------- */
/* -------------- CONTAINERS --------------- */
/* ----------------------------------------- */

/* webSiteBody */

#webSiteBody {background: transparent url(../images/webSiteBodyBg.jpg) 0 0 repeat-x}
	#page #webSiteBody {background-image: url(../images/webSiteBodyPageBg.jpg)}

/* webSiteShell */

#webSiteShell {
	width: 1000px;
	margin: 0 auto;
	background: transparent url(../images/mainThemeBg.jpg) 0 0 no-repeat;
	position: relative;
}
	#page #webSiteShell {background-image: url(../images/mainThemePageBg.jpg)}

/* mainTheme */

#mainTheme {height: 220px}
	#page #mainTheme {height: 132px}

/* webSiteContent */

#webSiteContent {
	height: auto;
	padding-top: 120px;
	overflow: hidden;
}
	#page #webSiteContent {padding-top: 97px}
/*	#webSiteContent.contact {background: transparent url(../images/photos/contactMap.jpg) 357px 103px no-repeat} */

/* sidebar */

#sidebar {
	float: right;
	width: 242px;
	margin-left: 24px;
}

/* mainContent */

#mainContent {
	float: right;
	text-align: justify;
	line-height: 1.25em;
	background: transparent url(../images/spacer02.gif) 0 0 repeat-y;
}
	#welcome #mainContent {
		width: 622px;
	}
	#page #mainContent {
		width: 568px;
		min-height: 318px;
		padding: 0 26px 0 28px;
		background-image: url(../images/spacer01.gif);
	}

/* webSiteFooter */

#webSiteFooter {padding: 40px 20px 10px 20px}

/* webSiteBottom */

#webSiteBottom {
  margin: 5px 0px 10px 0px;
  padding: 10px 10px;
  font-size: 11px;
  text-align: center;
  border-top: 1px solid;
}

/* ----------------------------------------- */
/* ----------- CONSTANT ELEMENTS ----------- */
/* ----------------------------------------- */

/* logo */

#logo {
	width: 433px;
	height: 65px;
	position: absolute; top: 36px; left: 20px;
	z-index: 10;
}
	#logo a {
		display: block;
		width: 433px;
		height: 65px;
	}
	#logo span {display: none}

/* mainTheme - kontener dla flasha */
#mainTheme p {
	font-size: 11px;
	position: absolute;
}
	#welcome #mainTheme p {top: 130px; left: 20px;}
	#page #mainTheme p {
		text-align: right;
		top: 74px; right: 18px;
		z-index: 5;
	}
	
#mainTheme .pageMapLink {
	color: #ddad54;
	font-weight: bold;
	position: absolute; top: 22px; right: 18px;
}
#mainTheme .pageMapLink.active,
#mainTheme .pageMapLink:hover {color: #c00}

/* mainNavigation - glowna nawigacja */

#mainNavigation {position: absolute; top: 220px}
	#welcome #mainNavigation {left: 20px}
	#page #mainNavigation {top: 132px; right: 18px}

#mainNavigation li {
	float: left;
	margin-right: 2px;
	position: relative;
}
	#mainNavigation li a {
		display: block;
		width: 90px;
		padding: 4px 0 5px;
		text-align: center;
		color: #fc6;
		font-weight: bold;
		background: transparent url(../images/menuLiBg.png) 0 0 repeat-x;
	}
		#mainNavigation li a:hover,
		#mainNavigation li.hover a,
		#mainNavigation li.active a {background: transparent url(../images/menuLiActiveBg.png) 0 0 repeat-x}
	
	#mainNavigation ul {
		display: none;
		padding: 5px 24px;
		background-color: #fc6;
		position: absolute; left: 0;
	}
	
	#mainNavigation li li {
		float: none;
		margin: 0;
		border-bottom: 1px solid #c93;
	}
	#mainNavigation li li.last {border: 0}
		
		#mainNavigation li li a,
		#mainNavigation li.hover li a,
		#mainNavigation li.active li a {
			width: auto;
			padding: 0 2px 1px;
			text-align: left;
			color: #630;
			background: none;
		}
		#mainNavigation ul li a:hover,
		#mainNavigation ul li.active a {
			color: #f30;
			background: transparent url(../images/menuUlLiActiveBg.jpg) 50% 50% no-repeat;
		}

/* bottomNavigation - dolna nawigacja */

#bottomNavigation {
	height: auto;
	overflow: hidden;
}
#bottomNavigation li {
	display: inline;
	margin-right: 58px;
}
	#bottomNavigation li a {
		font-weight: bold;
		color: #960;
	}
	#bottomNavigation li.active a,
	#bottomNavigation li a:hover {
		color: #960;
		text-decoration: underline;
	}

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

h2 {font: bold 19px "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif}
h3 {font: normal 13px "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif}

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

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

/* mainContent */

#mainContent h2,
#mainContent p,
#mainContent ul {margin-bottom: 15px}

#mainContent p.listHeader {margin-bottom: 5px}
#mainContent li {
	padding-left: 20px;
	background: transparent url(../images/mark01.gif) 6px 7px no-repeat;
}

#mainContent .feature {margin: 0}
#mainContent .feature li {
	height: auto;
	padding: 0;
	margin-bottom: 30px;
	background: none;
	overflow: hidden;
}
	#mainContent .feature .photoShell {
		float: left;
		width: 135px;
		margin-right: 26px;
		text-align: left;
	}
		.photoShell img {margin-bottom: 7px}
		.photoShell strong, .photoShell strong {display: block}
		
	#mainContent .feature .description {
		float: left;
		width: 407px;
	}

/* mapShell */

.mapShell {
	float: left;
	width: 284px;
}
	.mapShell h3 {
		font-size: 16px;
		font-weight: bold;
	}
	.mapShell ul {margin: 10px 0 30px !important}
	.mapShell li {
		margin-bottom: 5px;
		background-image: url(../images/mark02.gif) !important;
	}
		.mapShell li a {color: #fc6}
		.mapShell li a:hover {color: #f60}
			
			.mapShell ul ul {margin-bottom: 20px !important}

/* newsList */

.newsList li {
	margin-bottom: 20px;
	background-image: url(../images/mark02.gif) !important;
}

.newsList h3 {
	color: #C90;
	margin-bottom: 10px;
}
.newsList p {margin-bottom: 10px}
.newsList p.link {cursor: pointer}

.newsList p.selected,
.newsList p.link:hover {color: #f60}

.newsList .newsContent {display: none}


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

/* shortcuts */

.shortcuts {
	margin-bottom: 20px;
	border: solid #000;
	border-width: 1px 0;
	background-color: #ffc;
}
	.shortcuts h2 {
		height: 30px;
		padding: 5px 12px 0;
		color: #900;
	}
		.shortcuts li a {
			display: block;
			padding: 3px 12px 6px;
			color: #630;
			font-weight: bold;
			line-height: 1em;
			background: transparent url(../images/shortcutsLiBg.jpg) 0 0 repeat-x;
		}
		.shortcuts li a.last {padding-bottom: 19px}
		.shortcuts li.active a,
		.shortcuts li a:hover {
			color: #f30;
			background-image: url(../images/shortcutsLiActiveBg.jpg);
		}
		
/* subMenu */

.subMenu {margin-bottom: 20px}
	.subMenu h2 {margin: 0 0 10px 3px}
	.subMenu ul {border-top: 1px solid #ffc}
	.subMenu ul li {border-bottom: 1px solid #ffc}
		.subMenu li a {
			display: block;
			padding: 3px 6px 5px;
			color: #fc6;
			font-weight: bold;
			line-height: 1em;
			background: transparent url(../images/subMenuLiBg.jpg) 0 0 repeat-x;
		}
		.subMenu li.active a,
		.subMenu li a:hover {
			color: #f30;
			background-image: url(../images/subMenuLiActiveBg.jpg);
		}
		
/* news */

#news {
	float: right;
	width: 200px;
	min-height: 313px;
	margin-left: 26px;
	padding: 4px 26px 10px 28px;
	text-align: justify;
	line-height: 1.25em;
}
	#news h3 {
		margin-top: 13px;
		color: #c90;
	}
	#news p {margin-top: 13px}
	#news a {color: #fc6}
	#news a:hover {color: #f60}

/* lead */

#lead {
	float: right;
	width: 314px;
	padding: 48px 0 0 28px;
}

/*------------------------------------------------------------------*/
/*------------------- OTHER REQUIRED STYLES ------------------------*/
/*------------------------------------------------------------------*/

/* sIFR */

.sIFR-flash {visibility: visible !important; margin: 0 !important; padding: 0 !important;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

.sIFR-active h2,
.sIFR-active .mapShell h3 {
	visibility: hidden;
	line-height: 1em;
	height: 30px;
	font-size: 19px;
}
.sIFR-active .mapShell h3 {
	font-size: 15px;
}
.sIFR-active .shortcuts h2 {
	height: 33px;
	padding-top: 2px;
}

/* IE6 */

* html body #webSiteContent, * html body #mainNavigation li, * html body #mainNavigation li a, * html body .shortcuts, * html body .shortcuts li, * html body .shortcuts li a, * html body #mainContent .feature li {zoom: 1}
* html body .shortcuts li {margin-bottom: -2px}
* html body #page #mainContent {height: 318px; overflow: visible;}
* html body #news {height: 313px; overflow: visible;}