html, body {
    background-color: rgb(255, 255, 255);
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}
div, p, img, ul, li, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, dt, dd {
    margin: 0;
    padding: 0;
    border: 0;
    font: normal 11px/16px tahoma, verdana, arial, andale mono, sans-serif;
    text-align: left;
    color: rgb(020, 75, 135);
}
a { text-decoration: none; color: rgb(020, 75, 135); outline: none;}
.cl { clear: both; }
#main {
    width: 1000px;
    height: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
}
#top {
    position: relative;
    height: 124px;
    background: transparent url(../img/top.gif) no-repeat center;
}
#wraper, #wraperblank {
    background: rgb(74, 144, 227) url(../img/body-spacer.gif) repeat-x center top;
    padding: 0 0 20px 0;
}
#wraperblank { background: rgb(255, 255, 255) none; }
#wrap {
    margin: 0 15px;
    position: relative;
    overflow: auto;
    height: 100%;
}

.leftbox {
    float: left;
    width: 525px;
    overflow: auto;
    height: 100%;
}
#wraperblank .leftbox { width: 418px; margin: 0;}
.rightbox {
    float: right;
    width: 420px;
    overflow: auto;
    height: 100%;
}
#wraperblank .rightbox { width: 582px; margin: 0;}
#topnav {
    width: 557px;
    height: 95px;
    display: inline;
    float:left;
    margin: 18px 0 0 30px;
    overflow: hidden;

}
#footer {
    width: 95%;
    margin: 10px auto;
    position: relative;
}
#footer a.left  { float: left; }
#footer a.right { float: left; }
#footernav {
    margin: 0 auto;
}
#footernav ul {
    list-style: none;
    height: 100%;
    padding: 0;
    overflow: hidden;
    margin: 5px auto;
    width: 350px;
}
#footernav ul li {
    line-height: 12px;
    border-left: solid 1px rgb(050, 050, 050);
    float: left;
    margin: 0 0 0 -1px;
    display: inline;
}
#footernav ul li a {
    color: rgb(050, 050, 050);
    display: block;
    float: left;
    padding: 1px 8px 1px 7px;
    text-decoration: none;
    font-weight: normal;
}
#footernav ul li a:hover {
    text-decoration: underline;
}
.logo {
    height: 85px;
    width: 267px;
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url(../img/top-logo.gif) no-repeat center center;
    text-indent: -9999px;
}
/* ======================== menu obok loga - */
#nav li {
    list-style: none;
    float: left;
    width: 70px;
}
#nav a { background: transparent no-repeat center top; font: bold 10px Verdana,Tahoma,Arial,Sans-Serif;}
#nav a:hover { color: rgb(252, 25, 33); }
#nav li.produkty a { background-image: url(../img/linki/produkty-on.gif); }
#nav li.serwis a   { background-image: url(../img/linki/serwis-on.gif); }
#nav li.sklepy a   { background-image: url(../img/linki/sklepy-on.gif); }
#nav li.esklep a   { background-image: url(../img/linki/esklep.gif); }
#nav li.produkty a:hover { background-image: url(../img/linki/produkty.gif); }
#nav li.serwis a:hover   { background-image: url(../img/linki/serwis.gif); }
#nav li.sklepy a:hover   { background-image: url(../img/linki/sklepy.gif); }
#nav li.esklep a:hover   { background-image: url(../img/linki/esklep-on.gif); }

#nav a, #nav a:hover {
    font-weight: bold;
    float: right;
    display: inline;
    width: 70px;
    height: 85px;
    text-align: center;
    padding: 70px 0 0 0;
    line-height: 15px;
}
/* ======================== wyszukiwarka - */
#search {
    text-align: left;
    position: absolute;
    top: 0;
    left: 15px;
}
#search form {
    background: rgb(187, 216, 233) url(../img/plansza-szukaj-202-32.gif) no-repeat left bottom;
    width: 200px;
    padding: 0 0 9px 1px;
    clear: both;
}
#search form input.find, #search form input {
    width: 120px;
    margin: 7px 0 0 5px;
    height: 15px;
    padding: 0 3px;
    border: 1px solid #4572A1;
    float: left;
    font: normal 10px/13px tahoma, arial, verdana;
}
#search form blockquote {
    height: auto;
    padding: 4px 0 4px 5px;
    clear: both;
}
#search form input, #search form select {
    float: right;
    width: 122px;
    margin: 0 5px 0 0;

}
#search form select {
    width: 130px;
}
#select form select {
    font: normal 10px/15px tahoma, arial, verdana;
}
#search form label {
    font: normal 10px/15px tahoma, arial, verdana;
    float: left;
}
#search form input.go {
    width: 51px;
    height: 17px;
    border: none;
    margin: 7px 5px 0 0;
    float: right;
}
#search a, #search a:hover {
    margin: 0 0 0 10px;
    font: bold 10px/32px Verdana, Tahoma, Arial, Sans-Serif;
}
#search a:hover {
    color: rgb(252, 25, 33);
}
#search ul {
    display: none;
}
#search p {
    position: absolute;
    top: 0;
    left: 200px;
    width: 20em;
}
/* ======================== promocja - */
#items {

    width: 525px;
}
.item {
    display: inline;
    float: left;
    width: 173px;
    margin: 40px 0 0 0;
}
.item .category {
    float: right;
    display: inline;
    margin: 0 20px 0 0;
    width: 76px;
    font: bold 11px/23px Verdana, Tahoma, Arial, Sans-Serif;
    background: transparent url(../img/linki/czerwona-zakladka.gif) no-repeat right;
    color: rgb(255, 255, 255);
    text-align: center;
}
.item .category2 {
    float: right;
    display: inline;
    margin: 0 20px 0 0;
    width: 96px;
    font: bold 11px/23px Verdana, Tahoma, Arial, Sans-Serif;
    background: transparent url(../img/linki/czerwona-zakladka2.gif) no-repeat right;
    color: rgb(255, 255, 255);
    text-align: center;
}
.item .image {
    background: transparent url(../img/plansza-ramki-158-179.gif) no-repeat right;
    height: 179px;
}
.item .image a {
    width: 136px;
    height: 157px;
    float: right;
    display: block;
    padding: 10px;
}
.item .image img {
    width: 136px;
    height: auto;

}

.item .description {
    background: transparent url(../img/plansza-158-55.gif) no-repeat bottom;
    height: 45px;
    margin: 9px 0 0 15px;
    padding: 5px;
    text-align: center;
}
.description h3 {
    text-align: center;
    font: bold 13px/20px Verdana, Tahoma, Arial, Sans-Serif;
    color: rgb(24, 73, 114);
}
.description span {
    font: normal 10px/18px Verdana, Tahoma, Arial, Sans-Serif;
}
.description strong {
    font: bold 12px/18px Verdana, Tahoma, Arial, Sans-Serif;
    color: rgb(255, 55, 55);
}
/* ======================== banery + */
.baner-331 {
    float: left;
    display: inline;
    margin: 23px 0 0 15px;
    width: 331px;
    height: 78px;
    background: transparent url(../img/plansza-331-78.gif) no-repeat center;
}
.baner-331 img {
    width: 312px;
    height: 70px;
    margin: 4px 0 0 8px;
}
.padding {


}
.baner {
    width : 346px;
    float: left;
    display: inline;
}
.baner-158 {
    float: left;
    display: inline;
    margin: 30px 0 0 15px;
    width: 158px;
    height: 78px;
    background: transparent url(../img/plansza-158-78.gif) no-repeat top center
}
.baner-158 img, .baner-158 div {
    width: 146px;
    margin: 6px;
    height: 65px;
}

/* ======================== newsy - */
#newsy {
    float: left;
    display: inline;
    margin: 30px 0 0 0;
    width: 173px;
    background: transparent url(../img/plansza-158-180.gif) no-repeat right;
    height: 180px;
    position: relative;
}
.news {
    float: left;
    display: inline;
    padding: 0 8px 0 25px;
    color: rgb(020, 75, 135);
    width: 135px;
    height: 70px;
    margin: 10px 0 0 5px;
    background: transparent url(../img/news-paragraf.gif) no-repeat top left;
}
.news h4 {
    font: bold 11px/18px Tahoma, Verdana, Arial;
}
.news p {
    margin: 0;
    padding: 0;
    color: rgb(020, 75, 135);
}
/* ======================== rightbox -- elementy - */
#oneitempromo {
    height: 250px;
    margin: 0;
    padding: 0;
    position: relative;
}
#oneitempromo h2 {
    margin: 0;
    padding: 0;
}
#sidemenu {
    padding: 0 15px 0 0;
    width: 388px;
    float: right;
}
#oneitempromo p {
    margin: 5px 0 0 25px;
}
#oneitempromo p span {
    color: red;
    font-size: 14px;

}
#sidemenu blockquote {
    padding: 18px 4px 0 4px;
    width: 380px;

}
#sidemenu blockquote, #sidemenu blockquote p {
    background-color: rgb(74, 144, 227);

    color: white;
}
#sidemenu blockquote h2 {
    font-size: 12px;
    font-weight: bold;
    color: white;
}
#sidemenu blockquote p, #sidemenu blockquote span, #sidemenu blockquote a {
    color: white;
    padding: 4px 0;
}
#sidemenu blockquote a {

    color: rgb(187, 216, 233);
}
#sidemenu blockquote a:hover {
    text-decoration: underline;
}
#sidemenu blockquote li {
    margin: 0 0 0 15px;
    color: white;
}
#advenced {
    display: none;
}
/* ======================== podstrona - */
#general {
}
#technical {
}
.spec-head {
    font: bold 12px/16px tahoma, verdana, arial, andale mono, sans-serif;
    color: rgb(2, 63, 110);
    margin: 0 0 4px 10px;

}
.spec {
    width: 300px;

    float: left;
    background: transparent url(../img/podstrona/opis-spacer.gif) repeat-y center;
}
.spec .top {
    height: 12px;
    background: transparent url(../img/podstrona/opis-gora.gif) no-repeat top;
}
.spec .bot {
    height: 12px;
    background: transparent url(../img/podstrona/opis-dol.gif) no-repeat bottom;
    padding: 0 0 0 0;
}
.spec .content {
    color: rgb(2, 63, 110);
    padding: 0 12px;
    font: normal 11px/16px verdana, arial, tahoma,  andale mono, sans-serif;
    margin: 0;
}
.content dt {
    font-weight: bold;
    color: rgb(231, 138, 0);
    padding: 0;
}
.content dd {
    padding: 0 0 0 10px;
    line-height: 16px;
}
/* ======================== produkty podstrona lewy opis - */
#product, #product-miniimage {
    margin: 0;
    overflow: auto;
    height: 100%;
    float: left;
    display: block;
    width: 418px;
}
#product .image {
    float: left;
    width: 192px;
    height: 218px;
    background: transparent url(../img/podstrona/plansza-192-218.gif) no-repeat center;
}
#product .content {
    float: right;
    width: 191px;
    display: inline;
    margin: 0 10px;
}
#product h1, #oneitempromo h2 {
    font: bold 16px/16px tahoma, verdana, arial, andale mono, sans-serif;
    color: rgb(2, 63, 110);
    text-align: center;
}
#oneitempromo h2 {
    text-align: left;
    padding: 25px 0 15px 25px;
}
.short-spec dt {

    font-weight: normal;
    color: rgb(2, 63, 110);
    padding: 0 0 0 5px;
    line-height: 21px;
}
.short-spec dt strong {
    padding: 0 5px 0 0;
}
.mini-image {
    display: block;
    width: 418px;
}
#product-miniimage .miniimage {
    background: transparent url(../img/podstrona/plansza-98.gif) no-repeat center;
    width: 98px;
    height: 98px;
    float: left;
    margin: 10px 10px 0 0;
    display: inline;
}
#product-miniimage .miniimage img {
    margin: 9px;
}
#product .image img {
    margin: 13px;
}
#menu {
    position: absolute;
    top: 0;
    left: 470px;
}
#produkty {

}
#contentpro {
    margin: 0;
    padding: 45px 15px 45px 15px ;

}
#contentpro blockquote {
    width: 700px;
    margin: 0 auto;
}
#side {
    float: left;
    margin: 0;
}
form#produkty fieldset {
    border: 1px solid rgb(187, 216, 233);
    padding: 10px;
    margin: 20px 0 0 0;
}
form#produkty blockquote {
    display: block;
    height: 28px;
    float: left;
    padding: 0 10px;
    background-color: white;
    width: 250px;
}
form#produkty blockquote.blanke {
    display: none;
}
form#produkty blockquote label, form#produkty blockquote select {
    float: left;
    height: 20px;
    padding: 0;
    width: 90px;
    display: block;
}
form#produkty blockquote select {
    float: right;
    width: 150px
}
#produktyout {
    padding: 5px 0;
    margin: 5px auto;
    width: 930px;
}
#produktyout blockquote {
    display: inline;
    background-color: rgb(187, 216, 233);
    padding: 5px 0 5px 10px;
    margin: 1px 5px;
    width: 290px;
    float: left;
}
#produktyout h2 {
    width: 100%;
    text-align: center;
    font: bold 12px/12px tahoma, verdana, arial, sans-serif;
    margin: 20px 0 0 0;
}
a.wiecej {
    width: 40px;
    height: 23px;
    display: block;
    color: red;
    font: bold 10px/14px tahoma, verdana, arial, sans-serif;
    float: right;
}
.era-white {
    margin: 25px auto;
    width: 331px;
    height: 85px;
    background: transparent url(../img/era-white.gif) no-repeat;
}
a.telefon-promo {
    width: 180px;
    height: 309px;
    display: block;
    position: absolute;
    top: 56px;
    left: 762px;;
}
#footer a.right {
    float: right;
    margin: -20px 0 0 0;
}
#banertop {
    width: 354px;
    height: 77px;
    position: absolute;
    top: 24px;
    left: 625px;
    background: transparent url(../img/b3.gif) no-repeat;
}
#banertop a img {
    margin: 3px 18px;
    width: 317px;
    height: 70px;
}
#banertopsrc {
    margin: 9px 12px 0 12px;
}
#article {
    width: 918px;
    padding: 10px;
    margin: 0 auto;
}
#article h1 {
    font: bold 12px verdana, tahoma, arial;
    margin: 10px 5px;
}
#article .summary {
    width: 298px;
    margin: 3px;
    float: left;
    height: 590px;
    border: 1px solid rgb(187, 216, 233);
}
#article .summary h2 {
    font: bold 11px verdana, tahoma, arial;
    margin: 10px 5px;
    color: red;
}
#article .summary p {
    margin: 5px 10px;
}
.action {
    margin: 0 auto;
    width: 100%;
}
.action a {
    display: inline;
    float: left;
    margin: 0 0 0 5px;
}
.action a.next {
    float: right;
    margin: 0;
}
#text {
    width: 300px;
    margin: 0 auto;
    padding: 40px 0;
    float: left;
}
#wrapedtext {
    width: 700px;
    margin: 0 auto;
}
#wrapedtext p, text p {
    width: 300px;
    text-align: justify;
    padding: 2px 0;
}
.kontakt-info {
    padding: 10px 0 0 10px;
}
#wrapedtext h2, #text h2 {
    margin: 10px 0 0 0;
    color: red;
}
#wrapedtext li, #text li {
    width: 300px;
    margin: 0 0 0 20px;
}
dl#review dt {
    padding: 2px 0;
}
dl#review dd {
    padding: 2px 4px;
}
table {
    width: 700px;
    border: none;
}
table tr {

}
table tr td {
    margin: 0;
    width: auto;
    border-bottom: 1px solid rgb(187, 216, 233);
    padding: 2px 10px;
    border-right: 1px solid #fff;
}
thead tr td {
    padding: 5px 10px;
    background-color: rgb(187, 216, 233);
    border-right: 1px solid #fff;
}
/* forms */
form.contact {
    margin: 0;
    float: right;
    width: 380px;
    padding: 40px 0;
    font-size: 11px;
}

.double {

}
.line, .one {
    padding: 6px 0 0 0;
    display: table;
    margin: 3px 0 3px 0;
    width: 100%;
}
.line label {
    width: 35%;
}
.line .field, one {
    width: 63%;
}
.line label, .line .field, .one .field {
    display: table-cell;
    vertical-align: middle;
}
.field .row, .line .field select {
    font-size: 11px;
    width: 100%;
    -moz-box-sizing: border-box;
}
.one .field {
    padding-left: 35%;
}
.one .field  input.submit {
    color: black;
    padding: 0;
}
.doted {
    color: red;
}
em {
font-style: normal;
color: #323232;
}