@charset "utf-8";
/* CSS Document */

body {
	font: 100% Arial;
	background: #d4d4d4;
	margin: 0; /* zaleca się wyzerowanie dopełnienia i marginesu elementu body, tak aby mogły być uwzględniane różne domyślne ustawienia przeglądarki */
	padding: 0;
	text-align: center; /* kontener zostaje wyśrodkowany w oknach przeglądarek IE 5*. Następnie tekst określony przez selektor #container jest wyrównywany domyślnie do lewej */
	color: #000000;
}
.home_page #header {
	width: 900px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height:410px;
	background: #FFFFFF;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}
.home_page #content {
	width: 900px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height:410px;
	background: #FFFFFF;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}
.home_page #footer {
	width: 900px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height:410px;
	background: #FFFFFF;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}
.col_1, .col_2, .col_3, .col1, .col2, .col3, .col { float:left;}

#header .row_1 { background-image:url(pasek_szare_menu_gora.jpg); background-repeat:repeat-x; height:65px;}
#header .row_1 .row1 { height:20px;}
#header .row_1 .row2 { width:900px; height:25px;}
#header .row_1 .row2 .col1 .p1 {font-size:26px; color:#FFF; width:480px; font-weight:bold; padding-left:20px;}
#header .row_1 .row2 .col2 .p2 { font-size:26px; color:#FFF; text-align:right; width:380px; font-weight:bold; padding-right:20px;}
#header .row_1 .row3 { height:20px;}
#header .row_2 { height:280px; width:900px; background-image:url(zdjecie_wiadukt.jpg); background-repeat:no-repeat;}
#header .row_3 { background-image:url(pasek_zbig_nr_tel.jpg); background-repeat:repeat-x; height:65px; width:900px;}
#header .row_3 .row1 {}
#header .row_3 .row2 { height:12px;}
#header .row_3 .row2 .col1 .p1 { font-size:11px; color:#FFF; text-align:left; padding-left:20px; width:480px;}
#header .row_3 .row2 .col2 .p2 { font-size:11px; color:#FFF; text-align:right; padding-right:20px; width:380px;}
#header .row_3 .row3 {}
#header .row_3 .row4 { height:19px;}
#header .row_3 .row4 .col1 .p1 { font-size:24px; font-weight:bold; color:#FFF; text-align:left; padding-left:20px; width:480px;}
#header .row_3 .row4 .col2 .p2 { font-size:24px; font-weight:bold; color:#FFF; text-align:right; padding-right:20px; width:380px;}
#header .row_3 .row5 { height:14px;}
.home_page #content { height:437px; width:900px; /* należy pamiętać, że dopełnienie jest to pusty obszar w polu div, a margines jest to pusty obszar poza polem div */
}
#content .col_1 { width:227px;}
#content .col_1 .row1 { height:414px; background-image:url(zdjecie_slowianska.jpg); background-repeat:no-repeat;}
#content .col_1 .row2 { height:23px;}
#content .col_2 { width:347px; height:423px; padding: 7px 12px 7px 14px; background-image:url(pasek_tlo_teksty_na_srodku.jpg); background-repeat:repeat-x;}

#content .col_3 { width:272px; height:418px; padding:4px 10px 10px 14px; margin-top:0;}
.home_page #footer { width:900px; height:65px;}
#footer .row_1 { float:left; width:900px;}
#footer .row_1 .col1 { width:227px;}
#footer .row_1 .col2 { width:373px;}
#footer .row_1 .col3 { width:300px;}