/*-------------------------------------------------------------------- resets */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p,
pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins,
map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img,
kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, select,
input, textarea {
    margin: 0;
    padding: 0;
    font: 100%/1.2 verdana, arial, helvetica, sans-serif;
    }
img, fieldset {
    border: 0;
    }
a, a:visited, a:active {
    outline: none;
    text-decoration: none;
    }
/*------------------------------------------------------------- end of resets */

/*----------------------------------------------------------- common elements */
body {
    background: #0f0e0d;
    }
#page {
    font: 0.8em/1.2 verdana, arial, helvetica, sans-serif;
    color: #333;
    margin: 0 auto;
    }
#container a {
    text-decoration: none;
    border-bottom: 1px dotted #a8034f;
    color: #a8034f;
    }
#container a:hover {
    border-bottom: 1px dashed #a8034f;
    }
#container strong {
    font-weight: bold;
    }
#container strong.name {
    color: #a03b50;
    }
#container p {
    margin: 10px 0 10px 0;
    line-height: 1.3;
    }
#container ul {
    padding: 0 0 0 30px;
    }
#container span.quote {
    display: block;
    font-style: italic;
    padding: 15px 15px 5px 25px;
    }

/*---------------------------------------------------- end of common elements */

/* -------------------------------------------------------------- main layout */
#top {
    height: 450px;
    background: transparent url("../images/bgs-repeat-x.png") 0px -1040px repeat-x;
    }
    #header-wrapper {
        height: 260px;
        width: 870px;
        margin: 0 auto;
        }
    #header {
        position: relative;
        }
    #header #decorations {
        position: absolute;
        top: 20px;
        right: 0px;
        width: 330px;
        height: 227px;
        background: transparent url("../images/bgs-no-repeat.png") -1785px top no-repeat;
        }
    #header #title {
        }
    #header #title .text {
        display: none;
        }
    #header #title h1 {
        position: absolute;
        top: 60px;
        width: 328px;
        height: 141px;
        }
        #header #title h1 img {
            font-size: 80px;
            font-variant: small-caps;
            line-height: 60px;
            color: #883143;
            }
    #header #title h2 {
        position: absolute;
        top: 200px;
        left: 120px;
        width: 393px;
        height: 58px;
        }
        #header #title h2 img {
            font-size: 28px;
            font-style: italic;
            line-height: 50px;
            color: #4e4a47;
            }
    #menu-wrapper {
        position: relative;
        height: 190px;
        width: 847px;
        margin: 0 auto;
        background: transparent url("../images/bgs-no-repeat.png") 0px 0px no-repeat;
        }
    #menu {
        position: absolute;
        height: 186px;
        width: 830px;
        top: 5px;
        left: 17px;
        }
        #menu ul.menu {
            }
        #menu ul.menu li {
            list-style-type: none;
            display: inline;
            }
            #menu ul.menu li .item-wrapper {
                position: relative;
                float: left;
                width: 110px;
                height: 132px;
                margin: 15px -8px 0px 0px;
                background: transparent url("../images/bgs-no-repeat.png") -1675px -200px no-repeat;
                }
            #menu ul.menu li.active .item-wrapper {
                margin-top: 45px;
                height: 140px;
                }
            #menu ul.menu li.ekonomia-spoleczna .item-wrapper {
                margin-right: 0;
                }
            #menu ul.menu li .item-wrapper .bottom-shadow {
                position: absolute;
                width: 110px;
                height: 0px;
                top: 105px;
                overflow: hidden;
                background: transparent url("../images/bgs-no-repeat.png") -1785px bottom no-repeat;
                }
            #menu ul.menu li.ekonomia-spoleczna .item-wrapper .bottom-shadow {
                background: transparent url("../images/bgs-no-repeat.png") -1895px bottom no-repeat;
                }
            #menu ul.menu li.active .item-wrapper .bottom-shadow {
                top: 102px;
                height: 41px;
                }
            #menu ul.menu li a {
                display: block;
                position: absolute;
                width: 100px;
                height: 130px;
                margin: 0px 0px 0px 0px;
                text-align: center;
                text-decoration: none;
                outline: none;
                }
            #menu ul.menu li.strona-glowna a {
                background: #ef9e04 url("../images/bgs-repeat-x.png") 0px 0px repeat-x;
                }
            #menu ul.menu li.o-nas a {
                background: #fb8902 url("../images/bgs-repeat-x.png") 0px -130px repeat-x;
                }
            #menu ul.menu li.oferta a {
                background: #fb6d01 url("../images/bgs-repeat-x.png") 0px -260px repeat-x;
                }
            #menu ul.menu li.od-kuchni a {
                background: #ff5400 url("../images/bgs-repeat-x.png") 0px -390px repeat-x;
                }
            #menu ul.menu li.galeria a {
                background: #f64405 url("../images/bgs-repeat-x.png") 0px -520px repeat-x;
                }
            #menu ul.menu li.referencje a {
                background: #d53b04 url("../images/bgs-repeat-x.png") 0px -650px repeat-x;
                }
            #menu ul.menu li.kontakt a {
                background: #c23603 url("../images/bgs-repeat-x.png") 0px -780px repeat-x;
                }
            #menu ul.menu li.ekonomia-spoleczna a {
                background: #477d0b url("../images/bgs-repeat-x.png") 0px -910px repeat-x;
                }
                #menu ul.menu li a .text, #menu ul.menu li a .text-under {
                    display: block;
                    position: relative;
                    top: 80px;
                    font-size: 14px;
                    font-weight: bolder;
                    color: red;
                    }
                #menu ul.menu li a .text {
                    top: 64px;
                    left: 1px;
                    color: #fefefe;
                    }
                #menu ul.menu li.strona-glowna a .text, #menu ul.menu li.ekonomia-spoleczna a .text {
                    top: 47px;
                    }
                #menu ul.menu li.strona-glowna a .text-under {
                    color: #cf8904;
                    }
                #menu ul.menu li.o-nas a .text-under {
                    color: #d27302;
                    }
                #menu ul.menu li.oferta a .text-under {
                    color: #d66005;
                    }
                #menu ul.menu li.od-kuchni a .text-under {
                    color: #d64803;
                    }
                #menu ul.menu li.galeria a .text-under {
                    color: #cb3905;
                    }
                #menu ul.menu li.referencje a .text-under {
                    color: #a42f06;
                    }
                #menu ul.menu li.kontakt a .text-under {
                    color: #9f2c02;
                    }
                #menu ul.menu li.ekonomia-spoleczna a .text-under {
                    color: #396409;
                    }


#center {
    background: #2f2822;
    width: 100%;
    }
    #main {
        position: relative;
        width: 847px;
        margin: 0 auto;
        background: #f7f6f2 url("../images/bgs-repeat-y.png") 0px 0px repeat-y;
        }
    #main #left-deco {
        width: 100px;
        height: 340px;
        position: absolute;
        left: 15px;
        bottom: 0px;
        background: #f7f6f2 url("../images/bgs-no-repeat.png") 0px -330px no-repeat;
        }
    #main #right-deco {
        width: 100px;
        height: 340px;
        position: absolute;
        right: 15px;
        bottom: 0px;
        background: #f7f6f2 url("../images/bgs-no-repeat.png") -100px -330px no-repeat;
        }
    #main #container-wrapper {
        background: transparent url("../images/bgs-no-repeat.png") -847px bottom no-repeat;
        width: 818px;
        margin-left: 15px;
        min-height: 340px;
        height: auto !important;
        height: 340px;
        }
    #main #container {
        position: relative;
        overflow: hidden;
        width: 600px;
        margin: 0 auto;
        padding: 30px 0px 30px 0px;
        }

#bottom {
    width: 100%;
    height: 135px;
    background: transparent url("../images/bgs-repeat-x.png") 0px bottom repeat-x;
    }
    #footer-wrapper {
        position: relative;
        width: 847px;
        height: 85px;
        margin: 0 auto;
        background: transparent url("../images/bgs-no-repeat.png") 0px bottom no-repeat;
        }
    #footer {
        position: absolute;
        height: 31px;
        width: 814px;
        top: 37px;
        left: 17px;
        font-size: 0.85em;
        }
    .strona-glowna #footer {
        background: #ef9e04;
        }
    .o-nas #footer {
        background: #fb8902;
        }
    .oferta #footer {
        background: #fb6d01;
        }
    .od-kuchni #footer {
        background: #ff5400;
        }
    .galeria #footer {
        background: #f64405;
        }
    .referencje #footer {
        background: #d53b04;
        }
    .kontakt #footer {
        background: #c23603;
        }
    .ekonomia-spoleczna #footer {
        background: #477d0b;
        }
        #footer #copyright {
            position: absolute;
            top: 9px;
            left: 15px;
            color: #000;
            }
        #footer #author {
            position: absolute;
            top: 9px;
            right: 15px;
            }
            #footer #author a {
                color: #222;
                }
            #footer #author span.lighter {
                color: #333;
                }
/* ------------------------------------------------------- end of main layout */

/* ------------------------------------------------------------ page specific */
/* ------------------------------------------ Strona główna */
#page.strona-glowna #main #container {
    width: 650px;
    }

/* ------------------------------------------ Galeria */
#page.galeria #main #container {
    width: 650px;
    }
#gallery {
    margin: 0 0 0 10px;
    }
    #gallery ul.thumbs {
        clear: both;
        margin: 0;
        padding: 0;
        }
        #gallery ul.thumbs li {
            float: left;
            padding: 0;
            margin: 10px;
            list-style: none;
            background: transparent;
            height: 106px;
            width: 106px;
            }
            #gallery ul.thumbs li a {
                padding: 2px;
                display: block;
                float: left;
                border: 1px solid #ccc;
                background: #fff;
                }
            #gallery ul.thumbs li a:hover {
                background: #d6516c;
                border: 0px;
                }
            #gallery ul.thumbs li a:focus {
                outline: none;
                border: 0px;
                }
                #gallery ul.thumbs li img {
                    border: none;
                    display: block;
                    }

/* ------------------------------------------ Referencje */
#page.referencje #main #container {
    width: 650px;
    }
#references {
    margin: 0 0 0 0px;
    }
    #references ul.thumbs {
        clear: both;
        margin: 0;
        padding: 0;
        }
        #references ul.thumbs li {
            float: left;
            display: inline;
            padding: 0;
            margin: 10px 10px 10px 22px;
            list-style: none;
            background: transparent;
            }
            #references ul.thumbs li a {
                padding: 2px;
                display: block;
                border: 1px solid #ccc;
                color: #666;
                background: #fff;
                overflow: hidden;
                position: relative;
                width: 280px;
                height: 100px;
                }
            #references ul.thumbs li a:hover {
                border: 1px solid #d6516c;
                }
            #references ul.thumbs li a:focus {
                outline: none;
                }
                #references ul.thumbs li img {
                    border: none;
                    display: block;
                    float: left;
                    margin-right: 5px;
                    }
                #references ul.thumbs li .description {
                    display: block;
                    max-height: 100px;
                    width: 190px;
                    position: absolute;
                    bottom: 5px;
                    right: 3px;
                    }

/* ------------------------------------------ Kontakt */
#page.kontakt #container p.small-text {
    font-size: 0.8em;
    margin-top: 30px;
    }