/**************************************************************
	Basic styles
**************************************************************/
* 							{ margin: 0; padding: 0; }
img 						{ border: 0; }

.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; }
.no-border			{ border: 0; }
.no-display 		{ display: none; }
.center					{ margin: 0 auto; }
.left 					{ float: left; }
.right 					{ float: right; }
.clear 					{ clear: both; }
.block 					{ display: block; }
.bold 					{ font-weight: bold; color: #363636; }
.middle					{ vertical-align: middle; }
.text-left 			{ text-align: left; }
.text-right 		{ text-align: right; }
.text-center 		{ text-align: center; }
.auto 					{ margin: auto; }
.big 						{ font-size: 12px; line-height: 100%; }

a								{ color: #2f5b5a; text-decoration: underline; outline: none; cursor: pointer; }
a:hover					{ color: #2f5b5a; text-decoration: none; }
:focus					{ -moz-outline-style: none; }
.submit 				{ cursor: pointer; }

/*p								{ text-align: left;}*/
/*div#content p                   { padding-bottom: 5px; line-height: 130%;}*/
div#content                     { text-align: justify;}
span                            { font-weight: bold; color: #2F5B5A}

h1, div.header 				{ font: normal 18px Tahoma, Arial, Helvetica, sans-serif; color: #2b2b2b; } 
h2 							{ font: bold 14px Tahoma, Arial, Helvetica, sans-serif; }
h3, span.header 							{ font: bold 13px Tahoma, Arial, Helvetica, sans-serif; } 

ul, ol					{ padding: 5px 0 5px 35px; line-height: 130%; }
ul li, 
ol li						{ padding: 3px 0; }
sup 						{ line-height: 5px; font-size: 11px; }

/* Widths */
.px25 		{ width: 25px; }
.px50 		{ width: 50px; }
.px75 		{ width: 75px; }
.px100 		{ width: 100px; }
.px125 		{ width: 125px; }
.px150 		{ width: 150px; }
.px175 		{ width: 175px; }
.px200 		{ width: 200px; }

/**************************************************************
	Layers
**************************************************************/	
html {	
	background-color: #e9e9e9;
}
body {
	background: url(../images/layout/body-bg.gif) center 0 repeat-y;
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #000000;
	text-align: center;	
	line-height: 150%;
}

/*************************** 
* 	Top 
****************************/
#top { height: 145px; background: url(../images/layout/top-bg.jpg) no-repeat; }	
	
	/* Flash */
	#top obiect { position: relative; z-index: 10; }
	
	/* Languages */
	#top dl { width: 190px; height: 30px; background-color: #fff; position: absolute; z-index: 100; margin-left: 800px; }
	#top dl dt { float: left; padding: 0 10px; line-height: 30px; font-size: 11px; }
	#top dl dd { float: left; padding-top: 7px; }
	#top dl dd a { float: left; width: 17px; height: 13px; margin-right: 5px; font-size: 0; line-height: 10px; text-indent: -99999px; border: 1px solid #e1e4ee; }
	#top dl .current a { border: 2px solid #4BB1BD;  }
		
		.pl { background-image: url(../images/layout/misc/flag-pl.gif) }
		.de { background-image: url(../images/layout/misc/flag-de.gif) }
		.en { background-image: url(../images/layout/misc/flag-en.gif) }
	
	/* Logo */
	#top h1 { padding: 23px 0 0 386px; }	
	#top h1 a { display: block; width: 190px; height: 88px; background: url(../images/layout/logo.gif) no-repeat; text-indent: -99999px; }
	
	/* Menu */	
	#menu { clear: both; height: 37px; padding: 0; background: url(../images/layout/misc/menu-bg.gif) left 1px repeat-x; position: relative; margin-top: -1px; }
	#menu li { float: left; margin: 0; padding: 0; list-style: none; }
	
	#menu li a { float: left; height: 37px; padding-left: 2px; font-size: 12px; color: #fff; text-decoration: none; }
	#menu li a strong { float: left; height: 37px; line-height: 37px; padding: 0 12px 0 10px; }
	
	#menu li a:hover { background: url(../images/layout/misc/menu-left.gif) left 0 no-repeat; }
	#menu li a:hover strong { background: url(../images/layout/misc/menu-right.gif) right 0 no-repeat; }
	
	/* Breadcrumbs & search */
	#breadcrumbs { height: 37px; background-color: #e0e0e0; margin-bottom: 1px; font-size: 11px; }
		
		#breadcrumbs p { float: left; padding-left: 15px; line-height: 37px; }
		#breadcrumbs p em { line-height: 37px; color: #e0e0e0; padding-left: 5px; margin-left: 5px; background: url(../images/layout/misc/arr.gif) left center no-repeat; }
		#breadcrumbs p strong { color: #0d0d0d; font-weight: normal; }
		#breadcrumbs a { text-decoration: none; }
		#breadcrumbs a:hover { text-decoration: underline; }
		
		#breadcrumbs form { float: right; width: 250px; padding-right: 15px; }
		#breadcrumbs form fieldset { border: 0; padding-top: 7px; text-align: right; }
		#breadcrumbs form legend { display: none; }
		#breadcrumbs form .input { width: 165px; padding: 2px 5px; font-size: 11px; border: 1px solid #959595; vertical-align: middle; position: relative; z-index: 1;
															 margin-right: -5px; }
		#breadcrumbs form .submit,
		#right form .submit,
		.forms .submit { width: 66px; height: 23px; border: 0; vertical-align: middle; color: #fff; font-size: 11px; position: relative; z-index: 10;
																background: url(../images/layout/misc/submit-bg.gif) no-repeat; }
																
/*************************** 
* 	Container
****************************/
#container { width: 990px; overflow: hidden; height: 100%; margin: 0 auto; background: url(../images/layout/left-bg.gif) left top repeat-y; }	
		
	/* Dotline */
	#dotline { clear: both; height: 1px; line-height: 0; font-size: 0; position: relative; z-index: 0; top: -10px; margin: 0 10px 30px; 
						 background: url(../images/layout/misc/dot-line.gif) repeat-x; }
						 
	#dotline ul { position: absolute; width: 130px; height: 160px; margin: -640px 0 0 825px; padding: 0; }
	#dotline ul li { list-style: none; padding: 10px 0; line-height: normal; }
	#dotline ul li a,
	#orunia { display: block; width: 130px; background-position: center bottom; background-repeat: no-repeat; text-indent: -99999px; }
	#dotline ul li a:hover,
	#orunia:hover { background-position: center top; }
		
		#trojmiasto { height: 36px; background-image: url(../images/layout/dotline/trojmiasto.gif); }
		#bip { height: 44px; background-image: url(../images/layout/dotline/bip.gif); }
		#gdansk { height: 34px; background-image: url(../images/layout/dotline/gdansk.gif); }
		#orunia  { width: 150px; height: 46px; background-image: url(../images/layout/dotline/orunia.gif); }
		#contacting { width: 130px; height: 49px; background-image: url(../images/layout/dotline/contacting.gif); }
		#chopin { width: 130px; height: 140px; background-image: url(../images/layout/dotline/chopin.gif); }
		#mkidn { width: 130px; height: 80px; background-image: url(../images/layout/dotline/mkidn.gif); }
		#gdansk2 { width: 130px; height: 36px; background-image: url(../images/layout/dotline/gdansk2.gif); }
		
	/* Info */
	p.info { margin-top: 20px; padding-top: 60px; text-align: center; background: url(../images/layout/misc/info.gif) center top no-repeat; }
		
	/*************************** 
	* 	Content
	****************************/
	#content { float: left; width: 577px; padding: 15px 15px 560px 58px; background: url(../images/layout/content-bg.png) repeat-y; border-right: 1px solid #d9d9d9;
						 margin: 0 0 0 -15px; min-height: 1200px; _height: 1200px; position: relative; z-index: 90; }
	
		/* News */
		.news { padding: 10px 0; border-bottom: 1px dotted #9f9f9f; }
		.news .img { float: left; }
		.news .img img { float: left; border: 1px solid #9c9c9c; }
		.news .img:hover img { border-color: #2f2f2f; }
		
		.news h2, .news p, .news span { display: block; margin-left: 120px; }
		
		.news h2 { font-size: 16px; }
		.news h2 a { color: #131313; text-decoration: none; }
		.news h2 a:hover { text-decoration: underline; }
		.news span, .date { color: #5b5b5b; font-size: 10px; }
		.news p, .body { text-align: justify; padding: 5px 0; font-size: 12px; color: #000; line-height: 180%; }
/*		.news p, p { text-align: justify; }*/
		
		/* Auctions */
		.news.auctions h2, .news.auctions p, .news.auctions span { margin-left: 0; }
		
		/* Search */
		.search {  }
		.search li { list-style: decimal; }
		
		/* Gallery */
		.gallery { margin: 15px 0; padding: 15px 0; border-top: 1px dotted #9f9f9f; }
		.gallery a { float: left; width: auto; padding: 5px; margin: 0 5px 5px 0; background: transparent url('../images/layout/misc/banner-bg.gif'); text-decoration: none;}
		
		.gallery.photos { border: 0; margin-left: 25px; }
		/*.gallery.photos.cat a { margin-right: 20px; }*/
		.gallery.photos a { margin: 0 15px 15px 0; }
		.gallery.photos a span { display: block; width: 94px; height: 25px; color: #000; padding: 5px; background-color: #fff; font-size: 11px; line-height: normal; text-align: center; }
		.gallery.photos a:hover span { color: #fff; background-color: #338ea2; }
		
		.gallery.photos a span.desc { text-align: left; height: auto; color: #777; }
		.gallery.photos a:hover span.desc { color: #fff; }
		
		.category { float: left; width: 265px; padding: 5px; margin: 10px 10px 0 0; background: url(../images/layout/misc/banner-bg.gif); }
		.category a { display: block; height: 100px; padding: 2px; background-color: #fff; text-decoration: none; color: #000; }
		.category a:hover { color: #fff; background-color: #338ea2; }
		.category img { float: left; margin-right: 10px; }
		.category h2 { font-size: 12px; padding: 10px 0 5px; }
		.category p { font-size: 11px; }
		
		/* Outposts */
		.outpost { padding-bottom: 10px; margin: 10px 30px; min-height: 100px; _height: 100px; border-bottom: 1px dotted #9f9f9f; }
		.outpost img { float: left; }
		.outpost h2 { margin-left: 65px; font-size: 20px; line-height: 50px; font-weight: normal; }
		.outpost ul { margin-left: 65px; padding: 10px 0 0; }
		.outpost ul li { list-style: none; line-height: normal; }
		.outpost ul li span { float: left; width: 180px; font-weight: bold; }
		
		.outpost img.left.margin-top { margin: 15px 0 0 -30px; position: relative; }
		
		.logo-img { line-height: 50px; }
		.logo-img img { margin-right: 15px; }
		
		/* Comments */
		.comment { padding: 10px; margin: 15px 25px; font-style: normal; font-size: 11px; color: #fff; background-color: #1c312f; }
		.comment cite { display: block; text-align: right; font-style: normal; }
		
		/* Banner */
		.banner { clear:both; float:none; left:0; margin:auto; padding:5px; padding-right: 7px; width:470px; background: url(../images/layout/misc/banner-bg.gif); }
		.banner a img, .gallery a img { display: block; border: 2px solid #fff; }
		.banner a:hover img, .gallery a:hover img  { border-color: #338ea2; }
		
		/* Pagination */
		.pagiation { margin: 15px 0; }
		.pagination a { padding: 2px 4px; color: #000; border: 1px solid #bbb; background-color: #fff; text-decoration: none; }
		.pagination a:hover { background-color: #bbb; }
		.pagination strong { padding: 4px 6px; color: #fff; background-color: #1c312f; }
		
		/* Back */
		.back { clear: both; padding-top: 10px; margin: 25px 100px; border-top: 1px solid #8b8b8b; text-align: center; }
		
		/* Text */
		.text { padding: 10px 0; font-size: 12px; color: #000; }
		.text p, div#content p { padding: 0 0 10px 0; }
		
		/* Messages */
		.message { height: 45px; font-size: 12px; }
		.message p { position: absolute; width: 550px; height: 33px; line-height: 33px; padding-left: 65px; margin: -10px 0 0 -30px; font-weight: bold; background: url(../images/layout/misc/message-bg.gif) left center no-repeat; }
		.message p img { vertical-align: middle; margin-right: 5px; }
		.message.info { color: #115fb0; }
		.message.warning { color: #b01127; }
		
		/* Files */
		.files li { list-style: none; }
		.files li img { vertical-align: middle; margin-right: 5px; }
		
		/* Info */
		ul.info li { list-style: none; color: #000; }
		ul.info li strong { float: left; width: 120px; }
		ul.info li span { float: left; width: 400px; }
		
		/* Error 404 */
		#e404 { position: relative; margin: -15px 0 0 0; background: url(../images/layout/misc/e404.gif) right top no-repeat; }
		#e404 h1 { position: relative; top: 15px; }
		#e404 p { position: relative; top: 15px; width: 330px; }
				
	/*************************** 
	* 	Left column
	****************************/
	#left { float: left; width: 178px; padding-top: 5px; }
		
		/* Header */
		#left h2 { padding: 6px 10px; font-size: 14px; font-weight: bold; color: #fff; background-color: #1c302f; }
		
		/* List */
		#left ul { padding: 0 0 0 10px; }
		#left ul li { list-style: none; padding: 5px 0 5px 5px; border-bottom: 3px dotted #000; overflow: hidden; height: 100%; font-size: 12px;
								  text-align: center; line-height: normal; }
		#left ul li img { float: left; margin-right: 5px; }
		#left ul li a { display: table; color: #000; padding: 5px 0 5px 0; margin: 5px 0; height: 40px; text-decoration: none; }
		#left ul li a strong { display: table-cell; width: 100px; height: 30px; vertical-align: middle; text-align: center; font-weight: normal; margin-top: 10px; }
		#left ul li a:hover { text-decoration: underline; }
		
		#left ul li a b { float: left; width: 50px; height: 48px; background-position: left -51px; }
		#left ul li a:hover b { background-position: left -2px; }
		
	/*************************** 
	* 	Right column
	****************************/
	#right { float: right; width: 174px; }		
		
		/* Calendar */
		/*#calendar { padding: 5px 10px 10px; background-color: #1c302f; }*/
		#right .calendar { padding: 5px 0; margin: 0; border: 0; font-size: 14px; text-align: center; color: #fff; background-color: #1c302f; }
		
		#right h2 { font-size: 14px; padding: 5px 0; margin: 10px 10px 0; color: #000; border-top: 1px dotted #b4b4b4; }
		#right h2 a { text-decoration: none; color: #3a3a3a; }
		#right h2 a:hover { text-decoration: underline; }
		
		#right .text { margin: 5px 10px; padding-bottom: 10px; border-bottom: 1px dotted #b4b4b4; font-size: 12px; color: #3a3a3a; }
		
		/* Search */
		#right fieldset { border: 0; padding: 5px 10px; font-size: 11px; color: #636363 }
		#right fieldset label { display: block; margin-top: 5px; }
		
		#right #event-name, #right select, #right fieldset input.date-picker { border: 1px solid #b4b4b4; padding: 2px 0 2px 3px; font-size: 11px; width: 140px; }
		#right select { width: 145px; }
		#right #event-cost { margin-top: 5px 5px 0 0; vertical-align: middle; }
		
		#right fieldset label.date-picker { clear: left; float: left; width: 30px; text-align: right; margin: 0 5px 0 0; line-height: 24px; }
		#right fieldset input.date-picker { float: left; width: 70px; margin-right: 5px; }
		#right fieldset .fromTo { height: 24px; }
		#right fieldset a.dp-choose-date { float: left; width: 24px; height: 24px; background: url(../images/icons/config-date.png) left center no-repeat; text-indent: -99999px; }
		
		#right fieldset ul { padding: 5px 0; }
		#right fieldset ul li { padding: 0; list-style: none; line-height: normal; margin: 0; }
		#right fieldset ul li label { display: inline; }
		#right fieldset ul li label input { vertical-align: middle; }
		
		#right form .submit { float: right; margin-top: 10px; }
		
/*************************** 
* 	Footer
****************************/	
#footer { position: absolute; left: 0; width: 100%; height: 125px; margin: -75px 0 0 0; background: transparent url(../images/layout/footer-bg.png) left top repeat-x; }
#footer p { width: 650px; margin: 60px auto 0; color: #555; }	
#footer a { color: #555 }