/* ----------- PODSTAWOWE ---------- */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	background: #ffffff;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 80%;
}
img { 
	border: none; 
	behavior: url(/js/iepngfix.htc); 
}
a {
	color: #6633FF;
}
a:hover {
	color: #CCFF33;
}
div,form { margin: 0; padding: 0; }
h1 { margin: 0 0 10px 0; padding: 0; }
h2,h3,h4,h5,h6,p { margin: 10px 0; padding: 0; }

/* ----------- PODSTAWOWE ---------- */
/* -------------- UKLAD ------------ */
div.UkladWiersz {
	clear: left;
}
div.UkladBlok {
	float: left;
	overflow: hidden;
}
/* -------------- UKLAD ------------ */
/* ---------- STRONA GLOWNA -------- */
div.WersjaTestowa {
	background: #c00000;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
}
div.StronaGlowna {
	padding: 5px;
	margin: 0;
}
div.StronaGlowna h1 {
	color: #C2ADFF;
}
div.StronaGlowna h2, div.StronaGlowna h3 {
	color: #88AA22;
}
/* ---------- STRONA GLOWNA -------- */
/* ----- BLEDY, INFO, KOMUNIKAT ---- */
ul.UlBledy {
	width: 70%;
	border: 4px solid #f75b02;
	background: #dddddd;
	color: #f75b02;
	margin: 5px auto;
	padding: 5px 5px 5px 25px;
	font-size: 80%;
	text-align: left;
}
ul.UlInfo {
	width: 70%;
	border: 4px solid #666666;
	background: #dddddd;
	color: #666666;
	margin: 5px auto;
	padding: 5px 5px 5px 25px;
	font-size: 80%;
	text-align: left;
}
ul.UlBledy li, ul.UlInfo li {
	margin: 0;
	padding: 0;
}
p.Komunikat {
	text-align: center;
	font-size: 120%;
	margin: 120px 0;
}
/* ----- BLEDY, INFO, KOMUNIKAT ---- */
/* ------------ MENU -------------- */
ul.ULMenuPion {
	list-style: none;
	margin: 0;
	padding: 10px;
	font-size: 100%;
	text-align: left;
	border-left: 6px solid #7f7e77;
	background: #C8C39E;
}
ul.ULMenuPion li {
	margin: 0;
	padding: 3px 0;
}
ul.ULMenuPion li.LiTytul {
	text-align: left;
	font-weight: bold;
	font-size: 150%;
	padding: 5px 0;
	color: #2D2D2B;
}
ul.ULMenuPion li a {
	text-decoration: underline;
	color: #2d2d2b;
	background: transparent;
	border: 0;
}
ul.ULMenuPion li a:hover {
	text-decoration: underline;
	color: #000000;
	background: transparent;
	border: 0;

}
ul.ULMenuPion li a.Aktywne {
	text-decoration: underline;
	color: #000000;
	background: transparent;
	border: 0;
}
ul.ULMenuPoz {
	list-style: none;
	margin: 5px 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
	background: transparent;
}
ul.ULMenuPoz li {
	float: left;
	margin: 0;
	padding: 0;
}
ul.ULMenuPoz li.LiTytul {
	text-align: center;
	font-weight: bold;
}
ul.ULMenuPoz li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	margin: 0 2em 0 0;
	padding: 7px 10px;
}
ul.ULMenuPoz li a:hover {
	color: #C5CFE2;
	text-decoration: none;
}
ul.ULMenuPoz li a.Aktywne {
	color: #C6B3FF;
	text-decoration: none;
}
ul.ULMenuPoz li a.Pierwszy {
	background: transparent;
}
/* ------------ MENU -------------- */
/* ----------- JEZYKI ------------- */
div.PanelJezykow {
	padding: 0;
	margin: 3px 0 3px 0;
	text-align: right; 
}
div.PanelJezykow img {
	border: 1px solid #666666;
	margin: 3px 2px 4px 2px;
}
/* ----------- JEZYKI ------------- */
/* ------------ FORMULARZE -------------- */
form {
	text-align: center;
}
form p,form h1 {
	margin: 5px 0 15px 0;
}
form .lewy {
	display: block;
	width: 30%;
	float: left;
	margin: 0px 0px 10px 1%;
	padding: 0;
	text-align: right;
}
* > form .lewy {
	margin: 0px 0px 10px 5%;
}
form .prawy {
	display: block;
	width: 60%;
	float: left;
	margin: 0px 0px 10px 1%;
	text-align: left;
}
form br {
	clear: left;
}
form input, form select, form textarea {
	background: #C2ADFF;
	border: 1px solid #8C66FF;	
	color: #000000;
	margin: 0;
	padding: 1px 2px;
}
form input.wylaczone, form select.wylaczone, form textarea.wylaczone {
	background: #dddddd;
	border: 1px solid #666666;	
	color: #000000;
}
form textarea.DuzePole {
	width: 100%;
	height: 200px;
}
form input.CheckBox {
	background: transparent;
	border: 0;
}
form label {
	color: #2e4f8c;
	font-weight: bold; 
}
form label span.Maly {
	font-weight: normal; 
	font-size: 70%;
}
form button {
	background: #C2ADFF;
	border: 1px solid #8C66FF;	
	color: #000000;
	margin: 0 1px;
	padding: 0;
}
* > form button {
	padding: 1px 2px;
}
/* ------------ FORMULARZE -------------- */
/* --------panel logowania ----------- */
form.PanelLogowania {
	font-size: 100%;
	margin: 0;
	padding: 10px;
	border-top: 6px solid #7f7e77;
	border-left: 6px solid #7f7e77;
	background: #C8C39E;
}
form.PanelLogowania h1 {
	margin: 2px 0 10px 0;
	font-size: 140%;
	text-align: left;
	color: #444444;
}
form.PanelLogowania p {
	margin: 2px 0 5px 0 ;
}
form.PanelLogowania a {
	color: #ffffff;
	text-decoration: none;
}
form.PanelLogowania a:hover {
	text-decoration: underline;
}
form.PanelLogowania input,form.PanelLogowania button {
	background: #ffffff;
	border: 1px solid #dddddd;	
	color: #000000;
}
form.PanelLogowania input.CheckBox {
	background: transparent;
	border: 0;
}
form.PanelLogowania label {
	color: #ffffff;
}
ul.ULMenuLogowanie {
	list-style: none;
	margin: 0;
	padding: 5px;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	background: transparent;
	color: #ffffff;
	border: 0;
}
ul.ULMenuLogowanie li {
	margin: 0;
	padding: 0;
}
ul.ULMenuLogowanie li a {
	text-decoration: none;
	color: #ffaaff;
}
ul.ULMenuLogowanie li a:hover {
	text-decoration: underline;
	color: #ffaaff;
}
ul.ULMenuLogowanie li a.Aktywne {
}
/* --------panel logowania ----------- */
/* ------------ wyczysc -------------- */
.wyczysc {
	display: inline-table;
	overflow: hidden; 
}
.wyczysc:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}
/* Hides from IE-mac \*/
* html .wyczysc { 
	height: 0.5%;
}
.wyczysc {
	display: block;
}
/* End hide from IE-mac */
/* ------------ wyczysc -------------- */
/* ------------- bannery ------------- */
div.BannerPoziom {
	margin: 2px 0;
	text-align: center;
}
/* ------------- bannery ------------- */
/* ---- naglowek, stopka, sciezka ---- */
#Naglowek {
	text-align: left;
	margin: 5px 0;
	padding: 10px;
	background: #88AA22;
	color: #ffffff;
}
#Naglowek h1 {
	font-size: 190%;
	margin: 0;
}
#Naglowek h2 {
	font-size: 130%;
	margin: 0;
}
#Stopka {
	margin: 5px 0 0 0;
	padding: 5px; 
	color: #ffffff;
	background: #4422AA;
	text-align: center;
	font-size: 80%;
}
#Sciezka {
	padding: 5px 15px 5px 15px;
	margin: 0 1em 0 0;
	text-align: left;
	font-size: 100%;
	border-bottom: 1px solid #CCFF33;
}
#Sciezka a {

}
/* ---- naglowek, stopka, sciezka ---- */
/* ------- ramka informacyjna -------- */
#RamkaInformacyjna {
	background: #ffffff;
	border: 1px solid #666666;
	padding: 3px;
	font-size: 80%;
}
#RamkaInformacyjna p {
	margin: 0;
	padding: 0;
}
/* ------- ramka informacyjna -------- */
/* ------------- Kolumny ------------- */
div.Kolu1na2 {
	float: left;
	width: 49.5%;
	margin: 0 0.5% 0 0;
}
div.Kolu2na2 {
	float: left;
	width: 49.5%;
	margin: 0 0 0 0.5%;
}
div.Kolu1na3 {
	float: left;
	width: 33%;
	margin: 0 0.5% 0 0;
}
div.Kolu2na3 {
	float: left;
	width: 32%;
	margin: 0 0.5% 0 0.5%;
}
div.Kolu3na3 {
	float: left;
	width: 33%;
	margin: 0 0 0 0.5%;
}
/* ------------- Kolumny ------------- */
/* -------------- Avatar ------------- */
div.PlikPodglad {
	margin: 0 0 10px 0;
}
div.PlikPodglad button {
	vertical-align: middle;
	margin: 0 0 0 10px; 
}
div.PlikPodglad img {
	vertical-align: middle;
}
/* -------------- Avatar ------------- */