html, body, div, p, form, fieldset, h1, h2, h3 { margin: 0; padding: 0; }


html {
    background: #cdd1da url(images/paski.png) center top repeat-y;
}
body {
    padding: 0 25px;
    font-family: sans-serif;
    background: url(images/bg.top.png) center top repeat-x;
}


a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; text-shadow: #eee 0 0 5px; }
a img { border: 0; }
#content a { color: brown; }


fieldset { padding: 5px 5px 0 5px; }
fieldset + fieldset { margin-top: 20px; }
label { display: block; margin: 0 0 5px 0; text-align: right; }
input, select, textarea { width: 70%; margin-left: 2%; }
input[type="checkbox"] { width: 5%; margin-right: 67%; }
input[type="submit"] { width: 30%; margin: 0 0 5px 60%; }
.onelineforms input { width: 30%; margin: 0 5px 0 0; }
.onelineforms input[type="submit"] { width: 20%; }
.onelineforms fieldset { border: 0; }
table.koszyk { margin: 0 0 15px 0; }
.koszyk th, .koszyk td { text-align: center; }
/* te poniższe dwa a { } to zmiana ilości (minus i plus) */
.koszyk .ilosc a { border: 1px dotted brown; display: inline-block; width: 20px; height: 20px; font-size: 14px; text-align: center; }
.koszyk .ilosc a:hover { text-decoration: none; border-style: solid; }


table { border-collapse: collapse; width: 100%; }
th { text-align: left; }
th, td { border: 1px solid black; vertical-align: top; padding: 3px; }


.opis { margin-bottom: 25px; }
.produkty th, .produkty td { border: 0; text-align: center; vertical-align: middle; font-weight: bolder; }
.produkty .item { position: relative; margin: 25px 15px 0 0; border: 1px solid black; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 400px; }
.produkty .over { background: red; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; }
.produkty .dodaj { float: right; margin-top: 50px; width: 70px; text-align: center; }
#content .produkty .item a { color: black; }


.podkategoria { float: left; display: inline; padding: 3px 3px 0 3px; margin: 0 10px 40px 10px; border: 1px solid black; text-align: center; }
.podkategoria table { width: 132px; }
.podkategoria td { height: 95px; vertical-align: middle; border: 0; margin: 0; padding: 0; }
.podkategoria img { display: block; margin: 0 auto; }


#content div.quote { border: 1px dotted black; margin: 5px; padding: 5px; }
#content ul { margin-top: 0; padding-top: 3px; margin-bottom: 0; padding-bottom: 3px; }


p { margin: 0 0 15px; }


.error { color: red; }


#main {
    background: url(images/paski.top.png) center top no-repeat;
}


#blekitne1 {
    background: url(images/blekit.png) center top repeat-y;
}
#blekitne2 {
    min-height: 602px;
    background: url(images/blekit.top.png) center top no-repeat;
}


#bottom {
    padding-top: 85px;
    height: 108px;
    background: url(images/paski.bottom.png) center top no-repeat;
}
#bottom div {
    width: 710px;
    margin: 0 auto;
    text-align: center;
}
#bottom .l {
    float: left;
}
#bottom .r {
    float: right;
}


#menu {
    width: 690px;
    height: 22px;
    margin: 0 auto 10px auto;
    padding: 2px 20px 2px 20px;
    color: white;
    background: #2d3f6e;
    text-align: justify;
    text-transform: uppercase;
}
#menu li {
    display: inline;
}
#menu li#forIE {
    position: relative;
    border: 1px solid #2d3f6e;
}
#menu span.x {
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
}
#menu li ul {
    margin: 0;
    padding: 5px;
    position: absolute;
    top: 16px;
    left: 0;
    background: #2d3f6e;
    display: none;
}
#menu li ul li {
    display: block;
    white-space: nowrap;
}
#menu li:hover ul, #menu li.hovered ul {
    display: block;
}


#contact {
    width: 690px;
    margin: 0 auto 5px auto;
    padding: 2px 20px 2px 20px;
    color: white;
    background: #9eb0df;
    text-align: center;
    overflow: hidden;
}


#flags {
    width: 730px;
    margin: 0 auto 5px auto;
    overflow: auto;
}
#flags img.logo {
    margin-left: 8px;
    border: 3px solid white;
    height: 222px;
}
#flags a {
    margin: 10px 10px 5px 0;
    float: right;
    clear: right;
    display: inline; /* die IE */
    border: 1px solid #bdc5cd;
}
#flags a img {
    display: block;
    border: 1px solid #fafbfb;
}


#middle {
    padding-bottom: 20px;
    width: 730px;
    margin: 0 auto;
    overflow: auto;
}


#left {
    float: left;
    display: inline; /* M$ */
    width: 170px;
    color: white;
    margin: 0 0 0 30px;
    padding: 20px 0 0 5px;
}
#left h1 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}
#left ul {
    margin: 0 0 20px 8px;
    padding: 0;
    list-style-type: none;
}
#left ul ul {
    margin-left: 10px;
    font-size: 75%;
}


#content {
    float: right;
    display: inline; /* hacking IE */
    margin-right: 25px;
    width: 480px;
}
#content h1 {
    font-size: 20px;
    margin-bottom: 15px;
}
#content h2 {
    font-size: 16px;
    border: 1px solid black;
    padding: 3px;
    font-weight: normal;
}
#content h2.opis { border: 0; }