/* ----------- PODSTAWOWE ---------- */
body {
	margin: 30px 0 0 0;
	padding: 0;
	text-align: left;
	color: #666666;
	background: #4E7FC4;
	font-family: Verdana, sans-serif;
	font-size: 80%;
}
img { 
	border: none; 
}
a {
	color: #6F9DDE;
}
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: 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: 10px 10%;
	margin: 0;
	background: #ffffff;
}
div.StronaGlowna h1 {
	font-size: 130%;
}
div.StronaGlowna h2 {
	font-size: 120%;
}
div.StronaGlowna h3 {
	font-size: 110%;
}

/* ---------- 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.MenuPoziome {
	list-style: none;
	height: 143px;
	margin: 0;
	padding: 0 0 0 503px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	background: transparent url(/szablony/standard/grafika/naglowek_d.jpg) no-repeat left top;
}
ul.MenuPoziome li {
	float: left;
	margin: 114px 10px 0 0;
	padding: 0;
	background: #ffffff url(/szablony/standard/grafika/menu_l_g.gif) no-repeat left top;
}
ul.MenuPoziome li a {
	display: block;
	text-decoration: none;
	background: transparent;
	color: #000000;
	background: transparent url(/szablony/standard/grafika/menu_p_g.gif) no-repeat right top;
	padding: 0.5em 1em;
	white-space: nowrap;
}
ul.MenuPoziome li a:hover {
	text-decoration: none;
	color: #6F9DDE;
}
ul.MenuPoziome li a.Aktywne, ul.MenuPoziome li a.Aktywne:hover {
	color: #6F9DDE;
}
/* ------------ 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: #fdfdfd;
	border: 1px solid #80AAFF;	
	color: #80AAFF;
	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: 100%;
	height: 200px;
}
form input.CheckBox {
	background: transparent;
	border: 0;
}
form label {
	color: #666666;
	font-weight: bold; 
}
form label span.Maly {
	font-weight: normal; 
	font-size: 70%;
}
form button {
	background: #666666;
	border: 1px solid #cccccc;	
	color: #ffffff;
	margin: 0 1px;
	padding: 2px 3px;
	font-weight: bold;
}
/* ------------ FORMULARZE -------------- */
/* --------panel logowania ----------- */
form.PanelLogowania {
	font-size: 100%;
	margin: 0 0 2px 0;
	padding: 10px;
	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 {
	background: #ffffff;
	border: 1px solid #56a229;	
	color: #56a229;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
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 0 2px 0;
	padding: 10px;
	text-align: left;
	background: #748bba url(/szablony/standard/grafika/rog_nieb_g_l.png) no-repeat left top;
	color: #ffffff;
}
ul.ULMenuLogowanie li {
	margin: 0;
	padding: 0;
}
ul.ULMenuLogowanie li a {
	text-decoration: none;
	color: #ffffff;
	background: transparent;
}
ul.ULMenuLogowanie li a:hover {
	text-decoration: underline;
	color: #ffffff;
	background: transparent;
}
ul.ULMenuLogowanie li a.Aktywne {
	text-decoration: underline;
	color: #ffffff;
	background: transparent;
}
/* --------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 ---- */
#Naglowek {
	text-align: left;
	margin: 5px 0 0 0;
}
#Stopka {
	background: #ffffff url(/szablony/standard/grafika/strona_l_d.gif) no-repeat left bottom;
	color: #000000;
	margin: 0 0 1em 0;
}
#Stopka div {
	background: transparent url(/szablony/standard/grafika/strona_p_d.gif) no-repeat right bottom;
}
#Stopka div div {
	background: #C9DAF3 url(/szablony/standard/grafika/stopka_p_g.gif) no-repeat right top;
	margin: 0 auto;
	padding: 0;
	width: 60%;
}
#Stopka div div div {
	background: transparent url(/szablony/standard/grafika/stopka_l_g.gif) no-repeat left top;
	margin: 0;
	padding: 0.5em 1em;
	text-align: center;
	width: 100%;
}
#Stopka a, #Stopka a:hover{
	background: transparent;
	color: #000000;
}
/* ---- 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;
}
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 ------------- */
div#ListaKategorii {
	margin: 0 0 1em 0;
	padding: 0;
	background: transparent url(/szablony/standard/grafika/menu_kat.jpg) no-repeat left top;
}
div#ListaKategorii ul {
	float: left;
	width: 18%;
	margin: 140px 0 0 2%;
	padding: 0;
	list-style: none;
}
div#ListaKategorii ul li {
	margin: 0 0 1em 0;
	padding: 0;
}
div#ListaKategorii a {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
}
div#ListaKategorii a:hover {
	color: #80AAFF;
	background: transparent;
	text-decoration: none;
}
div#NagDaneKontaktowe p {
	margin: 0;
	padding: 5px;
	background: #80AAFF;
	color: #ffffff;
	text-align: center;
}
div#NagDaneKontaktowe p a, div#NagDaneKontaktowe p a:hover {
	color: #ffffff;
}