@import "forms.css";

@import "tables.css";

@import "print.css";



* {

padding: 0;

margin: 0;

}



body {

color: #666;

background: white url('gfx/bk-body.png') repeat-x;

font-size: 11px;

font-family: Tahoma, Verdana, Helvetica, sans-serif;

line-height: 1.5em;

margin-bottom: 20px;

}



img {

border: 0;

}



a {

color: #c00;

text-decoration: none;

}



a:hover {

color: #c00;

text-decoration: underline;

}



.btn-inline,

.btn {

padding-left: 10px;

height: 19px;

background: url('gfx/i-arrow2.png') no-repeat left top;

}



.btn-inline:hover,

.btn:hover {

background-position: left -19px;

}



#main {

float: left;

position: relative;

width: 892px;

margin-left: -446px;

left: 50%;

}



#below {

float: left;

width: 880px;

padding: 0 6px;

}



#hypertop {

float: left;

width: 892px;

height: 329px;

position: relative;

}



#top {

float: left;

width: 892px;

height: 316px;

}



#flags {

float: left;

text-align: right;

width: 880px;

height: 13px;

padding-top: 2px;

}



#flags img {

background: white;

border: 1px solid #e4e4e4;

padding: 1px;

width: 15px;

height: 9px;

margin-right: 7px;

}



#footer {

float: left;

width: 777px;

padding: 15px 13px 20px 102px;

background: url('gfx/bk-footer.png') no-repeat;

color: white;

line-height: 25px;

height: 25px;

margin-top: 20px;

}



#partnerzy {

float: left;

width: 100%;

text-align: center;

margin-top: -8px;

padding-bottom: 8px;

}



#left {

float: left;

width: 180px;

margin-top: -10px;

}



#right {

float: left;

width: 180px;

margin-top: 1em;

}



#content {

float: left;

width: 460px;

padding: 0 30px;

}



a.atom {

float: right;

line-height: 25px;

height: 25px;

padding-left: 40px;

background: url('gfx/_atom.png') no-repeat left top;

color: white;

}



a.atom:hover {

color: white;

}

a.pawelf {

color: #CCCCCC !important;

}



a.pawelf:hover {

color: #707070;

}


.fL {

float: left;

}



.fR {

float: right;

}



.framebox,

.framebox-tight,

#left .menu {

float: left;

width: 150px;

padding: 15px 15px 0 15px;

background: url('gfx/bk-framebox.png') no-repeat;

margin-top: 8px;

}



.framebox-wide {

width: 462px;

float: left;

position: relative;

left: -6px;

margin-right: -6px;

background: url(gfx/bk-framebox-wide.png) no-repeat;

padding: 5px;

padding-top: 10px;

margin-top: 15px;

}

.framebox-wide-bottom {

width: 472px;

float: left;

position: relative;

left: -6px;

margin-right: -6px;

background: url(gfx/bk-framebox-wide-bottom.png) no-repeat;

height: 11px;

font-size: 1px;

}

.index-map {

width: 195px;

background: url(gfx/bk-vdots-short.png) right center no-repeat;

text-align: right;

padding-right: 5px;

float: left;

}

.index-map-right {

float: left;

width: 200px;

padding-left: 20px;

padding-top: 50px;

}

.index-map-right a {

float: right;

}

#right .menu {

float: left;

width: 168px;

margin-top: 10px;

}



.framebox-tight {

width: 160px;

padding: 8px 10px 0 10px;

}



.framebox-top {

float: left;

width: 180px;

margin: 8px 0 -4px 0;

}



#left .menu {

background: url('gfx/bk-menu.png') no-repeat;

width: 178px;

padding: 16px 1px 1px 1px;

}



.framebox-bottom,

.menu-bottom {

float: left;

width: 180px;

height: 16px;

background: url('gfx/bk-framebox-bottom.png') no-repeat left bottom;

margin-bottom: 8px;

}



.menu ul {

list-style-type: none;

color: #6a90a2;

font-weight: bold;

font-variant: normal;

text-transform: uppercase;

line-height: 19px;

}



.menu ul a,

.menu ul a:hover {

color: #6a90a2;

}



.menu ul li {

padding-left: 16px;

background-position: 5px top;

background-repeat: no-repeat;

}

/*

.menu ul li.level0 {-left: 15px; background-position: 3px top;}

.menu ul li.level1 {padding-left: 30px; background-position: 18px top;}

.menu ul li.level2 {padding-left: 45px; background-position: 33px top;}

.menu ul li.level3 {padding-left: 60px; background-position: 48px top;}

*/



.menu ul li.level1 {margin-left: 15px;}

.menu ul li.level2 {margin-left: 30px;}

.menu ul li.level3 {margin-left: 45px;}



.menu ul li.level1,

.menu ul li.level2,

.menu ul li.level3 {

background-image: url('gfx/i-menu-bullets.png');

}



.menu ul li.selected {

background-position: 5px -19px;

}



.menu ul li.selected-item {

background-image: url('gfx/i-arrow2.png');

}



.menu ul li.selected,

.menu ul li.selected a,

.menu ul li.selected a:hover,

.menu ul li.selected-item,

.menu ul li.selected-item a,

.menu ul li.selected-item a:hover {

color: #b7b7b7;

}



.polec-box {

float: left;

width: 180px;

height: 120px;

margin: 8px 0;

background: url('gfx/bk-polec-box.jpg') no-repeat;

position: relative;

}



.polec1 {position: absolute; right: 8px; top: 12px;}

.polec2 {position: absolute; right: 8px; bottom: 12px;}



.box {

float: left;

width: 100%;

}



#left .box,

#right .box {

margin: 8px 0;

}



.with-vdots {

background: url('gfx/bk-vdots.png') no-repeat;

}



#left .with-vdots {background-position: top right; padding: 0 1px; width: 178px;}

#right .with-vdots {background-position: top left; padding: 0 1px; width: 178px;}



#right .box-ind {padding-left: 11px; width: 168px;}



#left h1,

#content h1 {

color: #c00;

font-weight: bold;

height: 20px;

line-height: 20px;

font-size: 11px;

margin: 1em 0;

}



#left h1 {

margin-bottom: 0.25em;

}



#right h1 {

color: #c00;

font-weight: bold;

height: 16px;

line-height: 16px;

font-size: 11px;

color: #b7b7b7;

padding-left: 10px;

}



#right h1.region {

padding: 0;

margin: 0;

color: #c00;

height: auto;

}



#right h1.region2 {

padding: 0;

margin: 0;

color: #c00;

height: auto;

}



.popup h1 {

color: #6a90a2;;

font-weight: bold;

height: 20px;

line-height: 20px;

font-size: 11px;

margin: 0 0 1em 0;

}



h1 .warning {

color: #c00;

}



.btr {

float: left;

width: 100%;

clear: both;

padding: 0.5em 0;

text-align: right;

}



p {

margin: 1.5em 0;

}



p.null, p.none, p.n {

margin: 0;

}



p.half, p.h {

margin: 0.75em 0;

}



p.quarter, p.qtr, p.q {

margin: 0.375em 0;

}



.btn-header {

margin: 1em 0;

float: right;

}



ul.news {

clear: both;

width: 100%;

list-style-type: none;

float: left;

}



ul.news-bottom {

background: url('gfx/bk-hdots.png') no-repeat 90px bottom;

}



div.news-intro,

ul.news li {

background: url('gfx/bk-hdots.png') no-repeat 90px top;

clear: both;

margin-bottom: 5px;

float: left;

width: 100%;

}



div.news-intro {

background-image: url('gfx/bk-hdots-wide.png');

}



ul.news li.newsitem-top {

/*margin-bottom: 1.5em;.*/

background: #eceff2;

position: relative;

left: -6px;

margin-right: -6px;

border: 6px solid #eceff2;

}



div.news-image {

float: left;

width: 80px;

height: 60px;

padding: 0 10px 3px 0;

position: relative;

overflow: hidden;

}



div.news-image-overlay {

position: absolute;

z-index: 2;

width: 80px;

height: 63px;

background: url('gfx/bk-news-image-overlay.png') no-repeat;

left: 0;

top: 0;

}



div.news-image-overlay-top {

position: absolute;

z-index: 2;

width: 80px;

height: 9px;

background: url('gfx/bk-news-image-overlay-top.png') no-repeat;

left: 0;

top: 0;

}



div.news-image-overlay-bottom {

position: absolute;

z-index: 2;

width: 80px;

height: 11px;

background: url('gfx/bk-news-image-overlay-bottom.png') no-repeat;

left: 0;

top: 52px;

}



div.news-image-overlay-top2 {

position: absolute;

z-index: 2;

width: 80px;

height: 9px;

background: url('gfx/bk-news-image-overlay-top2.png') no-repeat;

left: 0;

top: 0;

}



div.news-image-overlay-bottom2 {

position: absolute;

z-index: 2;

width: 80px;

height: 11px;

background: url('gfx/bk-news-image-overlay-bottom2.png') no-repeat;

left: 0;

top: 52px;

}



div.news-content {

float: left;

width: 370px;

padding-top: 3px;

}



p.news-text {

font-size: 10px;

margin: 0;

}



.newsitem-top p.news-text {

font-size: 11px;

}



p.news-heading {

margin: 0;

}



.news-title {

font-weight: bold;

padding-right: 8px;

}



.newsitem-top .news-title {

color: #c00;

}



.news-date {

color: #999;

font-size: 10px;

}



.btn-inline {

vertical-align: middle;

margin-left: 12px;

}



img.card {

float: right;

margin-top: -24px;

}



ul.wspieraja {

float: left;

list-style-type: none;

}



ul.wspieraja li {

float: left;

width: 72px;

height: 48px;

padding: 8px 4px 0 4px;

text-align: center;

}



ul.nav {

float: left;

margin: 2em 0;

clear: both;

list-style-type: none;

width: 460px;

}



ul.nav li {

float: left;

width: 20px;

height: 20px;

padding: 0 1px;

}



ul.nav li a {

float: left;

width: 20px;

height: 20px;

line-height: 20px;

background: white url('gfx/bk-navitem.png') no-repeat left top;

color: #666;

text-decoration: none;

text-align: center;

}



ul.nav li a:hover,

ul.nav li.sel a {

background-position: left -20px;

background-color: #eeeef0;

text-decoration: none;

color: #666;

}



ul.nav li.sel a {

font-weight: bold;

}



ul.nav-news {

padding-left: 90px;

width: 370px;

}



ul.nav-prod {

padding-left: 110px;

width: 350px;

}



.news-select {

float: left;

width: 100%;

clear: both;

padding: 0.25em 0 1em 0;

}



.news-body {

float: left;

width: 100%;

clear: both;

margin: 0.5em 0;

}



.btr .btn {

margin-left: 20px;

}



ul.news-images {

float: left;

width: 100%;

clear: both;

list-style-type: none;

margin: 1.5em 0;

}



ul.news-images li {

float: left;

width: 140px;

height: 105px;

margin: 0 6px 10px 7px;

padding: 0 0 3px 0;

position: relative;

overflow: hidden;

}



ul.news-images li img {

position: absolute;

left: 0;

top: 0;

z-index: 1;

}



div.news-image-top {

position: absolute;

z-index: 2;

width: 140px;

height: 9px;

background: url('gfx/bk-news-image-top.png') no-repeat;

left: 0;

top: 0;

}



div.news-image-bottom {

position: absolute;

z-index: 2;

width: 140px;

height: 11px;

background: url('gfx/bk-news-image-bottom.png') no-repeat;

left: 0;

bottom: 0;

}



p.bottom {

margin: 1.5em 0;

background: url('gfx/bk-hdots.png') repeat-x left top;

text-align: right;

padding-top: 3px;

float: left;

width: 100%;

clear: both;

}



a.print,

a.print:hover {

color: #a0a0a0;

background: url('gfx/i-print.png') no-repeat right top;

padding-right: 35px;

float: right;

height: 21px;

line-height: 21px;

}



ul.comments {

float: left;

width: 100%;

clear: both;

list-style-type: none;

}



ul.comments li {

background: url('gfx/bk-hdots.png') repeat-x left top;

padding: 0.75em 0;

float: left;

width: 100%;

clear: both;

}



ul.comments li p {

margin: 0;

}



p.comm-date {color: #999; font-size: 10px;}

p.comm-author {font-weight: bold;}



.subheader {

color: #6a90a2;

color: #6a90a2;

}



.sklep-prod-sort {

float: right;

margin-top: 12px;

}



ul.sklep {

float: left;

width: 100%;

clear: both;

list-style-type: none;

background: url('gfx/bk-hdots-wide.png') no-repeat left bottom;

padding-bottom: 1px;

}



ul.sklep li {

float: left;

width: 100%;

clear: both;

background: url('gfx/bk-hdots-wide.png') no-repeat 110px top;

padding-bottom: 5px;

}





img.prod-image {

float: left;

width: 98px;

border: 1px solid #ccc;

margin-right: 10px;

}



.prod-content {

float: left;

width: 350px;

padding-top: 5px;

margin-bottom: -10px;

}



p.prod-name {

font-weight: bold;

margin: 0;

}



p.prod-category {

font-size: 10px;

color: #999;

margin: 0;

}



p.prod-text {

margin: 0.5em 0;

}



p.prod-price {

color: #6a90a2;

margin: 0;

}



ul.sklep-ostatnio {

float: left;

width: 100%;

clear: both;

list-style-type: none;

}



ul.sklep-ostatnio li {

float: left;

width: 100%;

clear: both;

padding-bottom: 2px;

font-size: 10px;

line-height: 1.2em;

}



img.prod-ostatnio-image {

float: left;

width: 60px;

border: 1px solid #ccc;

margin-right: 8px;

}



.sklep-ostatnio-nav a,

.sklep-ostatnio-nav a:hover,

ul.sklep-ostatnio a,

ul.sklep-ostatnio a:hover {

color: #6a90a2;

}



.sklep-ostatnio-nav {

background: url('gfx/bk-hdots-wide.png') no-repeat left top;

float: left;

width: 100%;

clear: both;

font-size: 10px;

margin-top: 5px;

}



.menu .btr {

padding-bottom: 0;

margin-bottom: 0;

margin-right: 5px;

width: 163px;

}



.menu .lower {

padding: 3em 0 1em 0;

}



.orderinfo-fields {

float: left;

width: 130px;

padding-left: 20px;

font-weight: bold;

line-height: 16px;

margin-bottom: 2em;

}



.orderinfo-values {

float: left;

width: 310px;

line-height: 16px;

margin-bottom: 2em;

}



.alert {

color: #c00;

}



.fill {

float: left;

width: 100%;

clear: both;

}



.zarzady {

float: left;

width: 100%;

clear: both;

background: url('gfx/bk-hdots.png') repeat-x top;

padding: 1.5em 0 3em 0;

}



a.map,

a.map:hover {

color: #6a90a2;

background: url('gfx/i-map.png') no-repeat left center;

padding-left: 15px;

}



p.sub {

font-size: 10px;

margin: -1.4em 0 1em 0;

color: #999;

}



.product {

float: left;

width: 460px;

clear: both;

}



.product-left {

float: left;

width: 194px;

margin-right: 12px;

}



.product-right {

float: right;

width: 254px;

margin: 1.5em 0;

}



img.product-image {

float: left;

width: 192px;

border: 1px solid #ccc;

margin-bottom: 12px;

}



ul.product-thumbs {

float: left;

list-style-type: none;

width: 189px;

height: 60px;

padding: 3px 3px 3px 0;

border: 1px solid #ccc;

background: white;

}



ul.product-thumbs li {

float: left;

width: 60px;

height: 60px;

text-align: center;

overflow: hidden;

padding-left: 3px;

}



p.product-name {

margin: 0;

font-weight: bold;

}



p.product-cat,

p.product-man {

margin: 0;

font-size: 10px;

}



p.product-desc {

margin: 1.5em 0 3em 0;

}



p.product-price {

margin: 0;

}



.product-cart {

float: right;

width: 254px;

}



ul.product-files {

float: right;

width: 254px;

list-style-type: none;

margin: 1.5em 0;

}



ul.product-files li {

height: 18px;

}



a.file {

background: url('gfx/i-file.png') no-repeat left;

padding: 2px 0 2px 25px;

}



a.pdf {background-image: url('gfx/i-file-pdf.png');}

a.xls {background-image: url('gfx/i-file-xls.png');}

a.doc {background-image: url('gfx/i-file-doc.png');}



.search {

float: left;

width: 165px;

height: 19px;

padding: 12px 0 12px 15px;

background: url('gfx/bk-search.png') no-repeat;

margin-bottom: 8px;

}



.search .btn {

float: left;

}



ul.blank {

list-style-type: none;

}



a.yourcart {

margin: 0.5em 0;

background: url('gfx/i-cart.png') no-repeat left center;

padding-left: 20px;

float: left;

clear: both;

width: 130px;

padding-right: 0;

color: #666;

}



a.yourcart:hover {

color: #c00;

}



span.yourcart {

color: #c00;

}



.loginform ul {

clear: both;

}



.loginform a {

padding-right: 10px;

}



.ecard {

float: left;

width: 220px;

padding: 24px 80px 0 160px;

height: 137px;

background: url('gfx/bk-ecard.png') no-repeat 40px top;

margin: 1.5em 0;

}



.ecard .btr {

padding-top: 0;

}



.ecardmsg {

padding: 0 40px;

}



.popupmsg {

float: left;

clear: both;

width: 100%;

margin-top: 0.5em;

}



.tmce ul,

.tmce ol,

.tmce p {

margin: 1.5em 0;

}



.tmce ul {

list-style-type: none;

}



.tmce ul li {

padding-left: 14px;

background: url('gfx/i-bullet.png') no-repeat left 5px;

}



.tmce ol {

margin-left: 2.5em;

}



ul.wyniki {

list-style-type: none;

margin: 0;

float: left;

clear: both;

width: 100%;

}



ul.wyniki li {

margin-bottom: 1.5em;

}



p.res-title {

margin: 0 0 0.33em 0;

}



p.res-text {

margin: 0;

}





p.shdr {

font-weight: bold;

margin: 1.5em 0;

}



.popup {

position: absolute;

float: left;

left: 50%;

margin-left: -230px;

width: 452px;

border: 4px solid white;

top: -5000px;

z-index: 50;

}



.popup2 {

margin-left: 0;

width: 320px;

}



.popup-content {

position: relative;

float: left;

padding: 15px;

width: 420px;

min-height: 160px;

border: 1px solid #ccc;

background: #edf0f3;

}



.popup2-content {

width: 288px;

}



a.popup-close {

display: block;

position: absolute;

top: 18px;

right: 18px;

width: 14px;

height: 13px;

background: url('gfx/i-close.png') no-repeat left top;

}



a.popup-close:hover {

background-position: left -13px;

}



p.popup-intro {

height: 3em;

overflow: hidden;

}



p.poll-question {

margin-bottom: 0.75em;

}



ul.poll {

float: left;

width: 100%;

clear: both;

list-style-type: none;

padding-bottom: 1.5em;

}



ul.poll li {

padding-left: 14px;

background: url('gfx/i-bullet.png') no-repeat left 5px;

width: 406px;

float: left;

clear: both;

}



.poll-answer {

float: left;

width: 170px;

}



.poll-gauge {

float: left;

width: 170px;

height: 11px;

border: 1px solid #ccc;

margin-top: 2px;

background: white url('gfx/bk-poll-gauge.png') repeat-x;

}



.poll-gauge img {

float: left;

background: #c00;

}



.poll-percent {

float: left;

width: 60px;

text-align: right;

}



.poll-total {

margin: 0;

}



p.poll-sm-question {

margin: 0.25em 0 1em 0;

}



.pollbox {

background: url('gfx/bk-hdots.png') repeat-x top;

}





ul.spr {

margin: 10px 0 10px 12px;

list-style: none;

background: url('gfx/bk-spr.png') no-repeat top left;

}



ul.spr li {

padding-left: 48px;

}

























	#nav, #nav ul {

		padding: 0;

		margin: 0;

		list-style: none;

		float: right;

	}

	

	#nav a {

		display: block;

		border:0;

	}

	

	#nav li {

		float: left;

		background: #fff;

	}

	

	#nav li ul {

		position: absolute;

		width: 211px;

		left: -999em;

		background: url(gfx/blkna.gif);

	}

	#nav li ul a {

		color: #527383;

		font-weight: bold;

		margin: 0px;

		padding: 0px;

		margin-left: 8px;

		background: #fff;

		display: block;

		width: 203px;

	}

	#nav li ul a:hover {

  text-decoration: none;

  }

	#nav li ul li {

		clear: both;

		display:block;

		background: #fff;

		margin: 0px;

		padding: 0px;

		height: auto;

		margin-top: 1px;

		width: 203px;

	}

	

	

	#nav li:hover ul, #nav li.sfhover ul {

		left: auto;

	}