@import "forms.css";
@import "fixes.css";

body {
background: white url('gfx/bk-body.png') repeat-x;
font-family: Tahoma;
font-size: 11px;
color: #666;
margin: 0;
line-height: 17px;
padding-bottom: 20px;
}

img {
border: none;
}

img.shadow {
background: url('gfx/bk-imgshadow.png') no-repeat;
padding: 0 3px 3px 0;
}

a {
text-decoration: none;
color: #c00;
}

a:hover {
text-decoration: underline;
color: #c00;
}

a.icon {
padding-top: 2px;
padding-bottom: 2px; 
padding-left: 15px;
background: url('gfx/i-therm.gif') no-repeat 0 0px;
}

a.caption {
font-size: 10px;
line-height: normal;
color: #777;
}

a.caption:hover {
color: #777;
}

a.prodtitle {
font-weight: bold;
color: #4d657d;
}

a.prodtitle:hover {
color: #4d657d;
}

a.wdot {
padding-left: 6px;
background: url('gfx/i-dot2.gif') no-repeat 0 6px;
color: white;
}

p {
padding: 0;
margin: 0 0 17px 0;
}

p.n {
margin-bottom: 0;
}

p.h {
margin-bottom: 8px;
}

p.q {
margin-bottom: 4px;
}

p.sub {
font-size: 10px;
}

p.sub, p.sub a, p.sub a:hover {color: #999;}

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

p.sub a.prod{
 font-size: 13px;
}

h1 {
font-family: Arial;
font-size: 19px;
font-weight: normal;
letter-spacing: -1px;
line-height: 20px;
padding: 0;
margin: 0 0 4px 0;
}

h1.p, div.leftbox h1, div.rightbox h1, div.rightbox2 h1 {
}

h1.s {
margin-bottom: 12px;
}

h1.sub {
margin-bottom: 0;
}

.blu {color: #5e7c9b;}
.red {color: #dd1106;}
.blk {color: #333;}
.caption {font-size: 10px;}
.j {text-align: justify;}
.aR {text-align: right;}
.fL {float: left;}
.fR {float: right;}
.ora {color: #f60;}
.wht {color: white;}

.partnercolors .red {color: #f60;}
.partnercolors a {color: #f60;}
.partnercolors a:hover {color: #f60;}

#main {
position: relative;
left: 50%;
top: 0;
margin-left: -470px;
width: 940px;
}

#top {
float: left;
width: 940px;
height: 361px;
position: relative;
}

#banner {
position: absolute;
left: 0;
top: 19px;
width: 940px;
height: 342px;
}

#ribbon {
position: absolute;
left: 25px;
top: 6px;
height: 13px;
z-index:1000;
}


#flags {
position: absolute;
right: 25px;
top: 6px;
height: 13px;
}

#flags img {
margin-left: 5px;
}

#below {
float: left;
position: relative;
width: 940px;
}

#left {
position: relative;
float: left;
width: 204px;
margin-left: 20px;
}

#content1, #content2, #content3, #content4, #content5 {
position: relative;
float: left;
margin-left: 38px;
margin-right: 18px;
margin-top: 44px;
}

#content1 {width: 400px;}
#content2 {width: 450px;}
#content3 {width: 480px;}
#content4 {width: 600px;}
#content5 {width: 650px;}

#right1, #right2, #right3 {
position: relative;
float: left;
margin-top: 83px;
}

#right1 {width: 245px;}
#right2 {width: 195px;}
#right3 {width: 155px;}

#right1 div.rightbox {width: 222px;}
#right2 div.rightbox {width: 172px;}
#right3 div.rightbox {width: 132px;}

#footer {
float: left;
width: 895px;
margin: 20px 20px;
color: #bbb;
}

#footer a {
color: #bbb;
}

#footer a:hover {
color: #bbb;
}

div.foot1, div.foot2 {
float: left;
width: 100%;
}

div.foot1 {
padding-bottom: 4px;
border-bottom: 4px solid #ccc;
}

div.foot2 {
margin-top: 4px;
}

div.leftI, div.strefapartnerabox, div.rightbox {
float: left;
}

div.leftI {
width: 204px;
margin-bottom: 8px;
}

div.leftbox {
float: left;
width: 188px;
border-right: 2px solid #d1d2d6;
padding: 0 10px 5px 4px;
margin-bottom: 18px;
}

div.leftbox2 {
float: left;
width: 182px;
padding: 8px 10px 10px 10px;
color: white;
background: #f37030 url('gfx/bk-leftbox2.png') repeat-x;
margin-bottom: 18px;
}

div.rightbox {
float: left;
background: url('gfx/bk-right.gif') no-repeat 0 10px;
padding-left: 23px;
margin-bottom: 24px;
}


div.strefapartnerabox {
position: relative;
width: 204px;
height: 143px;
background: url('gfx/bk-partner.png') no-repeat;
margin-bottom: 6px;
}

div.strefapartnerabox1 {
float: left;
position: absolute;
right: -5px;
bottom: 8px;
line-height: 13px;
width: 80px;
font-weight: bold;
}

div.strefapartnerabox1 p {
margin-bottom: 0;
margin-top: 2px;
}

div.strefapartnerabox1 a {
color: white;
}

div.searchbox {
float: left;
position: absolute;
right: 25px;
top: 0;
width: 261px;
height: 55px;
background: url('gfx/bk-search.png') no-repeat;
}

div.searchbox1 {
position: absolute;
top: 8px;
right: 190px;
font-weight: bold;
color: #5e7c9b;
}

div.searchbox2 {
position: absolute;
width: 136px;
height: 14px;
border: 1px solid #ccc;
background: white;
top: 9px;
left: 76px;
padding: 0 5px;
}

div.searchbox3 {
position: absolute;
top: 9px;
left: 226px;
}

div.searchbox4 {
position: absolute;
left: 76px;
top: 29px;
}

div.best1 {
float: left;
position: relative;
margin-top: 10px;
margin-bottom: 40px;
}

div.best2 {
margin-left: 34px;
}

div.best3, div.best4 {
margin-left: 16px;
}

div.best3 {
width: 160px;
height: 110px;
padding: 6px;
border: 1px solid #b8bcc0;
background: white;
text-align: center;
}

div.best5 {
position: absolute;
top: 4px;
left: 0;
width: 61px;
height: 62px;
background: url('gfx/hit.png') no-repeat;
}

div.contentbox {
float: left;
margin-bottom: 18px;
}

#content1 div.contentbox {width: 400px;}
#content2 div.contentbox {width: 450px;}
#content3 div.contentbox {width: 480px;}
#content4 div.contentbox {width: 600px;}
#content4 div.contentbox {width: 650px;}
#content5 div.contentbox {width: 650px;}

div.fill {
float: left;
width: 100%;
}

div.fill50 {
float: left;
width: 50%;
}

div.spacer {
float: left;
width: 100%;
height: 14px;
}

div.news1, div.news2, div.news3, div.lnews1, div.lnews2, div.lnews3 {
float: left;
}

div.news2, div.lnews2 {
padding-bottom: 20px;
}

#content1 div.news1 {width: 400px;}
#content1 div.news2 {width: 112px;}
#content1 div.news3 {width: 288px;}

#content4 div.news1 {width: 600px;}
#content4 div.news2 {width: 112px;}
#content4 div.news3 {width: 488px;}

div.lnews1 {width: 600px;}
div.lnews2 {width: 224px;}
div.lnews3 {width: 376px;}

.newstitle {
color: #5e7c9b;
font-weight: bold;
}

.newsdate {
color: #bbb;
}

.addr {
color: #dd1106;
}

.bprodtitle {
color: #4d657d;
font-weight: bold;
}

.prodtext {
font-size: 10px;
}

.prodprice {
color: #999;
font-size: 10px;
}

.oldprice {
text-decoration: line-through;
}

.newprice {
color: #c00;
}

.bsymbol {
color: #d1d2d6;
font-weight: bold;
}

.bprice {
color: #4d657d;
}

div.reftile {
float: left;
padding: 1px 19px 19px 1px;
background: url('gfx/reftile.png') no-repeat;
text-align: center;
overflow: hidden;
width: 140px;
height: 200px;
}

div.newsimg {
float: left;
padding: 0 11px 11px 0;
text-align: center;
overflow: hidden;
}

div.prodtile1, div.prodtile1a {
float: left;
line-height: normal;
font-size: 10px;
}

div.prodtile1b {
float: left;
}

div.prodtile1 {width: 123px; height: 153px; margin-right: 7px; margin-bottom: 10px; overflow: hidden;}
div.prodtile1a {width: 123px; height: 160px; margin-right: 23px;}

div.prodtile1b div.prodtile2 {margin-right: 27px;}

div.prodtile2 {
float: left;
width: 112px;
height: 92px;
background: url('gfx/prodtile.png') no-repeat;
text-align: center;
overflow: hidden;
}

div.prodtile3, div.pagetile {
float: left;
border-top: 1px solid #b8bcc0;
padding: 5px 0 15px 0;
}

div.prodtile3 {width: 450px;}
div.pagetile {width: 600px;}

div.prodtile1 div.prodtile2 {padding: 5px 6px 6px 5px;}
div.prodtile1a div.prodtile2 {padding: 5px 6px 6px 5px;}
div.prodtile1b div.prodtile2 {padding: 5px 6px 36px 5px;}

div.nav {
color: #c00;
font-weight: bold;
font-size: 11px;
margin-bottom: 8px;
clear: both;
}

div.navnews {
padding-left: 112px;
}

div.nav a {color: #a8b5bd;}
div.nav a:hover {color: #c00;}
div.nav a.sel {color: #c00;}
div.nav a.sel:hover {text-decoration: none;}

.partnercolors div.nav {color: #f60}
.partnercolors div.nav a:hover {color: #f60}
.partnercolors div.nav a.sel {color: #f60}

div.lefttree {
float: left;
padding: 8px 10px 0 12px;
width: 182px;
color: white;
background: #a8b5bd url('gfx/bk-lefttree.png') no-repeat;
}

div.lefttree p {
margin-bottom: 0;
line-height: 20px;
padding-left: 5px;
}

div.lefttree a {color: white;}
div.lefttree a:hover {color: white;}

div.lefttreelist {
float: left;
width: 202px;
}

div.lefttreelist p {
display: block;
padding: 2px 0 2px 26px;
width: 176px;
line-height: 15px;
background: #eceff0 url('gfx/i-dot.gif') no-repeat 13px 9px;
border-bottom: 1px solid white;
margin-bottom: 0;
}

div.lefttreelist a {color: #5e7c9b;}
div.lefttreelist a:hover {color: #5e7c9b;}
div.lefttreelist a.sel {font-weight: bold}
div.lefttreelist a.sel:hover {text-decoration: none;}

div.lefttreebreak, div.lefttreebottom {
float: left;
width: 204px;
background-position: bottom;
background-repeat: no-repeat;
background-color: #a8b5bd;
}

div.lefttreebreak {background-image: url('gfx/bk-lefttree-break.png'); height: 8px;}
div.lefttreebottom {background-image: url('gfx/bk-lefttree-bottom.png'); height: 24px; margin-bottom: 10px}

div.logo {
float: left;
width: 130px;
text-align: center;
}

ol {
padding: 0;
margin: 0 0 17px 22px;
}

ul {
padding: 0;
margin: 0 0 17px 0;
list-style-type: none;
}

ul li {
padding-left: 11px;
background: url('gfx/i-dot.gif') no-repeat 1px 8px;
}

ul.contact a,
ul.contact a:hover {
color: #666;
}

ul.contact li {
background: url('gfx/i-dot.gif') no-repeat 1px 10px;
padding-top: 2px;
padding-bottom: 2px;
}

ul.contact li.sel {
background: url('gfx/i-therm.gif') no-repeat 0 1px;
font-weight: bold;
color: #c00;
}

div.leftboxstrefatop, div.leftboxstrefabreak, div.leftboxstrefabottom {
float: left;
width: 182px;
padding: 8px 10px 10px 10px;
color: white;
}

div.leftboxstrefabottom {margin-bottom: 18px; line-height: 14px;}

p.shd {
font-weight: bold;
margin-bottom: 14px;
}

p.withlist {
margin-bottom: 0;
}

.carthd {
padding-right: 18px;
background-repeat: no-repeat;
background-position: right 2px;
}

div.leftboxstrefabottom ul {
padding: 0;
margin: 0 0 14px 12px;
}

div.leftboxstrefabottom ul li {
background: none;
padding: 0;
}

div.strefaklienta div.leftboxstrefatop {background: #f37030 url('gfx/bk-klient-top.png') repeat-x;}
div.strefaklienta div.leftboxstrefabreak {background: #f58d59 url('gfx/bk-klient-break.png') repeat-x;}
div.strefaklienta div.leftboxstrefabottom {background: #f37030;}
div.strefaklienta a {color: white;}
div.strefaklienta a:hover {color: white;}
div.strefaklienta p.shd {color: black;}
div.strefaklienta p.shd a {color: black;}
div.strefaklienta p.shd a:hover {color: black;}
div.strefaklienta .carthd {background-image: url('gfx/i-cart1.gif');}

div.strefapartnera div.leftboxstrefatop {background: #453e40 url('gfx/bk-partner-top.png') repeat-x;}
div.strefapartnera div.leftboxstrefabreak {background: #494747 url('gfx/bk-partner-break.png') repeat-x;}
div.strefapartnera div.leftboxstrefabottom {background: #1a1717;}
div.strefapartnera a {color: white;}
div.strefapartnera a:hover {color: white;}
div.strefapartnera p.shd {color: #f90;}
div.strefapartnera p.shd a {color: #f90;}
div.strefapartnera p.shd a:hover {color: #f90;}
div.strefapartnera .carthd {background-image: url('gfx/i-cart2.gif');}

div.breakcart1, div.breakcart3 {
float: left;
margin-left: 12px;
}

div.breakcart1 {
width: 84px;
}

div.breakcart2 {
float: left;
text-align: right;
width: 78px;
font-weight: bold;
}

span.currencyselector {
word-spacing: 3px;
}

/* tabele */

table.list {
font-family: Tahoma;
font-size: 11px;
}

table.list td.h {
padding-right: 30px;
font-weight: bold;
}

.t_lp {width: 40px; text-align: center;}
.t_data {width: 160px; text-align: left;}
.t_ip {width: 140px; text-align: left;}
.t_ilosc {width: 25px; text-align: center;}
.t_ilosc2 {width: 40px; text-align: center;}
.t_cena {width: 70px; text-align: right;}
.t_status {width: 100px; text-align: right;}
.t_nazwa {width: 350px; text-align: left;}
.t_symbol {width: 80px; text-align: left;}
.t_usun {width: 35px; text-align: center;}

.t_lp2 {width: 23px; text-align: center;}
.t_nazwa2 {width: 170px; text-align: left;}
.t_symbol2 {width: 90px; text-align: left;}
.t_cena2 {width: 80px; text-align: left;}
.t_ilosc_z2 {width: 50px; text-align: left;}
.t_wartosc2 {width: 70px; text-align: left;}
.t_data2 {width: 70px; text-align: left;}
.t_uwagi2 {width: 60px; text-align: left;}

.t_lp3 {width: 20px; text-align: center;}
.t_kod3 {width: 100px; text-align: left;}
.t_nazwa3 {width: 260px; text-align: left; line-height: normal;}

table.def, table.def2 {
font-family: Tahoma;
margin: 20px 0;
}

table.def {font-size: 11px;}
table.def2 {font-size: 10px; line-height: normal;}

table.def th, table.def2 th {
background-color: #a8b5bd;
background-repeat: no-repeat;
color: white;
font-weight: bold;
}

table.def th {
background-image: url('gfx/bk-th.gif');
padding: 0 10px;
line-height: 24px;
height: 24px;
}

table.def2 th {
padding: 0 2px;
height: 25px;
vertical-align: center;
}

table.def2 tr.arr th {
height: 13px;
}


table.def th.nobar {
background-image: none;
}

table.def td {
padding: 0 10px;
line-height: 24px;
height: 24px;
}

table.def2 td {
padding: 2px;
vertical-align: center;
}

table.def tr.double td {
padding: 1px 10px;
line-height: 13px;
height: 26px;
vertical-align: top;
}

table.def tr.subtop td {border-top: 1px solid #a8b5bd;}
table.def tr.subbottom td {border-bottom: 1px solid #a8b5bd;}
table.def tr.total td {font-weight: bold;}

table.def div.sub {
float: left;
width: 70px;
font-weight: bold;
}

table.def tr.row1 td, table.def2 tr.row1 td {background: none;}
table.def tr.row2 td, table.def2 tr.row2 td  {background: #eceff0;}

/**/

div.btR {
margin-top: 10px;
float: left;
width: 100%;
text-align: right;
}

div.btR img, div.btR input {
margin: 0 5px;
}

div.hitem {
float: left;
width: 240px;
line-height: 52px;
height: 52px;
font-size: 10px;
font-weight: bold;
margin: 4px 0;
}

div.hitem a {color: #4d657d;}
div.hitem a:hover {color: #4d657d;}

div.hitem img {
background: url('gfx/bk-hitem.png') no-repeat;
width: 45px;
height: 38px;
padding: 7px 8px;
margin-right: 10px;
float: left;
}




a.sup, a.sdn, a.supSel, a.sdnSel {
float: left;
width: 12px;
height: 5px;
background-repeat: no-repeat;
}

a.sup {background-image: url('gfx/i-up.gif');}
a.sup:hover {background-image: url('gfx/i-up2.gif');}
a.supSel {background-image: url('gfx/i-up2.gif');}
a.sdn {background-image: url('gfx/i-dn.gif');}
a.sdn:hover {background-image: url('gfx/i-dn2.gif');}
a.sdnSel {background-image: url('gfx/i-dn2.gif');}

.cB {
clear: both;
}

a.ipr, a.idn {
color: #666;
padding-left: 18px;
}

a.ipr:hover, a.idn:hover {
color: #666;
}

a.ica, a.iho, a.icf {
padding-left: 21px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 20px;
}

a.ipr {background: url('gfx/i-print.gif') no-repeat 0 2px;}
a.idn {background: url('gfx/i-down.gif') no-repeat 0 2px;}
a.ica {background: url('gfx/i-car.gif') no-repeat 0 4px;}
a.iho {background: url('gfx/i-home.gif') no-repeat 1px 3px;}
a.icf {background: url('gfx/i-contact.gif') no-repeat 2px 2px;}

div.bprod1 {
float: left;
width: 182px;
}

div.bprod1a, div.bprod1b {
float: left;
text-align: center;
width: 146px;
padding: 8px 10px 8px 6px;
}



div.bprod1a {background: url('gfx/bk-prod.png') no-repeat;}
div.bprod1b {background: url('gfx/bk-prod-bottom.png') no-repeat;}



div.boxaligner {
float: left;
width: 350px;
margin-left: 30px;
margin-top: 16px;
margin-bottom: 30px;
}

div.messagebox, div.messagebox2 {
float: left;
margin: 14px 0;
border: 1px solid #ccc;
}

div.messagebox {padding: 12px; width: 328px;}
div.messagebox2 {padding: 26px; width: 300px;}

ul.prods {
margin-bottom: 0;
}

ul.prods li {
background: none;
padding: 0;
}


ul.prods li span {
cursor: pointer;
}

ul.prods li.sel span {
color: #5e7c9b;
font-weight: bold;
}

ul.prods li ul {
display: none;
margin: 2px 0;
}

ul.prods li ul li {
padding-left: 11px;
background: url('gfx/i-dot.gif') no-repeat 1px 8px;
}

ul.prods li ul li.sel {
color: #c00;
}

ul.prods li ul li a,
ul.prods li ul li a:hover {
color: #666;
}

ul.prods li.sel ul {
display: block;
}

.btn {margin: 0}

/* ******************************************* */

ul.prods2 {
margin: 1em 0;
}

ul.prods2 li {
padding-left: 11px;
background: url('gfx/i-dot.gif') no-repeat 1px 8px;
}

ul.prods2 li.sel {
color: #c00;
font-weight: bold;
}

ul.prods2 li a,
ul.prods2 li a:hover {
color: #666;
}

#content2 div.bprod2 {
float: left;
width: 268px;
}

#content3 div.bprod2 {
float: left;
width: 298px;
}

.bpk {
margin-bottom: 4em;
}

.bpk1 {
font-weight: bold;
color: #4d657d;
}

.bpk2 {
font-weight: bold;
color: #d10;
}

.tmce {
clear: both;
}

.mtile {
float: left;
width: 100%;
clear: both;
}

.mtile1 {
float: left;
width: 180px;
}

#content5 .rightbox {
margin-right: 40px;
}

.leftbanners div {
margin-bottom: 15px;
}



#blackout {
display: none;
position: absolute;
z-index: 1000;
background: url('gfx/popuptrans.png');
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.popup {
top: -5000px;
position: absolute;
z-index: 1001;
background: white;
padding: 15px;
left: 50%;
}

#popupClose {
z-index: 1001;
position: absolute;
display: block;
height: 20px;
line-height: 20px;
padding: 0 15px;
background: white;
top: -5000px;
left: 50%;
}




.sponsorzy-title {
width: 100%;
}



.sponsorzy-title h1 {
display: block;
margin-top: 15px;
}

.sponsorzy-title .logo {
float: left;
position: relative;
top: -30px;
margin-right: 15px;
}

.sponsorzy-title .link {
margin-top: 15px;
float: right;
}




ul.konkurs {
float: left;
width: 640px;
margin: 17px 0 0 0;
padding: 0;
list-style: none;
}

ul.konkurs li {
float: left;
width: 143px;
margin: 0 17px 17px 0;
padding: 0;
list-style: none;
}

ul.konkurs .image {
float: left;
width: 143px;
height: 107px;
background: url('gfx/bk-imgshadow.png') no-repeat;
}


ul.konkurs .image a {
float: left;
width: 140px;
height: 104px;
overflow: hidden;
text-align: center;
background: white;
}

ul.konkurs .author {
float: left;
padding-left: 3px;
width: 137px;
height: 25px;
font-weight: bold;
color: #576473;
font-size: 10px;
line-height: 12px;
}

ul.konkurs .desc {
float: left;
padding-left: 3px;
width: 137px;
height: 50px;
font-size: 10px;
line-height: 12px;
}

ul.konkurs .rating-text {
float: left;
padding: 0 3px;
font-size: 10px;
line-height: 12px;
}

ul.konkurs .rating-container {
float: left;
width: 50px;
height: 10px;
background: url('gfx/bk-rating.png') repeat-x;
}

ul.konkurs .rating {
float: left;
height: 10px;
background: url('gfx/i-rating.png') repeat-x;
}

.rating1 {width: 10px;}
.rating2 {width: 20px;}
.rating3 {width: 30px;}
.rating4 {width: 40px;}
.rating5 {width: 50px;}

ul.konkurs .delete {
padding: 0 10px;
float: left;
}

ul.konkurs .delete a {
background: url('gfx/i-delete.png') no-repeat left center;
padding-left: 14px;
}

.pkform {
margin: 25px 0;
border: 1px solid #ccc;
float: left;
padding: 20px 30px;
width: 562px;
}

.pkform .frow {
float: left;
width: 100%;
clear: both;
margin-bottom: 2px;
}

.pkform label {
float: left;
width: 85px;
padding-right: 15px;
text-align: right;
}

.pkform label.chk {
float: left;
width: auto;
padding-left: 100px;
}

.pkform .lb {
margin-top: 0;
font-weight: bold;
color: #576473;
}

.pkform .btn {
margin-top: 17px;
padding-left: 100px;
}