@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
	
}

* {
    box-sizing: content-box;
}



/* ~~ Selektory elementów i znaczników ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}


.container {
	width: 1000px;
	background:#F9F9F9;
	margin: 0 auto; 
	padding: 0;
}

.header {background: #FFF; width: 1000px;}
.logo {float: left; width: 200px; height:149px;}
.numery {float: left; width: 800px; height:149px;}
.partnerzy {width:800px; height:50px;padding-top:12px; background-color:#FFFFFF;}
/* ~~ Kolumny układu ~~ */
.sidebar1 {
	float: left;
	width: 201px;
	background: #F9F9F9;
	padding-top:10px;
	padding-bottom: 0px;
}
.menu_sid1 {
	position:absolute;
	width:190px;
	height: 208;
	margin-left: 198px;
	margin-top: 0px;
	background-color:#b5b5b5;
	visibility:hidden;
	}


.link_box{
	width:33%;
	float:right;
	text-align: right;
	}

.link_right{
	width: 64%;
	float:right;
	text-align:left;
	color: #FFF;
	line-height: 30px;
	font-size:12px;
	
	}
.link_right a {color: #FFF;}

.squere_box {
	border: solid 2px #000;
	float:left;
	margin-right: 12px;
	padding: 0px 0px 0px 0px;
	height: 22px;
	width: 22px;
	background-image: url(images/squere_red.png);
	font-size:14px;
	color: #FFF;
	text-align:center;
	cursor: pointer;
	}
.squere_box_silver {
	border: solid 2px #000;
	float:left;
	margin-right: 12px;
	padding: 0px 0px 0px 0px;
	height: 22px;
	width: 22px;
	background-image: url(images/squere_silver.png);
	font-size:14px;
	color: #FFF;
	text-align:center;
	cursor: pointer;
	}

.content {
	float: left;
	padding: 7px 0px 5px 0px;
	width: 598px;
	
	}

.shadow_up{
	margin-left: 2px;
	width:594px;
	height:3px;
	}
.shadow_naglowek{
	/*margin-right: 5px;*/
	width: 594px;
	height: 23px;
	margin-left: 2px;
	background: url(images/pasek.png) repeat-y;
	
	}
	
	
	
.shadow_center{
	margin-left: 2px;
	/*margin-right: 5px;*/
	width:594px;
	height: auto;
	background: url(images/pasek.png) repeat-y;
	
	}
.shadow_down{
	margin-left: 2px;
	width:594px;
	height:3px;
	}
.cien_left_up {
	background-image:url(images/shadow_corner_left_up.png);
	float: left;
	width: 3px;
	height: 3px;

	}
.cien_center_up {
	background-image:url(images/shadow_center_up.png);
	float: left;
	width: 588px;
	height: 3px;

	}

.cien_right_up {
	background-image:url(images/shadow_corner_right_up.png);
	float: left;
	width: 3px;
	height: 3px;

	}

.cien_left{
	background-image:url(images/shadow_corner_left_mid.png);
	float: left;
	width: 3px;
	height: 23px;
	}
.tlo_center{
	background:url(images/tlo_long.png) no-repeat;
	float: left;
	width: 588px;
	height: 23px;
	}
.cien_right{
	background-image:url(images/shadow_corner_right_mid.png);
	float: left;
	width: 3px;
	height: 23px;
	}


/*.cien_left_mid {
	background-image:url(images/shadow_left_mid.png);
	float: left;
	width: 3px;
	height: 380px;
	
	}*/
.srodek {
	/*background-image:url(images/pasek.png);*/
	width: 588px;
	height: auto;
	padding: 1px 4px 12px 4px;
	}
.srodek_clear {
	/*background-image:url(images/pasek.png);*/
	width: 588px;
	height: auto;
	padding: 1px 4px 1px 4px;
	}

/*.cien_right_mid {
	background-image:url(images/shadow_right_mid.png);
	float:left;
	width: 3px;
	height: 380px;
	}*/
.cien_left_down {
	background-image:url(images/shadow_corner_left_down.png);
	float: left;
	width: 3px;
	height: 3px;
	}
.cien_center_down {
	background-image:url(images/shadow_center_down.png);
	float: left;
	width: 588px;
	height: 3px;
	}
.cien_right_down {
	background-image:url(images/shadow_corner_right_down.png);
	float: left;
	width: 3px;
	height: 3px;
	}
	
	
	
	
/*------------style ramki wąskiej-------------*/



.frame_left{
	width: 201px;
}
.frame_right{
	width: 201px;
}

.shadow_up_thin{
	width:201px;
	height:3px;
	}
.shadow_naglowek_thin{
	/*margin-right: 5px;*/
	width:201px;
	height: 23px;
	background: url(images/pasek_thin.png) repeat-y;
	
	}
.shadow_center_thin{
	/*margin-right: 5px;*/
	width:201px;
	height: auto;
	background: url(images/pasek_thin.png) repeat-y;
	
	}
.shadow_down_thin{
	width:201px;
	height:3px;
	}
.cien_left_up_thin {
	background-image:url(images/shadow_corner_left_up.png);
	float: left;
	width: 3px;
	height: 3px;

	}
.cien_center_up_thin {
	background-image:url(images/shadow_center_up.png);
	float: left;
	width: 195px;
	height: 3px;

	}
.cien_right_up_thin {
	background-image:url(images/shadow_corner_right_up.png);
	float: left;
	width: 3px;
	height: 3px;

	}
/*.cien_left_mid {
	background-image:url(images/shadow_left_mid.png);
	float: left;
	width: 3px;
	height: 380px;
	
	}*/
.cien_left_thin{
	background-image:url(images/shadow_corner_left_mid.png);
	float: left;
	width: 3px;
	height: 23px;
	}
.tlo_center_thin{
	background-image:url(images/przycisk_menu.png);
	float: left;
	width: 195px;
	height: 23px;
	}
.cien_right_thin{
	background-image:url(images/shadow_corner_right_mid.png);
	float: left;
	width: 3px;
	height: 23px;
	}
	
	
	
.srodek_thin {
	/*background-image:url(images/pasek.png);*/
	width: 195px;
	height: auto;
	padding: 1px 4px 1px 4px;
	;}
/*.cien_right_mid {
	background-image:url(images/shadow_right_mid.png);
	float:left;
	width: 3px;
	height: 380px;
	}*/
.cien_left_down_thin {
	background-image:url(images/shadow_corner_left_down.png);
	float: left;
	width: 3px;
	height: 3px;
	}
.cien_center_down_thin {
	background-image:url(images/shadow_center_down.png);
	float: left;
	width: 195px;
	height: 3px;
	}
.cien_right_down_thin {
	background-image:url(images/shadow_corner_right_down.png);
	float: left;
	width: 3px;
	height: 3px;
	}







/*-------------------------------------------*/

.sidebar2 {
	float: left;
	width: 201px;
	background: #F9F9F9;
	padding: 9px 0px 0px 0px;
}

/* ~~ Ten selektor grupowy obsługuje listy w bloku .content ~~ */
.sidebar1 ul, .content ol { 
	padding: 0px 0px 0px 0px; /* Ten odstęp wewnętrzny jest odzwierciedleniem odstępu wewnętrznego z prawej, zdefiniowanego wcześniej w regule dla nagłówków i akapitów. Odstęp wewnętrzny na dole zapewnia odpowiednie odległości od innych elementów listy. Odstęp wewnętrzny z lewej tworzy wcięcie. Wartości te można swobodnie dostosowywać.*/
}

/* ~~ Style listy nawigacyjnej (można je usunąć, jeśli wybierzesz gotowe rozwijane menu, takie jak obiekt Spry) */
ul.nav {
	list-style: none; /* Usuwa wyróżnienie listy. */
	/*border-top: 1px solid #666; /* Tworzy górną krawędź łączy — wszystkie pozostałe są umieszczane z dolną krawędzią elementu LI. */
	margin-bottom: 2px; /* Tworzy odstęp między polem nawigacyjnym a zawartością poniżej. */
}
/*ul.nav li {
	border-bottom: 1px solid #666; /* Tworzy linie rozdzielające przyciski. 
}*/
ul.nav a, ul.nav a:visited { /* Zgrupowanie tych selektorów gwarantuje, że łącza zachowają wygląd przycisku także po odwiedzeniu. */
	padding: 0px 0px 0px 28px;
	display: block; /* Powoduje, że kotwica ma właściwość bloku, dzięki czemu wypełnia cały element LI, w którym się zawiera. W ten sposób cały obszar reaguje na kliknięcie myszą. */
	/*width: 170px;  /*Podanie tej szerokości powoduje, że w przeglądarce IE6 cały przycisk będzie reagować na kliknięcie. Jeśli nie musisz zapewniać obsługi programu IE6, możesz usunąć tę deklarację. Oblicz odpowiednią szerokość, odejmując odstęp wewnętrzny łącza od szerokości kontenera paska bocznego. */
	height:26px;
	font-size:15px;
	text-decoration: none;
		color: #FFF;
	background: #F9F9F9;
	background-position: center top;
	background-repeat:no-repeat;
	background-image:url(images/przycisk_menu.png);
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Zmienia kolor tła i tekstu przy nawigacji myszą i klawiaturą. */
	color: #bc0000;
	font-size:15px;
	background-position: center top;
	background-repeat:no-repeat;
	background-image:url(images/przycisk_high.png);
}





ul.nav2 {
	list-style: none; /* Usuwa wyróżnienie listy. */
	/*border-top: 1px solid #666; /* Tworzy górną krawędź łączy — wszystkie pozostałe są umieszczane z dolną krawędzią elementu LI. */
	}
/*ul.nav li {
	border-bottom: 1px solid #666; /* Tworzy linie rozdzielające przyciski. 
}*/
ul.nav2 a, ul.nav2 a:visited { /* Zgrupowanie tych selektorów gwarantuje, że łącza zachowają wygląd przycisku także po odwiedzeniu. */
	padding: 0px 0px 0px 14px;
	display: block; /* Powoduje, że kotwica ma właściwość bloku, dzięki czemu wypełnia cały element LI, w którym się zawiera. W ten sposób cały obszar reaguje na kliknięcie myszą. */
	/*width: 170px;  /*Podanie tej szerokości powoduje, że w przeglądarce IE6 cały przycisk będzie reagować na kliknięcie. Jeśli nie musisz zapewniać obsługi programu IE6, możesz usunąć tę deklarację. Oblicz odpowiednią szerokość, odejmując odstęp wewnętrzny łącza od szerokości kontenera paska bocznego. */
	height:26px;
	font-size:15px;
	text-decoration: none;
		color: #FFF;
	/*background: #C6D580;*/
	background-position: left top;
	background-repeat:no-repeat;
	background-color: #b5b5b5;
	background-image:url(images/przycisk_podmenu.png);
}
ul.nav2 a:hover, ul.nav2 a:active, ul.nav2 a:focus { /* Zmienia kolor tła i tekstu przy nawigacji myszą i klawiaturą. */
	color: #bc0000;
	font-size:15px;
	background-position: left top;
	background-repeat:no-repeat;
	background-color: #a4a4a4;
	background-image:url(images/przycisk_podmenu_high.png);
}





















.header ul, .content ol {
	padding: 0px 0px 0px 0px; /* Ten odstęp wewnętrzny jest odzwierciedleniem odstępu wewnętrznego z prawej, zdefiniowanego wcześniej w regule dla nagłówków i akapitów. Odstęp wewnętrzny na dole zapewnia odpowiednie odległości od innych elementów listy. Odstęp wewnętrzny z lewej tworzy wcięcie. Wartości te można swobodnie dostosowywać.*/
}

/* ~~ Style listy nawigacyjnej (można je usunąć, jeśli wybierzesz gotowe rozwijane menu, takie jak obiekt Spry) */
ul.nav_top {
	list-style: none; /* Usuwa wyróżnienie listy. */
	/*border-top: 1px solid #666; /* Tworzy górną krawędź łączy — wszystkie pozostałe są umieszczane z dolną krawędzią elementu LI. */
	/* Tworzy odstęp między polem nawigacyjnym a zawartością poniżej. */
}
/*ul.nav li {
	border-bottom: 1px solid #666; /* Tworzy linie rozdzielające przyciski. 
}*/
ul.nav_top a, ul.nav_top a:visited { /* Zgrupowanie tych selektorów gwarantuje, że łącza zachowają wygląd przycisku także po odwiedzeniu. */
	float: left;
	display: block;
	padding: 0px 7px 0px 7px;
	/*display: block;  Powoduje, że kotwica ma właściwość bloku, dzięki czemu wypełnia cały element LI, w którym się zawiera. W ten sposób cały obszar reaguje na kliknięcie myszą. */
	/*width: 170px;  /*Podanie tej szerokości powoduje, że w przeglądarce IE6 cały przycisk będzie reagować na kliknięcie. Jeśli nie musisz zapewniać obsługi programu IE6, możesz usunąć tę deklarację. Oblicz odpowiednią szerokość, odejmując odstęp wewnętrzny łącza od szerokości kontenera paska bocznego. */
	height:22px;
	text-decoration:none;
	text-shadow: #000 0px 0px 3px;
	font-size:14px;
	color: #FFF;
	/*background: #C6D580;*/
	background-position: right top;
	background-repeat:repeat-x;
	background-image:url(images/czerwony.png);
}
ul.nav_top a:hover, ul.nav_top a:active, ul.nav_top a:focus { /* Zmienia kolor tła i tekstu przy nawigacji myszą i klawiaturą. */
	color: #bc0000;
	font-size:14px;
	text-shadow: #FFF 0px 0px 3px;
	background-position: right top;
	background-repeat:repeat-x;
	background-image:url(images/szary.png);
}




/* ~~ Style stopki ~~ */
.footer {
	height: 22px;
	/*padding: 10px 0;*/
	background: #8b0008;
	position: relative;/* Włącza właściwość hasLayout dla programu IE6, zapewniając prawidłowe wyłączanie opływu. */
	clear: both; /* Ta właściwość „clear” informuje blok .container, gdzie kończą się zawarte w nim kolumny i pozwala utrzymać je wewnątrz bloku. */
}
.footer1 {
	height: 25px;
	/*padding: 10px 0;*/
	
	position: relative;/* Włącza właściwość hasLayout dla programu IE6, zapewniając prawidłowe wyłączanie opływu. */
	clear: both; /* Ta właściwość "clear" informuje blok .container, gdzie kończą się zawarte w nim kolumny i pozwala utrzymać je wewnątrz bloku. */
}
.footer2 {
	height: 5px;
	/*padding: 10px 0;*/
	background: #8b0008;
	position: relative;/* Włącza właściwość hasLayout dla programu IE6, zapewniając prawidłowe wyłączanie opływu. */
	clear: both; /* Ta właściwość "clear" informuje blok .container, gdzie kończą się zawarte w nim kolumny i pozwala utrzymać je wewnątrz bloku. */
}
.footer3 {
	padding-top: 20px;
	padding-bottom: 10px;
	/*padding: 10px 0;*/
	position: relative;/* Włącza właściwość hasLayout dla programu IE6, zapewniając prawidłowe wyłączanie opływu. */
	clear: both; /* Ta właściwość "clear" informuje blok .container, gdzie kończą się zawarte w nim kolumny i pozwala utrzymać je wewnątrz bloku. */
}
/* ~~ Różne klasy float/clear ~~ */
.fltrt {  /* Ta klasa umożliwia tworzenie elementów pływających z prawej strony (właściwość „float:right”). Element pływający musi poprzedzać w kodzie element, obok którego ma się znajdować na stronie. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Ta klasa umożliwia tworzenie elementów pływających z lewej strony (właściwość „float:left”). Element pływający musi poprzedzać w kodzie element, obok którego ma się znajdować na stronie. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Tę klasę można wykorzystać w znaczniku <br /> lub pustym bloku DIV, który stanowi ostatni element za ostatnim pływającym blokiem DIV (wewnątrz bloku o klasie .container), jeśli usunięto blok .footer lub przeniesiono go poza blok .container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*---------------------Style tekstu----------------------------------*/
.srodek1 h2 {font-size: 20px; color:#FFF; font-weight:200; line-height: 24px; margin: 0px 0px 3px 15px;}
.srodek1 p {text-align: left; font-size: 12px; color:#FFF; font-weight:200; line-height: 14px; text-height: 14px; margin: 2px 0px;}
.srodek1 a {font-size: 12px; color:#FFF; font-weight:200; line-height: 30px; text-height: 14px; margin: 2px 0;}
.srodek h1 {font-size: 17px; color:#000; font-weight:800; line-height: 20px; margin: 0px 0px 3px 0px;}
.srodek h2 {font-size: 15px; color: #000; font-weight:800; line-height: 18px; margin: 0px 0px 18px 15px;}
.srodek p {margin: 5px 0px; font-size: 12px;}
.srodek h3 {font-size: 14px; color:grey; font-weight:800; line-height: 22px; margin: 4px 0px 4px 0px;}

.srodek2 h1 {font-size: 18px; color:red; font-weight:bold; line-height: 28px; margin: 0px 0px 10px 0px;}
.srodek2 p {font-size: 13px; color:#000; line-height: 17px; margin: 0px 0px 10px 0px;}
.srodek2 a {font-size: 12px; color: grey; line-height: 16px; margin: 0px 0px 10px 15px; }
.srodek2 .data {font-size: 10px; color: grey; line-height: 20px; margin: 0px 0px 0px 0px; text-align:right; }
.srodek2 hr {border: #CCC solid 1px; width: 586px; margin: 0px 0 0 4px;}

.srodek ul li{font-size: 12px; color: #000; margin: 0px 0px 0px 30px;}
.srodek hr {border: #CCC solid 1px; width: 586px; margin: 0px 0 0 0px;}

.srodek_clear ul li {font-size: 12px; color: #000; margin: 0px 0px 0px 30px;}
.srodek_clear h2 {margin: 0px 0px 15px 15px; font-size: 14px; color: #900;}
.srodek_clear h3 {margin: 0px 0px 0px 0px; font-size: 13px; color: #900; line-height: 17px;}
.srodek_clear h1 {font-size: 18px; color: #900; font-weight:800; line-height: 20px; margin: 20px 0px 10px 0px;}
.srodek_clear p {font-size: 13px; color:#000; line-height: 17px; margin: 0px 0px 10px 0px; text-align:justify; text-indent:15px;}
.srodek_clear ol li {font-size: 13px; color:#000; line-height: 17px; margin: 0px 0px 0px 60px;}

.data {font-size: 10px; color:#000; line-height: 12px; text-height: 12px; margin: 2px 0px; clear:both;}
.imieniny {font-size: 11px; color:#000; line-height: 12px; text-height: 12px; margin: 0px -8px; text-align: right;}
.dziewiec {font-size: 10px; color:#000; line-height: 12px; text-height: 12px; margin: 2px 0px; text-align: center;}
.global_naglowek {margin: 5px 0px 0px 25px; color: #FFF; font-weight: bold; font-size:14px; line-height: 22px;}
.naglowek_bold{font-size:11px; color: #999; font-weight: bold;}
.rozdzial{font-size:14px; color: #000; line-height: 25px; font-weight: bold; }
.podrozdzial{font-size:12px; font-color: #666;}
.autor_roz{font-size:10px; color: #000; line-height: 16px; text-decoration:none;}


/*---------------------Style tekstu----------------------------------*/
fieldset.search {
	border: none;
	width: 195px;
	margin: 0 auto;
	padding: 0 0 5px 7px;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	border: solid 1px black;
	border-right: none;
	border-bottom-color:#c2c2c2;
	color: #CCC;
	font-weight:400;
	width: 168px;
	height: 20px;
	/*padding: 8px 5px 0;*/
	background: #efefef/* url(images/search_bg.png) no-repeat left top*/;
	/*margin-right: 5px;*/
}
.search input.box:focus {
	background-color:#FFF;
	/*background: url(images/search_bg.png) no-repeat left -24px;*/
	outline: none;
	color:#000;
}
.search .btnx {
	overflow:hidden;
	width: 24px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(images/search_ico.png) no-repeat top right;	
}
.search .btnx:hover {
	background: #fbc900 url(images/search_ico.png) no-repeat top right;	
}

.partnerzy a{
	opacity: 0.5;
}
.partnerzy a:hover{
	opacity: 1.0;
}
.scroll-pane
			{
				width:630px;
				height: 600px;
				max-width:645px;
				border-right: 1px solid white; 
				background: url(tlo3.png) center no-repeat #FFF;
				position: fixed;
				left: 50%;
				top:50%;
				margin-left:-315px;
				margin-top:-300px;
				z-index:12;
				visibility:hidden;
			}
.super_div{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.2;
	z-index:4;
	visibility:hidden;
	top: 0px;
	
}

.scroll-pane p {
	font-size: 9pt;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:justify;	
	padding: 0 0px 0 0px;
}
.scroll-pane h1, h2 {
	padding: 0 0px 0 0px;
}
.ukrywacz2{color: #FFF !important; font-weight:bold;}

.super_div2{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.2;
	z-index:4;
	visibility:hidden;
	top: 0px;
	
}
.scroll-pane2
			{
				width:300px;
				height: 90px;
				max-width:645px;
				border-right: 1px solid white; 
				background: url(tlo3.png) center no-repeat #FFF;
				position: fixed;
				left: 50%;
				top:50%;
				margin-left:-150px;
				margin-top:-45px;
				z-index:12;
				visibility:hidden;
			}
.tooltipsy
{
	font-size:10px;
    padding: 10px;
    max-width: 600px;
    color: #000;
    background-color: #CCC;
    border: 1px solid #deca7e;
}