body {
	font-family: Arial;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
/*	background-color: #e4bfbf;*/
	background-color: #E8EAF0;
	color: black;
}

a {
	text-decoration: none;
	color: #003366;
}

a:link {
	text-decoration: underline;
	color: #003366;
}

a:visited {
	text-decoration: underline;
	color: #D53D45;
}

a:active {
	text-decoration: underline;
	color: #D53D00;
}

a:hover {
	text-decoration: underline;
	color: #D53D45;
}





#www {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #C0C0C0;
	background-color: white;

}

#topPage {
	width: 960px;
 	height:160px;
	clear: both;
  	background-image: url(winieta3.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	border-bottom: 1px solid #CC0000;

}


#topPage #logo {
	clear: both;
	margin-bottom: 10px;
}


#tools {
	background-color: #f0f0f0;
	padding: 5px;
}



#lokalizator {
	height: 15px;
	padding: 8px 0 0 3px;
	font-size: 11px;
	color: #FFC;
	float: left;
	line-height: 12px;
/*	border-bottom: 1px solid #E44712;*/
/*	border-top: 1px solid #Ff9900;*/
	background-color: transparent;
	height: 17px;
	border: none;
	color: #a0a0a0
}

#lokalizator a {
	color: #a0a0a0;
	text-decoration: none;
	background-color: transparent;
}


#topPage #data_biezaca {
	color: #777777;
	width: 260px; 
	font-size: 11px;
	padding-top: 5px;
	background-color: transparent;
	float: left;
	line-height: 13px;
	height: 20px;
}

#topPage #menu_gorne {
	float: right;
	background-color: transparent;
	height: 20px;
	color: white;
	font-size: 11px;
	width: 400px;
	text-align: right;
}

#topPage #menu_gorne a {
	color:#777777;
	text-decoration: none;
	line-height: 17px;
	padding-right: 3px;
}


#zakladki {
/*	
	background-image: url(BG_top_menu.jpg);
	border-top: 1px solid #990000;
*/
	font-family: Arial;
	font-weight: bold;
	height: 26px;
	padding-left: 3px;
	float: right;
	padding-right: 3px;
}

#zakladki ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#zakladki li {
	list-style: none;
	float: left;
	display: block;
	margin-top:3px;
}

#zakladki li a {
	color: white;
	text-decoration: none;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	background-image: url(BG_zakladki.jpg);
	border-left: 1px solid #606060;
	border-top: 1px solid #606060;
	border-right: 1px solid #a0a0a0;
	margin-left: 1px; 
	position: relative;
	line-height: 24px;
	
}

#zakladki li a:hover, #zakladki li a:focus, #zakladki .current {
	color: #FFC;
	background-image: url(BG_zakladki_hover.jpg);
	line-height: 20px;
	padding-bottom: 6px;
}







#strona {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	clear: both;
	background-color: #ffffff;
}

#strona #lewo {
	width: 203px;
	float: left;
	padding-left: 3px;
}

#strona #lewo #box {
	clear: both;
	font-size: 12px;
	margin-bottom: 5px;
}

#strona #lewo #box #head {
	color: white;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 4px;
  	background-image: url(boxHead.jpg);
	background-repeat: no-repeat;
	background-color: #343F75;
	font-size: 12px;
}

#strona #lewo #box #althead {
	height: 10px;
	font-size: 0px;
  	background-image: url(altHead.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 0px;
	background-color: transparent;
}


#strona #lewo #box #foot {
	color: white;
  	background-image: url(boxFoot.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 10px;
	line-height: 0px;

}


#strona #lewo #box #content {
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
  	background-image: url(boxBg.jpg);
	background-repeat: y-repeat;
/*	border-left: 1px solid #D4B2B2;
	border-right: 1px solid #D4B2B2;*/
}

#strona #lewo #box #content #boxlink {
/*	background-image: url(punkt.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;*/
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: 12px;
	display: block;
	border-bottom: 1px dotted #e0e0e0;
	width: 140px;
}

#strona #lewo #box #content #boxlink a {
	text-decoration: none;
	color: #003366;
}

#strona #lewo #box #content #boxlink a:hover {
	text-decoration: underline;
}


/*****************************************/

#strona #centralnie {
	width: 750px;
	float: left;
	padding-left: 1px;
	background-color: transparent;
}

#strona #centralnie #box {
	margin-bottom: 10px;
	clear: both;
	color: black;
	font-size: 12px;
	background-image: url(contentBG.jpg);
	background-repeat: y-repeat;
}

#strona #centralnie #box #boxhead {
	background-image: url(boxHead.jpg);
	background-color: #343F75;
	background-repeat: no-repeat;
}

#strona #centralnie #box #boxhead #tytul {
	padding-top: 2px;
	padding-bottom: 4px;
	font-weight: bold;
	padding-left: 8px;
	color: white;
	font-size: 12px;

}

#strona #centralnie #box #boxhead #tytul a {
	color: #ffffff;
	background-color: inherit;
	text-decoration: none;
}

#strona #centralnie #box #boxhead #tytul a:hover; #strona #centralnie #box #boxhead #tytul a:focus {
	text-decoration: underline;
}

#strona #centralnie #box #boxcontent {
/*	border: 1px solid #330099;*/
}

#strona #centralnie #box #contentFoot {
	background-image: url(contentFoot.jpg);
	background-repeat: no-repeat;
	height: 14px;
	font-weight: 0px;
	font-size: 0px;
}


#strona #centralnie #box #boxcontent #listaart {
	padding: 10px;
	clear: both;
	color: black;
	width:95%
	margin-left: 3px;
}



#strona #centralnie #box #boxcontent #listaart #data {
	color: #aaa;
	text-align: right;
	font-size: 10px;
	float: right;
	width: 150px;
	background-color: white;
}

#strona #centralnie #box #boxcontent #listaart #tytulart {
	font-weight: bold;
	color: black;
	background-color: white;
}

#listaart #tytul a, #tytulart a {
	color: #C00;
	background-color: white;
	text-decoration: underline;
}


#strona #centralnie #box #boxcontent #listaart #tytul a:focus, #strona #centralnie #box #boxcontent #listaart #tytul a:hover, #tytulart a:hover, #tytulart a:focus {
	color: #000099;
	background-color: white;
	text-decoration: none;
}



#strona #centralnie #box #boxcontent #listaart #zajawka {
	clear: both;
}

#strona #centralnie #box #boxcontent #oddzielenie{
	clear: both;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: inherit;
}


#stopka {
	clear: both;
	width: 960px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border-top: 2px solid #CED2E1;
	color: black;
	text-align: center;
	font-size: 12px;
}

#stopka a {
	text-decoration: none;
}

#stopka a:hover,#stopka a:focus {
	text-decoration: underline;
}

form {
	padding: 0px;
	margin: 0px;
}

/* podstawowe style uzywane przy wyswietlaniu tresc artykulu */

#h2 {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: inherit;
	padding-left: 5px;
}

#dataArt {
	float: right;
	font-size: 11px;
}

#h3 {
	color: #534B31;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
	clear: both;
	font-style: italic;
	background-color: white;
}

#tresc {
	padding: 10px;
	clear: both;
}

#footerDoc {
	margin-top: 10px;
	padding-top: 3px;
	border-top: 1px solid #e0e0e0;
	font-size: 11px;
	text-align: right;
	padding-right: 3px;
}

/********************/

.button {
	color: black;
	background-color: #b0b0b0;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 11px;
	border: 1px solid #828282;
}

input.normal {
	border: 1px solid #003;
}

textarea {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 12px;
}



/***************************************/
/* style znacznikowe */

#blueBox {
	border: 1px solid #000066;
	background-color: #f0f0f0;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding: 5px;
	color: black;
}

#redBox {
	border: 1px solid #900;
	background-color: #FFC;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding: 5px;
	color: black;
}

#uwaga {
	background-image: url(uwaga.gif);
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	background-position: 5px 5px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	color: black;
}

#separator {
	height: 3px;
}


#faq #pytanie {
	margin-bottom: 5px;
}

#faq #odpowiedz {
	margin-left: 10px;
	margin-bottom: 15px;
}


.opisobrazka {
	background-color: #f0f0f0;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: xx-small;
	padding: 2px;
	color: black;
}



.event_cls {
	border: 1px solid #f0f0f0;
	color: black;
	font-weight: bold;
	text-decoration: none;
	background-color: white;
}
.dzisiaj_event_cls {
	border: 1px solid #f0f0f0;
	background-color: #b0b0b0;
	color: #C03;
	font-weight: bold;
	text-decoration: none;
}
.dzisiaj_cls {
	border: 1px solid #f0f0f0;
	background-color: #f0f0f0;
	color: Red;
	font-weight: bold;
	text-decoration: none;
}
.event_col{
	border: 1px solid #f0f0f0;
	color: #000095;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	height: 25px;
	background-color: white;
}
.event_link {
	border: 1px solid #f0f0f0;
	TEXT-DECORATION: none;
	color: Blue;
	background-color: white;
}
.url {
	border: 1px solid #00386c;
	TEXT-DECORATION: none;
	color: Blue;
	background-color: #f0f0f0;
}

#tak {
	background-image: url(tak.jpg);
	background-repeat: no-repeat;
	text-indent: 40px;
}

#wiem {
	background-image: url(wiem.jpg);
	background-repeat: no-repeat;
	text-indent: 50px;
}

#chce {
	background-image: url(chce.jpg);
	background-repeat: no-repeat;
	text-indent: 50px;
}

#wazne {
	width: 95%;
	clear: both;
	margin: 5px;
	border: 1px solid #c0c0c0;
	margin-left: auto;
	margin-right: auto;
}

#wazne #hwazne {
	font-weight; bold;
	color: #Cc0000;
	background-color: #c0c0c0;
	padding: 5px;
}

#wazne #cwazne {
	color: #606060;
	background-color: #fafafa;
	padding: 5px;
}

#zsn {
	width: 95%;
	clear: both;
	margin: 5px;
	border: 1px solid #006;
	margin-left: auto;
	margin-right: auto;
}

#zsn #hzsn {
	font-weight; bold;
	color: #FFC;
	background-color: #006;
	padding: 5px;
}

#zsn #czsn {
	color: #606060;
	background-color: #fafafa;
	padding: 5px;
}



#przyklad {
	width: 95%;
	clear: both;
	margin: 5px;
	border: 1px solid #900;
	margin-left: auto;
	margin-right: auto;
}

#przyklad #head {
	font-weight; bold;
	color: #FFC;
	background-color: #900;
	padding: 5px;
}

#przyklad #content {
	color: #000;
	background-color: #fafafa;
	padding: 5px;
}


/*

.menu5 {padding:0px 0 0 0; margin:0; list-style:none; height:25px; position:relative; background-color:transparent; font-size:12px; overflow: hidden;}
.menu5 li {float:left; height:25px; margin-right:1px;}
.menu5 li a {
	display:block; 
	float:left; 
	height:25px; 
	line-height:25px; 
	color:#FFF; 
	text-decoration:none; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 4px; 
	cursor:pointer; 
	background:url(pro_five_0a.gif) no-repeat;
	text-decoration: none;
}
.menu5 li a b {float:left; display:block; padding:0 6px 5px 2px; background:url(pro_five_0b.gif) no-repeat right top; color: white;text-decoration: none;}
.menu5 li.current a {color:#FF9; background:url(pro_five_2a.gif) no-repeat;text-decoration: none;}
.menu5 li.current a b {background:url(pro_five_2b.gif) no-repeat right top;text-decoration: none;}
.menu5 li a:hover {color:#FFFFCC; background: url(pro_five_1a.gif) no-repeat; line-height:23px; text-decoration: none;}
.menu5 li a:hover b {background:url(pro_five_1b.gif) no-repeat right top;text-decoration: none;}
.menu5 li.current a:hover {color:#FF9; background: url(pro_five_2a.gif) no-repeat; cursor:default; line-height:23px; text-decoration: none;}
.menu5 li.current a:hover b {background:url(pro_five_2b.gif) no-repeat right top;text-decoration: none;}
*/

div#billboard_strefa-a {
	margin: 0 auto; 
	overflow: hidden;
	max-width: 750px;
	width: auto !important;
	width: expression( document.body.clientWidth > 750 ? "750px" : "auto" );
	max-height: 300px;
	height: auto !important;
	height: expression( document.body.clientHeight > 300 ? "300px" : "auto" );
	/*display: none;*/
}