html, body  
	{background: #ffffff; 
	 text-align: center; 
	 font-size: 18px; 
	 font-family: "trebuchet ms", tahoma, verdana, arial, helvetica, sans-serif;
	}
body 
	{margin: 0px; 
	 padding: 0px; 
	 font-size: 1em; 
	 text-align: center;
	 background: url(obrazki/bg.jpg) repeat-x 0% 0px;
	}
img 
  {border: 0px;
	}
h1 
	{font-size: 1.4em; 
	 font-weight: bold;
	}
h2 
	{font-size: 1.2em;
	}
h3
	{font-size: 1.2em; 
	 font-weight: bold;
	}
	

table.main 
	{padding: 0px; 
	 border: 0px; 
	 margin: 0px auto 0px auto; 
	 width: 700px; 
	 background: #fafafa;
	}
td 
	{text-align: left; 
	 vertical-align: top; 
	 background: #ffffff;
	}
a 
	{color: #00aeef; 
	 font-size: 1em;
	 font-weight: bold;
	}
a:visited 
	{color: #6493b5;
	}
a:hover 
	{color: #0080ff;
	}

/* czesci*/
#kontener
	{width: 820px;
	 /*height: 600px;*/
	 margin: 0 auto;
	 text-align: left;
	}
	
#logo
	{height: 60px;
	 width: 300px;
	 padding-top: 30px;
	 padding-left: 20px;
	 /*background: url(obrazki/logo.jpg) no-repeat 20px 30px;*/
	}
	
/* menu*/	
#menu
	{height: 60px;
	 width: 820px;
	 background: url(obrazki/menu_bg.jpg) repeat-x;
	}

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

#menu ul li
	{float: left;}
	
#menu ul li a span
	{display: none;}

#menu_start
  {display: block;
	 width: 139px;
	 height: 60px;
	 background: url(obrazki/menu_start.jpg) no-repeat 50% 23px;
  }	

#menu_7krokow
  {display: block;
	 width: 158px;
	 height: 60px;
	 background: url(obrazki/menu_7krokow.jpg) no-repeat 50% 20px;
  }	

#menu_podstawy
  {display: block;
	 width: 158px;
	 height: 60px;
	 background: url(obrazki/menu_podstawy.jpg) no-repeat 50% 23px;
  }	

#menu_literatura
  {display: block;
	 width: 158px;
	 height: 60px;
	 background: url(obrazki/menu_literatura.jpg) no-repeat 50% 23px;
  }	
	
#menu_kontakt
  {display: block;
	 width: 139px;
	 height: 60px;
	 background: url(obrazki/menu_kontakt.jpg) no-repeat 50% 23px;
  }	
	
	
.menu_sep
	{display: block;
	 width: 2px;
	 height: 60px;
	 background: url(obrazki/menu_sep.jpg) no-repeat 0px 23px ;
	}
	
#menu_l
	{height: 60px;
	 width: 20px;
	 background: url(obrazki/menu_left.jpg) no-repeat;
	 float: left;
	}
	
#menu_r
	{height: 60px;
	 width: 20px;
	 background: url(obrazki/menu_right.jpg) no-repeat;
	 float: right;
	}
/* koniec menu */	
	
	
/* top*/	
#top h1
	{font-size: 1.6em;
	 color: #ffffff;
	 margin: 0px;
	 padding-top: 105px;
	 margin-bottom: 20px;
	 
	}

#top p
	{font-weight: bold;
	 font-size: 0.9em;
	 color: #ffffff;
	 letter-spacing: -1px;
	 padding: 0px;
	 margin: 0px;
	}	
	
#top
	{width: 820px;
	 height: 300px;
	}
	
#top_l
	{height: 300px;
	 width: 20px;
	 background: url(obrazki/top_left.jpg) no-repeat;
	 float: left;
	}

#top_m
	{height: 300px;
	 width: 780px;
	 background: url(obrazki/top_bg.jpg) repeat-x;
	 float: left;
	 position: relative;
	}

#walizka
	{height: 300px;
	 width: 318px;
	 background: url(obrazki/walizka.jpg) no-repeat 38px 57px;
	 float: left;
	}
	
#krok_po_kroku_but
	{height: 40px;
	 width: 165px;
	 /*background: url(obrazki/krok_po_kroku.jpg) no-repeat;*/
	 position: absolute;
	 top: 231px;
	 left: 569px;
	}
	
#top_r
	{height: 300px;
	 width: 20px;
	 background: url(obrazki/top_right.jpg) no-repeat;
	 float: right;
	}
/* koniec top */
	
	
/* panel */
#panel div h2
	{color: #808080;
	 font-size: 1em;
	 margin: 0px;
	 padding-left: 140px;
	 padding-top: 25px;
	 margin-bottom: 10px;
	}

#panel div div
	{margin-left: 140px;
	 padding-left: 20px;
	 font-size: 0.6em;
	 color: #808080;
	 border-left: 1px solid #808080;
	}
	
#panel
	{width: 820px;
	 height: 160px;
	 background: url(obrazki/panel_bg.jpg) repeat-x;
	}
	
#panel_l
	{height: 160px;
	 width: 30px;
	 background: url(obrazki/panel_left.jpg) no-repeat;
	 float: left;
	}

#panel_lewy
	{height: 160px;
	 width: 379px;
	 background: url(obrazki/ikona_test.jpg) no-repeat 20px 25px;
	 float: left;
	}
	
#panel_sep
	{height: 160px;
	 width: 2px;
	 background: url(obrazki/panel_sep.jpg) no-repeat 0px 12px;
	 float: left;
	}

#panel_prawy
	{height: 160px;
	 width: 379px;
	 background: url(obrazki/ikona_gielda.jpg) no-repeat 40px 25px;
	 float: left;
	}	
	
#panel_r
	{height: 160px;
	 width: 30px;
	 background: url(obrazki/panel_right.jpg) no-repeat;
	 float: right;
	}

/* content */

#content p
	{text-indent: 30px;}


#content
	{font-size: 0.8em;
	 width: 820px;
	 overflow: hidden;
	}

#szeroka
	{ padding: 40px 20px 40px 40px;
	 width: 440px;
	 float: left;
	}

#szeroka img
	{padding: 0px 20px 20px 0px;
	}

#waska
	{padding: 0px 40px 40px 20px;
	 width: 220px;
	 float: right;
	}

#waska h2
	{padding-top: 40px;
	 margin-bottom: 0px;
		
	}
	
#waska ul
	{padding: 0px;
	 margin: 0px;
	border-top: 1px dashed #808080;
	}

#waska li
	{list-style: none;
	 padding: 10px 0px;
	 border-bottom: 1px dashed #808080;
	}

.submenu_current
	{background: #c7edfa;
	}
	
/* bottom */

#bottom h2
	{margin-top: 20px;
	font-size: 1em;
	}

#bottom img
	{padding: 2px;
	 border: 1px solid #808080;
	}

#bottom ul
	{font-size: 0.8em;
	 padding: 0px 0px;
	 margin: 0px;
	 border-top: 1px dashed #808080;
	}

#bottom li
	{list-style: none;
	 padding: 5px 0px;
	 text-indent: 20px;
	 border-bottom: 1px dashed #808080;
	}
	

#bottom
	{
	 min-width: 820px;
	 background: #bdbdbd url(obrazki/bottom_bg.jpg) repeat-x;
	 border-top: 6px solid #cccccc;
	 text-align: center;
	 overflow: hidden;
	}

#bottom_kont
	{
	 width: 820px;
	 margin: 0px auto;
	 text-align: left;
	 
	}
		
#bottom_panel
	{	margin-top: -20px; 
	 width: 340px;
	 background: #bdbdbd;
	 float: left;
	}
	
#bottom_panel h2
	{
	 color: #ffffff;
	 margin-top: 0px;
	}	

#bottom_panel_l
	{height: 194px;
	 width: 20px;
	 background: url(obrazki/bottom_panel_l.jpg) no-repeat;
	 float: left;

	}

#bottom_panel_m
	{width: 260px;
	 text-align: center;
	 padding: 20px;
	 float: left;
	}
	
#bottom_panel_r
	{height: 194px;
	 width: 20px;
	 background: url(obrazki/bottom_panel_r.jpg) no-repeat;
	 float: right;
	}
	
/* foot */
#foot ul
	{list-style: none;
	 padding: 0px;
	 margin: 0px 0px 0px 20px;
	}

#foot ul li
	{float: left;
	}

#foot h2
	{display: inline
	}

#foot	a, #foot a:visited 
	{color: #ffffff;
	}
	
#foot a:hover
  {color: #cccccc;
	} 
	
#foot
	{clear: both;
	height: 50px;
	 min-width: 820px;
	 background: url(obrazki/foot_bg.jpg) repeat-x;
	 text-align: center;
	 color: #ffffff;
	 font-size: 0.6em;
	 
	}

#foot_kont
	{height: 35px;
	 width: 820px;
	 padding-top: 15px;
	 margin: 0px auto;
	 text-align: left;
	}
	
#foot_kont span
	{float: right;}
	
.tagi h1 {
	display: inline;
}

.tagi h3 {
	display: inline;
}


.item {
margin-bottom: 40px;
overflow: hidden;
}
.item .okladka{
float: left;
}

.item h3 {
font-size: 1em;
}

#content .item p {
text-indent: 0px;
}

.item .opis em {
font-size: 0.8em;
color: #666666;
}

.item .more {
color: #ffffff;
background: #00AEEF;
text-decoration: none;
padding: 2px 5px;
}