/*====================================================================================================
Poniższych ustawień nie należy edytować!
Ustawienia, które mogą podlegać edycji, znajdują się w osobnym pliku my_style.css.
====================================================================================================*/


/*========== Ogólne ==========*/

html, body {width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0;}
div {margin: 0; padding: 0;}

#main {height: 100%; min-height: 100%; margin: 0 auto; padding: 0;}

#main, #logo, #menu_h, #panel_1, #panel_2, #panel_3, #footer, #bottom_bg {position: relative;}
#bottom_bg {z-index: 1;}
#main {z-index: 2;}
#panel_1, #panel_2, #panel_3 {z-index: 3;}
#logo, #menu_h, #footer {z-index: 4;}

#logo, #menu_h {float: left;}
#panel_1, #panel_2, #panel_3 {float: left; height: auto;}
#panel_3 {float: right;}


.clear {clear: both; height: 0;}


/*========== Wymiary ==========*/

#main {
	width: 870px;
}
#logo {
	width: 400px; /*Wartość musi być równa połowie szerokości diva "main".*/
	height: 150px;
}
#menu_h {
	width: 470px; /*Wartość musi być równa szerokości diva "logo".*/
	height: 150px;
}
#footer {
	width: 870px; /*Wartość musi być równa szerokości diva "main".*/
	height: 100px;
}
#panel_1 {
	width: 868px;
}
#panel_2 {
	width: 1px; /*mniejsze niż (main.width - panel_1.width)*/
}
#panel_3 {
	width: 1px; /*main.width - panel_1.width - panel_2.width*/
}
#panel_1, #panel_2, #panel_3 {
	margin-top: -150px; /*0 - (logo.height + menu_h.height)*/
	margin-bottom: 0px; /*0 - (footer.height)*/
}

#content {
	padding-top: 150px; /*logo.height + menu_h.height + żądany margines wewnętrzny*/
	padding-bottom: 20px; /*footer.height + żądany margines wewnętrzny*/
	padding-left: 100px;
	padding-right: 100px;
	width: 668px; /*panel_1.width - padding_left - padding_right*/
}
#adds_2 {
	padding-top: 150px; /*logo.height + menu_h.height + żądany margines wewnętrzny*/
	padding-bottom: 10px; /*footer.height + żądany margines wewnętrzny*/
	padding-left: 0;
	padding-right: 0;
	width: 1px; /*panel_2.width - padding_left - padding_right*/
}
#adds_3 {
	padding-top: 150px; /*logo.height + menu_h.height + żądany margines wewnętrzny*/
	padding-bottom: 10px; /*footer.height + żądany margines wewnętrzny*/
	padding-left: 0;
	padding-right: 0;
	width: 1px; /*panel_3.width - padding_left - padding_right*/
}