/* Reset
     ``````````````````````````````````````````````````````````````````````````` */

    @import 'reset.css';

    /* Layout
     ``````````````````````````````````````````````````````````````````````````` */

    body {
        background: #fff;
        font-family: Arial, Tahoma, Verdana, "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
        font-size: 11px;
        color: #9a9273;
    }

    h2 { font-size: 18px; color: #605f47; }
    h3 { font-size: 15px; color: #a30b0b; }
    h4 { font-size: 11px; }


    a { text-decoration: none; cursor: pointer; color: #9a9273; }
    a:hover { text-decoration: underline; }

    p { line-height: 19px; text-align: left;  }

    .fsitalic { font-style: italic;  }

    /* page
     ``````````````````````````````````````````````````````````````````````````` */

    #background { background: url("../images/elements-bg.jpg") no-repeat top center; }
    #page { width: 996px; margin: 0 auto; min-height: 200px; position: relative; z-index: 10; }

    /* Header
     ``````````````````````````````````````````````````````````````````````````` */

    #header { overflow: hidden; position: relative; height: 147px; }
    
        #header #logo { position: absolute; top: 53px; left: 10px; width: 187px; height: 58px; }
            #header #logo a { width: 187px; height: 58px; display: block; text-indent: -7777em; }

        #header #logout { width: 330px; margin-top: 10px; float: right; display: inline; }
            #header #logout input{ float: left; display: inline; }
            #header #logout input[type="text"], #header #logout input[type="password"] { margin-right: 6px; border: 0; width: 104px; padding: 6px 10px 5px 10px; color: #d3d3d3; background: url("../images/input-1.png") no-repeat; }
            #header #logout input[type="image"] { margin: 1px 0 0 1px; }
            #header #logout p.links { color: #959583; margin: 1px 0 0 -1px;  }
            #header #logout p a { color: #959583; margin: 0 10px; }

    /* Menu
     ``````````````````````````````````````````````````````````````````````````` */

    #menu { width: 979px; background: url("../images/elements-bg-menu.gif") no-repeat; height: 49px; margin: 0 0 0 7px; }
        #menu ul { padding-top: 1px; }
        #menu ul li.first { width: 96px; border: 0; }
        #menu ul li.first a { padding-left: 35px; }
        #menu ul li.first a:hover { background: none; }
        #menu ul li { font-size: 15px; float: left; display: inline; border-right: 1px solid #b84343; }
        #menu ul li a { color: #fff; padding: 15px 20px 0 20px; height: 33px; display: block; text-decoration: none; }
        #menu ul li a:hover, #menu ul li.active a { background: url("../images/elements-menu-hover.gif") repeat-x; }

    /* Container
     ``````````````````````````````````````````````````````````````````````````` */

    #container { margin: 15px 0 0 0; }

        /* Breacumbs
         ``````````````````````````````````````````````````````````````````````````` */

        .breadcumbs { overflow: hidden; margin: 17px 0 11px 10px; }
            .breadcumbs li { float: left; display: inline; overflow: hidden; margin: 0 4px; }
            .breadcumbs li a {  margin: 0 8px 0 4px; }

        /* Center
         ``````````````````````````````````````````````````````````````````````````` */

        #center { margin: 10px 0 0 0; width: 996px; }
            #center .ctop { background: url("../images/elements-center-top.png") no-repeat; height: 19px; overflow: hidden; }
            #center .ctop-2 { background: url("../images/elements-center-top-2.gif") no-repeat; }
            #center .content {  background: url("../images/elements-center-middle.gif") repeat-y;  }
            #center .cbottom { background: url("../images/elements-center-bottom.gif") no-repeat left bottom; min-height: 400px; padding: 0 10px 15px 10px; }

            /* Wrapper
             ``````````````````````````````````````````````````````````````````````````` */

            #wrapper { float: right; display: inline; width: 700px; padding-right: 10px; }
                #wrapper h2 { border-bottom: 1px solid #ecece6; padding-bottom: 8px; margin-bottom: 25px; }
                #wrapper .bar { background: #ecece6; margin: 25px 0 15px 0; overflow: hidden; height: 1px; }
                #wrapper .serwery { position: relative; right: 64px; width: 769px; height: 673px; background: url("../images/elements-index-bg.jpg") no-repeat; }
                #wrapper p { margin: 10px 0; }
                #wrapper ol li { margin: 6px 0; color: #a39969; }
                #wrapper .title { color: #a30b0b; height: 25px; background: url("../images/elements-article-footer.gif") no-repeat; padding: 12px 10px 0 20px; }

                #wrapper .text { padding: 10px 20px; }
                #wrapper .text.t2 { padding: 0px 15px; }

            /* Left
             ``````````````````````````````````````````````````````````````````````````` */

            #left { width: 234px; float: left; display: inline; position: relative; top: -10px; }
                #left .control { width: 163px; height: 129px; background: url("../images/elements-egscontrol.gif") no-repeat; text-indent: -7777em; margin: 30px auto; }

                /* Menu left
                 ``````````````````````````````````````````````````````````````````````````` */

                .menu { width: 233px; background: url("../images/elements-menu-middle.gif") repeat-y; }
                    .menu .top { background: url("../images/elements-menu-top.gif") no-repeat left top; }
                    .menu .bottom { background: url("../images/elements-menu-bottom.gif") no-repeat left bottom; padding: 15px 0; }
                    .menu ul { width: 80%; display: block; margin: 0 auto; }
                    .menu ul li { margin: 0px 0px; padding: 10px 0; border-bottom: 1px solid #b63f3f; }
                    .menu ul li a { color: #fff; }

        /* Footer
         ``````````````````````````````````````````````````````````````````````````` */

        #footer { margin: 10px 10px; }

                /* Article
                 ``````````````````````````````````````````````````````````````````````````` */

                 .article { overflow: hidden; }
                 .article li { overflow: hidden; padding-bottom: 15px; }
                 .article li h3 { margin: 4px 17px; }
                 .article li p { margin: 6px 17px!important; }
                 .article li .footer { height: 37px; background: url("../images/elements-article-footer.gif") no-repeat; margin-top: 18px; }
                 .article li .footer p { padding: 10px 10px 0 10px; margin: 0!important; }
                 .article li .footer a.button-dodaj { width: 61px; height: 25px; background: url("../images/button-dodaj.gif") no-repeat; display: block; text-indent: -7777em; float: right; display: inline; margin: 6px 15px 0 0; }

                /* Games
                 ``````````````````````````````````````````````````````````````````````````` */

                .games { overflow: hidden; color: #716e62; }
                .games li { overflow: hidden; }
                .games li.head { width: 696px; height: 36px; background: url("../images/elements-article-footer.gif") no-repeat; padding-top: 1px; }
                .games li.head span { display: block; font-weight: bold; }
                .games li p { padding: 8px 22px 8px 22px; width: 200px; float: left; display: inline; border-right: 1px solid #e0e0da; margin: 0!important; }
                .games li .type { width: 220px; }
                .games li .location { width: 250px; }
                .games li .price { width: 80px; border: 0; }

                .games li.item { border-bottom: 1px solid #e0e0da; margin: 0 10px; }
                .games li.item .type { width: 210px; color: #bf925e; }
                .games li.item img { margin: 1px 0 0 10px; position: relative; top: 2px;  }

                .games.cennik li.item .type { color: #6d6363; }
    /* colors
     ``````````````````````````````````````````````````````````````````````````` */

    .cred { color: #a30b0b!important; }
    .cdarkorange { color: #bf925e!important; }

    /* inputs, forms
     ``````````````````````````````````````````````````````````````````````````` */

    input, textarea { border: 1px solid #bababa; padding: 3px; background: #fff; font-size: 11px; font-family: Arial; color: #757575; }
    select { border: 1px solid #bababa; padding: 3px 2px; background: #f6f6f6; font-size: 11px; font-family: Arial; color: #757575; }

    .button { border: 0!important; padding: 0!important; background: none; width: auto!important; height: auto!important; }

    form ul { margin-right: -40px; }
    form ul li { overflow: hidden; margin: 8px 0; }
    form ul li label { width: 60px; float: left; display: inline; margin: 8px 0 0 0; font-weight: bold; color: #a39969; }
    form ul li input { float: left; display: inline; padding: 8px 10px 6px 10px; width: 214px; border: 0; background: url("../images/input-2.gif") no-repeat; }
    form ul li .textarea { float: left; display: inline; padding-right: 10px; width: 601px; height: 105px; border: 0; background: url("../images/textarea-1.gif") no-repeat; }
    form ul li textarea { overflow: auto; padding: 8px 10px 6px 10px; width: 581px; height: 91px; border: 0; background: none;}
    form ul li .button { float: right; margin: 10px 30px 10px 0; }