body, h1, h2, h3, blockquote, p, dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    text-align: left;
}
html {
    font: normal 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; /* 16px */
}
body {
    background-color: rgb(255, 255, 255);
    color: rgb(10, 10, 10);
    text-align: center;
}
/* === tips global */
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

div.clearfix { clear: both; }

.left {
    float: left;
}
.right {
    float: right;
    display: block;
}
/* === vizual sructure tips = top */
#top-menu, #top-layer, #menu-producer, #content{
    width: 1000px;
    margin: 0 auto;

    font: normal 1em/1.64em tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#top-menu {
    height: 20px;
    border-bottom: 1px solid white;
    background-color: rgb(30, 90, 130);
    color: rgb(250, 250, 250);
    font-weight: bold;
}
#top-layer {
    position: relative;
    height: 164px;
    background: transparent url(images/top.jpg) no-repeat center;
    border-bottom: 1px solid #000;
}
#top-menu a, #middle-menu a {
    color: rgb(250, 250, 250);
}
#top-menu a:hover, #middle-menu a:hover {
    color: rgb(250, 250, 250);
    text-decoration: underline;
}
.menu-items {
    margin: 0 5px 0 0;
}
.menu-items a {
    background: transparent url(images/elementy/kropka_biala.jpg) no-repeat left center;
    float: left;
    padding: 0 5px 0 15px;
}
.contact-items {
    margin: 0 0 0 30px;
}

p#top-title {
    float: left;
    color: rgb(30, 90, 130);
    width: 980px;
    text-align: right;
    display: block;
    font: bold 1.64em/2.36em helvetica, lucida, tahoma, verdana, geneva, 'lucida grande', arial, sans-serif;
}
a#top-logo {
    width: 280px;
    height: 45px;
    background: rgb(255, 255, 255) url(images/elementy/top-logo.gif) no-repeat left center;
    display: inline;
    float: left;
    margin: 35px 0 0 20px;
}
#menu-producer {
    height: auto;
    background-color: #E9EFF3;
    border-top: 3px solid white;
}
#menu-producer ul {
    list-style: none;

    padding: 0;
    margin: 0 10px;
    overflow: hidden;
}
#menu-producer ul li {
    line-height: 14px;
    border-right: solid 1px rgb(050, 050, 050);
    float: left;
    padding: 0;
    display: inline;
    margin: 2px 0 2px -1px;
}
#menu-producer ul li a {
    color: rgb(050, 050, 050);
    display: block;
    float: left;
    padding: 0 15px 0 16px;
    text-decoration: none;
    font-weight: normal;
}
#menu-producer ul li a:hover {
    text-decoration: underline;
}
#content {
    margin: 4px auto;
}
/* === structure = boxes */
.content-wrap {
    float: left;
    width: 763px;
}
.content-first {
    float: left;
    width: 248px;
}
.content-second {
    float: right;
    width: 513px;
}
#fix {
    height: 580px;
    overflow: auto;
}
.content-third {
    float: right;
    width: 235px;
}
.content-clear {
    clear: both;
}
.footer {
    background-color: rgb(30, 90, 130);
    color: rgb(250, 250, 250);
    font-weight: bold;
    line-height:24px;
}
/* === vizual = boxes */
.corner {
    margin: -1px 0 3px 0;
    padding: 0;

}
.corner-top, .corner-bottom {
    height: 12px;
}
.content-first  .corner {background: transparent url(images/rogi/rog-lewy-spacer.gif) repeat-y center;}
.content-first  .corner-top {background: transparent url(images/rogi/rog-lewy-gora.gif) repeat-x center;}
.content-first  .corner-bottom {background: transparent url(images/rogi/rog-lewy-dol.gif) no-repeat center;}

.content-second .corner {background: transparent url(images/rogi/rog-srodek-spacer.gif) repeat-y center;}
.content-second .corner-top {background: transparent url(images/rogi/rog-srodek-gora.gif) no-repeat center;}
.content-second .corner-bottom {background: transparent url(images/rogi/rog-srodek-dol.gif) no-repeat center;}

.content-third  .corner {background: transparent url(images/rogi/rog-prawy-spacer.gif) repeat-y center;}
.content-third  .corner-top {background: transparent url(images/rogi/rog-prawy-gora.gif) no-repeat center;}
.content-third  .corner-bottom {background: transparent url(images/rogi/rog-prawy-dol.gif) no-repeat center;}

.menu-product ul{
    display: block;
    width: 246px;
}
.menu-product ul li {
    display: block;
    _display: inline;
    margin: 0 1px;
    padding: 0;
}

.menu-product ul li a, a.header {
    display: block;
    width: 211px;
    text-align: left;
    color: rgb(30, 90, 130);
    font-weight: normal;
    padding: 3px 10px 3px 25px;
    line-height: 12px;
    margin: 0 0;
    background: transparent url(images/elementy/kropka_granatowa.gif) no-repeat 12px top;
}
a.header {
    background: transparent;
}
.menu-product ul li.cat a, .menu-product ul li.cat a:hover, .menu-product ul li.catcolored a, .menu-product ul li.catcolored a:hover {
    padding: 3px 10px 3px 34px;
    width: 202px;
    background-position: 20px top;
}
.menu-product ul li.catcolored a, .menu-product ul li.catcolored a:hover {
    background: rgb(30, 90, 130) url(images/elementy/kropka_biala.gif) no-repeat 20px top;
    color: #fff;
}
.menu-product ul li.activ a {
 background: rgb(30, 90, 130) url(images/elementy/kropka_biala.gif) no-repeat 12px top;
    color: #fff;
}
.menu-product ul li.sub a, .menu-product ul li.sub a:hover {
    padding: 3px 10px 3px 42px;
    width: 194px;
    background-position: 28px top;
    }
.menu-product ul li a:hover, .menu-product ul li a.activ  {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background: rgb(30, 90, 130) url(images/elementy/kropka_biala.gif) no-repeat 12px top;
}
.menu-product ul li.multi a {
    background-image: url(images/elementy/plus_granatowa.gif);
}
.menu-product ul li.multi a:hover {
    background-image: url(images/elementy/plus_biala.gif);
}
div#article {
    margin: 0 15px 15px 15px;
}
div#article p {
    text-align: justify;
    font-weight: normal;
    color: black;
    margin: 5px 0;
}
div#article p a, div#article p a:hover {
    color: rgb(020, 020, 020);
    text-decoration: none;
}
div#article p a:hover {
    text-decoration: underline;
}
h2, h3 {
    font: bold 14px/14px arial, tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
    color: rgb(30, 90, 130);
    margin: 0 0 0 15px;
    padding: 10px 0;
}
a.header {
    display: inline;
    float: left;
    clear: both;
    width: 90%;
    text-align: left;
}
h3 {
    font-size: 12px;
    padding: 5px 0;
}
a.author {
    width: 100px;
    float: right;
    margin: 10px 0 0 0;
    text-align: left;
}
a.blok, a.blok:hover {
    float: left;
        clear: both;
        text-indent: 15px;
    text-align: left;
    color: rgb(30, 90, 130);
}

a.blok:hover {
    text-decoration: underline;
}
.linkdesc {
    float: left;
    clear: both;
    display: block;
}
p.article-img {
    width: 450px;
    text-align: center;
    margin: 0 auto;
    height: 140px;
}
p.article-img img {
    width: 225px;
    height: auto;
    float: left;
}
p.article-img-wrap {
    width: 200px;
    float: left;
    padding: 10px;
    display: block;
}
p.article-img-wrap img {
    width: 200px;
    height: auto;
    float: left;
    clear: both;
}
div.article-right {
    margin: 0 15px;
    text-align: right;
}
div.article-right h3 {
    font: bold 11px/14px arial, tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
    color: rgb(160, 60, 60);
}
div.article-right p {
    color: rgb(10, 10, 10);
    font-weight: normal;
    text-align: left;
    margin: 5px 0 0 5px;
}
div.article-right  ul li, div#article ul li {
    list-style-position: inside;
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;
}
a.article-right-more {
    color: rgb(160, 60, 60);
    font-weight: bold;
}
img.producer-logo {
}
img.certyficate {
    margin: 5px 0;
    border: 1px solid #1E5A82;
}
img.smallleft, img.smallright {
    width: 80px;
    height: 80px;
}
img.smallright {
    margin: 5px auto 0 5px;
}
img.smallleft {
    margin: 5px 5px 0 auto;
}
form, fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
input {
    font-size: 11px;
    padding: 2px;
    margin: 0;
}
input.text {
    border: 1px solid rgb(120, 120, 120);
}
input.submit {
    border: 0;
    background-color: rgb(30, 90, 130);
    border: 1px solid rgb(250, 250, 250);
    color: rgb(250, 250, 250);
    padding: 2px 5px;
    font-weight: bold;
}
blockquote {
    margin: 0 10px;
    border-bottom: 1px solid rgb(245, 245, 245);
    background-color: rgb(250, 250, 250);
    padding: 5px;
    margin-bottom: 5px;
}
.opis {
    float: none;
    margin: 0;
    padding: 0;
}
a.download {
    text-indent: 20px;
    height: 14px;
    display: block;
    color: black;
padding: 1px;
    background: transparent url(images/pdf.gif) no-repeat 0;
    font: normal 11px/14px tahoma;
    text-align: left;
}
a.download:hover {
    background-color: rgb(240, 240, 240);
    text-decoration: none;
}
form#zapytanie label {
    float: left;
    width: 120px;
}
form#zapytanie input {
    border: 1px solid rgb(120, 120, 120);
    width: 180px;
    font: normal 11px/14px tahoma, verdana, arial;
}
form#zapytanie textarea {
    padding: 2px;
    overflow: auto;
    border: 1px solid rgb(120, 120, 120);
    width: 300px;
    font: normal 11px/14px tahoma, verdana, arial;
}
form#zapytanie input.submit {
    margin: 0 0 0 110px;
    width: 80px;
    font-weight: bold;
}
a.ns {
    font-weight: bold;
    float: right;
    display: inline;
    color: white;
    padding: 0 10px;
}
a.return {
    font: bold 12px/14px arial, tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
    color: rgb(30, 90, 130);
    margin: 0 15px 0 0;
    float: right;
    display: inline;
}
.menu-product ul.menubloc {
    display: none;
}
p.opis img {
    width: 190px;
    height: 155px;
    float: left;
    margin: 0 5px 0 0;
    display: inline;
}
#szukaj {
    position: absolute;
    top: 120px;
    width: 335px;
    height: 29px;
    left: 0;
    background: transparent url(images/b.serch.gif) no-repeat 167px 0;
}
#szukaj form input {
    border: 1px solid #1E5A82;
    float: right;
    margin: 0 3px 0 0;
    font: normal 10px Tahoma, sans-serif;
}
#szukaj a {
    height: 16px;
    width: 16px;
    display: block;
    float: right;
    background: transparent url(images/a.serch.gif) no-repeat 0 0;
}