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

* {
margin: 0;
padding: 0;
}

.tmce {
float: left;
clear: both;
width: 100%;
line-height: 15px;
}

.tmce ul,
.tmce ol,
.tmce p {
margin-bottom: 15px;
line-height: 15px;
}

.tmce2 {
float: left;
clear: both;
width: 100%;
line-height: 13px;
}

.tmce2 ul,
.tmce2 ol,
.tmce2 p {
margin-bottom: 13px;
line-height: 13px;
}

.tmce ul, .tmce2 ul {
margin-left: 35px;
}

.tmce ol, .tmce2 ol {
margin-left: 35px;
}

img {
border: 0;
}

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

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



body {
background: #eaecff;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333;
}

#main {
position: relative;
float: left;
left: 50%;
margin-left: -510px;
width: 1020px;
background: white url('gfx/bk-main.png') repeat-y;
}

#hypertop {
position: relative;
float: left;
width: 1020px;
height: 400px;
background: url('gfx/bk-top.png') no-repeat;
}

#top {
position: absolute;
left: 0;
top: 0;
width: 980px;
height: 382px;
z-index: 2;
padding: 0 20px;
}

#flags {
position: absolute;
left: 897px;
top: 49px;
z-index: 3;
}

#flags img {
float: left;
}

#below {
float: left;
clear: both;
width: 100%;
}

.extrabar {
background: url('gfx/bk-extrabar.png') no-repeat 300px 24px;
}

#left {
float: left;
padding: 0 12px 0 22px;
width: 266px;
position: relative;
top: -18px;
}

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

#right {
float: left;
padding-left: 32px;
padding-top: 40px;
width: 186px;
background: url('gfx/bk-right.png') no-repeat 20px 24px;
}

#footer {
float: left;
width: 960px;
padding: 0 30px;
height: 102px;
background: url('gfx/bk-footer.png') no-repeat;
}

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

#footer ul.links {
list-style: none;
float: left;
height: 33px;
line-height: 29px;
}

#footer ul.links li {
float: left;
}

#footer ul.links li, #footer ul.links li a {
padding-right: 5px;
}

.logos {
width: 960px;
height: 35px;
float: left;
margin-top: 5px;
}

.atom {
float: right;
}

.atom span,
.atom a {
float: left;
padding-right: 3px;
height: 33px;
line-height: 29px;
}

.atom a.atomlogo {
float: left;
padding-right: 40px;
background: url('gfx/atom.png') no-repeat right;
}

.leftmenu {
float: left;
background: url('gfx/bk-leftmenu.png') no-repeat;
padding: 28px 32px 4px 32px;
width: 202px;
}

.leftmenu ul {
list-style: none;
}

.leftmenu ul li {
padding: 6px 0 7px 0;
line-height: 14px;
background: url('gfx/bk-leftmenu-listitem.png') no-repeat left top;
font-weight: bold;
}

.leftmenu ul li.first {
background: none;
}

.leftmenu ul li a,
.leftmenu ul li a:hover {
color: #004058;
}



.leftmenu ul li.sub a,
.leftmenu ul li.sub2 a,
.leftmenu ul li.sub a:hover,
.leftmenu ul li.sub2 a:hover {
color: #666;
}

.leftmenu ul li.sel a,
.leftmenu ul li.sel a:hover,
.leftmenu ul li.sub-sel a,
.leftmenu ul li.sub-sel a:hover,
.leftmenu ul li.sub2-sel a,
.leftmenu ul li.sub2-sel a:hover {
font-weight: bold;
color: #c00;
}

.leftmenu ul li.sel span {
background: url('gfx/i-arrow-red.png') no-repeat 7px center;
padding-left: 12px;
}

.leftmenu ul li.sub2,
.leftmenu ul li.sub {
background: none;
font-weight: normal;
line-height: 13px;
padding: 0 0 6px 11px;
color: #666;
}

.leftmenu ul li.sub2 {
padding-left: 22px;
}

.leftmenu-bottom {
float: left;
width: 266px;
height: 20px;
background: url('gfx/bk-leftmenu-bottom.png') no-repeat left top;
}

.konto {
float: left;
width: 226px;
height: 101px;
padding: 16px 20px;
background: url('gfx/bk-konto.jpg') no-repeat;
position: relative;
margin: 12px 0;
}

.konto-witaj {
position: absolute;
top: 16px;
right: 20px;
}

.konto ul {
list-style: none;
position: absolute;
right: 20px;
top: 40px;
line-height: 16px;
}

.konto ul li {
padding-left: 10px;
background: url('gfx/i-konto-chevron.png') no-repeat left center;
}

.konto ul li.sep {
margin-bottom: 13px;
}

.konto ul li.sum {
background: none;
}

.konto ul a, .konto ul a:hover {
color: #069;
}

h1 {
font-weight: normal;
font-family: Cambria Math, Times New Roman, serif;
font-size: 15px;
color: #c00;
height: 21px;
line-height: 21px;
margin-bottom: 16px;
border-bottom: 2px solid #c00;
overflow-y: hidden;
}

#left h1 {
border: 0;
}

h1.dark {
color: #004058;
border-color: #004058;
}

#content .box {
width: 100%;
float: left;
clear: both;
padding-top: 3px;
padding-bottom: 30px;
position: relative;
}

.right-text {
padding-left: 10px;
width: 158px;
margin-bottom: 15px;
}

ul.subh {
clear: both;
position: relative;
top: -11px;
padding-bottom: 7px;
width: 100%;
color: #999;
list-style: none;
}

ul.subh li.intro {
font-weight: bold;
color: #333;
padding-right: 5px;
}

ul.subh li {
float: left;
}

ul.subh a, ul.subh a:hover {
color: #999;
}

ul.subh li span {
background: url('gfx/i-arrow-gray.png') no-repeat 10px center;
padding-left: 30px;
}

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

ul.subh li.sel a,
ul.subh li.sel a:hover {
color: #c00;
}

ul.subh-disc li span {
background: url('gfx/i-disc-gray.png') no-repeat 12px center;
padding-left: 30px;
}

.zobacz {
float: left;
width: 252px;
padding-left: 8px;
}

.zobacz h2 {
font-weight: bold;
font-size: 11px;
color: #c00;
border-bottom: 2px solid #c00;
line-height: 28px;
margin-bottom: 16px;
}

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

.btr a {
padding-right: 20px;
}

a.reload,
a.display,
a.back,
a.forward,
a.empty,
a.save,
a.polec,
a.login,
a.ask,
a.newsletter {
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}

a.login,
a.newsletter {
padding-left: 24px;
}

a.back {background-image: url('gfx/i-back.png');}
a.forward {background-image: url('gfx/i-forward.png');}
a.empty {background-image: url('gfx/i-empty.png');}
a.display {background-image: url('gfx/i-display.png');}
a.save {background-image: url('gfx/i-save.png');}
a.polec {background-image: url('gfx/i-polec.png');}
a.login {background-image: url('gfx/i-login.png');}
a.ask {background-image: url('gfx/i-ask.png');}
a.newsletter {background-image: url('gfx/i-newsletter.png');}
a.reload {background-image: url('gfx/i-reload.png');}


.orderinfo-fields {
float: left;
width: 130px;
padding-left: 20px;
font-weight: bold;
line-height: 16px;
margin-bottom: 2em;
}

.orderinfo-values {
float: left;
width: 330px;
line-height: 16px;
margin-bottom: 2em;
}

.alert {
color: #c00;
}

.polecbox {
float: left;
width: 186px;
height: 216px;
background: url('gfx/bk-polec.jpg') no-repeat;
position: relative;
margin: 6px 0;
}

.polecbox .label {
position: absolute;
top: 24px;
left: 20px;
}

.polecbox .name {
position: absolute;
top: 60px;
left: 20px;
}

.polecbox .email {
position: absolute;
top: 80px;
left: 20px;
}

.polecbox .chevron {
position: absolute;
top: 100px;
left: 130px;
}

.newsletterbox {
float: left;
width: 186px;
height: 196px;
background: url('gfx/bk-newsletter.jpg') no-repeat;
position: relative;
margin: 6px 0;
}

.newsletterbox .label {
position: absolute;
top: 115px;
right: 32px;
}

.newsletterbox .chevron {
position: absolute;
top: 133px;
right: 40px;
}

.newsletterbox .introtext {
position: absolute;
color: #666;
font-size: 10px;
top: 26px;
left: 20px;
width: 133px;
}

.popup,
.popup-bk {
position: absolute;
float: left;
left: 50%;
top: -5000px;
}

.popup {
margin-left: -150px;
width: 400px;
height: 230px;
background: white;
z-index: 100;
}

.popup-bk {
margin-left: -160px;
width: 420px;
height: 250px;
background: url('gfx/bk-message.png') no-repeat;
z-index: 99;
}

.popup h1 {
position: absolute;
top: 20px;
left: 20px;
width: 360px;
}

.popup-txt {
position: absolute;
top: 60px;
left: 20px;
width: 360px;
line-height: 16px;
}

.popup-close {
position: absolute;
right: 20px;
bottom: 20px;
}

ul.wyniki {
float: left;
width: 100%;
clear: both;
list-style: none;
}

ul.wyniki li {
float: left;
width: 100%;
clear: both;
padding-bottom: 1.5em;
}

ul.wyniki div.no {
float: left;
width: 23px;
padding: 0 4px;
line-height: 17px;
height: 40px;
font-weight: bold;
color: #004058;
text-align: right;
/*background: url('gfx/bk-resultno.png') no-repeat;*/
margin-right: 9px;
}

p.srtext,
p.srtitle {
float: left;
width: 440px;
margin: 0;
line-height: 15px;
}

p.srtitle {
font-weight: bold;
margin-top: 1px;
margin-bottom: 3px;
}


.link-icon {
padding-left: 22px;
background: url('gfx/i-link-icon.png') no-repeat left top;
}