body,html,p,h1,h2,h3,h4,h5,ul,li,input,select,form,blockquote {
margin:0;
padding:0;
}

h4{
font-size: 12px;
}

h2{
font-size: 18px;
}

#top a {
font:bold 12px Arial;
color:#555;
text-decoration:none;
}
#top a:hover {
color:#248;
text-decoration:underline;
}
.atop{
font:bold 12px Arial;
color:#555;
text-decoration:none;
}

body,html {
text-align:center;
background-color:white;
font:normal 12px Arial;
color:#152858;
}
ul {
list-style:none;
}
.cleaner {
font-size:1px;
height:1px;
clear:both;
}
#cont {
width:980px;
margin:auto;
text-align:left;
}
#top {
height:120px;
background:transparent url(logo.gif) left center no-repeat;
text-align:center;
}
#top #koszyk_p {
float:right;
width:225px;
height:120px;
background:transparent url(koszyktop.jpg) left center no-repeat;
}
#top #koszyk_p #koszyk {
padding:41px 0 0 112px;
padding:41px 0 0 87px;
}
#top #koszyk_p #koszyk a.link {
background:transparent url(koszyk.gif) no-repeat;
width:96px;
height:21px;
display:block;
margin:0 0 3px 25px;
}
#top #koszyk_p #koszyk .info {
font:normal 12px Arial;
color:#253b71;
}
#top #flashtop {
float:right;
padding:10px 10px 0 0;
}
#nav {
background:transparent url(nav.gif) no-repeat;
height:39px;
margin-bottom:10px;
overflow:hidden;
}
#nav a {
font:bold 12px/39px Arial;
color:white;
text-decoration:none;
background:transparent url(navarrow.gif) 10px center no-repeat;
padding-left:30px;
}
#nav a:hover {
text-decoration:underline;
}
#main {
}
#main #left {
float:left;
width:230px;
margin-right:46px;
}
#main #center {
float:left;
width:430px;
}
#main #right {
float:right;
width:230px;
}
#main .mbox {
height:125px;
background:transparent url(wyszukiwarkabg.png) no-repeat;
margin-bottom:10px;
padding:0 20px;
}
#main .mbox span.header {
display:block;
font:bold 14px/46px Arial;
color:white;
}
#main .mbox input, #main .mbox select {
font:normal 12px/19px Arial;
color:#605d5c;
}
#main .mbox .inp {
width:146px;
height:21px;
background:transparent url(wyszinpslowo.png) no-repeat;
margin:4px 0;
}
#main .mbox .inp input {
margin:3px;
width:140px;
border:0;
background-color:transparent;
}
#main .mbox .submit {
float:right;
}
#main .mbox .cleaner {
height:5px;
}
#main .mbox .else {
padding-top:10px;
}
#main .mbox .else a {
font:normal 12px Arial;
color:white;
text-decoration:none;
}
#main .mbox .else a:hover {
text-decoration:underline;
}
#main .mbox ul li a {
font:bold 12px/20px Arial;
color:white;
text-decoration:none;
}
#main .mbox ul li a:hover {
text-decoration:underline;
}
#main .jasnybox {
margin-bottom:10px;
background:transparent url(katmenu.gif) repeat-y;
}
#main .jasnybox .middle {
padding:0 20px;
}
#main .jasnybox .top {
width:230px;
height:12px;
background:transparent url(katmenutop.gif);
font-size:1px;
}
#main .jasnybox .bottom {
width:230px;
height:12px;
background:transparent url(katmenubottom.gif);
font-size:1px;
}
#main #left .jasnybox.katmenu ul.menu {
}
#main #left .jasnybox.katmenu ul.menu li {
padding-bottom:1px;
background:transparent url(menulibg.gif) bottom repeat-x;
}
#main #left .jasnybox.katmenu ul.menu li.p1 {
padding-left:15px;
}
#main #left .jasnybox.katmenu ul.menu li.p2 {
padding-left:30px;
}
#main #left .jasnybox.katmenu ul.menu li.p3 {
padding-left:45px;
}
#main #left .jasnybox.katmenu ul.menu li.p4 {
padding-left:60px;
}
#main #left .jasnybox.katmenu ul.menu li a {
font:normal 12px/24px Arial;
color:#605d5c;
text-decoration:none;
}
#main #left .jasnybox.katmenu ul.menu li a:hover {
text-decoration:underline;
}
#main .jasnybox.nowosci {
text-align:left;
}
#main .jasnybox.nowosci span.header {
font:bold 14px Arial;
color:#152858;
display:block;
}
#main .jasnybox.nowosci h4 a {
text-decoration:none;
color:#152858;
}
#main .jasnybox.nowosci h4 a:hover {
text-decoration:underline;
}
#main .jasnybox.nowosci blockquote {
margin-right:5px;
width:86px;
height:87px;
background:transparent url(prodfotosm.png);
}
#main .jasnybox.nowosci blockquote a {
display:block;
background-position:center center;
background-repeat:no-repeat;
width:86px;
height:87px;
}
#main #center .opisgl {
text-align:justify;
margin-bottom:12px;
}
#main #center .opisgl span.header {
font:bold 12px Arial;
display:block;
margin-bottom:7px;
}
#main #center h1.where {
height:38px;
background:transparent url(wherebg.png) center center no-repeat;
text-align:center;
margin-bottom:12px;
}
#main #center h2.where {
height:38px;
background:transparent url(wherebgs.png) center center no-repeat;
text-align:center;
}
#main #center .where b {
font:bold 14px/38px Arial;
color:#605d5c;
background:white;
padding:0 25px;
position:relative;
}
#main #center .where .l {
background:transparent url(wherebglin.gif) center center no-repeat;
width:2px;
height:20px;
position:absolute;
top:-2px;
left:0;
}
#main #center .where .r {
background:transparent url(wherebgrin.gif) center center no-repeat;
width:2px;
height:20px;
position:absolute;
top:-2px;
right:0;
}
#main #center .kategorie {
text-align:justify;
}
#main #center .kategorie a {
display:block;
width:120px;
height:118px;
float:left;
margin-left:35px;
}
#main #center .kategorie a.f {
margin-left:0;
}
#main #center .kategorie a h3 {
display:none;
}
#main #center .kategorie .cleaner {
height:20px;
}
#main #right #logowanie {
height:209px;
background:transparent url(logowanie.png) center center no-repeat;
margin-bottom:10px;
}
#main #right #logowanie label {
font:normal 12px Arial;
color:white;
}
#main #right #logowanie .inp {
margin:0;
}
#main #right .jasnybox.promocje span.header {
font:bold 14px Arial;
color:#152858;
display:block;
}
#footer {
background:transparent url(footer.png) center center no-repeat;
height:32px;
margin-bottom:5px;
}
#credits {
float:right;
margin-bottom:5px;
}
#credits a img {
border:0;
}
#bottom div {
background:url(bottombox.png) no-repeat;
width:320px;
height:100px;
margin-bottom:10px;
}
#bottom div blockquote {
padding:10px 20px;
}
#bottom div span.header {
font:bold 14px Arial;
color:#152858;
}
#bottom div ul {
margin-top:9px;
}
#bottom div ul li {
height:18px;
background:transparent url(bottomli.gif) left center no-repeat;
padding-left:20px;
}
#bottom div ul li a {
text-decoration:none;
color:#152858;
}
#bottom div ul li a:hover {
text-decoration:underline;
}
#bottom div.n1 {
float:left;
}
#bottom div.n2 {
margin:auto;
}
#bottom div.n3 {
float:right;
}
#main #center .prodlist {
background:transparent url(prodlistbg.png) no-repeat;
height:62px;
margin-bottom:7px;
}
#main #center .prodlist a.foto {
display:block;
width:56px;
height:56px;
background-position:center center;
background-repeat:no-repeat;
position:relative;
float:left;
top:3px;
left:2px;
}
#main #center .prodlist blockquote.nazwa {
width:175px;
}
#main #center .prodlist p.ceny {
float:left;
width:110px;
margin:0;
padding-top:17px;
}
#main #center .prodlist blockquote {
float:left;
height:62px;
display:table;
#position: relative;
overflow: hidden;
margin-left:5px;
top:3px;
}
#main #center .prodlist blockquote div {
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
}
#main #center .prodlist blockquote div h4 {
#position: relative;
#top: -50%;
text-align:center;
}
#main #center .prodlist blockquote div h4 a {
font:bold 14px Arial;
color:#152858;
text-decoration:none;
}
#main #center .prodlist blockquote div h4 a:hover {
text-decoration:underline;
}
#main #center .prodlist a.kupuje {
background:transparent url(kupujeplist.png) no-repeat;
width:79px;
height:21px;
display:block;
float:left;
margin-top:4px;
}
#main #center .prodlist a.wiecej {
background:transparent url(wiecejplist.png) no-repeat;
width:79px;
height:21px;
display:block;
float:left;
margin-top:8px;
}
#main #center .prodlist b {
font:normal 12px Arial;
display:block;
}
#main #center .prodlist u {
font:normal 12px Arial;
color:#605d5c;
display:block;
text-decoration:none;
}
#main #center #prodprop {
background:#657c9a url(prodprop.png) top center no-repeat;
padding:7px 10px;
margin-bottom:12px;
position:relative;
}
#main #center #prodprop table {
width:100%;
}
#main #center #prodprop table tr td {
font:bold 12px/20px Arial;
color:white;
height:20px;
}
#main #center #prodprop table tr div {
display:block;
font:bold 12px/20px Arial;
color:black;
border:1px solid black;
background:white;
padding:0 3px;
}
#main #center #prodprop .l {
position:absolute;
bottom:0;
left:0;
background:transparent url(prodpropl.gif);
width:4px;
height:5px;
}
#main #center #prodprop .r {
position:absolute;
bottom:0;
right:0;
background:transparent url(prodpropr.gif);
width:4px;
height:5px;
}
#main #center #prodfotos a {
display:block;
background-position:center center;
background-repeat:no-repeat;
}
#main #center #prodfotos b {
float:left;
width:192px;
height:192px;
background:transparent url(prodfotobig.png);
display:block;
margin-bottom:18px;
}
#main #center #prodfotos b a {
width:192px;
height:192px;
}
#main #center #prodfotos u {
float:right;
margin:0 0 18px 21px;
width:86px;
height:87px;
background:transparent url(prodfotosm.png);
display:block;
}
#main #center #prodfotos u a {
width:86px;
height:87px;
}
#main #center #prodcena {
height:37px;
background:transparent url(prodcena.png);
margin-bottom:12px;
}
#main #center #prodcena span {
display:block;
float:left;
width:100px;
font:bold 12px Arial;
margin:11px 0 0 13px;
}
#main #center #prodcena a {
display:block;
float:left;
width:128px;
height:21px;
background:transparent url(dodajdokoszyka.png);
margin-top:8px;
}
#main #center #prodcena p {
float:left;
width:175px;
padding-top:4px;
}
#main #center #prodcena b {
font:normal 12px Arial;
display:block;
text-align:center;
}
#main #center #prodcena u {
font:normal 12px Arial;
color:#605d5c;
display:block;
text-align:center;
text-decoration:none;
}
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
display: block;
}
#prevLink { left: 0; float: left; background: url(lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(lightbox/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
.koszyk .backlink {
margin-top:5px;
}
.koszyk .backlink a {
font-size:14px;
color:#152858;
}
.koszyk table {
width:100%;
text-align:center;
border:1px solid #2a4074;
border-collapse:separate;
}
.koszyk table caption{
text-align:left;
border:1px solid #605d5c;
font:bold 18px Verdana;
padding:3px;
}
.koszyk table th {
text-align:center;
border:1px solid #5e7495;
}
.koszyk table td {
border:1px dotted #5e7495;
padding:2px;
}
.koszyk .lrozmiarow {
font:normal 11px Arial;
margin:auto;
}
.koszyk table.lrozmiarow {
border-collapse:collapse;
width:auto;
}
.koszyk .lrozmiarow input {
font:normal 9px Arial;
width:25px;
margin:0;
padding:0;
}
.koszyk a {
color:#5e7495;
text-decoration:none;
}
.koszyk a:hover {
text-decoration:underline;
}
.koszyk .nav table {
width:100%;
}
.koszyk table.nav td {
border:0;
}
