/**************************************************************
 *	CSS Framework
 *	
 *	Author: Kamil Kuczmera 
 *	E-mail: kamil@kuczmera.com
 **************************************************************/

/* Global reset */
*               { margin: 0; padding: 0; }
img             { border: 0; }

/* Paddings & margins */
.margin-top     { margin-top: 25px }
.margin-bottom  { margin-bottom: 25px }
.margin-left    { margin-left: 50px }
.margin-right   { margin-right: 25px }
.padding-both   { padding: 17px 0 }
.no-padding     { padding: 0; margin: 0 }

/* Floats */
.left           { float: left }
.right          { float: right }
.clear          { clear: both }

/* Text positions */
.text-left      { text-align: left }
.text-right     { text-align: right }
.text-center    { text-align: center }
.middle         { vertical-align: middle }

.bolder			{ font-weight: bolder; float: left; clear: both; margin-top: 20px }

/* Popular selectors styles */
p               { text-align: left; }

h1              { font: normal 22px Georgia, serif; } 
h2              { font: normal small-caps 22px Georgia, serif; }
h3              { font: normal small-caps 22px Georgia, serif; padding-bottom: 8px; margin-bottom: 8px; text-align: center; 
				  background: url(../images/content/h3.gif) center bottom no-repeat; } 
h4             { font: normal small-caps 15px Georgia, serif; padding-bottom: 8px; } 

#page h2,
#page h3		{ margin: 25px 0 12px 0; }
				  
a               { color: #d5a10e; text-decoration: underline; outline: none; cursor: pointer; }
a:hover         { text-decoration: none; }
:focus          { -moz-outline-style: none; }

ul, ol          { padding: 10px 0 10px 35px; }
ul li, ol li    { padding: 3px 0; }


/**************************************************************
	Layers
**************************************************************/	
body {
	font: 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #135351;
	text-align: center;	
	line-height: 150%;
	background: #6e9db7 url(../images/bg.jpg) center 0 no-repeat;
}
	
/*************************** 
* 	Container
****************************/
#container { width: 980px; margin: 0 auto; text-align: left; }	
	
	/*************************** 
	* 	Top 
	****************************/
	#top { position: relative; height: 170px; border-bottom: 8px solid #cfa320; z-index: 5; }	
		
		/* Rotation images */
		#rotator { float: right; position: relative; top: 0; right: 0; width: 450px; height: 170px; z-index: 1; }
		#rotator img { position: absolute; right: 0; z-index: 1; }
		
		/* Logo */
		#top #logo { float: left; width: 170px; height: 152px; padding: 10px 0 0 25px; background: url(../images/top/logo.gif) 25px 10px no-repeat; }	
		#top h1 a { position: absolute; width: 460px; height: 22px; margin: 68px 0 0 10px; background: url(../images/top/slogan.gif); z-index: 10; }
		#top h1 a span { font-size: 0; visibility: hidden; }
		
		/* Nav */
		#top ol { float: left; padding: 10px 0 0 10px; }
		#top ol li { float: left; list-style: none; font-weight: bold; padding: 0; line-height: 12px; padding-right: 8px; margin-right: 8px; border-right: 1px solid #135351 }
		#top ol .last { border: 0; }
		#top ol li a { color: #135351; text-decoration: none; }
		#top ol li a:hover { text-decoration: underline; }
		
		/* Menu */	
		/******* W pliku style-menu.css *************/
		
	
	/*************************** 
	* 	Inner
	****************************/
	#inner { overflow: hidden; height: 100%; background: #f7fafb url(../images/content/inner.jpg) no-repeat; }
	
		/* Misc styles */
		.image { border: 2px solid #135351 }
	
	/*************************** 
	* 	Home
	****************************/
		
		/* Content */
		#home #content { float: left; width: 455px; padding: 20px; }
		#home #content h1 { margin: 15px 0; }
		#home #content h2, #home .news { padding-bottom: 18px; margin-bottom: 15px; background: url(../images/content/h2.gif) 0 bottom no-repeat; }
		#home .news.last 	{ background: none }
		#home #content h2 	{ padding-bottom: 8px; }
		#home #content h2 a { text-decoration: none }
		#home #content h2 a.rss { float: right; font: 11px Arial, sans-serif; text-decoration: none; padding-left: 20px; line-height: 30px; 
			background: url(../images/content/rss.gif) left center no-repeat; }
		
		#home .news { overflow: hidden; height: 100%; }
		#home .news img { float: left; border: 2px solid #135351; margin: 5px 10px 0 0 }
		#home .news h4, #home .news p { }
		#home .news h4 { font-weight: normal; font-size: 12px; line-height: normal; }
		#home .news h4 span { display: block; font-size: 10px; }
		
		/* Middle */
		#middle { float: left; width: 165px; color: #fff; background: #cfa320; border-left: 1px solid #a17501; padding: 20px 20px 50px 20px }
		#middle a { color: #fff; }
		#middle dd { padding-bottom: 10px; margin-bottom: 8px; }
		#middle dd, #middle h3 { background: url(../images/content/middle.gif) center bottom no-repeat; }
		#middle .date { font-size: 10px; color: #135351 }
		#middle .gallery { width: 162px; height: 182px; background: url(../images/content/gallery.gif) }
		#middle .gallery img { margin: 16px 0 0 33px; }
		#middle .no { background: none; margin: 0; padding: 0; }
		#middle .eventlistmod { margin-bottom: 45px }
		
		/* Info */
		#info { float: right; padding: 10px 15px 20px; width: 245px; }
		#info dl { margin: 15px 0; }
		#info dt, #info dt a { font-weight: bold; color: #d5a10e;}
		#info form { height: 50px; padding: 0 20px; }
		#info .input { float: left; border: 1px solid #ddb646; width: 170px; padding: 2px 5px; font-size: 11px; color: #135351; background: transparent }
		#info .submit { float: right; width: 15px; height: 15px; border: 0; font-size:0; text-indent:-99999px; cursor:pointer; background: url(../images/content/submit.gif) }
		
	/*************************** 
	* 	Page
	****************************/
		
		/* Menu */
		#page #middle { border: 0; border-right: 1px solid #a17501; height: 100%; }
		#page #middle h3 { color: #135351 }
		#page #middle ul { padding: 0; margin-bottom: 15px; }
		#page #middle ul li { padding: 0; list-style: none; padding-left: 15px; background: left 5px no-repeat; }
		#page #middle ul li { background-image: url(../images/content/arr.gif) }
		#page #middle a { text-decoration: none }
		#page #middle a:hover { text-decoration: underline }
		#page #middle dl { margin-bottom: 15px; }
		#page #middle dt { font-weight: bold; text-transform: uppercase; }
		#page #middle dd { padding: 0; margin: 0; background: none }
		#page #middle dd a { color: #135351; font-size: 11px; }
		#page #middle dd ul { margin: 0; }
		#page #middle dd li { background: url(../images/content/arr-dark.gif) 5px 7px no-repeat }
		
		/* Content */
		#content { float: right; width: 670px; padding: 20px 50px; }
		#content #pathway {	width: 670px; padding: 0; height: 27px; }
		#content #pathway img { margin: 0 4px 0 4px }
		#content p { margin-bottom: 15px; }
		#content img { margin: 0 10px 5px 0; }
		#content ul { padding: 0 0 10px 10px; }
		#content li { list-style: none; padding-left: 10px; background: url(../images/content/arr-brown.gif) left 9px no-repeat; }
		#content blockquote { padding: 10px 15px; margin-bottom: 15px; background: #e7eff4 }
		#content blockquote p { margin: 0; line-height: 180% }
		.view { padding-right: 20px; font-size: 11px; text-decoration: none; background: url(../images/content/arrow.gif) right center no-repeat; }
		#page .view:hover { text-decoration: underline }
		
		/* Bar */
		#page #content .bar { height: 50px; padding: 10px 0 0 0; margin-top: 25px; border-top: 1px solid #135351; }
		#page #content .bar li { padding: 0; background: none }
		#page #content .bar .right { margin-left: 15px; }
		#page #content .bar li a {  float: left; width: 20px; height: 16px; text-indent: -999999px; background: center center no-repeat; }
		#page #content .bar .back a { width: 74px; background-image: url(../images/content/back.gif) }
		#page #content .bar .pdf a { width: 23px; background-image: url(../images/content/pdf.gif) }
		#page #content .bar .mail a { width: 42px; background-image: url(../images/content/send.gif) }
		#page #content .bar .print a { width: 50px; background-image: url(../images/content/print.gif) }
		
	/*************************** 
	* 	Footer
	****************************/	
	#footer { clear: both; padding: 15px 0; height: 15px; font-size: 11px; border-top: 8px solid #cfa320; }
	#footer a { color: #135351; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	#footer ul { float: left; padding: 0; }
	#footer ul li { float: left; list-style: none; padding: 0 8px 0 0; margin-right: 8px; line-height: 12px; border-right: 1px solid #135351; }
	#footer ul .last { border: 0; }
	
	#footer p { float: right }