/*
	LEGENDA
	eaf2f3
	height - wysokosc
	width - szerokosc
	background - tlo
	margin - margines zewnetrzny
	padding - margines wewnetrzny
	position - pozycja
	float - wyrownanie np do lewej
	display: block - ustawienie bloku (prostokatu w menu)
	font-family - czcionka
	font-size - rozmiar czcionki
	font-weight: bold; - pobrubienie
	text-align - wyrownanie tekstu (justify - do prawej i lewej)
	color - kolor tekstu
	text-decoration - dekorowanie tekst np podkreslanie (underline)

	background:url(tlomenu.jpg) no-repeat; ;

*/
.left{float:left;}	/* pomocnicze warstwy do ustawiania tekstu lub obiektu do lewej*/
.right{float:right;} 


#S {
	width: 812px; /* szerokosc strony */
	margin: 0px auto 0px auto; /* wysrodkowanie */
	background: white;
}
#Strona {
	width: 800px; /* szerokosc strony */
	margin: 0px auto 0px auto; /* wysrodkowanie */
	background: #eaf2f3;
}
#top {
	float: left; /* wyrównanie warstwy do lewej*/
	width: 800px;
	height: 280px;
	background: url(top2.jpg) no-repeat; /* tlo dla wartwy top; no-repeat - tzn ze tlo jest tylko raz wczytane (nie powtarza sie)*/
	
}
#gif {
	float: left; /* wyrównanie warstwy do lewej*/
	width: 800px;
	height: 15px;
	background: url(gif.gif) no-repeat; /* tlo dla wartwy top; no-repeat - tzn ze tlo jest tylko raz wczytane (nie powtarza sie)*/
	
}

#navi {
	font-size: 10px;
	font-family: fantasy;
}
.Menu2 {
	float: right;
	width: 100px;
	padding: 0px 5px 0px 0px;
	
}


.Menu{
	float: left;
	width: 180px;
	padding: 0px 0px 0px 20px;
	
}
.Menu a{
	text-align: left;
	display: block;	/* wyswietlanie aktywnego bloku */
	width: 180px;
	height: 18px;
	margin: 0px 0px 0px 0px;	/* odstep z lewej strony bloku o 4px*/
	padding: 6px 0px 8px 0px;	/* odstep 20px od prawej i 4px od górnej krawedzi bloku*/
	font-family: 'arial';
	font-size: 12px;
	font-weight: bold;
	
	color: #20589b;
	text-decoration: none;		/* wylacznie dekoracji tekstu */
	/*background: url(ico.gif) no-repeat 8px 8px;	/*  ustawienie ikony jako tlo; 180px od lewej strony; 8px od góry */
}
/* po najechaniu myszka na menu: */
.Menu a:hover{
	color: #f8cb43;		/* zmiana koloru na biały */
	/*background:#7d9160 url(ico.gif) no-repeat 180px 8px; /* zmiana koloru tla w menu na #7d9160 */

}



/* formatowanie glownej zawartosci strony */
#content {
	float: right; /* wyrownanie do prawej */
	width:465px;
	border: 0px solid #cdcdcd; 
	border-width: 0px 0px 0px 0px;
	font-family: 'arial';
	font-size: 14px;
	color: #363636;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	
}
/* ustawienie dekoracji, kolor itp linkow w glownej czesci strony */
#content a{
	text-decoration: none;
	color: #f6ae00;
}
/* ustawienie linkow po najechaniu myszka */
#content a:hover {text-decoration: underline;}

#content2 {
	float: left; 
	width: 10px;
	margin: 0px 0px 0px 0px;
	
}

#content3 {
	float: right; 
	width: 10px;
	margin: 0px 0px 0px 0px;
	
}

/* ustawienie wartwy tytulu - to co Ci pisze >> Strona główna */
.tytul {

	width: 590px;
	height: 50px;
	padding: 17px 0px 0px 0px;
	
}

/* stopka */
#stopka {
	width: 800px;
	height: 60px;
	border: 0px solid #919090;
	border-width: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	font-family: tahoma;
	font-size: 10px;
	color: #363636;
	text-align: left;
	/*background:url(stopka.jpg) no-repeat;*/
}
#stopka a{text-decoration: none;}
#stopka a:hover{text-decoration: underline;}
.czysc {
clear: both; 
font-size: 1px; 
line-height: 1px; 
font-size: 1px;
}