html, body {margin: 0; padding: 0; height: 100%}
body, th, td, input, select {font-family: verdana, arial, helvetica}
body, th, td {font-size: 9pt}

h1 {font-size: 8pt; margin: 0.2em 0 1em 0}
h1.standard {font-size: 14pt; text-align: center}
h2.standard {font-size: 12pt}

img {border: none}
.noprint {display: none}
#print-header {display: none}


#wrapper {position: relative; width: 980px; min-height: 100%; margin: 0 auto}

#baner {display: block; border-bottom: 1px solid black}

#reklama-home {margin-bottom: 10px; border: 1px solid black}
#reklama-home object {width: 100%; height: 100%; display: block}
#reklama-home img {display: block}



/* SEARCH BOX */
#search {background-image: url('/grafika/search-body.png') ;position: relative; width: 138px; height: 25px; left: 1px; top: 0px; float: left;}
/*#search-bg-left {display: block; position: absolute; width: 4px; height: 17px; left: 0px; top: 0px}
#search-bg-right {display: block; position: absolute; width: 4px; height: 17px; left: 132px; top: 0px}
#search-bg-mid-wrap {position: absolute; width: 128px; height: 17px; left: 4px; top: 0px; }
#search-bg-mid {position: absolute; width: 128px; height: 15px; left: 0px; top: 1px} */
#magn-glass {display: block; position: absolute; width: 15px; height: 15px; left: 117px; top: 5px}
#search-input {display: block; position: absolute; width: 107px; height: 18px; left: 8px; top: 3px; font-size: 11px; letter-spacing: -0.08em; color: black; background: transparent; border: 0 solid white; padding: 1px 0 0 0; margin: 0; }


/* TOP LINKS */
#top-links {text-align: right; margin: 2px 0 0 0; height: 25px}
#top-links img {vertical-align: top}
#top-links a {margin-right: 2px}


/* MENU */
#left {position: relative; float: left; top: 0; left: 0; margin: 1px 0 0 0; padding-left: 2px; z-index: 400}

#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
}

#menu, #menu ul, #menu li.level0 {width: 136px}
#menu li.level0 img {display: block; width: 136px; height: 17px}


#menu li.level1, #menu li.level2 {
	position : relative;
	width: 166px;
	font-size: 11px;
	color : black;
	border : 1px solid black;
	border-top: none;
}

#menu li.first {
	border-top: 1px solid black;
}

#menu ul.level1, #menu ul.level2 { /* second-level lists */
	position : absolute;
	visibility: hidden;
	margin-left : 131px;
	margin-top : -17px;
}

#menu ul.level2 { /* third-and-above-level lists */
	visibility: hidden;
	top: 0;
	margin-left : 161px;
	margin-top : 2px;
}


#menu li.level0 li a, #menu li.level0 li span {
	display: block; position: relative; font-weight: normal; text-decoration: none; padding : 2px 4px
}

#menu li.level0 li a:link, #menu li.level0 li a:visited {color: black}

#menu li.level0 li span {cursor: default}


#banery {width: 136px}
#banery div {margin-top: 10px; text-align: center}

#right-panel {width: 136px; float: right;}
#right-panel div {margin-top: 1px; text-align: left; padding: 0px 0px 5px 0px}

#content {position: relative; float: left; width: 693px; margin: 10px 0 0 0; padding: 0 0px 0 6px; border: 0px solid white}

#content ul {list-style-type: none; padding: 0; margin: 0;}
#content ul li {padding-bottom: 4px; background-repeat: no-repeat; background-position: 4px 0.5em; padding-left: 14px;}

#content ol li {padding-bottom: 4px}


#footer {clear: both;}

div.clear1 {clear: both; height: 4px; overflow: hidden;}
div.last-update {margin-top: 1em; font-size: 8pt; font-style: italic}

img.dostepnosc-ikona, span.dostepnosc-ikona {margin: 0 3px 0 3px; cursor: help; vertical-align: -1px;}

div.dostepnosc-legenda {padding: 5px 3px; width: 125px; margin-left: 2px}
div.dostepnosc-legenda td {font-size: 7.5pt; text-align: left; vertical-align: top; line-height: 1em; padding: 0px 2px}
div.dostepnosc-legenda td.divider {padding-top: 4px; padding-bottom: 3px}
div.dostepnosc-legenda td.divider hr {display: none}
div.dostepnosc-legenda td.divider div {margin: 0 !important}




/* front page */
#update-fp-l {position: relative; font-size: 8pt; font-weight: bold; margin-top: -7px; margin-bottom: 6px}
#update-fp-l {padding-bottom: 8px; padding-top: 6px}

div.fpprod-space {width: 10px; height: 1px; overflow: hidden}
td.fp-prod {width: 210px; text-align: center; font-size: 8pt}
.fp-price {font-weight: bold; font-size: 9pt}


/* categories list */
div.categories {margin-left: 40px}
div.categories h1 {font-size: 150%; margin-top: 1em}
div.categories li {margin: 0.5em 0}

/* product list */
div.small-img-wrapper {padding: 1px}
td.prod-short-desc {width: 100%; padding-left: 0.5em}
td.prod-short-desc div {margin-bottom: 0.3em}

td.prod-short-area {text-align: right; vertical-align: bottom; margin-top: 0.3em; white-space: nowrap; font-size: 8pt}
td.prod-short-area img {vertical-align: -0.45em}
td.prod-short-area img.dostepnosc-ikona {margin: 0 1px 0 3px; vertical-align: -0.2em}
.price {font-weight: bold}
span.price-promotion, div.price-promotion {font-weight: bold; padding: 0 0.3em 1px 0.3em; margin: 0 0.6em; font-weight: normal; vertical-align: 0.2em;}
span.price-promotion a, div.price-promotion a {text-decoration: none; font-weight: normal}

/* promocja na str. produktu */
div.prod-price-promotion {margin: 5px 0 0 0}
div.prodlist-price-promotion {margin: 5px 0 0 0;}

table.cat-icons {width: 100%; margin-top: 1em;}
table.cat-icons td {padding: 0; text-align: center}
table.cat-icons img {border: 1px solid black; vertical-align: bottom}
table.cat-icons.more-rows {margin-top: 0}




/* page numbers */
div.page-numbers {float: right; border: 0px solid red; font-size: 11pt;}
div.page-numbers .page-label {float: left; font-weight: bold; padding-right: 0.5em; margin-top: 2px;}
div.page-numbers div {text-align: center}
div.page-numbers div.this-page, div.page-numbers div.another-page {float: left; width: 22px; height: 21px; padding-top: 2px; margin: 0 2px}

div.page-numbers div.this-page {background-image: url('/grafika/pagemark.gif'); background-repeat: no-repeat; background-position: 0 0px; font-weight: bold}
div.page-numbers a {text-decoration: none}
div.page-numbers a:link:hover, div.page-numbers a:visited:hover {text-decoration: underline}
div.page-numbers a.page-quick-nav {float: left; margin: 0 2px; font-weight: normal; font-size: 11pt; margin-top: 0.1em}



/* frames with rounded corners */
table.frame {margin-bottom: 10px}
table.frame.center {margin-left: auto; margin-right: auto}

table.frame h1 {font-size: 14pt}
table.frame h2 {font-size: 12pt}
table.frame h3 {font-size: 11pt}
table.frame h4 {font-size: 10pt}


.corner1, .corner2, .corner3, .corner4 {width: 7px; height: 7px}
.frame1 {background-position: top; background-repeat: repeat-x}
.frame2 {background-position: left; background-repeat: repeat-y}
.frame3 {background-position: right; background-repeat: repeat-y}
.frame4 {background-position: bottom; background-repeat: repeat-x}

.frame1-gray {background-position: top; background-repeat: repeat-x}
.frame2-gray {background-position: left; background-repeat: repeat-y}
.frame3-gray {background-position: right; background-repeat: repeat-y}
.frame4-gray {background-position: bottom; background-repeat: repeat-x}

.corner-bl1, .corner-bl2, .corner-bl3, .corner-bl4 {width: 7px; height: 7px; background: #0C38AD}
.corner-bl1 {background-image: url('/grafika/corner-black1.gif')}
.corner-bl2 {background-image: url('/grafika/corner-black2.gif')}
.corner-bl3 {background-image: url('/grafika/corner-black3.gif')}
.corner-bl4 {background-image: url('/grafika/corner-black4.gif')}

.fr-side {width: 7px; height: 7px; overflow: hidden}
.in-frame {font-size: 9pt}

div.vert-space-prod {width: 12px; height: 1px; overflow: hidden}
div.frame-hor-space {width: 10px; height: 1px; overflow: hidden}
.in-frame div.frame-header {font-weight: bold; margin-bottom: 0.8em; margin-top: 0.4em}
.hor-space {margin-bottom: 12px}

/* product page */
#h1-prodpage {width: 570px}
div.waluta {position: absolute; right: 3px; top: -1px; text-align: right;}
div.waluta.waluta-fp {top: -3px}
div.waluta.with-pagelinks {top: 0px;}
div.clear1.with-pagelinks {height: 22px; margin-bottom: 5px;}
div.waluta select {font-size: 8pt}

#prod-foto-wrap img {vertical-align: middle}
#hourglass {position: relative; background-image: url("/grafika/pixel.gif"); background-repeat: no-repeat; background-position: center center}

#nextimg-but {position: absolute; right: 3px; top: -18px}
#large-picture-section {display: none}
#large-picture-section table {width: 100%}
#enlargeimg-but {position: absolute; left: 3px; top: -18px}
#nextlargeimg-but {position: absolute; bottom: 0px; right: 0px}
#shrinkimg-but {position: absolute; bottom: 0px; left: 0px}
#movie-but {position: absolute; }
div.large-view#movie-but {position: absolute; bottom: 0px; right: 95px; left: auto; top: auto}

#prod-large-foto-wrap {background-image: url("grafika/pixel.gif"); background-repeat: no-repeat; background-position: center center; text-align: center}

.prod-name {font-weight: bold}
td.price-cell {text-align:right; white-space: nowrap; font-size: 8pt; vertical-align: middle}
img.w-k-but {vertical-align: middle; width: 55px; height: 19px}

table.accessory-tab {width: 100%}
div.line-accessory {height: 1px; width: 100%; background: url('/grafika/line2.gif'); overflow:hidden}
tr.accessory td {font-size: 8pt; font-weight: normal; height: 30px; padding: 0}
td.accessory-price-buy {text-align:right; white-space: nowrap; padding: 2px 0}
a.accessory-link {text-decoration: none}
a.accessory-link span {text-decoration: underline}
img.accessory-img {vertical-align: middle; margin: 2px 6px 2px 0}

#print-link {text-align: center; margin-top: 20px}
#print-link img {vertical-align: bottom}

span.kartacena {cursor: pointer}
div.goto-cat {margin: 2em 0; font-size: 8pt}

#akcesoria-opis-buttons {display: none; margin-bottom: 8px}
#akcesoria-opis-buttons img.button1 {display: block; float: left; cursor: pointer; margin-right: 7px}
#akcesoria-opis-buttons img.button2 {display: block; cursor: pointer}


/* footer */
#xhtml-icon {text-align: right; margin: 1em 1em 1em 0}
#stat {text-align: right; margin: 0 1em 1em 0}

/* o nas */
.dane-firmy {width: 100%; margin-top: 8px}
.dane-firmy tr {vertical-align: top}
.dane-firmy td {padding: 3px}
.col1 {font-weight: bold; text-align: right}
TD.line {height: 1px; padding: 0}

/* kontakt */
div.line {height: 1px; width: 100%; overflow: hidden}
div.head1 {font-weight: bold; font-size: 13pt}

/* zasady kupowania */
span.def {font-weight: bold}
span.inhead, div.inhead {font-weight: bold}


/* koszyk */
.koszyk-tab {border-left: 1px solid #1C1C4E; border-top: 1px solid #1C1C4E; border-bottom: 1px solid #1C1C4E; margin-left: auto; margin-right: auto; width: 100%}
.koszyk-tab TH {color: black; border-bottom: 1px solid #1C1C4E; }
.koszyk-tab TD, .koszyk-tab TH {padding: 0px 5px; border-right: 1px solid #1C1C4E}
.koszyk-tab TH {padding-top: 2px; padding-bottom: 2px} 
.koszyk-tab TD {padding-top: 5px; padding-bottom: 5px} 
.quant-input {text-align: center}
.quant-input input {font-size: 8pt; font-weight: bold; width: 2em; text-align: center}
.quant-td {text-align: center}
.cartprice {text-align: right}
.label {text-align: right; width: 250px}

div.error {font-weight: bold; text-align: center; margin: 0.5em 0}


/* filtry */
@media screen {
	
	#filtry h1 {font-size: 8pt; margin-bottom: 1.5em; margin-top:0; text-align: left}
	#filtry h2 {font-size: 10pt; margin-bottom: 1em; margin-top:0; text-align: left}
	.filtry-intro {text-align: left; font-size: 8pt}
	.filters {border-left: 1px solid; border-top: 1px solid;  margin-bottom: 15px; margin-top: 20px; margin-left: auto; margin-right: auto; width: 608px}
	.filters TD, .filters TH {border-right: 1px solid; border-bottom: 1px solid; font-size: 8pt; text-align: center; padding: 1px}
	.filters TH {padding: 3px 1px; border-top: 1px solid; border-bottom: 2px solid}
	.filters A {text-decoration: none}
	.filters TD A:link, .filters TD A:visited {font-weight: normal}
	.filters TD A, .filters TH A {font-weight: normal}
	#filtry TH.col1 {font-weight: bold; text-transform: uppercase}
	#filtry TD.col1 {text-align: left}
	
	.page-bg-b {background: #00117D url('grafika/tlo-b.jpg')}
	.corner1-b, .corner2-b, .corner3-b, .corner4-b {width: 7px; height: 7px}
	.corner1-b {background-image: url('grafika/corner1-b.jpg')}
	.corner2-b {background-image: url('grafika/corner2-b.jpg')}
	.corner3-b {background-image: url('grafika/corner3-b.jpg')}
	.corner4-b {background-image: url('grafika/corner4-b.jpg')}
	.prod-name-b {font-weight: bold; color: white}
	
	table.filtr-opis {clear: both; width: 100%}
	table.filtr-opis td {text-align: center; width: 50%; font-size: 8pt; font-weight: bold}
	table.filtr-opis td img {border: 1px solid #C2D1F0}
	
	div.filter-photos {text-align: center; font-weight: bold; margin-bottom: 0.5em}
}


@media print {
	#filtry, #filtry td, #filtry th {font-family: verdana; font-size: 8pt}
	.filters {border-left: 1px solid black; border-top: 1px solid black;  margin-bottom: 15px; margin-top: 20px}
	.filters TH {background: #ccc}
	.filters TD, .filters TH {border-right: 1px solid black; border-bottom: 1px solid black; font-size: 8pt; text-align: center; padding: 1px}
	#filtry a:link, #filtry a:visited {color: black; text-decoration: none}

	#filtry TH.col1 {font-weight: bold; text-transform: uppercase}
	#filtry TD.col1 {text-align: left; width: 8cm}
	
}


/* mapa produktow */
/*#cala-oferta .line {height: 1px; width: 100%; overflow: hidden; background-image: url("../grafika/line.gif")}*/

#cala-oferta .cat-lev1, #cala-oferta .cat-lev2, #cala-oferta .cat-lev3 {position: relative; top: 0.3em; font-weight: bold}
#cala-oferta .cat-lev1 {margin-top: 1em}
#cala-oferta .cat-lev2 {margin-top: 0.5em; margin-left: 2em}
#cala-oferta .cat-lev3 {margin-top: 0.5em; margin-left: 4em}
#cala-oferta .cat-contents {display: none}


#cala-oferta {font-size: 8pt}
#cala-oferta ul.prod-lev1 {margin-left: 2em}
#cala-oferta ul.prod-lev2 {margin-left: 4em}
#cala-oferta ul.prod-lev3 {margin-left: 6em}

#cala-oferta a:link, #cala-oferta a:visited {text-decoration: none}


#cala-oferta {width: 625px} 
#cala-oferta ul.toc {list-style-type:none; margin-top: 0.3em} 
#cala-oferta ul.toc li {background-image: none; padding-left: 0px; position:relative; border-bottom: 1px dotted}
#cala-oferta ul.toc li div.item-name { display:inline; position: relative; top: 0.3em; padding-right:0.5em} 
#cala-oferta ul.toc li div.item-price { display:inline; position: absolute; right: 0px; margin-top: 0.3em; padding-left:0.5em; margin-right: -1px}
#cala-oferta ul.toc a:link, #cala-oferta ul.toc a:visited {font-weight: normal}

#cala-oferta li {padding-bottom: 0px; padding-left: 0;  background-image: none}

#cala-oferta img.plus-cat {margin-right: 0.5em; width: 13px; height: 11px; cursor: pointer}

.buttons-mapa {text-align: center; margin: 1.5em 0}
div .noscript {background: #FFDAB9; color: maroon; border: 1px solid maroon; padding: 1em; margin: 1em 0; font-weight: bold}
/*.last-update {font-weight: bold; font-size: 8pt; margin: 2.5em 0 1em 0}*/



/* wyszukiwarka */
#search-page h1 {font-size: 14pt; text-align: center}

#search-page .search-box {text-align: center; margin: 1em 0}
#search-page .search-box input {vertical-align: middle; margin: 0 0.3em}
#search-page .radios {font-size: 8pt; margin-top: 1em}
#search-page .qwords {font-weight: bold}
#search-page A .qwords {text-decoration: underline}
#search-page .search-desc {font-size:8pt; margin: 0.7em 0}
#search-page .search-desc2, .search-desc2 a:link, .search-desc2 a:visited {font-size: 7.5pt; font-weight: normal}
#search-page .result-info {width: 100%; border-top: 1px dotted; border-bottom: 1px dotted}
#search-page .result-info td {width: 33%; padding: 3px 6px; font-size: 8pt; font-weight: bold}
#search-page .result-info a {text-decoration: none}
#search-page .no-results {text-align: center; font-weight: bold; color: yellow}
#search-page .img-cell {width: 130px; text-align: center}


/* KOMIS */
#komis .komis-tab td {}
#komis .komis-tab input, .komis-tab textarea {font-family: verdana, arial; font-size: 9pt}
#komis .komis-tab textarea {width: 460px}
#komis .osoba-kupno {font-weight: bold; color: yellow}
#komis .osoba-sprzedaz {font-weight: bold; color: white}
#komis .tel {font-weight: bold}
#komis .isp {font-size: 7.5pt}
#komis .wpis {margin-left: 2em}
#komis .tresc {margin: 4px 0}
#komis .cena {margin-bottom: 4px}
#komis .entry-line {width: 100%; height: 1px; overflow: hidden; background-image: url('/grafika/line.gif'); margin: 1em 0}

/* telefon */
div.telefon {margin: 2em 0 3em 0; text-align: center}

/* error 404 */
#error404 {margin: 2em 0 3em 0; text-align: center}
#error404 h1 {font-size: 16pt; text-transform: uppercase}
#error404 h2 {font-size: 13pt; text-transform: uppercase; margin-top: 2em}
#error404 p {font-weight: bold; margin-top: 3em}
#error404 form {margin-top: 2em}
#error404 input {vertical-align: middle}