/**
 * Layout TYPOWANIE 
 *
 * Opakowanie g��wnego kontentu podzielone jest na kolumny:
 *  - lewa (column_left)
 *  - �rodkowa (column_middle)
 *  - prawa (column_right)
 *
 * planuj� przenie�� fragment kodu odpowiedzialny tylko za kolumny do zew. CSS�w
 * dzi�ki czemu wi�kszo�� kodu odpowiedzialna za g��wne elementy b�d� w cachu przegl�darki 
 * a podczas przechodzenia mi�dzy stronami b�d� doczytywane malutkie CSSy zwi�zane z uk�adem kolumn
 *
 */

div#content {
	width: 997px;
	margin: 0 auto;
	clear: left;
	position: relative;
	background: url('../images/left_col_bg.gif') repeat-y left top;
}

div#content div {

}


	div#column_left {
		float: left;
		width: 233px;
	}

 	div#rightcolumn_colspan { /* kolumna opakowuje kolumny middle oraz right */
		float: left; 
		width: 764px;
	}

	div#advertisement_boxes {
		float: left;
		text-align: right;
		width: 764px;
	}
		
		div#advertisement_boxes div.contener {
			padding-bottom: 1px;
			border-bottom: 1px solid #C6C6C6;
			margin: 0px 0px 9px 9px;
		}

		div#advertisement_boxes div.box {
			background: url('../images/top_adv_contener.png') no-repeat 50% 50% scroll; 
			width: 142px; 
			height: 40px; 
			text-align: center;
			border: 0px;
			float: left;
		}

		div#advertisement_boxes div.separator {
			background: url('../images/top_adv_separator.png') no-repeat 50% 50% scroll; 
			width: 10px;
			float: left;
			height: 40px;
			border: 0px;
		}

		div#advertisement_boxes img {
			margin: 0 auto;

		}


/* kolumna �rodkowa ma mie� odst�py po lewej i prawej stronie
 */
	div#column_middle {
		float: left;
		width: 593px; /* IE dolicza padding do szeroko�ci modu�u dlatego podaj� wymiar mniejszy ni� powinien by�  */
		padding: 0px 0px 0px 9px; /* po dodaniu padding�w w IE wymiar wyjdzie dok�adnie 605px  */
		text-align: left;
	}

	div#content > div#column_middle { /* IE nie przyjmuje takiego zapisu dziedziczenia wi�c przyjmie warto�ci powy�ej */
		width: 605px; /* inne przegl�darki przyjmuj� tak� szeroko�� modu�u i padding ustawiaj� wewn�trz opakowania dlatego kolumna si� nie rozjedzie */
	}

	div#column_right {
		float: left;
		width: 141px; /* tyle ma mie� kolumna */
		text-align: right;
		overflow: hidden;
		padding-bottom: 10px;
	}

	img.advertisement7 {
		margin-right: 0px;
	}

	div.advertisement8 {
		margin: 0px 0px 14px 14px;
		clear: both;
	}