html 
{
	margin: 0;
	padding: 0;
	background-color: #d3d7d7;
}

body
{	width: 100%;
   height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #d3d7d7;
	text-align: center;
}

#top
{
	width: 901px;
	height: 160px;
	position: relative;
	margin: 10px auto 0 auto;
	padding: 0;
	
}

#top a.home
{
display: block;
width: 168px;
height: 129px;
border: none;
position: absolute;
left: 12px;
top: 7px;
margin: 0;
padding: 0;	
}

#top a.home img
{
	border: none;
	display: block;
	margin: 0;
	padding: 0;	
	width: 168px;
height: 129px;
}

#top ul
{
position: absolute;
width: 550px;
height: 23px;
display: block;
top: 0;
right: 0;
margin-top: 6px;
padding: 0;
}

#top ul li
{
margin: 0;
padding-top: 0.5em;
padding-left: 0.6em;
padding-right: 0.6em;
color: #fff;
font-family: Tahoma, Verdana, Arial;
font-size: 0.6em;
font-weight: bolder;
float: left;
overflow: hidden;
border-left: solid 1px white;
}

#top ul li a
{
color: #fff;
text-decoration: none;
}

#top ul li a:hover
{
font-size: 1.1em;
}

#hold
{
	position: relative;
	width: 901px;
	margin: 0 auto 0 auto;
	padding: 0;
	/*background-color: #B2B3D3;*/
	background-color: #B2B3D3;
	/*display: table;*/
	overflow: hidden;
}

#menu
{
	position: relative;
	float: left;
	overflow: hidden;
	display: table-cell;
	vertical-align: top;
	width: 219px;
	height: 100% !important;
	background-color: #B2B3D3;
	margin: 0;
	padding: 0;
}

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

#menu ul li
{
	width: 219px;
/*	height: 28px;*/
	display: block;
		background: #CFD0E2 url(grafika/kreska_pion_menu.jpg) no-repeat bottom;
	color: #626262;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align: left;
	margin: 0;
	padding: 0;
}

#menu ul li.level1
{
	width: 219px;
	/*height: 28px;
	min-height: 28px;
	height: 100%;
	display: block;*/
	list-style: none;
	background: #9EA0B9 url(grafika/kreska_pion_menu.jpg) no-repeat bottom;
	color: #626262;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align: left;
}

#menu ul li a
{
	width: 210px;
/*	height: 28px;*/
	color: #696a6f;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 9px;
	background: url(grafika/menu_1poziom.jpg) no-repeat right top;
	line-height: 28px;
	display: block;
	vertical-align: middle;
	font-size: 10px;
}

#menu ul li a:hover
{
	background: url(grafika/menu_1poziom_h.jpg) no-repeat right top;	
}

#menu ul li a.poziom1
{
	width: 196px;
	/*min-height: 28px;
	height: 28px;
	display: block;*/
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 4px;
	padding: 0 0 0 15px;
	background: url(grafika/menu_2poziom.jpg) no-repeat left top;
	/*line-height: 28px;*/
	vertical-align: middle;
	font-size: 9px;
}


#menu ul li a.poziom1:hover
{
background: url(grafika/menu_2poziom_h.jpg) no-repeat left top;
}

#menu form.szukaj
{
margin-top: 2em;
}

#menu input
{
border-top: solid 1px #505050;
border-left: solid 1px #505050;
border-right: solid 1px #d0d0d0;
border-bottom: solid 1px #d0d0d0;
width: 186px;
height: 20px;
color: #B2B3D3;
font-size: 13px;
}

#menu input.szukaj 
{
display: block;
border: none;
background: url(grafika/szukaj.jpg) 0 0 no-repeat;
width: 50px;
height: 12px;
padding-top: 12px;
margin-left: 145px;
margin-top: 10px;
}

#menu a.szukany
{
color: #fff;
text-decoration: none;
font-size: 1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bolder;
display: block;
width: 4em;
margin-top: 0.5em;
margin-left: 150px;
}


#watch
{
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 681px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	float: left;
	overflow: hidden;
}

img.lewa
{
float: left;
overflow: hidden;
margin-right: 5px;
}

img.prawa
{
float: right;
overflow: hidden;
margin-left: 5px;
}

#lewa
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 206px;
	background: url(grafika/tlo1.jpg) no-repeat top left;
	text-align: left;	
	padding-left: 10px;
	padding-right: 10px;
	 
}

#lewa p
{

 font-size: 12px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #6f6f6f;
/* width: 200px;*/
 margin-bottom:2px;
 padding: 0; 

}

#lewa img
{
display: block;
clear: both;
}

#srodek
{
	position: relative;
	float: left;
	overflow: hidden;	
	width: 206px;
	border-left: solid 1px #D8D8D8;
	background: url(grafika/tlo2.jpg) no-repeat top left;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

#srodek p
{
 font-size: 12px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #6f6f6f;
 margin-bottom: 2px;
 padding: 0; 
}

#srodek img
{
display: block;
clear: both;
}

#prawa
{
	position: relative;
	float: left;
	overflow: hidden;	
	width: 206px;
	background: url(grafika/tlo3.jpg) no-repeat top left;	
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	border-left: solid 1px #D8D8D8;
}

#prawa p
{
 font-size: 12px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #6f6f6f;
/* width: 200px;*/
 margin-bottom: 2px;
 padding: 0; 
}

#prawa img
{
display: block;
clear: both;
}

h2.dekor /*dekoracja naglowkow w kolumienkach na glownej*/
{
	color: #392B80;
	font-size: 14px;
	font-family: Tahoma, Georgia, Helvetica, Arial, Geneva, Verdana, sans-serif;
	display: block;
	padding-left: 18px;
	width: 190px;
	height: 120px;
	line-height: 17px;
	margin-left: 2px;
	margin-top: 0.5em;
/*	margin-bottom: 100px;*/
	background: url(grafika/dekor_h2_glowna.jpg) no-repeat top left;
	text-align: left;
}

#opisowy
{
 position: relative;
 width: 661px;
 padding-left: 10px;
 padding-right: 10px; 
 padding-top: 20px;
 text-align: left;
 background: url(grafika/srodek_tlo.jpg) no-repeat top left; 
}

#opisowy p
{
 font-size: 0.8em;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #4c4c4c;
/* width: 200px;*/
 margin-bottom: 2px;
 padding: 0; 
}

#footer
{
	width: 900px;
	margin: 0 auto 0 auto;
	clear: both;
	background-color: #fff;
}

#footer p
{
 font-size: 0.8em;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #6f6f6f;
/* width: 200px;*/
 margin: 0;
 padding: 0; 
}

#footer ul
{
margin: 0;
padding: 0;
width: 900px;
height: 40px;
background-color: #006;
}

#footer ul li
{
list-style: none;
color: #fff;
background-color: #006;
width: 80px;
height: 35px;
float: left;
overflow: hidden;
font-family: Tahoma, Verdana, Arial;
font-size: 10px;
font-weight: bold;
padding-top: 5px;
padding-bottom: auto;
padding-left: 4px;
padding-right: 3px;
margin-right: 0;
margin-left: 0;
margin-top: auto;
margin-bottom: auto;
}

#footer ul li a
{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 35px;
	font-size: 9px;
}

#footer ul li a:hover
{
border-right: 2px solid #fff;
}

#produkt
{
  width: 471px;
	height:100% !important; 
  height:600px; 
	min-height: 600px;
	background: White url(grafika/srodek.jpg) no-repeat top;
	position: relative;
	float: left;
	text-align: left;
	padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
	margin: 0px;
}

#czytelnik
{
  width: 471px;
	height:100% !important; 
  height:600px; 
	min-height: 600px;
	background: White url(grafika/srodek.jpg) no-repeat left top;
	position: relative;
	float: left;
	clear: left;
	overflow: hidden;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
/*	padding:0;*/
  margin: 0px;
}

#czytelnik img
{
 float: left;
 overflow: hidden;
 margin-right: 20px;
 margin-left: 5px;
 border: none;
}

#czytelnik p
{
max-width: 485px;
font-family: Tahoma, Verdana Arial;
font-size: 12px;
color: #009;
font-weight: bold;
line-height: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
}

#czytelnik li
{
font-family: Tahoma, Verdana Arial;
font-size: 12px;
color: #009;
display: block;
font-weight: normal;
line-height: 17px;
margin-left: 25px;
margin-right: 5px;
}

#czytelnik h2
{
font-family: Tahoma, Verdana Arial;
font-size: 14px;
color: #232A7B;
font-weight: bolder;
margin: 0;
}

#czytelnik p
{
max-width: 485px;
font-family: Tahoma, Verdana Arial;
font-size: 12px;
color: #009;
font-weight: bold;
line-height: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
}

#czytelnik hr
{
display: block;
clear: both;
padding-top: 5px;
}

#czytelnik a
{
border: none;
font-family: Tahoma, Verdana Arial;
font-weight: bold;
font-size: 13px;
}

#produkt img
{
 float: left;
 overflow: hidden;
 margin-right: 20px;
 margin-left: 5px;
 border: none;
}

#produkt p
{
max-width: 485px;
font-family: Tahoma, Verdana Arial;
font-size: 12px;
color: #009;
font-weight: bold;
line-height: 17px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
}

#produkt ul
{
list-style: disc;
}

#produkt li
{
font-family: Tahoma, Verdana Arial;
font-size: 12px;
color: #009;
display: block;
font-weight: normal;
line-height: 17px;
margin-left: 25px;
margin-right: 5px;
list-style: disc;
}

#produkt h2
{
font-family: Tahoma, Verdana Arial;
font-size: 14px;
color: #232A7B;
font-weight: bolder;
margin: 0;
}

#produkt hr
{
display: block;
clear: both;
padding-top: 5px;
}

#produkt a
{
border: none;
font-family: Tahoma, Verdana Arial;
font-weight: bold;
font-size: 13px;
}

#polecane
{
	width: 170px;
	height:auto !important; 
  height:600px; 
	min-height: 600px;
	background: #DEDFEB url(grafika/prawy.jpg) no-repeat top;
	position: relative;
	float: left;
/*	overflow: hidden;*/
	text-align: left;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
/*	display: table-cell;
	vertical-align: top;

border-bottom: solid 30px #f60;
	*/	
}

a.polecamy
{
width: 170px;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
display: block;
margin: 0px;
border: none;
font-family: Tahoma, Verdana Arial;
font-size: 12px;
text-align: left;
color: #c00;
text-decoration: none;
}

a.polecamy:hover
{
text-decoration: underline;
}

hr
{
color: #009;
margin: 0px;
}

h1
{
font-family: Tahoma, Verdana Arial;
font-size: 14px;
height: auto;
color: #00c;
border-left: solid 5px #c00; 
padding-left: 10px;
margin-bottom: 60px;
margin-top: 0px;
margin-left: 10px;
line-height: 28px;
}

h2
{
font-family: Tahoma, Verdana Arial;
font-size: 13px;
height: auto;
color: #009;
/*border-left: solid 5px #c00;*/ 
padding-left: 10px;
/*
margin-bottom: 60px;
margin-top: 0px;
margin-left: 10px;
*/
line-height: 28px;
}

p.bialy
{
width: 400px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
text-align: center;
font-size: 12px;
color: #000;
font-family: Tahoma, Verdana Arial;
/*background-color: #fff;*/
}

p.kopis
{
font-size: 12px;
color: #66c;
font-family: Tahoma, Verdana Arial;
}

p.tekst
{
font-size: 20px;
color: #000;
font-family: Tahoma, Verdana Arial;
}

i.red
{
color: #f03;
font-style: normal;
}

.ramka
{
position: relative;
width: 470px;
height: auto;
margin-bottom: 50px;
}
img.ozdobnik
{
border: none; 
clear: both;
display: block;
}

a.czytnik
{
display: block;
margin-top: 10px;
margin-left: 350px;
margin-bottom: 10px;
clear: both;
font-family: Tahoma, Verdana Arial;
font-size: 15px;
}

a.panele
{
display: block;
margin-top: 5px;
margin-left: 120px;
margin-bottom: 10px;
clear: both;
font-family: Tahoma, Verdana Arial;
font-size: 12px;
}

h3.tytul /*dekoracja tytulow w kolumienkach na glownej*/
{
	color: #900;
	font-size: 0.8em;
	font-family: Tahoma, Georgia, Helvetica, Arial, Geneva, Verdana, sans-serif;

	display: block;
	width: 200px;
	height: auto;
	margin-left: 2px;
	margin-top: 0.5em;
	margin-bottom: 5px;
	text-align: left;
}

#baner
{
position: absolute;
width: 680px;
height: 120px;
border: none;
left: 220px;
top: 28px;
margin: 0;
padding: 0;
}