/* ----------- PODSTAWOWE ---------- */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	background: #000000 url('/szablony/standard/grafika/tlo_kwadrat.jpg');
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
}
img { 
	border: none; 
}
a {
   color: #000000;
}
a:hover {
   color: #de704a;
}
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 {
	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 10px 5px 5px;
	margin: 0;
}
div.StronaGlowna h1 {
	font-size: 140%;
}
div.StronaGlowna h2 {
	font-size: 130%;
}
div.StronaGlowna h3 {
	font-size: 120%;
}

/* ---------- 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: 3px 0;
   padding: 0;
   font-size: 90%;
   text-align: left;
}
ul.ULMenuPion li {
   margin: 0;
   padding: 0;
   background-color: #666666;
   color: #ffd800;
}
ul.ULMenuPion li.LiTytul {
   text-align: center;
   font-weight: bold;
   font-size: 120%;
   padding: 5px 0;
}
ul.ULMenuPion li a {
   display: block;
   margin: 1px 0;
   padding: 3px 5px 3px 20px;
   text-decoration: none;
   color: #ffffff;
}
ul.ULMenuPion li a:hover {
   color: #de704a;
}
ul.ULMenuPion li a.MenuPion1 {
   background: url('/szablony/standard/grafika/menu_kw1.gif') no-repeat left center;
}
ul.ULMenuPion li a.MenuPion2 {
   background: url('/szablony/standard/grafika/menu_kw2.gif') no-repeat left center;
}
ul.ULMenuPion li a.MenuPion3 {
   background: url('/szablony/standard/grafika/menu_kw3.gif') no-repeat left center;
}
ul.ULMenuPion li a.MenuPion4 {
   background: url('/szablony/standard/grafika/menu_kw4.gif') no-repeat left center;
}
ul.ULMenuPion li a.MenuPion5 {
   background: url('/szablony/standard/grafika/menu_kw5.gif') no-repeat left center;
}
ul.ULMenuPion li a.MenuPion6 {
   background: url('/szablony/standard/grafika/menu_kw6.gif') no-repeat left center;
}
ul.ULMenuPoz {
	list-style: none;
	margin: 3px 0;
	padding: 0;
	font-size: 90%;
	text-align: left;
	border-bottom: 4px solid #aaaaaa;
	background: transparent;
	color: inherited;
}
ul.ULMenuPoz li {
	float: left;
	margin: 0;
	padding: 0;
}
ul.ULMenuPoz li.LiTytul {
	text-align: center;
	font-weight: bold;
	padding: 5px 20px 4px 10px;
}
ul.ULMenuPoz li a {
	display: block;
	margin: 0 3% 0 0;
	padding: 4px 10px;
	background: #aaaaaa;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #aaaaaa;
	border-width: 1px 1px 0 1px;
}
ul.ULMenuPoz li a:hover {
	background: #ffffff;
	color: #666666;
}
ul.ULMenuPoz li a.Aktywne {
	background: #f75b02;
	color: #ffffff;
	border-color: #f75b02;
}
/* ------------ 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 15px 0;
}
form .lewy {
	display: block;
	width: 30%;
	float: left;
	margin: 0px 0px 10px 1%;
	padding: 0;
	text-align: right;
}
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: #fdfcfc;
	border: 1px solid #666666;	
	color: #000000;
	margin: 0;
	padding: 0;
}
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: #F75B02;
	font-weight: bold; 
}
form label span.Maly {
	font-weight: normal; 
	font-size: 70%;
}
form button {
	background: #fdfcfc;
	border: 1px outset #666666;	
	color: #000000;
	margin: 0 1px;
	padding: 0;
}
form button.obrazek {
	background: transparent;
	border: 0;	
	margin: 0;
	padding: 0;
	width: auto;
}
/* ------------ FORMULARZE -------------- */
/* --------panel logowania ----------- */
form.PanelLogowania {
	font-size: 100%;
	margin: 0 0 2px 0;
	padding: 10px;
	background: #81d74f url(/szablony/standard/grafika/rog_ziel_g_l.png) no-repeat left top;
	color: #ffffff;
}
form.PanelLogowania h2 {
	margin: 0 0 10px 0;
	font-size: 140%;
	text-align: center;
}
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;
}
form.PanelLogowania button {
	background: #56a229;
	border: 1px solid #ffffff;	
	color: #ffffff;
	margin: 0;
	padding: 2px 1px;
	font-weight: bold;
	font-size: 100%;
}
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:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ------------ wyczysc -------------- */
/* ------------- bannery ------------- */
div.BannerPoziom {
	margin: 0;
	text-align: center;
	background: #000000 url(/szablony/standard/grafika/tlo_kwadrat.jpg) repeat scroll 0 0;
}
/* ------------- bannery ------------- */
/* ---- naglowek, stopka, sciezka ---- */
#Naglowek {
	margin: 0;
   padding: 2px 8px;
   text-align: center;
   font-size: 90%;
   background: #f7f7f7;
   color: #de704a;
}
#Naglowek a {
	color: #de704a;
}
#Naglowek a:hover {
	color: #000000;
}
#Stopka {
   margin: 0;
   padding: 4px 8px;
   text-align: center;
   font-size: 90%;
   background: #f7f7f7;
   color: #de704a;
   border-top: 4px solid #de704a;
}
#Stopka img {
	vertical-align: middle;
}
#Sciezka {
	margin: 0 10px 0 0;
	padding: 5px; 
	background: #f7f7f7;
	color: #000000;
	text-align: left;
	font-size: 80%;
}
#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 ------------- */
/* -------- 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 #de704a;
	margin: 0;
	font-size: 80%;
	display: none;
	position: absolute;
	z-index: 1000;
}
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: 80%;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	background: #f0f0f0;
	color: #000000;
}
table.AjaxWybraneElementy button {
	font-size: 80%;
}
table.AjaxWybraneElementy th {
	padding: 2px 4px;
	margin: 0;
	border: 1px solid #cccccc;
}
table.AjaxWybraneElementy td {
	padding: 2px 4px;
	margin: 0;
	border: 1px solid #cccccc;
}
table.AjaxWybraneElementy tfoot td {
	border-top: 5px solid #666666;
}
table.AjaxWybraneElementy input {
	width: 90%;
	font-size: 80%;
}
/* -------------- AJAX ------------- */

