@import "text.css";
@import "base.css";
@import "menu.css";
@import "php_inc/css/form.css";
@import "php_inc/css/site_map.css";
@import "php_inc/addons/polec/polec.css";

h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 14px;
}

h3.gray {
	margin: 0px;
	background: #f3f3f3;
	padding: 5px;		
}

h4 {
	margin: 0px;
	padding: 5px 10px 0px 10px;
	font-size: 14px;
}

div#top {
	border-top: 20px solid #fafafa;
	height: 86px;
	text-align: right;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	background: #fafafa;
	padding: 0px 10px;
	color: #706374;
}

div#top a {
	font-size: 11px;	
	margin: 0px 3px;
	color: #706374;
	border: 0px;
}

div#top a:hover {
	color: #d00000;
}

div#top a.active {
	font-weight: bold;
}

div#top a.koszyk {
	background: url('grafika/koszyk-blue.gif') no-repeat top right;;
	display: block;
	padding: 9px 10px 9px 30px;
	font-size: 14px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 10px;
	display: block;	
	margin-left: 680px;
}

div#top a.koszyk.active {
	background-position: bottom left;
}

div#top a.koszyk:hover {
	color: white;
}

div.here {
	padding: 12px 17px 8px 17px;
	background: url('grafika/hr.gif') repeat-x bottom left;
	font-size: 11px;
	margin-bottom: 16px;
	color: #d00000;
}

#page div.here b,
#page div.here a {
	border: 0px;
	color: #6d6272;
}

#footer {
	margin-top: 17px;
	background: #f3f3f3 url('grafika/footer.gif') no-repeat;
	padding: 8px 15px;
	font-size: 11px;
}

#footer span {
	float: right;
}

#copy a,
#footer a {
	color: #6b6370;
	margin: 0px 3px;
	border: 0px;
}

#footer a.active,
#footer a:hover {
	color: #d00000;	
}

#copy {
	font-size: 11px;
	padding: 8px 15px;
	border-top: 1px solid #e4e4e4;
	background: #fafafa;
	margin-top: 5px;
	margin-bottom: 15px;
}

#venti {
	float: right;
}

#venti:hover {
	color: #d00000;	
}

div.right,
div.left {
	float: left;
	width: 199px;
}

div.leftIndex {
	width: 305px;
}

div.middle {
	float: left;	
	margin: 0px 10px;
	width: 539px;	
}

div.middleIndex {
	width: 642px;
	margin-right: 0px;
}

div.box {
	background: #fafafa;
	border: 1px solid #dddddd;
	padding: 5px;
	position: relative;
}

div.boxGray {
	background: #f3f3f3;	
}

div.header span.ctl,
div.header span.ctr,
div.header span.cbl,
div.header span.cbr,

div.box span.ctl,
div.box span.ctr,
div.box span.cbl,
div.box span.cbr {
	position: absolute;
	background-repeat: no-repeat;
	display: block;	
	font-size: 1px;
}


div.header span.ctl, div.box span.ctl { background-color: #f2f2f2; background-image: url('grafika/ctl.gif'); width: 7px; height: 5px; top: -1px; left: -1px; }
div.header span.ctr, div.box span.ctr { background-color: #f2f2f2; background-image: url('grafika/ctr.gif'); width: 7px; height: 5px; top: -1px; right: -1px;}
div.header span.cbl, div.box span.cbl { background-color: #f2f2f2; background-image: url('grafika/cbl.gif'); width: 11px; height: 7px; bottom: -1px; left: -1px;}
div.header span.cbr, div.box span.cbr { background-color: #f2f2f2; background-image: url('grafika/cbr.gif'); width: 11px; height: 7px; bottom: -1px; right: -1px;}

div.header span.ctl, div.boxGray span.ctl { background-image: url('grafika/gctl.gif');}
div.header span.ctr, div.boxGray span.ctr { background-image: url('grafika/gctr.gif');}
div.header span.cbl, div.boxGray span.cbl { background-image: url('grafika/gcbl.gif'); bottom: -1px; left: -2px}
div.header span.cbr, div.boxGray span.cbr { background-image: url('grafika/gcbr.gif'); bottom: -1px; right: -2px}

div.box div.gray,
div.box p.gray {
	padding: 5px;
	background: #f3f3f3;
	margin: 0px;
}

div.box form.gray {
	padding: 20px 0px 20px 5px;
	background: #f3f3f3;
	margin: 0px;
	display: block;
}

div.box form.gray input.text {
	width: 201px;
}

input.withImage {
	cursor: pointer;
	width: 76px;
	height: 21px;
	background: url('grafika/zapisz-sie.gif') no-repeat;
	border: 0px;
	text-align: center;
	font-weight: bold;
	color: white;
	font-size: 11px;
	position: relative;
	left: -5px;
}

h2 {
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

h2.szukaj {
	background: url('grafika/header-szukaj.gif') no-repeat;
	text-indent: -9999px;
}

h2.polecamy {
	background: url('grafika/header-polecamy.gif') no-repeat;
	text-indent: -9999px;
}

h2.menu {
	background: url('grafika/header-menu.gif') no-repeat;
	text-indent: -9999px;
}

h2.kategorie {
	background-image: url('grafika/header-kategorie.gif');
}

h2.promocje {
	background: url('grafika/header-promocje.gif') no-repeat;
	text-indent: -9999px;
}

h2.koszyk {
	background: url('grafika/header-koszyk.gif') no-repeat;
	text-indent: -9999px;
}

h2.none {
	text-indent: -9999px;
}

div.product {
	padding: 10px;
	zoom: 1;
	position: relative;
}

div.product img.badge {
	position: absolute;	
	top: 5px;
	right: 5px;
}

div.product div.img {
	float: left;
	width: 175px;
	margin-right: 20px;
	display: inline;
}

div.product div.desc {	
	width: 331px;
	float: left;	
}

div.category div.desc {
	float: left;
	width: 380px;
}

div.product div.img img {
	border: 1px solid #d1d1d1;
}

#page div.product a.name,
#page div.product b.name {
	font: bold 18px Tahoma;
	border: 0px;
	color: #DF0000;
}

div.product .cat {
	font-size: 13px;
}

div.product p.price,
div.product div.price {
	clear: both;
	background: #f3f3f3;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #dddddf;
	font-size: 14px;
	padding: 6px 10px 10px 10px;	
	margin: 0px 0px 0px 195px;	
}

#page div.product.category {
	background: #f3f3f3;
	border-left:  1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

#page div.product.category a.name {	
	font: bold 14px Tahoma;
	border: 0px;
}

div.product.category div.img img {
	width: 100px;
}

div.product.category div.img {
	width: 100px;
}

div.product.slim p.price,
div.product.slim div.price {
	font-size: 12px;
	padding-left: 2px;
}

div.product.category p.price,
div.product.category div.price {
	margin-left: 120px;
	font-size: 12px;
	padding-left: 2px;
}

#page div.product.category .price a  {
	position: relative;
	top: 2px;
}

#page div.right ul.promo a.koszyk,
#page div.product p.price a.koszyk,
#page div.product div.price a.koszyk,
#page div.product p.price a.more,
#page div.product div.price a.more,
#page .subprodukt a.more {
	float: right;
	color: white;
	font-size: 11px;	
	background: url('grafika/wiecej.gif') no-repeat;
	height: 22px;
	width: 61px;
	border: 0px;
	font-weight: bold;
	text-align: center;
	display: block;
	line-height: 22px;
}

#page div.right ul.promo a.koszyk,
#page div.product div.price a.koszyk,
#page div.product p.price a.koszyk {
	margin-left: 10px;
	background: url('grafika/do-koszyka.gif') no-repeat;	
	width: 76px;
}

div.product p.price .old,
div.product div.price .old {
	text-decoration: line-through;
	font-weight: bold;
}

div.product p.price .price,
div.product div.price .price {
	color: #e40001;
	font-size: 18px;
	position: relative;
	top: 1px;
}

.red {
	color: #e00005;
}

.subprodukt a {
	border: 0px;
}

.subprodukt {
	position: relative;
}

.subprodukt img.kat3 {
	position: absolute;
	top: -5px;
	left: 20px;
}

.subprodukt a img.item {
	float: left;
	margin-right: 20px;
	border: 1px solid #d1d1d1;
	opacity: .5;
	filter:alpha(opacity=50);
	width: 100px;
}

.subprodukt.slim a img.item {
	margin-right: 10px;
}

.subprodukt.slim p.price,
.subprodukt.slim div.price {
	margin-top: 15px;
	margin-left: 0px;
	text-align: right;
	padding-right: 0px;
}

.subprodukt a.active img.item,
.subprodukt a:hover img.item {
	opacity: 1;
	filter:alpha(opacity=100);
}

.subprodukt .name {
	font-size: 13px;
}

.subprodukt .old {
	text-decoration: line-through;
}

div.right div.menu,
div.left div.menu {
	background: url('grafika/menu-top.gif') no-repeat;
	padding-top: 6px;
}

div.right div.menu div.w1,
div.left div.menu div.w1 {
	background: url('grafika/menu-bottom.gif') no-repeat bottom left;
	padding-bottom: 6px;
}

div.right div.menu div.w2,
div.left div.menu div.w2 {
	background: #ebebeb;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

div.right div.menu ul,
div.left div.menu ul {
	margin: 0px;
	padding: 0px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

div.right div.menu ul {
	padding: 0px 7px;
}

div.right div.menu ul li,
div.left div.menu ul li {
	margin: 0px;
	padding: 4px 5px 8px 5px;
	list-style: none;
	background: url('grafika/hr.gif') repeat-x bottom left;
}

#page div.left div.menu ul li a {
	display: block;
	padding-left: 15px;
	border: 0px;
	text-decoration: none;
	color: #6b6370;
	background: url('grafika/li.gif') no-repeat 3px 4px;
}

#page div.left div.menu ul li a:hover {
	color: #d00000;
}

div.left div.menu ul li a.active {
	font-weight: bold;
}

div.left div.menu ul.sklep li.level3 {
	border: 0px;
	background: white;
	padding: 2px 5px 6px 15px;	
}

div.left div.menu ul.sklep li.level2.g {
	border-top: 1px solid #d5d5d5;
}

#page div.left div.menu ul.sklep li.level3 a {	
	background: transparent;
}

#page div.left div.menu ul.sklep li.level3 a:hover,
#page div.left div.menu ul.sklep li.level3 a.active {
	font-weight: normal;
	color: #dc0002;
}

#text {
	padding: 5px 10px 0px 10px;
}

div.right div.menu ul li {
	background: none;
	padding: 0px 0px 10px 0px;
}

#page div.right ul.promo a.name {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
}

div.right ul.promo div {
	margin-top: 5px;
	position: relative;
	height: 110px;
}

div.right ul.promo div p {
	padding: 10px 0px 0px 90px;
	margin: 0px;
}

div.right ul.promo div p small {
	text-decoration: line-through;
}

div.right ul.promo div p b {
	color: #d00000;
	font-size: 14px;
}

div.right ul.promo div img {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #d6d7d9;
	z-index: 50;
	width: 70px;
}

div.right ul.promo div div {
	padding: 0px 10px 0px 0px;	
	background: #f3f3f3;
	border-top: 1px solid #dddddf;
	height: 40px;	
}

div.right ul.promo div div a {
	margin-top: 10px;
}

div#step {
	text-align: center;
	width: 509px;
	margin: 0px auto;
	height: 30px;
}

div#step span {
	height: 30px;
	overflow: hidden;
	display: block;
	width: 151px;
	float: left;
}

div#step img {
	float: left;
}

div#step span.active img {
	position: relative;
	top: -30px;
}

div.productFirst {
	height: 9px;
	background: url('grafika/product-round-top.gif') no-repeat;	
	font-size: 1px;
}

div.productLast {
	height: 9px;
	background: url('grafika/product-round-bottom.gif') no-repeat;
	font-size: 1px;
}

div.productSep {
	
	background: url('grafika/product-round-top.gif') no-repeat bottom left;
}

div.productSep div {
	height: 27px;
	background: url('grafika/product-round-bottom.gif') no-repeat top left;
}

#koszTable {
	border-collapse: collapse;
	width: 933px;
}

#page #koszTable td {
	padding: 5px;
	border-bottom: 1px solid #e1e1e1;	
	vertical-align: top;
	font-size: 14px;
}

#page #koszTable td img {
	vertical-align: middle;
}

#page #koszTable td a {
	color: #6d6272;
	text-decoration: none;
	border: 0px;
}

#koszTable td.n {
	padding: 0px 5px;
	height: 1px;
	font-size: 1px;
	border: 0px;
}

#koszTable big {
	font-size: 18px;
	font-weight: bold;	
}

#kosz_form {
	width: 600px;
	margin: 0px auto;
}

#kosz_form label {
	width: 200px;
	display: block;	
	float: left;
	text-align: right;
	margin: 0px 10px 2px 0px;	
}

#kosz_form input.text,
#kosz_form textarea {
	margin-bottom: 2px;
	width: 280px;
	position: relative;
	top: -3px;	
}	

#kosz_form br {
	clear: left;	
}

#kosz_form p {
	text-align: center;
	padding: 10px;
	background: #f3f3f3;
	font-weight: bold;
	margin: 10px 0px;
}

#banner {
	padding: 10px;
	text-align: center;
}

#banner a {
	border: 0px;
}

#faq_odpowiedzi dt {
	margin-left: 20px;
}

div.subproduktslim div.desc {	
	float: right;
	width: 165px;	
}

div.middleIndex div.subprodukt div.desc {
	zoom: 1;
}

div.header {
	background: #F3F3F3;
	height: 13px;	
	padding: 10px 10px;
	border: 1px solid #DDDDDD;
	position: relative;
}

div.header.top {
	border-bottom: 0px;
}

div.header.bottom {
	border-top: 0px;
}

div.header div.l {
	float: left;	
	width: 130px;	
}

div.header div.r {
	float: right;	
	width: 75px;
	text-align: right;
}

div.header div.c {
	width: 375px;
	float: left;	
	height: 25px;
}

div.header,
#page div.header a {
	color: #6F6474;
}

#page div.header div.l a,
#page div.header div.r a {	
	border: 0px;
	font: bold 11px Tahoma;
}

#page div.header div.c,
#page div.header div.c a {
	border: 0px;
	font: 11px Tahoma;
}

#page div.header div.c span,
#page div.header div.c a {
	display: block;
	float: left;
}

#page div.header div.c a.p {
	width: 75px;
}

#page div.header div.c a.n {
	float: right;
}

#page div.header div.c a.s {
	width: 20px;
	margin: 0px 0px 0px 2px;
	height: 19px;	
	text-align: center;	
	font-weight: bold;
	line-height: 19px;
	position: relative;
	top: -3px;
}

#page div.header a:hover {
	color: #d00000;
}

#page div.header div.c a.s:hover,
#page div.header div.c a.sActive {
	background: url('grafika/pager.gif') no-repeat;
	color: #fbfbfb;
}

#page div.header div.c span {
	padding-right: 5px;
}

div.hright span {
	float: right;
	display: block;
	font-size: 11px;
}

div.hright span.i3 {
	width: 170px;
}

div.hright span.i2 {
	width: 50px;
}

div.hright span.i1 {
	width: 119px;
}


.tag {
	float: right;
}

.tag.small {
	width: 40px;
}