/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	background: #c8d682 url("../graphics/bg.jpg") repeat-x top;
	color: #000;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}
	
	
/* ___| container |_____________________ */


#container {
	margin: 0 auto 0 auto;
	width: 932px;
	}
	
	
/* ___| header |_____________________ */


#header {
	margin: 0 auto 0 auto;
	width: 932px;
	height: 207px;
	background: url("../graphics/bg_head.jpg") no-repeat center top;
	}
h1 {
	margin: 12px 0 0 48px;
	float: left;
	}
ul#top_menu {
	margin: 25px 0 0 0;
	padding: 0;
	width: 260px;
	float: right;
	}
ul#top_menu li {
	margin: 0 4px 0 0;
	list-style: none;
	display: inline;
	color: #fefaef;
	}
ul#top_menu li strong {
	margin-right: 4px;
	color: #7b8d28;
	}
ul#top_menu li a {
	margin: 0 7px 0 0;
	font-weight: bold;
	color: #72492e;
	text-decoration: underline;
	}
ul#top_menu li a:hover {
	text-decoration: none;
	}
	
	
/* ___| menu |_____________________ */


menu {
	margin: 5px auto 16px auto;
	padding: 10px 0 0 39px;
	width: 860px;
	height: 20px;
	background: #627312 url("../graphics/bg_menu.jpg") no-repeat center top;
	}
menu li {
	margin: 0 6px 0 0;
	list-style: none;
	color: #e0f480;
	display: inline;
	}
menu li a {
	margin: 0 12px 0 0;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	}
menu li a:hover {
	color: #e0f480;
	text-decoration: none;
	}
ul#submenu {
	margin: 0 0 10px 0;
	padding: 0;
	width: 185px;
	}
ul#submenu li {
	margin: 0 0 2px 0;
	list-style: none;
	color: #fff;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	}
ul#submenu li a {
	margin: 0;
	padding-left: 38px;
	width: 147px;
	height: 29px;
	background: #728227 url("../graphics/bg_item.png") no-repeat;
	background-position: 0 0;
	color: #fff;
	text-decoration: none;
	display: block;
	}
ul#submenu li a:hover {
	color: #c63d01;
	background: #fdc100 url("../graphics/bg_item.png") no-repeat;
	background-position: 0 -29px;
	}
	
	
/* ___| box |_____________________ */


.box {
	margin: 0 0 10px 0;
	width: 184px;
	float: left;
	clear: both;
	}
.box_non {
	margin: 10px 0 10px 0;
	width: 184px;
	float: left;
	clear: both;
	}
.box_t {
	margin: 0;
	width: 100%;
	height: 3px;
	background: #f2fbc3 url("../graphics/bg_box_t.png") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}
.box_m {
	margin: 0;
	padding: 8px 12px 8px 12px;
	width: 158px;
	background: #f2fbc3;
	border-left: 1px solid #b1b265;
	border-right: 1px solid #b1b265;
	float: left;
	clear: both;
	}
.box_b {
	margin: 0;
	width: 100%;
	height: 3px;
	font-size: 0;
	background: #f2fbc3 url("../graphics/bg_box_b.png") no-repeat;
	float: left;
	clear: both;
	}
.box p, .box_non p {
	margin-bottom: 10px;
	line-height: 140%;
	}
.box a {
	color: #81692a;
	text-decoration: underline;
	}
.box a:hover {
	text-decoration: none;
	}
	
	
/* ___| column left |_____________________ */


#col_left {
	margin: 0 0 0 17px;
	width: 185px;
	float: left;
	}
#col_left h3, #col_right h3 {
	margin-bottom: 3px;
	padding-left: 10px;
	width: 175px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background: #d6c8a2 url("../graphics/bg_tit.png") no-repeat;
	color: #c63d01;
	font-size: 110%;
	clear: both;
	}
#col_left h3.arr, #col_right h3.arr {
	margin-bottom: 3px;
	padding-left: 10px;
	width: 175px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background: #d6c8a2 url("../graphics/bg_tit_arr.png") no-repeat;
	color: #c63d01;
	cursor: pointer;
	font-size: 110%;
	clear: both;
	}
#col_left .box h4 {
	color: #000;
	font-size: 100%;
	margin-bottom: 1px;
	font-style: italic;
	}
#col_left input {
	margin: 0;
	padding: 2px;
	width: 116px;
	border: 1px solid #757575;
	background: #fff url("../graphics/bg_input.png") no-repeat left top;
	}
#col_left button {
	margin: 0 0 -5px 0;
	padding: 0;
	width: 32px;
	border: none;
	background: none;
	position: relative;
	}
	
	
/* ___| column right |_____________________ */


#col_right {
	margin: 0;
	width: 185px;
	float: left;
	}
	
	
/* ___| content |_____________________ */


#content {
	margin: 0 21px 0 21px;
	width: 486px;
	float: left;
	}
#content p#path {
	margin: 1px 0 9px 14px;
	color: #000;
	}
#content p#path a {
	color: #c63d01;
	text-decoration: none;
	font-weight: bold;
	}
#content p#path a strong {
	color: #81692a;
	text-decoration: underline;
	}
#content p#path a:hover {
	text-decoration: underline;
	}
#content p#path a:hover {
	text-decoration: underline;
	}
#content p {
	margin-bottom: 10px;
	line-height: 140%;
	}
#content p.reklama {
	margin-bottom: 3px;
	font-size: 80%;
	color: #000;
	}
#content p.reklama img {
	border: 1px solid #000;
	}
#content h2 {
	margin-bottom: 10px;
	color: #c63d01;
	font-size: 120%;
	}
	
	
.cbox {
	margin: 0;
	width: 486px;
	float: left;
	clear: both;
	}
.cbox_t {
	margin: 0;
	width: 100%;
	height: 3px;
	background: #f2fbc3 url("../graphics/bg_cbox_t.png") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}
.cbox_m {
	margin: 0;
	padding: 12px 18px 12px 18px;
	width: 448px;
	min-height: 40px;
	background: #f2fbc3;
	border-left: 1px solid #b1b265;
	border-right: 1px solid #b1b265;
	float: left;
	clear: both;
	}
.cbox_b {
	margin: 0;
	width: 100%;
	height: 3px;
	background: #f2fbc3 url("../graphics/bg_cbox_b.png") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}

.group {
	margin: 0 0 14px 0;
	padding: 0;
	width: 444px;
	background: url("../graphics/bg_group.png") repeat-y 147px 0;
	float: left;
	clear: both;
	}
.item {
	margin: 0 8px 0 6px;
	padding: 10px 6px 0 5px;
	width: 122px;
	border-top: 1px solid #d3c59e;
	border-bottom: 1px solid #d3c59e;
	float: left;
	}
.item h3 {
	margin-bottom: 13px;
	color: #81692a;
	font-size: 110%;
	text-align: center;
	}
.item h3 a {
	color: #81692a;
	text-decoration: underline;
	}
.item h3 a:hover {
	text-decoration: none;
	}
.iimg {
	margin: 0 0 10px 0;
	text-align: center;
	}
.item p span {
	color: #ff0000;
	font-size: 125%;
	font-weight: bold;
	}
.item input {
	margin: 0;
	padding: 2px;
	width: 13px;
	border: 1px solid #757575;
	background: #fff url("../graphics/bg_input.png") no-repeat left top;
	}
.item button {
	margin: 0 0 -7px 0;
	padding: 0;
	width: 80px;
	border: none;
	background: none;
	position: relative;
	}
	
	
/* ___| footer |_____________________ */


#footer {
	margin: 0;
	width: 100%;
	height: 124px;
	background: #adbd5c url("../graphics/bg_foot.png") repeat-x top;
	float: left;
	clear: both;
	}
#foot {
	margin: 0 auto 0 auto;
	width: 896px;
	height: 78px;
	background: #e6dfc9 url("../graphics/bg_footer.jpg") no-repeat;
	}
#foot p {
	margin: 26px 0 0 26px;
	line-height: 135%;
	color: #000;
	float: left;
	}
#foot p a {
	text-decoration: underline;
	color: #81692a;
	}
#foot p.right {
	margin: -7px 76px 0 0;
	float: right;
	color: #860001;
	position: relative;
	}
#foot p.right a {
	text-decoration: underline;
	color: #81692a;
	}
#foot p a:hover {
	text-decoration: none;
	}
	
	
/* G */

div.logo {
	margin-bottom: 16px;
}

table.cart {
	border-collapse: collapse;
	}

table.cart td {
	border: 1px solid silver;
	padding: 4px;
	height: 32px;
}

table.cart td.cartoptions {
	text-align: center;	
}

table.cart td.cartoptions select {
	width: 160px;
}

table.cart th {
	padding-left: 6px;
	padding-right: 6px;
/*	font-size: 60%; */
}

div#regoffer {
	margin-top: 16px;
}

table.cart tr.sum {
	background: #EBFA96;
}

table.cart td.num {
	text-align: right;
}

ul {margin-top: 5px!important}

div.error {margin: 0.5em 0; font-weight: bold; color: #CC0000}
h3.prod_detail {border-bottom: 1px solid #444; margin: 1em 0 0.5em; }

.box_pro {border-collapse: collapse}
.box_pro h3 {font-size: 1.1em; padding: 5px}
.box_pro a {color: #1472B7}
.box_pro a:hover {color: #000; text-decoration: none;}
.box_pro .buttons a {font-weight: bold; font-size: 1.1em}
.box_pro .buttons {text-align: right}
.box_pro .buttons p {margin-bottom: 3px}
.box_pro .quantity {width: 30px}
.box_pro td.descr {width: 255px}

.box_pro td.first {border-right: 1px solid #ACDCFF}

.box_pro .container {padding: 0 5px}
.box_pro .butt {padding: 5px}

.box_pro_separ {border-collapse: collapse}
.box_pro_separ td {width: 255px}
.box_pro_separ div {margin: 10px auto; width: 230px; height: 1px; overflow: hidden; border-bottom: 1px solid #ACDCFF}

#content h1 {
	margin: 0.5em 0 0.3em 0;
	float: none;
	font-size: 150%;
	border-bottom: 1px solid black;
}



.orders {margin: 7px 0; border-collapse: collapse; border: 1px solid #AAA}
.orders th {background: #CCC; padding: 4px}
.orders td {background: #EEE; padding: 4px; border: 1px solid #CCC}
.orders td.number {text-align: right}

.paging {border: 1px solid #D8F537; background: #EBFA96; zoom: 1} /* IE way to do next line */
.paging:after {content: '.'; display: block; visibility: hidden; height: 0; clear: both}
.paging .items {float: left; width: 100px; padding: 4px}
.paging .per_page {float: right; text-align: right; width: 180px; padding: 0px}
.paging .pages {text-align: center; padding: 6px}
.paging .pages .current {background: #AAA; border: 1px solid #888; color: black; font-weight: bold;}
.paging .pages a {background: #DDD; border: 1px solid #BBB; color: black; text-decoration: none}
.paging .pages a:hover {background: #AAA; border: 1px solid #888}

.brokerage {border-collapse: collapse; margin-top: 0.8em; width: 100%}
.brokerage td {border: 1px solid #888; padding: 3px}
.brokerage .sum {background: #EEE; font-weight: bold}
.brokerage caption {font-style: italic; text-align: left}
.brokerage .number {text-align: right}

.sorting {text-align: right; margin: 2px}

.find a {color: white}
.find a:hover {color: yellow}

.clear {height: 1px; clear:both; overflow:hidden}