body {
	margin:				0;
	padding:			0;
	font-family:			Trebuchet MS;
	font-size:			12px;
	text-align:			center;
	background:			url(/img/bodybg.gif) repeat-x;
}

a {
	text-decoration:		none;
	color: 				#832441; 
}

img {
	border:				none;
}

p {	
	margin:				0;
	padding:			0;
}

#logo { 
	margin-left:			2px;
	margin-top:			8px;
	float:				left;
}

.content {
	width:				973px;
	margin-left:			auto;
	margin-right:			auto;
	text-align: 			left;
}

.topBar {
	float:				left;
	margin:				10px 0 0 50px;
	font-size:			12px;
	font-weight:			bold;
	line-height:			25px;	
	float:				left;
	width:				320px;
}

.topBar a {
	display:			block;
	float:				right;
	margin-right:			21px;
}

.cartArea {
	float:				left;
	margin:				22px 0 0 0px;
	background:			url(/img/cart.jpg) no-repeat 136px 2px;
	cursor:				pointer;
	width:				210px;
	height:				65px;
	float:				right;
}

.cartArea div {
	width:				126px;
	text-align:			center;	
}

.searchBar {
	background:			#f0f3cb;
	height:				53px;
	margin-top:			10px;
	width:				100%;
	text-align:			center;
}

.searchBar .bar {
	width:				724px;
	margin: 			0px auto;
	background:			url(/img/searchbar.jpg) no-repeat 0 4px;
	height:				49px;
	position:			relative;
	text-align:			left;
}

.searchBar #s {
	margin:				17px 0 0 219px;
	width:				245px;
	border:				none;
	font-size:			14px;
	font-weight:			bold;
	color:				#2e3d0b;
}

.searchBar #typdiv {
	position:			absolute;
	left:				482px;
	top:				13px;	
}

.searchBar #hurt {
	position:			absolute;
	left:				765px;
	top:				9px;	
}

div.selectedItem {
	 background: white url('img/selectbg.gif') top right no-repeat;
}

#sortowaniediv .selectedItem {
	background: white url('img/sort_sel.gif') top right no-repeat;
}

#pozycjidiv .selectedItem {
	background: white url('img/poz_sel.gif') top right no-repeat;
}

.searchBar #szukaj {
	position:			absolute;
	left:				639px;
	top:				14px;	
}

.menuleft {
	width:				200px;
	margin-top:			30px;
	float:				left;
	
}

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


.menu li {
	background:			#fef0d7;
	font-weight:			bold;
	text-indent:			5px;
	line-height:			20px;
	margin:				2px 0;
}

.menu a { 
	color:				#000000;
}

.menu li .menu li {
	background:			#ffffff;
	line-height:			20px;
	font-weight:			normal;
	margin:				0;
	text-indent:			16px;
	color:				#c35622; 
}

.wydmenu {
	list-style:			none;
	margin:				3px 0 0 -5px;
	padding:			0;
}


.wydmenu li {
	background:			#ffffff;
	line-height:			20px;
	font-weight:			normal;
	margin:				0;
	text-indent:			16px;
	color:				#c35622; 
}

.wydmenu li a {
	color:				#c35622; 
}

.wydmenu li a:hover {
	text-decoration:		underline; 
}

.menu li .menu li a {
	color:				#c35622; 
}

.menu li .menu li a:hover {
	text-decoration:		underline; 
}

.menu li .menu li  .menu li {
	background:			#ffffff;
	line-height:			20px;
	font-weight:			normal;
	margin:				0;
	text-indent:			27px;
	color:				#c35622; 
}

.wydmenu li .act { 
	font-weight:			bold;
	color:				#ba3900;
}

.menu li .menu li .act { 
	font-weight:			bold;
	color:				#ba3900;
}

.main {
	width:				550px;
	margin-top:			24px;
	float:				left;
	margin-left:			10px;
	color:				#121212;
	font-size:			12px;
	/*overflow:			hidden;*/
}

.rightmenu {
	width:				200px;
	margin-top:			30px;
	float:				right;
}

.box {
	border:				1px solid #f57400;
	border-top:			none;
	margin-bottom:			9px;
}

.boxtitle {
	background:			#f57400;
	color:				#ffffff;
	text-indent:			10px;
	line-height:			22px;
}


#dol {
	margin-top:			20px;
	width:				973px;
	margin-left:			auto;
	margin-right:			auto;
	text-align: 			left;
	clear:both;
}

#bottommenu1 {
	height:				33px;
	line-height:			33px;
	background:			#f57400;				
	
}

#bottommenu2 {
	border:				1px solid #f57400;
	text-align:			center;
	padding:			3px 0;
}

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

#bottommenu1 ul li {
	float:				left;
}

#bottommenu1 ul li a {
	color:				#ffffff;
	padding:			0 30px;
}

#bottommenu1 ul li a:hover {
	text-decoration:		underline;
}

.copy {
	color:				#646464;
	text-align:			right;
	line-height:			28px;
	margin-bottom:			10px;
}

.path1 { 
	color:				#c64d1f;
	margin-bottom:		8px;
	
}	

.article {
	padding:			6px 4px 4px 4px;
}

.filter { 
	height:				70px;
	background:			#f7eec8;
	border-bottom:			1px solid #d3ceb0;
	border-right:			1px solid #d3ceb0;
	margin-bottom:			10px;
	clear:				both;
}

.filter input {
	width:				44px;
	border:				1px solid #b3ae8e;
}

.filter td {
	font-size:			12px;	
	line-height:			24px;
}

.filter table {
	margin:				0px 5px 0 5px;
	width:				540px;
}

.filter .col1 {
	width:				80px;
	text-align:			right;
}

.filter .col2, .filter .col4 {
	width:				50px;
	text-align:			center;
}

.filter .col3,.filter .col5 {
	width:				20px;
	text-align:			center;
}

.filter .col6 {
	text-align:			right;
}

.filter .col7 {
	width:				141px;
}

#pokaz {
	color:				#000000;
	display:			block;
	width:				50px;
	float:				right;
	line-height:			19px;
	background:			#b3ae8e;
	text-align:			center;	
}

#pokaz:hover {
	color:				#e1ddc3;	
}

.counter {
	width:				200px;
	float:				left;	
}



.navi {
	float:				right;
}

.navi ul {
	padding:			0px;
	margin:				0px;
	list-style:			none;
}

.navi li {
	float:				left;
}

.navi li a {
	display:			block;
	border:				1px solid #9a9573;
	line-height:			16px;
	width:				16px;
	background:			#ffffff;
	color:				#9a9573;
	text-align:			center;
	margin-right:			2px;
	
}

.navi li a.act {
	background:			#9a9573;
	color:				#ffffff;
}

.navi li a:hover {
	background:			#9a9573;
	color:				#ffffff;
}

.navi li a:hover.act {
	color:				#ffffff;
}

.cb {
	clear:				both;	
}

.widok {
	float:				right;
	margin-top: 		-25px;
	}

.item {
	margin-top:			10px;
}

.item {
	margin-top:			5px;
	margin-left:		15px;
	margin-right:		15px;
	margin-bottom:		5px;
	height:				140px;
	width:				245px;
	float: 				left;
}


.item .photo {
	display:			block;
	float:				left;
	margin-right:		8px;	
	vertical-align: 	top;
	margin-top:			35px;
}


.item .name {
	font-size:			12px;
	font-weight:		bold;
	width:				240px;
	position:			absolute;
}

.item a {
	color:				#000000;
}

.item .name img {
	margin-left:			5px;
	float:				right;
}

.item .author {
	color:				#555555;
	font-size:			12px;
	display:			none;
}
.item .description {
	font-size:			11px;
	display:			none;
}

.item .description a {
	color:				#154276;
}

.item .tocart {
	width:				100px;
	float:				right;
	height:				80px;
	margin-left:			5px;
	color:				#555555;
	text-align:			right;
	margin-top:			35px;
}

.item .tocart p {
	color:				#bb3a00;
	font-weight:			bold;
	font-size:			18px;
	
}

.item .tocart .flags {
	height:				35px;
	width:				100px;
	display:			none;
}

.item.tocart a {
	padding-top:			10px;
	display:			block;
}

.itemline {
	text-align:			center;
	margin:				10px 0;
	display: 			none;
}



.book { margin:0 14px 0 0;float:left;}
.textbook {width:380px;float:left;}
.boxbook {	
	width:				167px;
	height:				303px;
	float:				right;
	background-color:		#e7e0ce;
	margin-top:			20px;
}

.boxbook input {
	width:				44px;
	border:				1px solid #b3ae8e;
	margin:				0 4px;
}

.opinietext { color:#000000;font-size:14px;font-weight:bold;margin:30px 0 10px 0}
.opinieall { border:solid 1px #c7c7c7;width:765px;}
.opinie { margin:12px 0 10px 15px;width:726px;border-bottom:solid 1px #c7c7c7;font-size:11px;color:#535353;}
.nameopinie {float:left;color:#c64d1f;}
.dataopinie {color:#535353;float:left;}
.usunopinie {float:right;color:#a6a6a6;}
.textopinie{margin-bottom:18px;}


.lay1 {
	background:			#eeeeee;
	margin:				5px 5px 0 5px;
	font-size:			11px;
	padding:			4px 0;
	min-height:			52px;				
}

.lay1 a, .lay2 a { 
	color:				#000000;
}

.lay1 .pict {
	display:			block;
	float:				left;
	margin-right:			8px;
}

.lay1 .price {
	color:				#bb3a00;
	font-weight:			bold;
	font-size:			13px;
}

.lay2 {
	background:			#eeeeee;
	margin:				5px 5px 0 5px;
	font-size:			11px;
	text-align:			right;
	padding:			4px 0;
	min-height:			52px;
}

.lay2 .pict {
	display:			block;
	float:				right;
	margin-left:			8px;
}

.lay2 .price {
	color:				#bb3a00;
	font-weight:			bold;
	font-size:			13px;
}

.cartview {
	width:				100%;
	padding:			0;
	font-size:			13px;
}

.cartview th {
	text-align:			center;
	color:				#ffffff;
	background:			#f57400;
	line-height:			22px;
}

.cartview td {
	line-height:			18px;	
	border-left:			1px dotted #f57400;
	border-bottom:			1px dotted #f57400;
}

.cartview .col1 {
	width:				50px;
	text-align:			center;
}

.cartview .col2 {
	width:				70px;
	text-align:			center;
}

.cartview .col3 {
	padding-left:			15px;
}

.cartview .col4 {
	width:				120px;
	text-align:			center;
}

.cartview .col5 {
	width:				120px;
	text-align:			center;
	font-size:			11px;
	padding-top:			7px;
}

.cartview .col5 a {
	color:				#e54b00;
}

.cartview .col6 {
	width:				100px;
	text-align:			center;
}

.cartview .col7 {
	width:				80px;
	text-align:			center;
	border-right:			1px dotted #741a5b;
}

.cartview .col8 {
	border:				none;
	text-align:			right;
	
}

.cartview .col9 {
	text-align:			center;
	border:				none;
	line-height:			60px;
	font-weight:			bold;
}

.logowanie a {
	color:				#fb6522;
}

.logowanie {
	width:				370px;
	float:				left;
	height:				220px;
	border:				1px solid #ec9222;
}

.logowanie td {
	font-size:			11px;
}

.logowanie table {
	margin-left:			20px;
}

.logowanie input {
	width:				230px;
}

.smallmargin {
	margin:				15px;
}

.rejestracja {
	width:				370px;
	float:				right;
	height:				220px;
	border:				1px solid #ec9222;
	margin-bottom:			100px;
}

.loginForm .poleTxt {
	width:				250px;
}

.error {
	color:				#fb6522;
}

.tableForm td {
	font-size:			11px;
	line-height:			22px;
}

.tableForm input {
	border:				1px solid #fbb480;
}

.tableForm .poleTxt {
	width:				150px;
}

.loggedBar {
	clear:				right;
	font-weight:			normal;
	line-height:			18px;
	padding-top:			10px;
}

.loggedBar a {
	color:				#e94d08;	
}


.loginForm .poleTxt {
	width:				230px;
}

.aktywny {
	opacity: 1;
	filter: alpha(opacity=100);
}

.nieaktywny {
	opacity: .3;
	filter: alpha(opacity=30);
}

.zapamietaj {
	width:				490px;
	float:				right;
	border:				1px solid #ec9222;
	margin-bottom:			100px;
	margin-top:			10px
}

a.button {
	background:			url(/img/button.jpg) no-repeat;
	width:				135px;
	height:				27px;
	line-height:			27px;
	color:				#f57400;
	display:			block;
	text-align:			center;
}

a.button1 {
	background:			url(/img/button1.jpg) no-repeat;
	width:				235px;
	height:				27px;
	line-height:			27px;
	color:				#f57400;
	display:			block;
	text-align:			center;
}

a:hover.button, a:hover.button1 {
	color:				#734b00;
}

.panele {
	list-style:			none;
	padding:			0;
	margin:				0;
}

.panele li {
	padding:			0;
	margin:				0;
}

.panele li a {
	float:				left;
	border:				1px solid #f57400;
	border-right:			none;
	padding:			0 10px;
	line-height:			32px;
	color:				#f57400;
	background:			#ffffff;
}

.panele li a:hover {
	color:				#ffffff;
	background:			#f57400;
}

.katalogksiazek {
	background:			#fb6522;
	color:				#ffffff;
	line-height:			20px;
	margin-bottom:			3px;
	font-weight:			bold;
}






















/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #f57400;
 font: 11px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #f57400;
 border-bottom: none;
 background: #f5eae1;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #f57400; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #ffffff;
 background: #f57400;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #f57400;
 border-top:0;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabboxitem img {
	margin-bottom:		5px;
}

.tabboxitem { 
	float:			left;
	margin:			10px;
	width:			130px;
	text-align:		center;
}

.tabboxitem a {
	color:			#000000;
}

.autocomplete {
  position:absolute;
  width:350px;
  background-color:white;
  border:1px solid #888;
margin:			5px 0 0 -33px;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

div.autocomplete { width: 283px ! important; }

.informal {
	color:	#cb3a01;
}

.pole,#wyslij {
	border:				1px solid #888888;
	font-family:			Tahoma;
	font-size:			11px;
	width:				330px;
}

.historia {
	width:				100%;
}

.historia th {
	font-size:			13px;
	color:				#ffffff;
	background:			#fb6522;
}

.historia td {
	font-size:			12px;
	text-align:			center;
	line-height:			16px;
}

.historia a {
	color:				#fb4d00;
}

.al td {
	text-align:			left;
}

.ac td {
	text-align:			center;
}


.tags a {
	color:			#666666;
}

.tags {
	letter-spacing: 2px;
}

.word {
padding: 4px 4px 4px 4px;
}
.tags .size1 {
color: #666;
font-size: 2.2em;
}
.tags .size2 {
color: #666;
font-size:2.1em;
}
.tags .size3 {
color: #666;
font-size: 2.0em;
}
.tags .size4 {
color: #999;
font-size: 1.0em;
}
.tags .size5 {
color: #aaa;
font-size: 1.6em;
}
.tags .size6 {
color: #bbb;
font-size: 1.4em;
}
.tags .size7 {
color: #ccc;
font-size: 1.2em;
}
.tags .size8 {
color: #ccc;
font-size: 1.2em;
}

#welcome-msg {
	background:#fff;
	text-align:center;
	height:170px;
}

#powiadom {
	background:#fff;
	text-align:center;
	height:200px;
}

#komunikat {
	color:red;
}

#zamknij {
	margin:	0 auto;
}

#results {
	z-index:	200;
}