/*	-------------------------------------------------------------
	Sylwester 2007/2008 w Szczecinie
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Sylwester 2007/2008 w Szczecinie
	Filename:		sylwester.css
	Version:		1.0
	Date:			11/2007
	-------------------------------------------------------------	*/

@import url(reset.css);
@import url(typography.css);

/*	Bug hunting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/** { border: 1px solid red; } */

	body {
		margin:0;
		background: url(/img/tlo_main.gif);
		background-color:#d6d6d6;
	}
	
	#tlo {
		background:url(/img/tlo.jpg) repeat-x;
		width:100%; height:235px;
		position:absolute;
		left:0px; top:0px;
	}
	
	#tlo_cien {
		background:url(/img/tlo_cien.jpg) repeat-x;
		width:100%; height:200px;
		position:absolute;
		left:0px; top:235px;
	}
	
	.left { float:left; display:inline; }
	.right { float:right; display:inline; }
	

/*	TOP
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#top {
		position: relative;
		width: 878px;
		height:54px;
		margin: 0 auto;
		padding:0;
	}
	
	#logo {
		padding:0px;
		position:absolute; left:5px;
		width:386px; height:54px;
		background:url(/img/logo.gif) no-repeat;
	}
	
	#logo p {
		text-indent:-9000px;
		margin:0; padding:0;
		line-height:54px;
	}
	
	#pic_fix {
		position:absolute;
		top:0px; right:-22px;
		width:87px; height:54px;
		background:url(/img/main_pic_korek.jpg) no-repeat;
	}

/*	Main Picture
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#main_pic {
		position: relative;
		min-width: 878px;
		_width:990px;
		height:181px;
		margin: 0 auto;
		padding:0;
		background:url(/img/main_pic.jpg) center no-repeat;
	}

/*	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#content {
		position: relative;
		width: 636px;
		min-height:300px;
		_height:300px;
		margin: 0 auto;
		padding:36px 0 36px 242px;
	}
	
	#info_column {
		float:left;
		display:inline;
		margin-left:-242px;
		width:172px; min-height:200px; _height:200px;
		
	}
	
	#main_column {
		width:100%; _width:556px; min-height:300px; _height:300px; float:right; display:inline;
	}
	
/*	Box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.box {
		width:100%; min-height:72px; _height:72px;
		padding:0 20px 18px 20px;
		position:relative; zoom:1;
	}
	.box h1, .box h2 {
		background:url(/img/headline_tlo.png) center repeat-x;
		_background:url(/img/headline_tlo.gif) center repeat-x;
		line-height:37px;
	}
	
	.box .top_l {
		position:absolute; top:0px; left:0px;
		height:37px; width:20px;
		background:url(/img/headline_tlo.png) left no-repeat;
		_background:url(/img/headline_tlo.gif) left no-repeat;
	}
	
	.box .top_r {
		position:absolute; top:0px; right:0px; _right:34px;
		height:37px; width:20px;
		background:url(/img/headline_tlo.png) right no-repeat;
		_background:url(/img/headline_tlo.gif) right no-repeat;
	}
	
	.box .txt {
		width:100%; float:left; display:inline;
		margin-left:-16px;
		min-height:36px; _height:36px;
		padding:0 17px 0px 17px;
		background:url(/img/txt_bk.png);
		_background:url(/img/txt_bk.gif);
	}
	
	.box .menu {
		font-size:14px;
	}

	.box .menu a {
		color:#fce36d;
	}
	.box .menu a:hover {
		color:#fdf2b2;
	}
	
	.box .bottom {
		width:100%; height:18px;
		padding:0 17px 0 17px;
		margin-left:-16px; clear:both;
		position:relative;
	}
	
	.box .bot_l {
		position:absolute;
		left:0px; top:0px;
		height:18px; width:17px;
		background: url(/img/txt_bk_bottom.png) left bottom no-repeat;
		_background: url(/img/txt_bk_bottom.gif) left bottom no-repeat;
	}
	
	.box .bot_r {
		display:block;
		height:18px; width:100%;
		padding-right:17px;
		background: url(/img/txt_bk_bottom.png) right bottom no-repeat;
		_background: url(/img/txt_bk_bottom.gif) right bottom no-repeat;
	}
	
	
/*	Bottom
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#bottom {
		width: 838px;
		line-height:18px;
		margin: 0 auto;
		padding:20px; text-align:center; padding-bottom:18px;
		clear:both;
	}
	
		
	ul {
		padding-left: 20px;
	}
	li {
		font-size: 12px;
		line-height: 18px;
	}
	
	.polecane {
		border: 1px solid #fce36d;
		margin: 18px 15px 18px -20px;
		list-style-type:none;
		font-size: 14px;
		
	}
	.polecana_oferta {
		border: 1px solid #fce36d;
		margin: 18px -10px 18px -10px;
		padding: 10px 10px 10px 10px;
	}
	
	.polecane img {
		float: left;
		display: inline;
		margin-right: 20px;
	}
	.clear {
		clear:both;
	}
	.polecane p {
		margin-bottom: 10px;
		_margin-bottom: 0px;
		
	}
	.polecane .opis {
		margin-top: 0px;
		font-size: 10px;
	}