@charset "utf-8";

/**
 * @author Wrzasq <wrzasq@gmail.com>
 * @copyright 2008 (C) by Wrzasq
 * @package WrzasqCMF
 * @version 0.0.1
 */

.existsYes
{
    color: #ff0000;
    background-color: inherit;
}

.existsNo
{
    color: #00ff00;
    background-color: inherit;
}

.name, dt, .price
{
    font-weight: bold;
}

.latin
{
    font-style: italic;
}

body
{
    margin: 0;
    padding: 0;
    background-color: #1a1a1a;
    color: #ffffff;
    background-image: url(/images/tlo.png);
    background-repeat: repeat-x;
}

.wrapper
{
    margin: 0 auto;
    width: 612px;
    background-color: #ffffff;
    background-image: url(/images/belka.png);
    background-repeat: no-repeat;
    background-position: bottom;
    color: inherit;
    padding-bottom: 9px;
}

.header
{
    width: 485px;
    height: 63px;
    background-image: url(/images/logo.png);
    background-repeat: no-repeat;
    background-position: 0 15px;
    margin: 0 auto;
}

.menu
{
    margin-left: 0;
    padding-left: 11px;
    height: 98px;
    background-image: url(/images/b.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

.menu li, .lastadd li, .sidebar li
{
    overflow: hidden;
    list-style: none;
}

.menu li
{
    margin: 0;
    padding: 0;
    width: 118px;
    float: left;
}

.menu li a
{
    display: block;
    height: 78px;
    width: 118px;
}

#b1 a
{
    width: 118px;
    background-image: url(/images/bbb1.png);
}

#b2 a
{
    width: 118px;
    background-image: url(/images/bbb2.png);
}

#b3 a
{
    width: 118px;
    background-image: url(/images/bbb3.png);
}

#b4 a
{
    width: 118px;
    background-image: url(/images/bbb4.png);
}

#b5 a
{
    width: 118px;
    background-image: url(/images/bbb5.png);
}

#b1 a:hover, #b2 a:hover, #b3 a:hover, #b4 a:hover, #b5 a:hover
{
    background-position: 0 -78px;
}

.banner
{
    width: 580px;
    height: 216px;
    background-image: url(/images/banner.png);
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

p
{
    text-align: justify;
    text-indent: 32px;
}

.warn
{
    background-color: #ffdddd;
    padding: 7px;
    color: #330000;
    border: 1px solid #cc0000;
}

.sidebar
{
    margin: 11px auto;
    padding: 0;
}

.sidebar li
{
    margin: 3px;
    padding: 0 0 11px 0;
    width: 110px;
    text-align: center;
    float: left;
}

.sidebar li a
{
    display: block;
    height: 37px;
    width: 110px;
    padding-top: 7px;
}

#mb5
{
    margin-right: 0;
}

#mb1 a
{
    width: 110px;
    background-image: url(/images/mb1.png);
    color: #ffffff;
    background-color: inherit;
    text-decoration: none;
}

#mb2 a
{
    width: 110px;
    background-image: url(/images/mb2.png);
    color: #ffffff;
    background-color: inherit;
    text-decoration: none;
}

#mb3 a
{
    width: 110px;
    background-image: url(/images/mb3.png);
    color: #ffffff;
    background-color: inherit;
    text-decoration: none;
}

#mb4 a
{
    width: 110px;
    background-image: url(/images/mb4.png);
    color: #ffffff;
    background-color: inherit;
    text-decoration: none;
}

#mb5 a
{
    width: 110px;
    background-image: url(/images/mb5.png);
    color: #ffffff;
    background-color: inherit;
    text-decoration: none;
}

#mb1 a:hover, #mb2 a:hover, #mb3 a:hover, #mb4 a:hover, #mb5 a:hover
{
    color: #dedede;
    background-color: inherit;
}

.content
{
    font: 12px Arial, sans-serif;
    padding: 15px 15px 6px 15px;
    color: #000000;
    background-color: inherit;
}

.content h1
{
    clear: both;
    font: 22px Tahoma, sans-serif;
    text-transform: uppercase;
    color: #020202;
    margin: 0;
    padding: 0;
    background-color: inherit;
}

.content h2
{
    clear: both;
    font: 18px Verdana, sans-serif;
    text-transform: uppercase;
    color: #E74606;
    margin: 0;
    padding: 0 0 4px 0;
    background-color: inherit;
    background-image: url(/images/bar.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.photo
{
    margin-left: 12px;
    float: right;
    width: auto;
}

.content a, .content a:link, .content a:visited
{
    color: #417101;
    font-weight: bold;
    background-color: inherit;
}

.content a:hover, .content a:active
{
    color: #00455e;
    font-weight: bold;
    background-color: inherit;
}

.footer
{
    margin: 0 auto;
    width: 612px;
    height: 70px;
    text-align: center;
    clear: both;
}

.logo
{
    width: 132px;
    height: 29px;
    float: right;
}

a img
{
    border: 0;
}

#web, #graphics, #arch, #service, #software, #wrzasq, #chester, #lukasz
{
    background-position: left 7px;
    background-repeat: no-repeat;
    padding: 0 0 0 22px;
}

#web
{
    background-image: url(/images/web.png);
}

#graphics
{
    background-image: url(/images/graphics.png);
}

#arch
{
    background-image: url(/images/arch.png);
}

#service, #wrzasq, #chester, #lukasz
{
    background-image: url(/images/service.png);
}

#software
{
    background-image: url(/images/software.png);
}

.lastadd
{
    margin: 0 0 0 10px;
    padding: 0;
    float: right;
    width: 200px;
    text-align: center;
}

.lastadd p
{
    padding: 0;
    margin: 0;
    text-indent: 0;
    text-align: center;
}

.lastadd ul
{
    margin: 0 22px 0 22px;
    padding: 0;
}

.lastadd li
{
    margin: 3px;
    padding: 2px 0 0 0;
    width: 25px;
    text-align: center;
    height: 27px;
    color: #ffffff;
    background-color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    float: left;
}

#s1
{
    background-image: url(/images/s1.png);
}

#s2
{
    background-image: url(/images/s2.png);
}

#s3
{
    background-image: url(/images/s3.png);
}

#s4
{
    background-image: url(/images/s4.png);
}

#s5
{
    background-image: url(/images/s5.png);
}

.welcome
{
    float: left;
    width: 360px;
}

.welcome h1, .welcome h2, #web
{
    clear: none;
}

#ajaxDisplay
{
        position: fixed;
        width: 840px;
        height: 95%;
        top: 0;
        margin: 20px;
        margin-left: 230px;
        background-color: #ffffff;
        overflow: auto;
        border: 1px solid #000000;
        color: inherit;
}

.pagination
{
    clear: both;
    width: 100%;
    text-align: center;
}