/* ----------- 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; 
}
a {
	color: #86340c;
}
a:hover {
	color: #000000;
}
div,form { margin: 0; padding: 0; }
h1 { margin: 0 0 10px 0; padding: 0; }
h2,h3,h4,h5,h6,p { margin: 5px 0; padding: 0; }

/* ----------- PODSTAWOWE ---------- */
/* -------------- UKLAD ------------ */
div.UkladWiersz {
	clear: left;
}
div.UkladBlok {
	float: left;
	overflow: hidden;
}
/* -------------- UKLAD ------------ */
/* ---------- STRONA GLOWNA -------- */
div.WersjaTestowa {
	border: 1px solid #c00000;
	font-size: 90%;
}
div.WersjaTestowa h1 {
	font-size: 120%;
	padding: 5px;
	color: #ffffff;
	background: #c00000;
	text-align: center;
}
div.WersjaTestowa p {
	margin: 2px 5px;
	color: #000000;
	text-align: left;
}
div.WersjaTestowa p span {
	color: #a00000;
}
div.StronaGlowna {
	padding: 5px 0 5px 15px;
	margin: 0;
}
div.StronaGlowna h1 {
	color: #853409;
	font-size: 150%;
}
div.StronaGlowna h2 {
	font-size: 130%;
	color: #fcb168;
}
div.StronaGlowna h3 {
	font-size: 110%;
	color: #facb9d;
}
div.StronaGlowna h4 {
	font-size: 100%;
}

div.StronaGlowna h2.Naglowek {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 2px solid #feb72b;
	background: transparent url(/szablony/standard/grafika/naj_l.gif) no-repeat left top;
	font-size: 100%;
}
div.StronaGlowna h2.Naglowek a {
	display: block;
	width: 150px;
	background: transparent url(/szablony/standard/grafika/naj_p.gif) no-repeat right top;
	padding: 0.2em 0;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
div.StronaGlowna h2.Naglowek a:hover {
	color: #000000;
	text-decoration: none;
}
/* ---------- STRONA GLOWNA -------- */
/* ----- BLEDY, INFO, KOMUNIKAT ---- */
ul.UlBledy {
	width: 70%;
	background: #ffffff;
	color: #ff0000;
	margin: 5px auto;
	padding: 5px 5px 5px 25px;
	font-size: 90%;
	text-align: left;
}
ul.UlInfo {
	width: 70%;
	background: #ffffff;
	color: #000000;
	margin: 5px auto;
	padding: 5px 5px 5px 25px;
	font-size: 90%;
	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 -------------- */
div.LinkiZewnętrzne {
	font-size: 90%;
	margin: 0 0 2px 3px;
	padding: 0;
	line-height: 1.4em;
}
div.LinkiZewnętrzne h2 {
	font-size: 120%;
	background: transparent url(/szablony/standard/grafika/menu_pion_c_l.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 60%;
}
div.LinkiZewnętrzne h2 span {
	display: block;
	padding: 2px 0 2px 1em;
	background: transparent url(/szablony/standard/grafika/menu_pion_c_p.gif) no-repeat right top;
}
div.LinkiZewnętrzne ul {
	background: #fed480;
	margin: 0;
	padding: 0 0 1em 0;
	list-style: none;
}
div.LinkiZewnętrzne ul li {
	margin: 0;
	padding: 3px 0.5em 3px 1em;
	border-bottom: 1px solid #ffffff;
}
div.LinkiZewnętrzne ul li.LiTytul {
	font-weight: bold;
}
div.LinkiZewnętrzne ul li a {
	color: #000000;
	text-decoration: none;
}
div.LinkiZewnętrzne ul li a:hover {
	color: #67181d;
	text-decoration: none;
}
div.ULMenuPoz ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: left;
	background: none;
}
div.ULMenuPoz ul li {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}
div.ULMenuPoz ul li a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	background: transparent url(/szablony/standard/grafika/menu_poz_l.gif) no-repeat left top;
	margin: 0;
	padding: 0;
}
div.ULMenuPoz ul li a span {
	display: block;
	padding: 0.4em 0;
	width: 102px;
	background: transparent url(/szablony/standard/grafika/menu_poz_p.gif) no-repeat right top;
	text-align: center;
}
div.ULMenuPoz ul li a.Pierwszy span {
	width: 105px;
}

div.ULMenuPoz ul li a.Aktywne, div.ULMenuPoz ul li a:hover {
	color: #000000;
	text-decoration: none;
	background: transparent url(/szablony/standard/grafika/menu_poz_l_a.gif) no-repeat left top;
}
div.ULMenuPoz ul li a.Aktywne span, div.ULMenuPoz ul li a:hover span {
	background: transparent url(/szablony/standard/grafika/menu_poz_p_a.gif) no-repeat right top;
}


/* ------------ MENU -------------- */
/* ----------- JEZYKI ------------- */
div.PanelJezykow {
	padding: 0;
	margin: 10px 0 1px 0;
	text-align: right; 
}
div.PanelJezykow img {
	border: 1px solid #666666;
	margin: 1px 2px;
}
/* ----------- JEZYKI ------------- */
/* ------------ FORMULARZE -------------- */
form {
	text-align: center;
}
form p,form h1 {
	margin: 5px 0;
}
form .lewy {
	display: block;
	width: 25%;
	float: left;
	margin: 0px 0px 10px 1%;
	padding: 0;
	text-align: right;
}
form .prawy {
	display: block;
	width: 70%;
	float: left;
	margin: 0px 0px 10px 1%;
	text-align: left;
}
form br {
	clear: left;
}
form input, form select, form textarea {
	background: #ffffff;
	border: 1px solid #86340c;	
	color: #000000;
	margin: 0;
	padding: 2px;
}
form input.wylaczone, form select.wylaczone, form textarea.wylaczone {
	background: #dddddd;
	border: 1px solid #666666;	
	color: #000000;
}
form textarea.DuzePole {
	width: 96%;
	height: 200px;
}
form input.CheckBox {
	background: transparent;
	border: 0;
}
form label {
	color: #000000;
	font-weight: normal; 
}
form label span.Maly {
	font-weight: normal; 
	font-size: 70%;
}
form button {
	background: #fcb168;
	color: #ffffff;
	border: 0;	
	margin: 0 1px;
	padding: 1px 2px;
}
form button.obrazek {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}
form fieldset {
	margin: 5px 0 10px 0;
}
/* ------------ FORMULARZE -------------- */
/* --------panel logowania ----------- */
#PanelLogowania {
	font-size: 80%;
	margin: 0;
	padding: 8px 0;
}
#PanelLogowania p {
	margin: 5px 0 ;
}
#PanelLogowania a {
	text-decoration: none;
}
#PanelLogowania a:hover {
	text-decoration: underline;
}
#PanelLogowania form input {
	background: #ffffff;
	border: 1px solid #67181d;	
	color: #000000;
	margin: 0 0.5em 0 0.1em;
	padding: 0;
	width: 8em;
	vertical-align: middle;
}
#PanelLogowania form input.CheckBox {
	background: transparent;
	border: 0;
	width: auto;
}
#PanelLogowania form label {
	color: #000000;
	font-weight: normal;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#PanelLogowania form button {
	background: transparent;
	border: 0;	
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#PanelLogowania form button img {
	vertical-align: middle;
}
#PanelLogowania #ZalozKonto {
	background: transparent url(/szablony/standard/grafika/przyc_rejestruj.gif) no-repeat right center;
	padding: 0.5em 2em 0.5em 0;
	margin: 1em 10em 1em 1em;
	text-align: left;
}

div.MenuLogowanie {
	font-size: 90%;
	margin: 0 0 1px 3px;
}
div.MenuLogowanie h2 {
	font-size: 120%;
	background: transparent url(/szablony/standard/grafika/menu_pion_c_l.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 60%;
}
div.MenuLogowanie h2 span {
	display: block;
	padding: 2px 0 2px 1em;
	background: transparent url(/szablony/standard/grafika/menu_pion_c_p.gif) no-repeat right top;
}
div.MenuLogowanie ul {
	background: #dfb0c2;
	margin: 0;
	padding: 0 0 1em 0;
	list-style: none;
}
div.MenuLogowanie ul li {
	margin: 0;
	padding: 3px 1em;
	border-bottom: 1px solid #ffffff;
}
div.MenuLogowanie ul li a {
	color: #000000;
	text-decoration: none;
}
div.MenuLogowanie ul li a:hover {
	color: #67181d;
	text-decoration: none;
}
/* --------panel logowania ----------- */
/* ------------ wyczysc -------------- */
.wyczysc:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ------------ wyczysc -------------- */
/* ------------- bannery ------------- */
div.BannerPoziom {
	margin: 2px 0;
	text-align: center;
}
/* ------------- bannery ------------- */
/* ---- naglowek, stopka, sciezka ---- */
#NagLisc {
	margin: 13px 0 0 0;
	padding: 0;
}
#Naglowek {
	text-align: left;
	margin: 0;
	padding: 0;
}
#Naglowek a, #Naglowek a:hover {
	border: 0;
	text-decoration: none;
}
#Stopka {
	margin: 8px 0 0 0;
	padding: 9px 3px;
	background: #f89331;
	color: #ffffff;
	text-align: center;
	position: relative;
}
#Stopka img {
	vertical-align: middle;
}
#Stopka #Ikonka {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 50%;
	top: -9px;
}
#Sciezka {
	padding: 0;
	margin: 0 5px 5px 15px;
	text-align: left;
	font-size: 90%;
}
/* ---- 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 ------------- */
/* -------- wyswietlanie zdjec ------- */
#RaCMSZdjecieLaduje {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url('grafika/ajax_d.gif') no-repeat center center;
}
#RaCMSZdjecieTlo {
 	position: fixed;
 	z-index: 100;
 	left: 0;
 	width: 100%;
	top: 0;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	display: block; 
}
#RaCMSZdjecieDiv {
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	display: none;
	background-color: #ffffff;
	border: 3px solid #8092E0;
	padding: 20px 5px 5px 5px;
	font-size: 80%;
}
#RaCMSZdjecieDiv .Podpis {
	margin: 5px 0 0 0;
}
* html #RaCMSZdjecieLaduje, * html #RaCMSZdjecieTlo, * html #RaCMSZdjecieDiv {
     position: absolute;
}
/* -------- wyswietlanie zdjec ------- */
/* -------- wyswietlanie ramki ------- */
#RaCMSRamkaLaduje {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url('grafika/ajax_d.gif') no-repeat center center;
}
#RaCMSRamkaTlo {
 	position: fixed;
 	z-index: 100;
 	left: 0;
 	width: 100%;
	top: 0;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	display: block; 
}
#RaCMSRamkaDiv {
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	width: 60%;
	height: auto;
	display: none;
	background-color: #ffffff;
	border: 3px solid #a00000;
	padding: 5px;
	font-size: 80%;
}
#RaCMSRamkaDiv .Zamknij {
	font-size: 120%;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	color: #ffffff;
	background: #666666 url('grafika/zamknij.png') no-repeat 98.5% center;
	padding: 4px 5% 4px 0;
	margin: -5px -5px 5px -5px;
}
#RaCMSRamkaKomunikat {
	position: fixed;
	z-index: 101;
	top: 30%;
	left: 35%;
	width: 30%;
	height: auto;
	display: none;
	background-color: #ffffff;
	border: 3px solid #a00000;
	padding: 5px;
	font-size: 100%;
	text-align: center;
}
#RaCMSRamkaKomunikat ul.UlBledy, #RaCMSRamkaKomunikat ul.UlInfo {
	margin: 10px auto;
	padding: 0;
	border: 0;
	color: #000000;
	background: transparent;
	list-style: none;
	width: auto;
}
#RaCMSRamkaKomunikat ul.UlBledy li, #RaCMSRamkaKomunikat ul.UlInfo li {
	width: 100%;
	margin: 5px 0;
	padding: 0;
	text-align: center;
}
#RaCMSRamkaKomunikat button {
	background: #dfdfdf;
	border-top: 3px double #cccccc;	
	border-right: 3px double #888888;
	border-bottom: 3px double #888888;
	border-left: 3px double #cccccc;
	color: #000000;
	font-size: 80%;
	font-weight: bold;
	padding: 2px 3px;
	margin: 1px;
}
* html #RaCMSRamkaLaduje, * html #RaCMSRamkaTlo, * html #RaCMSRamkaDiv, * html #RaCMSRamkaKomunikat {
     position: absolute;
}
/* -------- wyswietlanie ramki ------- */
/* -------------- AJAX ------------- */
div.AjaxListaWyboru {
	border: 1px solid #fcb168;
	background: #ffffff;
	color: #000000;
	margin: 0;
	font-size: 90%;
	display: none;
}
div.AjaxListaWyboru p {
	margin: 0;
	padding: 0 2px;
	background: transparent;
	color: #000000;
	text-align: left;
}
div.AjaxListaWyboru p.podswietlone {
	background: #000000;
	color: #ffffff;
}
table.AjaxWybraneElementy {
	margin: 0 0 10px 0;
	font-size: 100%;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	background: #ffffff;
	color: #000000;
}
table.AjaxWybraneElementy button {
	font-size: 80%;
}
table.AjaxWybraneElementy th {
	padding: 2px 4px;
	margin: 1px;
	border: 1px solid #ffffff;
	background: #facb9d;
}
table.AjaxWybraneElementy td {
	padding: 2px 4px;
	margin: 0;
	border: 1px solid #ffffff;
}
table.AjaxWybraneElementy tfoot td {
	border-top: 5px solid #facb9d;
}
table.AjaxWybraneElementy input {
	width: 90%;
	font-size: 80%;
}
/* -------------- AJAX ------------- */
#Informacja {
	background: #fcb168;
	color: #000000;
	margin: 0;
	padding: 0 10px;
	height: 132px
}
#Informacja h2 { font-size: 130%; 	margin: 0 0 5px 0; padding-top: 10px; }
#Informacja p { font-size: 80%; margin: 5px 0; }
div.InneSerwisy { margin: 0; padding: 0; }
div.InneSerwisy ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	text-align: center;
	background: #fcb168;
	color: #ffffff;
	font-size: 90%;
}
div.InneSerwisy ul li {
	margin: 0;
	padding: 0;
	float: left;
	background: transparent url(/szablony/standard/grafika/menu_inne_md_l.gif) no-repeat left top;
	width: 24%;
}
div.InneSerwisy ul li span {
	display: block;
	margin: 0;
	padding: 3px 2px;
	background: transparent url(/szablony/standard/grafika/menu_inne_md_p.gif) no-repeat right top;
}
div.InneSerwisy ul li a,div.InneSerwisy ul li a:hover {
	text-decoration: none;
	color: #ffffff;
}
div.InneSerwisy ul li.Mz {
	background: transparent url(/szablony/standard/grafika/menu_inne_mz_l.gif) no-repeat left top;
}
div.InneSerwisy ul li.Mz span {
	background: transparent url(/szablony/standard/grafika/menu_inne_mz_p.gif) no-repeat right top;
}
div.InneSerwisy ul li.Ms {
	background: transparent url(/szablony/standard/grafika/menu_inne_ms_l.gif) no-repeat left top;
}
div.InneSerwisy ul li.Ms span {
	background: transparent url(/szablony/standard/grafika/menu_inne_ms_p.gif) no-repeat right top;
}
div.InneSerwisy ul li.Mp {
	background: transparent url(/szablony/standard/grafika/menu_inne_mp_l.gif) no-repeat left top;
	width: 28%;
}
div.InneSerwisy ul li.Mp span {
	background: transparent url(/szablony/standard/grafika/menu_inne_mp_p.gif) no-repeat right top;
}