/* MAIN PAGE POSITIONING ELEMENTS */
BODY { position: relative; min-width: 600px; width: 100%; margin: 0; padding: 0;
		 font: 14px Verdana, Arial, helvetica, sans-serif;
		 } /* 12px */
		 
a:link {TEXT-DECORATION: ;}
a:visited {TEXT-DECORATION:;}
a:active {TEXT-DECORATION: ;}
a:hover {TEXT-DECORATION:;}
 
#top { z-index:100;
		position: absolute;
		top: 0;
		left: 0;
		min-width: 600px;
		width: 100%; height: 110px;

		}

#top img {position:absolute;margin:4px 0 0 30px;border: 0px;}
#menub, #menubks { position: absolute; top:86px; left:174px; min-width: 360px;
 			 height:24px;background: #eee;color:white;z-index:200;
 			 margin:0;padding:0;
 			 }
#menub { width: 60%;}
#menubks { width: 75%;}			 
#topleft { position:absolute;
				 top:10%;
				 left:10%;
				 width:74px; height: 80px;
				 margin:1% 0 0 0;
				 color:#fee;
				 font:bold 10px Arial, helvetica, sans-serif;}

#topright {
					 display:none;
					 z-index:103;
			 		 position: absolute;
			 		 top:4px;
			 		 left: 82%;
			 		 width: 9%;
			 		 margin:0;
			 		 padding:2px;
			 		 
					 background-color: transparent;
					 font:bold 11px Arial, helvetica, sans-serif;
					 text-align:center;
					 }					
#topright a {display:block;
						height:16px;
						width:auto;
						padding:0px;
						background-color:transparent; } 
#innertop { z-index:101;
					position:absolute;
					top:0;
					left:0;
					margin-left:174px;
					height: 110px; width: 60%;
					}
#innertopks { z-index:101;
					position:absolute;
					top:0;
					left:0;
					margin-left:174px;
					height: 110px; width: 75%;
					}					
#left { z-index:9;
			position: absolute;
			top:174px;

			left: 0;
			width: 174px;
			margin: 0;

						 
			}
#left .advert {
					/* margin:10em 0 0 10px; */
					
					width:114px;
					padding:4px;

					font-size:small;
					text-align: center;
					border:0px solid #ee6033;
					}
.advert a, .advert img {border: 0;}					
div.leftmenu {
					position: fixed;
					top:150px;
					_position: absolute;
					left:28px;
					margin:30px 0 0 0px;
					width:74px;
					padding:4px 0 0 44px;
					background:;
					font-size:small;
					text-align: center;
					border:0px solid #ee6033;
					background-color: transparent;
					}
div.leftmenu ul {margin-left: 0;
						 padding-left: 0;
					 	 list-style-type: none;
						 line-height:0.7em;
						 }
div#leftmenu a { display:block;padding:2px;width:110px;}						 

div#leftpane0, div#leftpane {
						 position: absolute;
						 left:30px;
						 width:110px;
						 margin:0;
						 padding:0;
						 text-align: center;
						 font-size:10px;
						 
						 }
div#leftpane0 {
							position: absolute;
							top:155px;
							border:2px solid #530906;
							border-width: 0 2px 2px 2px;
							font-size: 10px;
							font-family: times, serif;
							}
div#leftpane {
							top:180px;
							border:2px solid #530906;
							}						 
						 
#leftpane0 a, #leftpane a  { text-decoration:none; color:inherit;font-weight:600;display:block; }						 						 			
#aktu {
						 position: absolute;
						 top:262px;
						 left:30px;
						 width:110px;
						 margin:0;
						 padding:0;
						 text-align: center;
						 font-size:10px;
						 border:2px solid #530906;
						 }
.leftnav {position: fixed; _position: absolute;
						 bottom:10px;
						 left:30px;
						 width:70px;
						 margin: 0;
						 padding:0;
						 text-align: center;
						 font-size:10px;
						 border:0px solid #530906;}
					 
.leftnav a {text-decoration:none; color:inherit;font-weight:300;display:block;border-top: 0px solid #d06033;}						 					 

#left .goo {margin:3em 0 0 14px;
					 width:146px;
					 padding:0px;
					 background:;
					 font-size:12px;
					 text-align: center;
					 border:0px solid #ee6033;
					 }
.goo input {width:120px;height: ;}
.goo input.btn{
   	 					 color:#300;
   						 font-family: Verdana, Arial, helvetica, sans-serif;
   						 font-size:85%;
   						 font-weight:bold;
							 
							 }
.goo p {
		 	 background: ;
			 }			 
#middle { 
				position: absolute;
				top:140px; /* 154px */
				left:175px;
				min-width: 360px;
				width: 60%;
				margin: 0 0 0px 0;
				padding-bottom:20px;
				z-index:8;
				}
#middleks { z-index:10;
				position: absolute;
				top:102px;
				left:175px;
				min-width: 160px;
				width: 75%;
				margin-top: 20px;
				margin-bottom: 10px;padding-bottom:20px;
				border-left:0px solid green;
				}
#right { 
			 position: absolute;
			 top:154px;
			 left: 75%; /* 82*/
			 width: 25%; /* 18 */
			 margin:0;
			 padding-top:0em;
			 color:#330000;
			 }


#rightks { 
				 z-index:10;
			 	 position: absolute; top:102px; left: 80%; width: 19%; margin: 1% 0 0 1%; z-index:10;
			 	 }			 
/* GENERAL MAKE-UP follows below */
H1 {visibility:hidden;height:0px;margin-left:96px;font-weight:900;font-size:24px;font-family: arial, sans-serif;color:#009;}

div.spistr h4 {margin-bottom:0.1em}
div.spistr li {margin-bottom:0.1em;margin-left:-1em;list-style-type:none;}
ul li {margin-bottom:1em}
#middleks ol li {margin-left: 2.5em;}
/* #middle p:first-letter {font-size:large;} */
/* #middleks p {line-height:1.3;} */

div.item, div.promo, div.onas, div.norbw {
										 					margin-bottom:3em;
															padding:0;
															text-align:justify;
															z-index:30;
															}
div.counas {float: left; width: 260px;margin:0; padding:0px; border-width:0;}															
div.juzwkr {width: auto; margin: 0 6px 0 270px; padding:0px;}
div.counas p, div.juzwkr p { text-align:left; margin:0 0 20px 0;padding:6px 4px 8px 0;line-height:1.3;}
div.headi { 
  				 margin:0 0 20px 0;
  				 padding:0;
  				 border-width: 0 0px 1px 0;
  				 border-style: dotted;
					 line-height:1;
    			 }
.headi H2 { margin:0 0 25px 0; padding:13px 0 0 4px; font-size:18px;}
.counas H3, .juzwkr H3 {margin:0;font-size:14px;}

div.onas p, div.kont p { line-height:1.3;margin:0;padding:6px 1.2em 8px 1.2em; }
div.kont {margin:0; padding:1em 1em 2em 1em;}
	 		 															
div.item p { padding:0.6em;}
div.promo {	text-align:center;}
div.promo ul { list-style: circle; text-align: left; }				
div.item div, div.promo div, div.onas div, div.norbw div { 
				 										 							line-height:1.6; padding:6px;
																					z-index:100;
																					}
div.item p:first-letter, div.onas p:first-letter, div.counas p:first-letter, div.juzwkr p:first-letter, div.norbw p:first-letter 
				 {font-size:large;
				 }
div.init { 
				 float:left;
				 width:52px; height:50px;
				 margin:-1px 0.5em 0em -1px;
				 padding:0px;
				 border-width: 0 1px 1px 0;
				 border-style: dotted;
  			 }
div.init a {display: block; width:52px; height:50px; margin:0; padding:0; text-decoration:none;}
			 
div.onas li, div.norbw li { 
				 		margin: 0 1em 1em 0;
						text-align:left;
						}
div.itemclearer {clear:all;margin-bottom:1.4em;}
div.kwelcome {padding:8px;
						 
						 border: 1px solid #00B27F;
						 margin-bottom:20px;height:;
						 font-size:;
						 }
div.welcome p { padding:6px 1.2em 8px 1.2em; line-height:1.3;}

div.footer { font-size: x-small; text-align:left;
					 	 margin-top: 1em;
					 	 border-width: 1px 0 0px 0;
  				 	 border-style: dotted;
						 }
div.footer a { text-decoration: none; }

div.booknote {float:right; margin:12px; width:210px; text-align:left; padding:18px;  border:1px solid #ee6033;font-size:small; background:#ffffcc;}
div.booknote ul {margin:10px;}
div.booknote li {list-style-type:none;margin:0px;}
div.booknote p { font: bold 12px; }
				 
/*
AK Wzorce i szablony
*/
.colorsmpl {width:100px;float:left;padding:4px;margin:4px 4px 0 0;border:1px solid black;text-align:center;font:10px Arial, Helvetica, san-serif;}
div.colorsmpl div {height:3em;padding-top:4px;}
/* 
Catalogue
*/
div.catitem {
         position: relative;
         width: 100%;
				 border-top: 1px solid #95B084;
				 border-left: 1px solid #95B084;
         border-right: 4px solid #95B084;
				 border-bottom: 4px solid #95B084;
				 padding:0;
				 margin:0 0 4em 0;
				 background-color: transparent;
				 font: 0.9em Verdana, helvetica, arial, sans-serif;
         }
div.catboxleft {
        float: left;
        position: relative;
        width: 112px;
        margin:0;
				padding-top:6px;
        border: 0px solid #99dbff;
				text-align:center;
				background-color: transparent;
				font-weight: 900;
				line-height:1.5em;
        }
			
div.catboxleft a {display:block; position:relative;
							 	  border: 0px solid red;
									margin-top:2px;
							 		text-decoration:none;
								 	font: bold 1.2em Verdana, helvetica, arial, sans-serif;
								  background-color:transparent;
								 }
div.catboxleft img {
							 		 margin:0; border:0;
									 }
div.catboxleft p {margin: -3px 0 0.3em 0; padding: 0;}									 							 				
div.catboxright {
          WIDTH: AUTO;
          margin-left: 120px;
					padding:0;
          border: 0px solid #99dbff;
          background-color: transparent;
		      }
ul.elist  {
					list-style-type: none;
					padding:0;
					margin:0 0 -10px 0;
					}
ul.elist li {
			 	 		width:auto;
						height:auto;
						margin-bottom:1em;
						line-height:0.8em;
						} 
ul.elist li.eauth {
			 	 					display:block;
       						position:relative;
									padding: 6px 0 3px 0px;
									margin:0;		
			 						border-top: 0px solid #060;
			 						background:;
									font:1em bold Verdana, arial, helvetica, sans-serif;
			 						}
ul.elist li.etitle {
				 					 display:block;
									 position:relative;	
									 padding:2px 0 5px 0px;
									 margin:0;
									 border:0px solid #030;
									 background:;
									 color:#003300; 
									 font: 600 1.2em Verdana, arial, helvetica, sans-serif;
			 						 }
ul.elist li.elistkod {
				 					 	 display:block;
										 position:relative;	
										 width:;
									 	 margin:0 0 1em 0;
									 	 padding:2px 0 2px 2px;
										 border-top:0px solid #ccf;
									 	 background:;
			 						 	 }
ul.elist li.elistwyd {
				 					 	 display:inline;
       	 								 margin:0 1em 2em 0;
			 									 padding:2px 2px 2px 2px;
			 									 width:auto;
			 									 border-top:0px solid #cfc;
			 									 background:;
												 line-height:1.7em;
			 						 	 }										 
.catalogue ul.details {
					 						margin:0;
					 						padding:0;
					 						/*  display:none;  visibility:hidden; <- takes up space */ 
					 }
.nowosci ul.details {
				 						margin:0;
					 					padding:0;
					  				}						 									 								 			 			 
ul.details li {
				 			display:inline;
       	 			margin:0 1em 0 0;
			 				padding:2px 2px 2px 2px;
			 				width:auto;
			 				border-bottom:0px solid #cfc;
			 				background:;
							line-height:1.7em;
			 				}			 

div.enote  {
						padding-right: 1em;
						margin: 0.5em 0 1em 0;
						}
div.enote p {
						padding:0;
						margin-bottom:0.3em;
						text-align: justify;
						}						
div.enote .cytat { font-size: 100%; }						
div.righter {
						font-size: inherit; text-align: right; margin:0 1em 1em 3em;
						}
p.righter		{
						text-align: right;
						}
								
.catalogue H2 { 
					 		height: 26px ;
							color: #1F4D00;
					 		font: bold small-caps 22px Verdana, Arial, sans-serif;
							background: #17DD29 url(../pics/h2-k2.png) top left no-repeat;
							border: 1px solid #00884A;
							margin:  2em 0 1em 0;
							padding: 1px 2px 2px 80px;
							}
.catalogue H3 { color: #1F4D00;
					 		font: bold small-caps 1.2em Verdana, Arial, sans-serif;
							background: #71CD75;
							border: 1px solid #00884A;
							margin:2em 0 2em 0;
							padding:0 0 2px 4px;
							}
.catalogue H4 {
					 		color: #1F4D00;
					 		font: bold small-caps 1em Verdana, Arial, sans-serif;
							margin:2em 0 2em 0;
							padding:0 0 2px 4px;
							text-align:center;
							}
												
.catalogue>p {margin-bottom: 3em; border-bottom: 0px solid #95B084; padding-bottom:0.3em;}							

/* Stylizacja tekstu */

.outcyt {font-size: 90%; color: #030;}
.btitle { color:; font: italic 300 100%  Verdana, Arial helvetica, sans-serif;} 
.enotehead1 { background:#dcdfaa;padding:0.2em 0.5em; margin-top:1.4em;}
.enote h4 { text-align:left;background:#dcdfaa;padding:0.2em 0.5em; margin-top:1.4em; border:0;text-transform:uppercase;}
.enote  H5 {color: #1F4D00;font: bold small-caps 1em Verdana, Arial, sans-serif;margin-bottom: 0.3em;}
.enote  H6 {color: #1F4D00;font: bold normal 1em Verdana, Arial, sans-serif;margin-bottom: 0.3em;}
h4.promo { text-align:center; color:#000; border-bottom: 1px dashed green;}
.catalogue>p {margin-bottom: 3em; border-bottom: 3px solid #95B084; padding-bottom:0.3em;}							
span.oaut { background:#dcdfaa; padding:0 0.4em 0.1em 0.4em; }
div.enote pre {font:inherit; color: #066;}
div.enote pre.spistr {font:inherit; color: #000;}
div#right div.intrusion1 {
					position:relative;
       	width:320px;
        min-width: 120px;
        margin:60px 0 0 -160px;
				padding:8px;
        background-color:#ddffbb;
       	text-align:justify;
				z-index:120;
				}
/* Nowosci w prawym panelu index.php */				


#right div { min-width: 108px; margin:0px 10px 20px 20px; padding:10px; background:#faeccc;
			 		 text-align: center; border:0px solid #ff9933;}
div#right a { font-weight:bold;text-decoration: none; color: #ef6000;}					 
#right a {color:black;font-size: small; text-decoration: none; }
#right a span { color:black; }
#right img {border:0;margin:0;}
#right p { margin-top: 3px; }
p.nowosc {color:#ef6000; font: 900 1.2em Verdana Arial helvetica, sans-serif;}


ul#zapow li {margin-bottom:2em; margin-right:2em;font-size: 1em;}
ul#zapow p { font-size: 90%; }
ul#zapow span {}

.osoba {font-weight: bold;}

/* Lektury na Wielki Post */
div.welcome2 { margin: 0 0 30px 0; padding:0; border: 0px solid #D06033; width: 100%; 
						 text-align: center; 
						 }
div.welcome2 div {float: left; width: 108px; border: 0px solid black;
						 		 height: 214px; padding: 4px; margin-bottom: 0em;}
.welcome2 img {
  						 margin: 4px;
  						 border: 0;
  						 }
.welcome2 h2 { margin: 0 0 20px 0 ; padding: 2px 0 2px 14px;
						 text-align: left; background:#D06033; color:#FFF5F8; font-size:18px;}
.welcome2 a {font-size: smaller;}
/* #EBFADC-kwelcome; #eea063; #ffefbb-p.nowosc */

div.kont img, div.welcomewyrwa img {float: left; margin: 0.3em; margin-right: 0.8em;}


/* Śmigające miniaturki do Kroniki */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
                position: absolute;
                background-color: #fffae3;
                padding: 5px;
                left: -1000px;
                border: 1px solid #d06033;
                visibility: hidden;
                color: black;
                text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
                    border-width: 0;
                    padding: 2px;
                    }

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
                      visibility: visible;
                      top: 0;
                      left: -100px; /*position where enlarged image should offset horizontally */
                      }
a.thumbnail {
            float: left;
            }
div.logos330 img {margin: 6px 0 6px 0}

