body {
	margin: 0px;
	padding: 0px;
}

#darkgray-line {
	background-color: #64636a;
	width: 100%;
	height: 250px;
	position: absolute;
	left: 0px;
	top: 109px;
}
.submenu {
	padding: 4px;
	background-color: #b4b6af;
}
.submenu a {
	margin-right: 40px;
}
#lightgray-line {
	background-color: #b4b6af;
	width: 50%;
	height: 55px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#cream-line {
	background-color: #efe9d8;
	width: 100%;
	height: 110px;
	position: absolute;
	left: 0px;
	top: 359px;
}
#top {
	width: 990px;
}
#top-left {
	width: 240px;
	float: left;
}
#top-logo {
	width: 240px;
	height: 140px;
	background-image: url('images/logo.jpg');
}
#top-zone {
	width: 240px;
	height: 134px;
	background-image: url('images/zone.jpg');
}
#top-zone-under {
	width: 240px;
	height: 146px;
	background-image: url('images/under-zone.jpg');
}
#top-right {
	width: 750px;
	height: 420px;
	background-image: url('images/flash.jpg');
	float: left;
	position: relative;
}
#middle {
	width: 100%;
	clear: both;
	position: relative;
}
#middle-cream-line {
	background-color: #efe9d8;
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}
#middle-center {
	width: 990px;
	background-color: #fff;
	position: relative;
}
#middle-left {
	width: 240px;
	float: left;
}
#search {
	width: 240px;
	height: 49px;
	background-image: url('images/bg-search.jpg');
	position: relative;
}
#search div {
	position: absolute;
	bottom: 10px;
	left: 18px;
}
#search input {
	border: 1px solid #b4b6af;
	margin-right: 5px;
}
#menu {
	width: 240px;
	text-align: left;
}
#menu ul {
	list-style-type: none;
	padding: 15px 20px 15px 20px;
}
#menu .raquo {
	font-size: 14px;
	padding-right: 8px;
}
#menu li {
	line-height: 26px;
	border-bottom: 1px solid #b4b6af;
	text-transform: lowercase;
}
#middle-right {
	width: 750px;
	float: left;
	text-align: justify;
}
#header {
	height: 49px;
	line-height: 49px;
	font-weight: bold;
	padding-left: 25px;
}
#header.sub { border-bottom: 20px solid #efe9d8 }
#content {
	width: 700px;
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: justify;
}
#content * { line-height: 18px; }
#bottom {
	background-color: #b4b6af;
	width: 990px;
	height: 130px;
	text-align: right;
	position: relative;
}
#bottom a, #bottom {
    color: #000;
}
#bottom-line {
	background-color: #b4b6af;
	width: 50%;
	height: 130px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.gray-tab {
	width: 750px;
	height: 211px; 
	background: url(images/bg-tab.jpg) bottom;
	position: relative;
}
.gray-tab .catalog {
	width: 189px;
	height: 250px;
	position: absolute;
	right: 15px;
	top: -50px;
	background-image: url(images/katalog.png);
}
.gray-tab .welcome {
	margin-left: 28px;
	padding-top: 26px;
	width: 500px;
}
.block-promotion {
	width: 750px;
	height: 190px;
	background: url(images/bg-promocje.jpg) bottom;
}
.block-promo .container {
	margin-left: 100px;
	border: 1px solid #000;
}
.block-news {
	width: 750px;
	height: 190px;
	background: url(images/bg-nowosci.jpg) bottom;
}

.logged {
	padding-left: 40px;
	padding-top: 60px;
}
.logged a {
	display: block;
	float: left;
	height: 54px;
	margin-right: 5px;
}
.logged .account {
	width: 36px;
	background-image: url(images/account.png);
}
.logged .basket {
	width: 44px;
	background: url(images/basket.png) bottom no-repeat;
}
.logged .history {
	width: 36px;
	background-image: url(images/history.png);
}
.logged .logout {
	line-height: 54px;
	color: #fff;
}

.unlogged {
	text-align: left;
	color: #fff;
	width: 180px;
	position: relative;
	padding-left: 26px;
	padding-top: 70px;
}
.unlogged .line {
	clear: both;
	height: 20px;
}
.unlogged .label {
	color: #fff;
	float: left;
}
.unlogged .input {
	float: right;
}
.unlogged .input .submit {
	border: none;
	background: none;
	color: #fff;
	padding: 0px;
	margin: opx;
	cursor: pointer;
}
.unlogged a, .unlogged .input {
	color: #fff;
}
.unlogged a:hover, .unlogged .submit:hover {
	color: #b4b6af;
}

.product-image {
	/*border: 1px solid #dadada; */
	width: 200px; 
	height: 130px; 
	float: left; 
	margin-right: 100px;
	/*background-color: #fafafa;*/
}
.product-describe {
	float: left;
	width: 390px;
	text-align: justify;
}
.product-title {
	font-weight: bold;
}

form {
	padding: 0px;
	margin: 0px;
}
.fname {
	font-weight: bold
}
.finput {
	padding: 5px 0px 10px 0px
}
.finput input, .finput textarea, .finput select {
	border: 1px solid #64636a;
	width: 300px;
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
	padding-left: 3px;
}
.finput textarea {
	height: 200px;
	padding: 3px;
}
.fbutton {
	padding-top: 15px
}
.fdesc {
	position: relative;
	top: -8px;
}
.fbutton input {
	border: 1px solid #64636a;
	background: transparent;
	cursor: pointer;
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
}

table.offert tbody tr:hover {
	background-color: #efe9d8;
	cursor: pointer;
}
table.listing {
	width: 100%;
	border-collapse: collapse;
}
table.listing th, table.listing td {
	font-size: 11px;
	color: #000;
	font-family: Tahoma;
	padding: 4px;
	border-bottom: 1px solid #b4b6af;
	text-align: left;
}
table.listing a img { border: 0px }

div.structure-first {
	background: url(images/level-1.jpg) left top no-repeat;
	height: 50px;
	line-height: 50px;
	padding-left: 51px;
}
div.structure-second {
	background: url(images/level-2.jpg) left top no-repeat;
	height: 48px;
	line-height: 48px;
	padding-left: 136px;
}
div.structure-third {
	background: url(images/level-3.jpg) left top no-repeat;
	height: 50px;
	line-height: 50px;
	padding-left: 206px;
}

div.order-info {
	margin-top: 20px;
}
div.order-info .name {
	width: 100px;
	float: left;
	font-weight: bold;
}
div.order-info .value {
	float: left;
}

div.pager {
	text-align: right;
	padding-top: 20px;
}

.error { color: red }
.message { color: #02ab66; }
.clear { clear: both; font-size: 1px }
.s { font-weight: bold }
.disabled {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
p { margin-top: 12px; margin-bottom: 12px; }
div, td, p, span, th {
	color: #000;
	font-size: 11px;
	font-family: Tahoma;
}
a {
	color: #000;
	font-size: 11px;
	font-family: Tahoma;
	text-decoration: none;
}
a:hover, a.active {
	color: #64636a;
}

input {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #b4b6af;
}

a.imgmini {
	display: block;
	width: 100px;
	height: 65px;
}

#print_head {
	text-align: right;
	padding-bottom: 5px;
	border-bottom: 1px solid #64636a;
	margin-bottom: 30px;
}
#print_head .name {
	font-weight: bold;
	font-size: 14px;
}
#print_head .link {
	font-style: italic;
}
