@import "piotr.css";
@import "tables.css";
@import "products.css";
@import "forms.css";

* {
padding: 0;
margin: 0;
}

body {
background: white url('gfx/bk-body.png') repeat-x;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #666;
line-height: 14px;
}

body.print {
background-image: none;
}

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

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

a.text,
a.text:hover {
color: #666;
}

p {
margin: 14px 0;
}

p.half {
margin: 7px 0;
}

p.half-bot {
margin: 0 0 7px 0;
}

p.no {
margin: 0;
}

img {
border: 0;
}

#main {
float: left;
position: relative;
width: 920px;
left: 50%;
margin-left: -460px;
}

#top, #hypertop {
float: left;
position: relative;
width: 920px;
height: 298px;
}

#top {
position: absolute;
left: 0;
top: 0;
}

#flags {
position: absolute;
top: 20px;
right: 10px;
}

#flags img {
float: left;
width: 16px;
height: 11px;
margin-right: 10px;
}

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

#left {
float: left;
width: 218px;
position: relative;
padding: 12px 12px 12px 10px;
}

#content {
float: left;
width: 500px;
}

#right {
float: left;
width: 162px;
padding: 12px 0 12px 13px;
}

#footer {
float: left;
padding: 17px 20px 0 20px;
height: 36px;
line-height: 36px;
width: 880px;
background: url('gfx/bk-footer.png') no-repeat;
}

#footer a, 
#footer a:hover {
color: #ccc;
}

ul.inline, ul.subnav {
list-style-type: none;
}

ul.inline li,
ul.subnav li {
display: inline;
}

ul.subnav {
list-style-type: none;
margin-left: 21px;
margin-bottom: 1.5em;
color: #666;
}

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

ul.subnav li,
ul.subnav li a {
padding-right: 0.3em;
}

.rightexpert {
float: left;
width: 150px;
padding-left: 7px;
height: 92px;
margin-bottom: 8px;
}

.rightcart {
float: left;
background: url('gfx/bk-koszyk.png') no-repeat;
padding: 22px 0 0 22px;
width: 139px;
height: 57px;
color: #e10915;
margin-bottom: 8px;
}

.leftbox, .leftbox2, .leftbox3 {
float: left;
width: 186px;
padding: 12px 20px 0 12px;
}

.leftbox {background: #e7e4cd url('gfx/bk-leftbox.png') no-repeat;}
.leftbox2 {background: #e7e4cd url('gfx/bk-leftbox2.png') no-repeat;}
.leftbox3 {background: white url('gfx/bk-leftbox3.png') no-repeat;}


.leftbox-bottom, .leftbox2-bottom,.leftbox3-bottom {
float: left;
width: 218px;
height: 14px;
margin-bottom: 14px;
}

.leftbox2-bottom2 {
float: left;
width: 176px;
margin-bottom: 14px;
padding: 0 25px 7px 17px;
}

.leftbox-bottom {background: #e7e4cd url('gfx/bk-leftbox-bottom.png') no-repeat left bottom;}
.leftbox2-bottom,
.leftbox2-bottom2 {background: #e7e4cd url('gfx/bk-leftbox-bottom.png') no-repeat left bottom;}
.leftbox3-bottom {background: white url('gfx/bk-leftbox3-bottom.png') no-repeat left bottom;}

.rightbox, .rightbox2 {
float: left;
width: 130px;
padding: 9px 12px 0 15px;
}

.rcolors {
position: relative;
margin-right: -5px;
float: left;
}

.rightbox {background: #e7e4cd url('gfx/bk-rightbox.png') no-repeat;}
.rightbox2 {background: #434552 url('gfx/bk-rightbox2.png') no-repeat; padding-top: 115px; color: white;}

.rightbox-bottom, .rightbox2-bottom {
float: left;
width: 157px;
height: 14px;
margin-bottom: 14px;
}

.rightbox-bottom {background: #e7e4cd url('gfx/bk-rightbox-bottom.png') no-repeat;}
.rightbox2-bottom {background: #434552 url('gfx/bk-rightbox2-bottom.png') no-repeat;}

.polecbox {
float: left;
position: relative;
margin-bottom: 14px;
width: 210px;
height: 152px;
background: url('gfx/bk-polec.jpg');
}




h1, h2 {
height: 18px;
line-height: 18px;
font-weight: bold;
font-size: 11px;
overflow: hidden;
margin-bottom: 3px;
}

h1.with-subnav, h2.with-subnav {
margin-bottom: 0;
}

h1.no-subnav, h2.no-subnav {
margin-bottom: 2.8em;
}

h1.white, h2.white {
color: white;
}

h1.gray, h2.gray {
color: #444851;
padding-left: 20px;
background: url('gfx/i-fiore-mono.png') no-repeat left top;
}

h1.red, h2.red {
color: #e10915;
padding-left: 20px;
background: url('gfx/i-fiore.png') no-repeat left top;
}

h1.noicon, h2.noicon {
background: none;
padding-left: 0;
}

h1.double, h2.double {
height: 36px;
}

span.sifr {
display: block;
}

ul.blank {
list-style-type: none;
}

ul.login {
clear: both;
list-style-type: none;
padding-left: 10px;
background: url('gfx/bk-ul-loginform.gif') no-repeat;
margin: 0.7em 0;
}

ul.login li.sel,
ul.login span.sel {
color: #e10915;
font-weight: bold;
}

ul.oferta, ul.oferta ul {
list-style-type: none;
font-weight: bold;
}

ul.oferta {
margin-top: 1.5em;
}

div.oferta0,
ul.oferta li {
min-height: 16px;
padding-left: 9px;
line-height: 16px;
color: #666;
background: url('gfx/bk-ul-oferta.gif') no-repeat;
}

div.oferta1,
ul.oferta li li {
background: none;
padding-left: 19px;
color: #7d7d7d;
}

ul.oferta li a, ul.oferta li a:hover {color: #666;}
ul.oferta li li a, ul.oferta li li a:hover {color: #7d7d7d;}


div.oferta0 a, div.oferta0 li a:hover {color: #666;}
div.oferta1 a, div.oferta1 a:hover,
div.oferta2 a, div.oferta2 a:hover {color: #7d7d7d;}


div.oferta0, div.oferta1, div.oferta2 {
padding: 0;
line-height: 16px;
font-weight: bold;
float: left;
clear: both;
}

div.oferta0 {text-indent: 10px;}
div.oferta1 {text-indent: 20px;}
div.oferta2 {text-indent: 35px;}


.aR {
text-align: right;
}

.contentbox {
float: left;
width: 460px;
padding: 20px;
}

a.headerlink, a.btrlink {
float: right;
padding-left: 6px;
border-left: 2px solid #e10915;
}

.nav-outer {
margin-top: 1.5em;
float: left;
width: 100%;
clear: both;
}

.nav {
float: right;
text-align: right;
}

.nav a {
float: left;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background: white url('gfx/bk-navlink.gif') no-repeat;
text-decoration: none;
color: #666;
margin-right: 2px;
}

.nav a:hover,
.nav a.sel {
background-color: #e7e4cd;
color: #c00;
text-decoration: none;
}

.nav a.sel {
font-weight: bold;
}

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

.fL {
float: left;
}

.fR {
float: right;
}

.resultinfo {
float: left;
padding: 12px 20px 0 20px;
width: 420px;
background: url('gfx/bk-resultinfo.png') no-repeat;
line-height: 16px;
}

.resultinfo-fields {
float: left;
width: 100px;
}

.resultinfo-values {
float: left;
width: 320px;
font-weight: bold;
}

.resultinfo-bottom {
float: left;
width: 460px;
background: url('gfx/bk-resultinfo-bottom.png') no-repeat;
height: 15px;
margin-bottom: 1.5em;
}

.tmce {
line-height: 1.5em;
}

.tmce p {
margin: 1.5em 0;
}

.tmcedummy {
display: none;
}

/* .tmcedummy + p,
.tmcedummy + ul {
margin-top: 0;
} /* remove excessive margins */

.btr {
margin-top: 1em;
width: 100%;
text-align: right;
float: left;
clear: both;
}

.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: #e10915;
}

#sizeresult {
color: #e10915;
font-weight: bold;
}

.invoicechk {
float: left;
clear: both;
width: 100%;
margin: 0.5em 0 2em 0;
}

.prodseealso {
float: left;
padding: 12px 15px 0 15px;
width: 430px;
background: url('gfx/bk-resultinfo.png') no-repeat;
line-height: 16px;
margin-top: 0.5em;
}

.prodseealso-bottom {
float: left;
width: 460px;
background: url('gfx/bk-resultinfo-bottom.png') no-repeat;
height: 15px;
margin-bottom: 1.5em;
}

ul.prodseealso-files {
list-style-type: none;
width: 100%;
}

ul.prodseealso-files li {
float: left;
width: 50%;
margin: 0.25em 0;
}

a.file {
float: left;
height: 16px;
line-height: 16px;
background: url('gfx/i-file.png') no-repeat left top;
padding-left: 24px;
}

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


ul.hz {
list-style-type: none;
}

ul.hz li {
background: url('gfx/bk-zapytanie.gif') left bottom no-repeat;
margin-bottom: 1.5em;
padding-bottom: 1.2em;
float: left;
clear: both;
width: 100%;
line-height: 16px;
}

dt.hz-question {
font-weight: bold;
margin-bottom: 0.5em;
}

dt.hz-answer {
color: #e10915;
margin-top: 1em;
}

.giftdivider {
float: left;
font-size: 0;
line-height: 0;
height: 1px;
background: #696f7b;
clear: both;
width: 100%;
margin: 5px 0;
}

#messagebk,
#message {
position: absolute;
top: -5000px;
left: 50%;
z-index: 100;
}

#messagebk {
width: 500px;
height: 204px;
background: url('gfx/bk-message.png') no-repeat;
margin-left: -220px;
}

#message {
z-index: 101;
margin-top: 20px;
margin-left: -200px;
width: 458px;
height: 162px;
background: white;
border: 1px solid #e7e7e7;
}

#message h1 {
position: absolute;
left: 10px;
top: 15px;
width: 200px;
}

#messagetxt {
position: absolute;
top: 40px;
left: 10px;
width: 438px;
}

#messageclose {
position: absolute;
bottom: 10px;
right: 10px;
}

ul.recent {
float: left;
list-style-type: none;
}

ul.recent li {
float: left;
width: 80px;
height: 104px;
border: 1px solid #cbc9a8;
padding: 1px;
margin: 4px 5px 5px 4px;
}

div.recentitem {
float: left;
width: 80px;
height: 104px;
overflow: hidden;
text-align: center;
}

.fN {
float: none;
}

a.atom {
float: right;
padding-right: 36px;
line-height: 36px;
height: 36px;
background: url('gfx/_atom.png') no-repeat right center;
}

#footer ul {
float: left;
}