body {
background-color:#CCC;
background-repeat:repeat;
background-image:url(img/tlo1.gif);
background-position:center top;
margin:0;
}

h3 {
    font-size: 12px;
}

#left {
background-color:#CCC;
}

#right {
background-color:#F2F2F2;
display:block;
height:100%;
width:100%;
}

#logo {
margin-right:auto;
margin-left:auto;
width:100%;
background-repeat:repeat-x;
display:block;
height:143px;
border-bottom-width:5px;
border-bottom-style:solid;
border-bottom-color:red;
background-color:#CCC;
background-image:url(img/ccc.jpg);
}

#menu {
width:905px;
border-left-width:5px;
border-left-style:solid;
border-left-color:red;
display:block;
text-align:center;
margin:auto;
}

#maintable {
height:143px;
width:760px;
background-image:url(img/tlo760.jpg);
}

.topnav div a {
border-right-width:1px;
border-right-style:solid;
border-right-color:red;
background-color:#CCC;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:#000;
text-decoration:none;
display:block;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:red;
}

.topnav div a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:#FFF;
text-decoration:underline;
background-color:red;
}

#nazwa {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:46px;
font-weight:700;
text-align:left;
bottom:0;
background-position:right bottom;
}

.topnav .home a {
border-right-width:5px;
border-right-style:solid;
border-right-color:red;
background-color:#000;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:#FFF;
text-decoration:none;
display:block;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-bottom-width:5px;
border-bottom-style:solid;
border-bottom-color:red;
background-image:url(img/home.gif);
background-repeat:no-repeat;
background-position:10px center;
}

.topnav .cennik a {
border-right-width:5px;
border-right-style:solid;
border-right-color:red;
background-color:#000;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:#FFF;
text-decoration:none;
display:block;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-bottom-width:5px;
border-bottom-style:solid;
border-bottom-color:red;
background-image:url(img/cart.gif);
background-repeat:no-repeat;
background-position:10px center;
}

.topnav .dojazd a {
border-right-width:5px;
border-right-style:solid;
border-right-color:red;
background-color:#000;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:#FFF;
text-decoration:none;
display:block;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-bottom-width:5px;
border-bottom-style:solid;
border-bottom-color:red;
background-image:url(img/question-mark.gif);
background-repeat:no-repeat;
background-position:10px center;
}

.topnav .kontakt a {
border-right-width:5px;
border-right-style:solid;
border-right-color:red;
background-color:#000;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:#FFF;
text-decoration:none;
display:block;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-bottom-width:5px;
border-bottom-style:solid;
border-bottom-color:red;
background-image:url(img/phone.gif);
background-repeat:no-repeat;
background-position:10px center;
}

#tresc {
width:900px;
border-top:none;
border-right:5px solid red;
border-bottom:5px solid red;
border-left:5px solid red;
display:block;
background-image:url(img/tlotresci.jpg);
background-repeat:repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#fff;
margin:auto;
}

.off {
display:none;
}

.on {
display:block;
}

.szczegoly {
display:none;
border:2px solid red;
text-align:left;
}

.red {
background-color:red;
/*font-size:10px;*/
}

.green {
/*font-size:10px;*/
}

.redwhite {
color:#FFF;
background-color:red;
/*font-size:10px;*/
cursor:pointer;
}

#content #tresc #kontakt {
background-color:#FFF;
background-image:url(img/herkam-kontakt-tlo.jpg);
background-position:right bottom;
background-repeat:no-repeat;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
height:300px;
line-height:150%;
margin-bottom:10px;
margin-top:10px;
padding-bottom:30px;
width:600px;
}

#tresc a {
color:red;
text-decoration:none;
}

#content #tresc #home {
margin-top:20px;
width:600px;
text-align:left;
height:286px;
background-image:url(img/herkam2.gif);
background-repeat:no-repeat;
margin-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-position:bottom;
}

#content #tresc #home h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:red;
}

#content #tresc #produkty {
margin-top:20px;
width:600px;
text-align:left;
height:286px;
background-image:url(img/herkam2.gif);
background-repeat:no-repeat;
margin-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-position:bottom;
font-weight:700;
}

#content #tresc #produkty a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
color:#000;
text-decoration:none;
}

#content #tresc #produkty h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
color:#000;
line-height:10%;
}

#stopka {
width:900px;
border-top:none;
border-right:5px solid red;
border-bottom:5px solid red;
border-left:5px solid red;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:700;
color:#FFF;
background-color:red;
text-align:right;
margin:auto;
}

#stopka a {
color:#FFF;
text-decoration:none;
}

#stopka2 {
width:900px;
display:block;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
font-weight:400;
color:#900;
text-align:center;
margin:auto;
}

#stopka2 a {
color:#900;
text-decoration:none;
}

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

.submit {
background-image:url(img/print.gif);
text-decoration:none;
background-repeat:no-repeat;
background-position:center center;
height:18px;
width:18px;
}

.input1 {
color:#000;
font-weight:700;
text-align:right;
border:1px solid #666;
}

.input2 {
color:red;
font-weight:700;
text-align:right;
border:1px solid #666;
}

.input1d {
color:#000;
font-weight:700;
text-align:right;
background-image:url(img/pixel.jpg);
background-repeat:repeat;
border:1px solid #666;
}

.input2d {
color:red;
font-weight:700;
text-align:right;
background-image:url(img/pixel.jpg);
background-repeat:repeat;
border:1px solid #666;
}

hr {
color:#ccc;
background-color:#ccc;
height:0;
margin:0;
}

#produktyHeader {
color:#FFF;
background-color:red;
font-size:10px;
vertical-align:super;
height:25px;
}

.szczegoly2 {
display:none;
border:2px solid red;
text-align:left;
padding:10px;
}

.szczegoly3 {
display:none;
text-align:left;
}

.szczegoly4 {
display:block;
border:2px solid red;
text-align:left;
width:500px;
padding:10px;
}

.szczegoly5 {
display:none;
border:2px solid red;
text-align:left;
width:500px;
padding:10px;
padding-bottom:30px;
}

#faq {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#faq .faqHeader a {
color:#900;
font-weight:700;
text-decoration:none;
}

#faq .faqContent {
line-height:150%;
background-color:#FFF;
background-image:url(img/herkam2.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding:5px;
}

.lista {
list-style-type:none;
}

.lista li {
text-align:left;
}

div.green {
line-height:150%;
padding:7px;
}

div.productInfo {
    /*font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 150%;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
	*/
	font-family: tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 150%;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 15px;
    padding-top: 5px;
    text-align: justify;
}

#canvas {
background:url(img/canvas_loader.gif) 50% 50% no-repeat;
height:145px;
overflow:hidden;
position:absolute;
top:0;
left:0;
width:100%;
}

#canvas-foreground {
position:absolute;
left:0;
top:0;
bottom:0;
height:145px;
width:100%;
background-color:transparent;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:50% 100%;
}

#canvas-foreground-0 {
position:absolute;
left:0;
top:0;
bottom:0;
height:145px;
width:105%;
background-color:transparent;
background-image:url(img/layer0.png);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:50% 100%;
}

#canvas-foreground-0a {
position:absolute;
left:0;
top:0;
bottom:0;
height:145px;
width:100%;
background-color:transparent;
background-image:url(img/kicaj.png);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:10% 20px;
}

#canvas-foreground-0b {
position:absolute;
left:0;
top:0;
bottom:0;
height:145px;
width:100%;
background-color:transparent;
background-image:url(img/jaja.png);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:95% 20px;
}

#canvas-foreground-1 {
position:absolute;
left:0;
top:0;
bottom:0;
height:145px;
width:96%;
background-color:transparent;
background-image:url(img/layer1.png);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:50% 100%;
}

#canvas-foreground-1a {
position:absolute;
left:0;
top:0;
bottom:0;
height:145px;
width:99%;
background-color:transparent;
background-image:url(img/layer1a.png);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:50% 100%;
}

#canvas-foreground-2 {
position:absolute;
width:102%;
height:160px;
top:0;
left:0;
background-position:50% 40%;
background-image:url(img/layer2.png);
}

#canvas-foreground-3 {
position:absolute;
width:2000px;
top:0;
bottom:0;
left:10%;
background-position:10% 100%;
}

#kalkulatorTransportu {
width:400px;
padding:10px;
}

#kalkulatorTransportu div {
overflow:hidden;
margin:3px 0;
}

#kalkulatorTransportu label {
color:#566366;
float:left;
height:26px;
line-height:26px;
width:150px;
}

#kalkulatorTransportu input.text {
width:80px;
float:right;
font-weight:700;
text-align:right;
}

#kalkulatorTransportu select.text {
width:180px;
float:right;
font-weight:700;
text-align:center;
}

.mail {
width:500px;
display:none;
margin:auto;
}

#formail {
width:500px;
margin:auto;
}

#formail label {
display:block;
margin:5px 0;
}

#formail input {
width:200px;
}

#formail #subject {
width:100%;
}

#text {
background:#f8f8f8;
width:100%;
}

#formail #sendmail,#formail #showKoszyk {
margin-top:10px;
width:48px;
}

#response {
display:none;
border:1px solid #ccc;
background:#FFFFA0;
width:95%;
padding:10px;
}

#wrap {
border:solid #CCC 1px;
width:203px;
float:left;
margin-top:3px;
margin-left:80px;
padding:3px;
}

.error {
color:#C00;
font-size:12px;
font-style:italic;
width:200px;
margin:4px;
}

.success {
color:#090;
font-size:12px;
font-style:italic;
width:200px;
margin:4px;
}

img#refresh {
float:left;
margin-top:30px;
margin-left:4px;
cursor:pointer;
}

#name,#email {
float:left;
margin-bottom:3px;
height:20px;
border:#CCC 1px solid;
}

#message {
width:260px;
height:100px;
float:left;
margin-bottom:3px;
border:#CCC 1px solid;
}

label {
float:left;
color:#666;
width:80px;
}

#filtr .ui-selecting {
background-attachment:scroll;
background-color:#FECA40;
background-image:none;
background-position:0 0;
background-repeat:repeat;
}

#filtr .ui-selected {
background-attachment:scroll;
background-color:red;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#FFF;
}

#filtr,#filtr ul,#filtr ol {
font-size:1.1em;
font-weight:700;
list-style-type:none;
text-align:center;
width:100%;
margin:0;
padding:0 0 10px;
}

#filtr span,#filtr ul span,#filtr ol span {
color:red;
background-color:#FFF;
display:block;
border:1px solid #000;
}

#filtr li {
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:#000;
border-bottom-style:solid;
border-bottom-width:1px;
border:1px solid;
font-size:.9em;
height:15px;
cursor:pointer;
margin:2px;
padding:.2em;
}

div.miniMenu a,div.miniMenu input,div.miniMenu img {
padding-left:5px;
}

.mapaDest {
width:150px;
}

div#catfish {
display:none;
background-color:red;
text-align:center;
border-top:1px solid #000;
color:#FFF;
}

div#catfish a#catfish-close {
position:absolute;
top:5px;
right:15px;
color:#000;
}

div#catfish iframe {
padding-top:5px;
padding-bottom:5px;
}

#tools_bar {
background-attachment:scroll;
background-color:#D5DDF3;
background-image:none;
background-position:0 0;
background-repeat:repeat;
text-align:right;
margin:4px 3px 0;
padding:5px 8px;
}

ul.productGallery {
list-style:none;
width:300px;
}

ul.productGallery li {
float:left;
padding:2px;
}

ul.productGallery li img {
height:40px;
}

.cena .kwota {
background-color:#C00;
color:#FFF;
display:table-cell;
font-size:12px;
}

.cena .vat {
background-color:#FFF;
color:#C00;
display:table-cell;
font-size:12px;
}

.wydajnosc {
border-bottom-color:#C00;
border-bottom-style:solid;
border-bottom-width:0;
border-collapse:collapse;
border-spacing:0;
border-top-color:#C00;
border-top-style:solid;
border-top-width:0;
margin-top:3px;
}

.wydajnosc .kwota {
background-color:#CCC;
color:#000;
display:table-cell;
font-size:12px;
}

.wydajnosc .vat {
background-color:#FFF;
color:#000;
display:table-cell;
font-size:12px;
}

#tresc a:hover,#faq .faqHeader a:hover {
text-decoration:underline;
}

#content #tresc #home h1,#tresc h1,#content #tresc #home h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
color:red;
}

#content #tresc #produkty a:hover,#stopka a:hover {
color:#FFF;
text-decoration:underline;
}

.cena,.cenaNetto {
border-bottom-color:#C00;
border-bottom-style:solid;
border-bottom-width:1px;
border-collapse:collapse;
border-spacing:0;
border-top-color:#C00;
border-top-style:solid;
border-top-width:1px;
margin-top:3px;
}

.cena *,.cenaNetto *,.wydajnosc * {
font-weight:700;
vertical-align:middle;
white-space:nowrap;
margin:0;
padding:2px;
}

.cenaNetto .kwota,.cenaNetto .vat {
background-color:#FFF;
display:table-cell;
font-size:12px;
}:3px;
}

.cena *,.cenaNetto *,.wydajnosc * {
font-weight:700;
vertical-align:middle;
white-space:nowrap;
margin:0;
padding:2px;
}

.cenaNetto .kwota,.cenaNetto .vat {
background-color:#FFF;
display:table-cell;
font-size:12px;
}