* { margin:0; padding:0;}
body { background:#080206; }
html {
scrollbar-face-color: #a1497e;
scrollbar-shadow-color: #a1497e;
scrollbar-highlight-color: #a1497e;
scrollbar-3dlight-color: #a1497e;
scrollbar-dark-shadow-color: black;
scrollbar-track-color: black;
scrollbar-arrow-color: #cb9fb9;
scrollbar-base-color: black}

html {overflow: hidden;} 
 
table.monit {
	border: 1px solid #349dd4;
}
html, input, textarea, select{font-family:tahoma; font-size:100%; color:#586166; font-weight:normal; font-size:0.6875em; line-height:1.18em}

a636d1
/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left}
.fright { float:right;}

.alignright { text-align:right;}
.right { text-align:right;}
.center { text-align:center;}
.left { text-align:left;}

.title, .title_top, .title_bot{ display:block}

p {margin:0; padding:0; font-size: 11px; after: 50px}

p.lista {margin:0; padding:0; font-size: 11px; line-height:4em}
p.secret {margin:0; padding:0; font-size: 5px; line-height:1em; color: black}

h1 { text-indent:-10000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url(images/logo.gif) no-repeat; width:176px ; height:54px}
.pos{ position:absolute; margin:0; padding:0}

.kalendarz { text-align:center;  font-weight: bold;  font-size: 10px;   vertical-align: middle;    }
.sp { text-align:center;  font-weight: bold;  font-size: 14px;  color:white;  vertical-align: middle;    }
.gb { text-align:center;  font-weight: bold;  font-size: 14px;  color:red;   vertical-align: middle;  }
.is { text-align:center;  font-weight: bold;  font-size: 14px;  color:#c73c85;   vertical-align: middle;  }
.bs { text-align:center;  font-weight: bold;  font-size: 14px;  color:yellow;   vertical-align: middle;  }
.hp { text-align:center;  font-weight: bold;  font-size: 14px;  color:#349dd4;   vertical-align: middle;  }
.do { text-align:center;  font-weight: bold;  font-size: 14px;  color:green;   vertical-align: middle:  }

.list ul { margin:0; padding:0; list-style:none; line-height:2.2em}
.list ul li{ background:url(images/list_bg.gif) no-repeat 0 11px; padding-left:17px }
.list ul li a { color:#ffffff; text-decoration: none}
.list ul li a:hover{ text-decoration: none}

.top{ background:url(images/top_z_obrazkami.jpg) no-repeat}
.bot{ background:url(images/bot.jpg) no-repeat left bottom}

/*txt, links*/

a{ color: #6c3382; text-decoration:underline}
a:hover{ text-decoration:underline}
a.link_zw {text-align: right;};
a.nu{ color:#8a41a5; text-decoration:underline}
a:hover{ text-decoration:underline}

strong{ color:#349dd4; line-height: 14px }
strong.center{ color:#349dd4; line-height: 14px; text-align: center }
hr.strong { 
border: 0;
border-top: 1px dashed #349dd4;
border-bottom: 0px dashed #349dd4;
border-left: 0px dashed #349dd4;
border-right: 0px dashed #349dd4;
background-color: black;
}

span{ color:#c73c85}

.white{ color:#ffffff; line-height: 15px; font-size: 11px  }
.white_2{ color:#ffffff; line-height: 15px; font-size: 13px }
.white_s{ color:#ffffff; line-height: 15px; font-size: 7px  }
.red{ color:#ff0000; line-height: 15px; font-size: 11px }
.red_s{ color:#ff0000; line-height: 15px; font-size: 7px }
.gray{ color:#586166; line-height: 15px; font-size: 11px }
.gray_s{ color:#586166; line-height: 15px; font-size: 7px }
.yellow{ color:yellow; line-height: 15px; font-size: 11px  }
.yellow_s{ color:yellow; line-height: 15px; font-size: 7px  }
.green{ color:green; line-height: 15px; font-size: 11px  }
.green_s{ color:green; line-height: 15px; font-size: 7px  }
.pink{ color:#c73c85; line-height: 15px; font-size: 11px  }
.pink_s{ color:#c73c85; line-height: 15px; font-size: 7px  }
.violet{ color:#6c3382; line-height: 15px}
.bordo{ color:#742b3c}
.font_9{ color:#bbbbbb; line-height: 10px; font-size: 9px  }
.form  { color:#999999; line-height: 15px; font-size: 11px  }
.blue{ color:blue; line-height: 15px; font-size: 11px }
.blue_s{ color:blue; line-height: 15px; font-size: 7px } 

table.szczegoly {border: #586166 1px solid; vertical-align: top;}
input.form_rez{background-color: #000000;color:#586166; border:#586166 1px solid; font-size:12px; font-family:tahoma; padding: 0px 0px 0px 0px; height:15px;}
input.prenumerata{ width:214px; height:19px; background:black; color:#586166; border:#586166 1px solid; font-size:1em; font-family:tahoma; padding: 3px 0px 0px 5px }

input.formInputText:hover {
	background-color: #ccffff;
	border: solid 1px #006600;
	color: #000;
	cursor: pointer;
	}

span a{ color:#6c3382; text-decoration:underline}
span a:hover{ text-decoration:none}

.link{ color:#a636d1; font-size:0.91em; text-decoration:underline; font-weight:bold; background:url(images/marker.gif) no-repeat right top; padding-right:7px}
.link:hover{ text-decoration:none}

.link_roz{ color:#a636d1; font-size:0.91em; text-decoration:underline; font-weight:bold; }
.link_roz:hover{ text-decoration:none}

.link_zw{ color:#a636d1; font-size:0.91em; text-decoration:underline; font-weight:bold; background:url(images/marker_left.gif) no-repeat right top; padding-right:7px}
.link_zw:hover{ text-decoration:none}
/*header*/
#header .div{ padding:100px 0 0 64px}

/*content*/
#content .col1{ padding-top:27px; padding-bottom:393px}
#content .col1 img{ display:block}
#content .col1 .img1{ margin-bottom:0px}
#content .col1 .img2{ margin-bottom:0px}
#content .col1 .img3{ margin-bottom:0px}
#content .col1 .img4{ margin-bottom:0px}


#content p{ padding-bottom:15px}

#content .title{ margin-bottom:10px}

#content .title_top{ margin-bottom:35px}

#content p.lheight{ line-height:1.475em}

/*footer*/
#footer div{ padding:54px 36px 0 0; text-align:right }

/*================== index.html ==================*/
#page1 #content .indent{ padding:0 0 0 48px}
#page1 #content .indent .ind{ padding:29px 56px 10px 5px}

#page1 #content .block{ width:490px; margin-top:5px}

#page1 #content .block .col_0{ width:20px}

#page1 #content .block .col_1{ width:250px;  text-align:center;}
#page1 #content .block .col_1 .box{ width:100%; padding-bottom:18px}
#page1 #content .block .col_1 .row{ margin-left:17px; width:75%; background:url(images/px.gif) repeat-x left bottom; padding:12px 0 15px 0; color:#c73c85}
#page1 #content .block .col_1 .row_75{ width:80%; background:url(images/px.gif) repeat-x left bottom; padding:12px 1px 12px 1px; color:#c73c85;  text-align:center;}
#page1 #content .block .col_1 .row a{ color:#e7f5ff; text-decoration:none}
#page1 #content .block .col_1 .row a:hover{ text-decoration:underline }
#page1 #content .block .col_1 .row a.red{ color:red; text-decoration:none}
#page1 #content .block .col_1 .row a.red:hover{ color:red; text-decoration:underline }
#page1 #content .block .col_1 .row a.yellow{ color:yellow; text-decoration:none}
#page1 #content .block .col_1 .row a.yellow:hover{ color:yellow; text-decoration:underline }
#page1 #content .block .col_1 .row a.green{ color:green; text-decoration:none}
#page1 #content .block .col_1 .row a.green:hover{ color:green; text-decoration:underline }
#page1 #content .block .col_1 .row a.pink{ color:#c73c85; text-decoration:none}
#page1 #content .block .col_1 .row a.pink:hover{ color:#c73c85; text-decoration:underline }
#page1 #content .block .col_1 .row a.blue{ color:#349dd4; text-decoration:none}
#page1 #content .block .col_1 .row a.blue:hover{ color:#349dd4; text-decoration:underline }
#page1 #content .block .col_1 .row .img1{ margin-right:7px; vertical-align:middle}
#page1 #content .block .col_1 .row_75 .img1{ margin-right:7px; vertical-align:middle}
#page1 #content .block .col_1 .row .img2{ margin-left:4px; vertical-align:middle}
#page1 #content .block .col_1 .row_75 .img2{ margin-left:6px; vertical-align:middle}

#page1 #content .title{ margin-left:18px; margin-bottom:10px}
#page1 #content .title2{ margin-left:0px; margin-bottom:0px}
#page1 #content .block .col_2{ width:240px}
#page1 #content .block .col_2 img{ margin:5px 0 0 30px}

/*================== index-1.html ==================*/
#page2 #content .indent{ padding:0 50px 0 48px}
#page2 #content .indent .img{ float:left; margin:0 23px 23px 0}
#page2 #content .indent .box{ width:450px; margin-top:15px; padding-bottom:17px}
#page2 #content .indent .box .c1{ width:248px; float: left}
#page2 #content .indent .box .c2{ width:202px; float: left}
#page2 #content .indent span{ display:block; padding-bottom:4px}

/*================== index-2.html ==================*/
#page3 #content .indent{ padding:0px 50px 0px 48px; margin-top:0px;}
#page3 #content .box{ width:450px; margin-top:-5px; padding-bottom:0px; color:#ffffff; line-height:1.2em; text-align:justify}
#page3 #content .box .col_1{ width:105px; text-align:left;  font-size: 11px}
#page3 #content .box  a{ text-decoration:underline}
#page3 #content .box a:hover{ text-decoration:none }
#page3 #content .box .col_1 a{ text-decoration:none}
#page3 #content .box .col_1 a:hover{ text-decoration:underline }
#page3 #content .box .col_2{ width:20px; text-align:left;  font-size: 11px}
#page3 #content .box .col_3{ width:325px; text-align:left;  font-size: 11px}
#page3 #content .img{ float:left; margin:2px 23px 19px 0}
#page3 #content .img2{ margin-left:4px; vertical-align:middle}
#page3 #content .img2a{ margin-left:0px; vertical-align:middle}

/*================== index-3.html ==================*/
#page4 #content .indent{ padding:0 0 0 48px}
#page4 #content .img{ margin-bottom:12px; display:block}
#page4 #content .img_1{ margin:0 12px 20px 0}
#page4 #content strong a{ text-decoration:none}
#page4 #content .center { text-align:center;}
#page4 #content .center img{ vertical-align:middle}

/*================== index-4.html ==================*/
#page5 #content .indent{ padding:0 50px 0 48px}
#page5 #content .indent .title_top { margin:10px 50px 23px 0px}
#page5 #content .img{ float:left; margin:0 23px 5px 0}
#page5 #content .box{ width:453px}
#page5 #content .box .row{ height:33px; width:100%}
#page5 #content .box .col_1{ width:231px}
#page5 #content .box .col_2{ width:222px}
#page5 #content .box input{ width:214px; height:19px; background:none; color:#586166; border:#586166 1px solid; font-size:1em; font-family:tahoma; padding: 3px 0px 0px 5px }
#page5 #content .box textarea{ width:445px; height:60px; background:none; color:#586166; border:#586166 1px solid; font-size:1em; font-family:tahoma; overflow:auto; margin-bottom:18px; padding: 5px 0px 0px 5px }

/* ; padding: 5px 0px 0px 5px   ; padding: 0px 0px 0px 5px   */
/*================== index-5.html ==================*/
#page6 #content .indent{ padding:0px 0 0 48px}
#page6 #faq  { height: 550px;  overflow-y: scroll; overflow-x:hidden; text-align: left; margin-top: 30px; margin-right: 0px; padding-left: 70px; padding-right: 20px; } 
#page6 #faq  li.pytanie{color: #eeeeee; font-weight:normal; padding-top: 10px; letter-spacing: 0.7px}
#page6 #faq  p { text-align:justify}
/*======================================================================*/
/*======================= L I G H T B O X ==============================*/
/*======================================================================*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }