@import "products.css";
@import "scrollbars.css";
@import "fixes.css";
@import "piotr.css";


body {
background: #222 url('gfx/bk-body.png');
margin: 0;
color: #c6c6c6;
font-size: 10px;
font-family: Tahoma;
}

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

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

div.bg1, div.bg2, div.bg3 {
position: absolute;
z-index: 1;
width: 852px;
height: 756px;
background-repeat: no-repeat;
left: 50%;
margin-left: -426px;
top: 50px;
}

div.bg1 {background-image: url('gfx/bg1.png');}
div.bg2 {background-image: url('gfx/bg2.png');}
div.bg3 {background-image: url('gfx/bg3.png');}

#main {
position: absolute;
z-index: 2;
width: 852px;
height: 756px;
left: 50%;
margin-left: -426px;
top: 50px;
}

#menu {
position: absolute;
width: 852px;
height: 66px;
left: 0;
top: 0;
z-index: 30;
}

#menuhtml {
position: absolute;
top: 16px;
right: 58px;
z-index: 4;
color: red;
}

#menuhtml img {
float: left;
padding-left: 3px;
}

#menuhtml div.mitx {
float: left;
border: 1px solid #b9b8b1;
background: black;
height: 11px;
width: 71px;
padding: 0 1px;
}

#menuhtml input.img {
float: left;
}

#menuhtml div.mitx input {
width: 100%;
padding: 0;
margin: -1px 0;
background: transparent;
border: 0;
font-weight: bold;
color: #f9f7ee;
text-align: right;
font-size: 9px;
font-family: Tahoma;
}

#menuhtml div.space {
float: left;
width: 7px;
height: 13px;
}

#banner {
position: absolute;
width: 852px;
height: 306px;
left: 0;
top: 0px;
z-index: 4;
}

#left-full {
position: absolute;
width: 388px;
height: 689px;
left: 0;
top: 66px;
z-index: 3;
}

#left {
position: absolute;
width: 334px;
height: 404px;
top: 352px;
left: 0;
z-index: 3;
}

#middle {
position: absolute;
left: 334px;
top: 370px;
width: 300px;
z-index: 3;
}

#middle-wide {
position: absolute;
left: 334px;
top: 365px;
width: 500px;
z-index: 3;
}

#middle-full {
position: absolute;
top: 80px;
left: 363px;
width: 470px;
z-index: -1;
}

#middle-full-upper {
position: absolute;
top: 80px;
left: 353px;
width: 480px;
z-index: 4;
}

#middle-full-lower {
position: absolute;
top: 460px;
left: 373px;
width: 470px;
z-index: 4;
}

#middle-lower {
position: absolute;
left: 334px;
top: 590px;
width: 300px;
z-index: 3;
}

#middle-wide-lower {
position: absolute;
left: 334px;
top: 533px;
width: 500px;
z-index: 3;
}

#right {
position: absolute;
left: 640px;
top: 365px;
width: 208px;
height: 208px;
z-index: 3;
}

#right-lower {
position: absolute;
left: 643px;
top: 577px;
width: 192px;
height: 114px;
z-index: 3;
}

#designbyatom {
position: absolute;
width: 91px;
height: 19px;
left: 752px;
top: 708px;
}

#designbyatom a {
display: block;
width: 91px;
height: 19px;
}

#fullmap {
width: 300px;
height: 300px;
position: absolute;
right: 15px;
top: 35px;
}

.fill {
float: left;
width: 100%;
position: relative;
z-index: 1;
}

div.h {
position: relative;
height: 18px;
padding: 0 0 18px 0;
width: 100%;
text-align: right;
z-index: 1;
}

div.h img {
float: left;
}

div.n1-panel {
float: right;
width: 300px;
background: url('gfx/bk-n1-panel.png');
}

div.n1-panel-short {
float: right;
width: 300px;
background: url('gfx/bk-n1-panel-short.png');
}

a.n1,
a.n1-first,
div.n1-last {
display: block;
width: 280px;
padding: 0 10px;
height: 22px;
margin-top: 2px;
line-height: 22px;
font-size: 10px;
font-weight: bold;
text-align: right;
text-decoration: none;
background-repeat: no-repeat;
}

a.n1-first, a.n1 {color: #f9f7ee; height: 22px;}
div.n1-last {color: #888; height: 17px;}

a.n1:hover,
a.n1-first:hover {
color: #f9f7ee;
text-decoration: none;
}

a.n1:hover		{background-image: url('gfx/bk-n1.png');}
a.n1-first:hover	{background-image: url('gfx/bk-n1-first.png');}


h1 {
margin: 0;
padding: 0 16px 0 0;
font-family: Trebuchet MS;
font-size: 14px;
font-weight: bold;
color: #f9f7ee;
}

h2 {
margin: 0;
padding: 0 16px 0  0;
font-size: 10px;
font-family: Tahoma;
}

h2.sub {
position: absolute;
top: 16px;
right: 0;
}

h2.up {
position: absolute;
top: 6px;
right: 0;
}

span.h, span.h2 {color: #888;}

span.h a {color: #888; text-decoration: none;}
span.h a:hover {color: #f9f7ee; text-decoration: none;}
span.h a.sel {color: #f9f7ee; text-decoration: none;}

span.h2 a {color: #888; text-decoration: none;}
span.h2 a:hover {color: #f9f7ee; text-decoration: none;}
span.h2 a.sel {color: #f9f7ee; text-decoration: none;}

span.h2 {
font-weight: bold;
}

div.r1 {
float: right;
text-align: right;
padding: 0 16px;
}

div.r {
float: right;
text-align: right;
padding: 0 10px;
}

div.goback {
width: 480px;
text-align: right;
margin-top: 12px;
}

form {
margin: 0;
padding: 0;
}

div.fL {
float: left;
}

div.spacer1 {
float: left;
width: 100%;
height: 20px;
}

#newsletterform div.f1 {
float: left;
width: 172px;
height: 15px;
padding: 4px;
background: #efefef url('gfx/bk-editn.png') no-repeat;
}

#newsletterform div.f2e {
line-height: 15px;
width: 226px;
color: red;
text-align: left;
}

#newsletterform div.f1 input {
width: 100%;
height: 100%;
border: none;
background: #efefef;
color: black;
text-align: right;
margin: 0;
padding: 0;
font-family: Tahoma;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}

select {
font-size: 10px;
font-family: Tahoma;
}

.ptr {
cursor: pointer;
}

img {
border: 0;
}

span.h {
color: #888;
}

span.white {
color: #f9f7ee;
}

div.text {
float: right;
text-align: right;
padding: 0 10px;
}

div.hide {
display: none;
}

table.cart, table.ocen {
font-size: 10px;
font-weight: normal;
font-family: Tahoma;
color: #f9f7ee;
}

table.cart {width: 440px;}
}

table.ocen {width: 328px;}

table.cart tr.odd td {background: #2e2e2e;}
table.cart tr.even td {background: #262626;}

table.ocen tr.odd td {background: #2e2e2e;}
table.ocen tr.even td {background: #262626;}

table.cart td,
table.ocen td {
height: 18px;
vertical-align: center;
}

table.cart tr.t_row_zp td {
background: #191919;
color: #a9a79e;
}

table.cart tr,
table.ocen tr {
height: 24px;
}

table.cartBanner td {
background: #191919;
height: 14px;
}

table.cartBanner tr {
height: 20px;
}

.bld {
font-weight: bold;
}

.t_nazwa {width: 143px; padding: 3px; text-align: left;}
.t_wzor {width: 47px; padding: 3px; text-align: left;}
.t_rozmiar {width: 54px; padding: 3px; text-align: left;}
.t_ilosc {width: 35px; padding: 3px; text-align: right;}
.t_koszt {width: 75x; padding: 3px; text-align: right;}
.t_usun {width: 50px; padding: 3px; text-align: center;}
.t_suma {width: 256px; padding: 3px; text-align: left; font-weight: bold;}

.t_nazwa1 {width: 133px; padding: 3px; text-align: left;}
.t_wzor1 {width: 32px; padding: 3px; text-align: left;}
.t_rozmiar1 {width: 54px; padding: 3px; text-align: left;}
.t_ilosc1 {width: 35px; padding: 3px; text-align: right;}
.t_koszt1 {width: 65x; padding: 3px; text-align: right;}
.t_data {width: 95px; padding: 3px; text-align: right;}
.t_suma1 {width: 231px; padding: 3px; text-align: left; font-weight: bold;}

.t_lp {width: 19px; padding: 3px; text-align: right;}
.t_nazwa2 {width: 219px; padding: 3px; text-align: left;}
.t_ocena {width: 72px; padding: 3px; text-align: left;}

.t_nazwa_sel select {
width: 143px;
}

.t_nazwa_sel {
width: 143px;
padding: 0 3px;
height: 24px;
}

#cartHeader {
position: absolute;
left: 0;
top: 36px;
display: block;
z-index: 5;
}

#ocenHeader {
position: absolute;
left: 144px;
top: 56px;
display: block;
z-index: 5;
}

#cartFooter {
position: absolute;
left: 0;
top: 500px;
display: none;
z-index: 5;
}

#ocenFooter {
position: absolute;
left: 144px;
top: 275px;
display: block;
z-index: 5;
}

div.message {
width: 440px;
text-align: center;
line-height: 15px;
font-weight: bold;
color: #f9f7ee;
}

div.cartEmpty {
width: 440px;
text-align: center;
line-height: 30px;
font-weight: bold;
color: #f9f7ee;
}

div.btr, div.btr2 {
margin-top: 10px;
text-align: right;
}

div.btr {width: 440px;}
div.btr2 {width: 328px;}



/* FORMS */

div.editmsg {
left: 0;
top: 40px;
width: 428px;
color: #f9f7ee;
}

#formbot {
position: absolute;
left: 0;
top: 390px;
width: 400px;
}

#formleft, #formright {
width: 214px;
position: absolute;
}

#middle-wide #formleft {
left: 26px;
top: 50px;
}

#middle-wide #formright {
left: 276px;
top: 50px;
}

#middle-full #formleft {
left: 0;
top: 80px;
}

#middle-full #formright {
left: 250px;
top: 80px;
}

div.frowr {
text-align: right;
}

div.fspacer {
height: 20px;
}

div.frow, div.frow_error {
height: 16px;
}

div.frow_error {
color: red;
padding-left: 84px;
}

div.frowh {
height: 32px;
color: #f9f7ee;
font-weight: bold;
}

div.itx, div.fedit, div.fedit2, div.fedit3 {
height: 12px;
border: 1px solid #737373;
background: #555 url('gfx/bk-edit.png') repeat-x center;
}

div.flabel, div.ftxa, div.fedit, div.fedit2, div.fedit3 {
float: left;
}

div.flabel {
width: 83px;
}

div.ftxa {
border: 1px solid #737373;
background: #555 url('gfx/bk-textarea.png') repeat-x center;
width: 129px;
height: 86px;
}

div.ftxa textarea {
width: 127px;
height: 84px;
font-family: Tahoma;
font-size: 10px;
background: none;
color: #f9f7ee;
border: 0;
overflow: auto;
}

div.itx {
width: 33px;
}

div.fedit {
width: 129px;
}

div.fedit2 {
width: 34px;
margin-right: 5px;
}

div.fedit3 {
width: 86px;
}

div.itx input,
div.fedit input,
div.fedit2 input,
div.fedit3 input {
width: 100%;
padding: 0;
margin: -1px 0 -1px 0;
background: none;
font-family: Tahoma;
font-size: 10px;
line-height: 12px;
height: 14px;
color: #f9f7ee;
border: 0;
}

div.itx input {
text-align: right;
}

.t_ocena select {
text-align: right;
margin: -1px 0 -1px 0;
}

input.ch {
width: 13px;
height: 13px;
padding: 0;
margin: 0;
float: left;
}

label.ch {
float: left;
padding-left: 5px;
font-size: 10px;
font-family: Tahoma;
}

#payment_komunikat, #transport_komunikat {
left: 155px;
position: absolute;
z-index: 6;
height: 24px;
line-height: 24px;
}

#payment_komunikat {
top: 20px;
}

#transport_komunikat {
top: 44px;
}

.error {
color: red;
}

#menu-flash-hold {
	position: relative;
	z-index: 1000;
	height: 66px; 
	overflow: hidden;	
}