@media screen, projection {

    * {
        margin: 0;
        padding: 0;
        border: 0;
    }

    body {
        background: url("img/bg_body.png");
        background-color: #f2f6d4;
        background-repeat: repeat-x;
        font-family: Verdana, "Arial CE",Helvetica,Arial,Sans-serif;
        font-size: 0.7em;
    }

    #top_banner {
        width: 950px;
        height: 179px;
        background: url("img/top.jpg");
        border: 6px solid white;
        margin: 60px auto 0 auto;
    }

    #main {
        width: 950px;
        border-left: 6px solid white;
        border-right: 6px solid white;
        margin: 0 auto;
        background: url("img/bg_main.gif");
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    #left_column {
        border-right: 6px solid white;
        width: 272px;
        float: left;
        font-family: "Arial CE",Helvetica,Arial,Sans-serif;
        font-size: 1.1em;
    }

    #left_column .nadpis {
        color: #000;
        font-size: 18px;
        margin: 20px 20px 10px 20px;
        font-weight: bold;
    }
    #left_column .nadpis2 {
        color: #000;
        font-size: 15px;
        margin: 20px 20px 10px 20px;
        font-weight: bold;
    }
    #left_column p.odstavec {
        padding-left: 40px;
    }

    #left_column ul {
        padding: 0 0 0 40px;
        list-style-type: none;
        list-style-image:url(img/odrazka.gif);
    }

    #left_column li {
        padding: 3px 16px 5px 0px;
    }
    #left_column a.red {
        color: #f00;
    }
    #left_column a {
        text-decoration: none;
        color: black;
        font-weight: bold;
    }

    #left_column a:hover {
        color: red;
    }

    #menu {
        width: 672px;
        float: right;
        background-color: #8fa73f;
        font-weight: bold;
        font-size: 15px;
        text-align: right;
    }

    #menu .content {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #menu a {
        text-decoration: none;
        color: white;
    }

    #menu a:hover {
        color: yellow;
    }

    #doc {
        width: 640px;
        float: right;
        background-color: #ffffff;
    }

    #doc .content {
        padding: 20px 30px 0px 0px;
        background-color: #ffffff;
    }

    #left, .left {
        width: 330px;
        float: left;
    }

    #right, .right {
        width: 240px;
        float: right;
    }

    #right .image, .right .image {
        text-align: right;
    }

    #left img, #right img, .left img, .right img {
        margin-top: 10px;
    }

    #bottom_banner {
        width: 950px;
        margin: 8px auto;
        font-size: 8px;
    }

    #bottom_banner #copyright {
        float: left;
    }

    #bottom_banner #techinfo {
        float: right;
        width: 400px;
        text-align: right;
    }

    #bottom_banner a {
        text-decoration: none;
        color: black;
    }

    #bottom_banner a:hover {
        text-decoration: underline;
    }

    .cleaner {
        width: 100%;
        height: 0px;
        font-size: 0;
        clear: both;
    }
    ul.staff {
        list-style: none;
    }
    ul.staff li {
        margin: 5px;
        clear: both;
    }

    img.staffPhoto {
        float: left;
        padding: 5px;
        margin: 0 5px 20px 0;
    }

    br {
        clear: both;
    }

    textarea {
        width: 400px;
        height: 120px;
    }


}