*
    {
        margin: 0;
        padding: 0;
    }

    body
    {
        background-color: #E3E6EB;
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        font-size: 62.5%;
    }

    a
    {
        color: #3d577a;
    }

    a:hover
    {
        color: #000;
    }

    .h
    {
        display: none;
    }

    img
    {
        border: none;
    }

    /** center layout **/
    #page
    {
        width: 750px;
        margin: 0 auto;
        position: relative;
        text-align: left;
    }

    /** main floats **/
    #sidebar
    {
        width: 190px;
        float: left;
    }

    #content
    {
        width: 552px;
        float: left;
        margin: 45px 0 8px 8px;
    }

    /** logo **/
    h1, h1 a
    {
        display: block;
        width: 190px;
        height: 100px;
    }

    h1 a
    {
        text-decoration: none;
        text-indent: -9999px;
        overflow: hidden;
        background: transparent url(../img/bg/logo.jpg) no-repeat;
    }

    /** navigation **/
    #navigation
    {
        position: absolute;
        top: 0;
        left: 198px;
        list-style-type: none;
        width: 552px;
    }

    #navigation li
    {
        display: block;
        float: left;
    }

    #navigation li a
    {
        display: block;
        height: 45px;
        text-indent: -9999px;
        overflow: hidden;
        background: transparent url(../img/bg/navigation.gif) no-repeat;
        margin-left: 2px;
    }

    #navigation li a.n1
    {
        width: 247px;
        background-position: 0 0;
        margin: 0;
    }

    #navigation li a.n2
    {
        width: 66px;
        background-position: -249px 0;
    }

    #navigation li a.n3
    {
        width: 143px;
        background-position: -317px 0;
    }

    #navigation li a.n4
    {
        width: 90px;
        background-position: -462px 0;
    }

    /** action **/
    #action
    {
        margin-top: 8px;
        background: #FFF url(../img/bg/side_white_top.gif) no-repeat;
        text-align: center;
    }

    #action p
    {
        background: transparent url(../img/bg/side_white_btm.gif) bottom no-repeat;
        font-size: 1.2em;
        font-weight: bold;
        color: #2a343b;
        padding: 10px 0;
    }

    #action p span
    {
        display: block;
        font-weight: normal;
        font-size: 0.9em;
    }

    #sidebar img.action
    {
        margin-top: 8px;
    }

    /** sidebar contact **/
    #contact
    {
        background: transparent url(../img/bg/side_top.gif) top no-repeat;
        margin-top: 8px;
        padding: 10px 0;
    }

    #contact p
    {
        font-size: 1.1em;
        line-height: 1.4em;
        color: #333;
        padding: 0 25px;
        margin: 0;
        background-color: #ced8df;
        min-height: 140px;
        height: 140px;
        background: #ced8df url(../img/bg/side_btm.gif) bottom no-repeat;
    }

    #contact b
    {
        color: #3d577a;
    }

    #contact span
    {
        display: block;
        width: 100px;
        height: 16px;
        background: transparent url(../img/bg/side_icons.gif) no-repeat;
        clear: left;
        float: left;
        margin: 2px 0;
        padding-left: 25px;
    }

    #contact span b
    {
        display: none;
    }

    #contact span a
    {
        text-decoration: none;
        color: #333;
    }

    #contact span a:hover
    {
        text-decoration: underline;
    }

    #contact span.phone { background-position: 0 0; margin-top: 8px; }
    #contact span.fax { background-position: 0 -17px; }
    #contact span.mail { background-position: 0 -36px; }

    /* footer */
    #footer
    {
        clear: both;
        display: block;
        background: #3d577a url(../img/bg/footer.gif) no-repeat;
        width: 750px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #aab8c6;
        font-size: 1.1em;
    }

    #footer span
    {
        display: block;
        width: 155px;
        margin: 0 auto;
    }

    #footer a
    {
        color: #FFF;
        background: transparent url(../img/bg/3fs.gif) no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        display: block;
        width: 17px;
        height: 16px;
        text-decoration: none;
        float: right;
        margin-top: -23px;
    }

    /* sekundarni menu */
    #menu
    {
        margin-top: 8px;
        background: transparent url(../img/bg/menu.gif) bottom no-repeat;
        padding-bottom: 6px;
    }

    #menu ul
    {
        list-style-type: none;
        background: transparent url(../img/bg/menu.gif) no-repeat;
        padding-top: 6px;
    }

    #menu ul li, #menu ul li a
    {
        display: block;
        width: 190px;
        height: 29px;
    }

    #menu ul li a
    {
        line-height: 29px;
        padding: 0 25px;
        width: 140px;
        text-decoration: none;
        color: #333;
        font-size: 1.1em;
        background: transparent url(../img/bg/menu_li.gif) 0 -29px no-repeat;
    }

    #menu ul li a:hover, #menu ul li a.active
    {
        color: #000;
        font-weight: bold;
        background: transparent url(../img/bg/menu_li.gif) 0 0 no-repeat;
    }

    #menu ul li a:hover
    {
        font-weight: normal;
    }