body
{
	font-family: Verdana, Arial;
	font-size: 11px;
	background: url(img/bg.jpg) repeat center top;
	color: #020003;
	             
	margin: 0px 0px;
}

a{
color: #020003;
border: 0px;
text-decoration: none; 
}

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

form{margin:0px}

img{
border:0px ;


}

img.borderki{
border:2px solid #D3D3D3;
margin:5px;
padding:3px;


}
textarea{
border-top: 2px solid #DDDDDD;
border-left: 2px solid #DDDDDD;
border-right: 0px;
border-bottom:0px;
background: #FEFEFE;
}

h1{
font-size: 11px;
font-weight: bold;

}

h1 a, h1 a:hover{color:white}

h2{
font-size: 14px;
font-weight: bold;


margin: 10px 0px 5px 0px;
}

h2 a{
color:white;
background:#172D80;
padding:10px;
   
display: block;



}

h4{
font-size: 12px;
font-weight: bold;
color: #AAAAAA;
margin:10px 0px;
}

hr{
border-top: 1px solid #C55918;
border-left: 1px solid #C55918;
border-bottom: 0px solid;
background: #C55918;
margin: 0px 0px 0px 0px;
height: 0px;
}

#all{float:left;width:100%;}

#container
{
	width: 1022px;
	margin: auto;
	
	height: auto !important;
}

#top1
{
	float: left;
	width: 1000px;
	height: 20px;
	padding: 11px;
  background:  transparent;
  color: #772E28;
  position:relative; z-index:20;
}

#top1 a, #top1 a:hover{color:#772E28}

#top
{
	float: left;
	width: 1022px;
	height: 294px;
 /*   background:  url(img/top.png) transparent no-repeat;    */
  position:relative;
        
}

#topflash{float:left;width:1022px;height:220px;}
#flash{
  position:absolute; z-index:15;
  top:0px;
  left:0px; 
  


}








#conten
{
	width: 1022px;
	background:url(img/content_bg.png) transparent repeat-y center;
	min-height: 300px; height: auto !important; height: 300px;
	
	float: left;
	line-height: 1.5em;
	
}
#c2
{
	width: 1022px;
	background:url(img/content_bg_gora.png) transparent no-repeat center top;
	min-height: 300px; height: auto !important; height: 300px;
	padding-top:26px;
	float: left;
	position:relative; z-index:20;
	
}


.img{background: white;padding:3px;border: 1px solid #010200; }

#left{
float:left;
width:270px;
padding-left:20px;

}


#left h1{color: white; font-size: 12px; width:250px; height: 18px; padding:10px 0px 10px 20px; background: url(img/naglowek.jpg) transparent no-repeat; margin:0px}

#mains h1{color: white; font-size: 12px; width:642px; height: 18px; padding:10px 20px 30px 20px; background: url(img/naglowek3.jpg) transparent no-repeat; margin:0px 0px 15px;position:relative;z-index:25;}

#mains h2{color: white; font-size: 12px; width:642px; height: 18px; padding:10px 20px 10px 20px; background: url(img/naglowek2.jpg) transparent no-repeat; margin:0px}

#merlinx h1,#merlinx h2{background:#732F2E; width: auto;}

#sonda{
float:left;
width:270px;
margin: 5px 0px 5px 0px;


background: transparent no-repeat;
}




/* menu */
#mapa_xml{
  position:relative;
  z-index:10;
  float:left;

}
#topmenu
{
	float: left;
	width: 1006px;
	padding:0px 8px;
	height: 36px;
	background: transparent;
	position:relative; z-index:65;
        
}

#topmenu ul
{
	display: inline;
  padding-left: 0px;
	list-style: none;
	margin:0px;
  padding:0px; 
}

#topmenu ul ul
{	list-style: none; }



#topmenu li
{
	position: relative; z-index:95;
	height: 36px;
	line-height: 36px;
	display: inline;
	
	
} 


 #topmenu ul ul li{
/* display: block;  */
 height: 28px;
 line-height: 28px;
 margin:0px;
 padding:0px;
 position: relative; z-index:39;
 /*background:green;  */
 /*width: 153px; */

 }  
 
 #topmenu ul ul li a{
/* display: block; */
 }
 


#topmenu li a
{
  position: relative; z-index:36;
	display: inline-block;
	width: 164px;
	color: #ffffff;
	font-weight:bold;
	line-height: 36px;
	text-decoration: none;
	text-align: center;
	background: url(img/menu_button.png) transparent no-repeat;
	margin:0px;
  padding:0px;
}
#topmenu li a:hover,#topmenu li:hover ul a:hover, #topmenu li.hover2 ul a:hover, #topmenu ul ul li.hover3 ul a:hover, #topmenu ul ul ul li.hover4 ul a:hover
{ 
  position: relative; z-index:35;	
	margin:0px;
	border:0px;
} 



/* css hovers */   
#topmenu li ul,  #topmenu li ul li ul, #topmenu li ul li ul li ul
{
	position: relative;
	left: 0px;
	top:20px;
	display: none;
	
	
  
} 

#topmenu li:hover ul li ul, #topmenu li:hover ul li:hover ul li ul, #topmenu li.hover2 ul li ul, #topmenu li.hover2 ul li.hover3 ul li ul
{
display:none;

}

#topmenu li:hover ul, #topmenu li:hover ul li:hover ul, #topmenu li:hover ul li:hover ul li:hover ul, #topmenu li.hover2 ul li.hover3 ul, #topmenu li.hover2 ul li.hover3 ul li.hover4 ul
{
	display: block;
}

 /*li:hover firefox*/

#topmenu li:hover ul, #topmenu li.hover2 ul
{
	position: absolute;
	left: 0px;
	top: 24px;
	margin:0px;
	padding:0px;
	z-index: 1000;
  display: block;
  border:0px;
  padding-top:0px;
  
} 


#topmenu ul ul li.hover3 ul, #topmenu ul ul ul li.hover4 ul
{
  position: absolute; z-index:60;
	left: 164px;
	top: -25px;
	display: block;
  padding:0px;
	z-index: 1000;
	margin:0px;
	border:0px; 
	
	/*margin:0px;
	padding-left:205px;
	z-index: 1000;
  
  border:0px;
  padding-top:0px; */
} 
#topmenu ul ul li.hover3 li, #topmenu ul ul ul li.hover4 li
{
 position: relative; z-index:65;
 }



	
#topmenu li:hover ul a, #topmenu li.hover2 ul a, #topmenu ul ul li.hover3 ul a, #topmenu ul ul ul li.hover4 ul a
{
  
	display: block;
  
	
	font-variant: normal;
	line-height:36px;
	width: 164px;
	
	margin-top:0px;
	border:0px;
	
} 

#topmenu li.hover2 , #topmenu li.hover3, #topmenu li.hover4 
{
	position: relative; z-index:66;
	
} 




#mains{
float:left;
width: 682px;
padding: 0px 25px 15px 15px;
min-height: 600px; height: auto !important; height: 600px;
position:relative; z-index:30;
}
#mains h1{
  position:relative; z-index:31;
}

#mains img{

}

.detaliczni{
margin:10px;
float:right;
margin-top: 15px; 
clear: both;

}


.mainakt{
float:left;
padding:3px 0px 20px 0px;
width:682px;
background: url(img/aktualnosci_sep.jpg) transparent no-repeat bottom left;
}

a.readon
        {
              float:right;
                
        }

a.readon2
        {
              display: block;
              width:69px;
              height:21px;
              padding: 3px 0px;
              margin:10px 0 0 0;
              text-decoration:none;
              text-align:center;
              color: white;
              background: url(img/button.jpg) transparent no-repeat;
                
        }

a.readon:hover,a.readon2:hover
{
text-decoration: none;
}

.tresc-news{width:660px;float:left;}


.img-news{float:left;}
.img-news img{margin-right: 15px;}



span.blue{
font-weight:bold; 
color: #C55918;
font-size: 12px;}


#botmenu{float:left;text-align:center;width:972px;height:13px; padding: 13px 0px; color: #686868; background: #EBEBEB; margin: 0px 25px; }

#botmenu a{padding:0px 10px; color: #686868}

#footer{
float:left;
width: 100%;


text-align:center;

line-height: 1.5em;
background: transparent;
color: #585858;
}

#footer a{color:#999999}
#footer a:hover{color:#BBBBBB}

#fb{width:100%; height: 94px; float: left; background:white; text-align:center;}

#fm{width:100%; height: 19px; padding: 10px 0px; float: left; background: #C55918; text-align: center; color: white}

#fm a, #fm a:hover{color: white;}

.submit{
height: 20px;
background: #9B3055;
border: 0px;
color: white;
font-weight: bold;
font-variant: small-caps;
}
#szukajka{
  float:right;
}




.pole_szk, .pole_k, .pole_nk{
width:180px;
height: 18px;

padding-left:4px;
border-top: 2px solid #DDDDDD;
border-left: 2px solid #DDDDDD;
border-right: 0px;
border-bottom:0px;
background: #FEFEFE;
}

.button1{
width:75px;
height: 21px;
border:0px;
color: white;
font-size:11px;
background: url(img/szukaj_button.png) transparent no-repeat;
}


.button2{
width:69px;
height: 21px;
border:0px;
color: white;
font-size:11px;
background: url(img/button.jpg) transparent no-repeat;
}

.buttonb{
width:69px;
height: 21px;
border:0px;
color: white;
background: url(img/button.jpg) transparent no-repeat;
}

#drive-map {
display:none;
}

.mm {
border:2px solid #D3D3D3;
margin:3px;
padding:3px;
}

#merlinx,#merlinx2{width:682px;}

.merlinbox{float:left;width:226px;}

#mains .merlinbox h2{color: white; font-size: 12px; width:200px; height: 18px; padding:10px 0px 10px 20px; background: url(img/naglowek4.jpg) transparent no-repeat; margin:0px}

.merlinbox table{width:200px; margin: 10px;}

.merlinbox table td{padding: 2px 4px;}

.marq{
  


}



.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 990px;
	height:40px;
  margin: auto;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	
}

.zobkraje{padding:0px;margin:0px;list-style:none;}
.zobkraje li{float:left;width:170px;height:30px;list-style:none}

.zobkraje li a{float:left;width:150px;height:26px;padding:9px 10px 0px;}
.zobkraje li a:hover{background:#FFE39F;text-decoration:none;font-weight:bold;overflow:hidden;} 


#merlinx{
                

}
/* startseite_wizard_input_kl    */
.color6{
  width:650px !important;
}
#ksiazki{
  float:left;
  margin-bottom:15px;
}
#ksiazki h2{
  display:none;

}

.booklist{
  float:left;
  padding:13px 0px 20px 40px;
  width:642px;
  background: url(img/aktualnosci_sep.jpg) transparent no-repeat bottom left;
}

.booklist .opc{
  float:right;
  width:100px;

}
.booklist .opc a, .onebook .opc a{
  display:block;
  padding:3px 0px;
  width:100%;
  text-align: center;
}
.booklist .opc a:hover{
  text-decoration: none;


}
.booklist .dane{
  float:right;
  width:370px;
}
.booklist .dane dl{
  width:100%;
  float:left;
  margin:0;
}
.booklist .dane dt{
  float:left;width:120px;clear:left;
  font-weight: bold;
}
.booklist .dane dd{
 float:left;
 margin:0;

}
.booklist h2{
  color: white; font-size: 12px; width:200px !important; height: 18px; 
  padding:10px 0px 10px 20px !important; 
  background: url(img/naglowek4.jpg) transparent no-repeat !important; 
  margin:5px 0px 5px;
}
.book .dane{
  padding:10px;
  float:left;
  clear: both;
  width:100%;
}
.book .dane dl{
  float:right;
  width:480px;
  margin:0;
}
.book .dane dt{
  float:left;width:120px;clear:left;
  font-weight: bold;
  
}
.book .dane dd{
 float:left;
 margin:0;

}
.book .dane a{
  text-decoration: none;

}
.book .buy{
  display:block;
  float:right;
  margin-right:20px;  
  width:69px;
  height: 21px;
  border:0px;
  color: white;
  font-size:11px;
  background: url(img/button.jpg) transparent repeat-x; 
  text-align:center; 
}

.book .img{
  display:block;
  padding:2px;
  float:left; 
  
  text-align: center; 
}
#ksiazki3{
  width:120px;
  height:200px;
  text-align:center;
  margin-left:50px;
}
#boocki{
  float:right;
  text-align:center;
  min-height:170px;
  width:250px;
}
#boocki div.onebook .opc{
  float:left;
  display:inline-block;
  width:80px;
  padding:10px;
  

}
.ddsa{
  width:100%;
  float:left;
 
  margin-left:28px;

}
.ddsa a{
  padding-top:2px;
  display:inline-block;
  width:181px;
  height: 21px;
  border:0px;
  color: white;
  font-size:11px;
  background: url(img/buttond.jpg) transparent repeat-x;  
  text-align: center;
}
.ddsa a:hover{
  text-decoration: none;

}
.dane .img{
  border: 0px;
  background-color:none;

}
#paginacja , #paginacja2{
  float:right;  
 

}
#paginacja span, #paginacja2 span{
  text-decoration: underline; 
  font-size: 13px;

} 
#paginacja a, #paginacja2 a{
  display:inline-block;
  padding:2px;
  background: none ;
  color: #fff;
  font-weight: bold; 

}
#paginacja a:hover, #paginacja2 a:hover{
  text-decoration: underline;

}