/** main layout **/
    *
    {
        margin: 0;
        padding: 0;
    }

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

    a img {
        border: none;
    }

    ul {
        list-style-type: none;
    }

    a.video
    {
        overflow: hidden;
        width: 59px;
        height: 12px;
        text-indent: -9999px;
        background: transparent url(../img/bg/video.gif) no-repeat;

    }
    a.okop
    {
        overflow: hidden;
        width: 59px;
        height: 12px;
        text-indent: -9999px;
        background: transparent url(../img/bg/okop.gif) no-repeat;

    }

    body
    {
        background: #f2f2f2 url(../img/bg/body.png) repeat-x;
        font: 62.5% 'Trebuchet MS', trebuchet, sans-serif;
    }

    .h
    {
        display: none;
    }

    /** header **/
    #header, #main, #footer
    {
        width: 975px;
        height: 90px;
        margin: 0 auto;
        position: relative;
        background-color: #FFF;
    }

    #header h1
    {
        position: absolute;
        left: 25px;
        top: 28px;
    }

    #header h1 a
    {
        width: 282px;
        height: 50px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        text-decoration: none;
        background: transparent url(../img/bg/h1.jpg) no-repeat;
    }

    /** navigation **/
    #navigation
    {
        list-style-type: none;
        position: absolute;
        right: 10px;
        bottom: 0;
        font-family: arial, helvetica, sans-serif;
    }

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

    #navigation li a
    {
        display: block;
        width: 100px;
        height: 30px;
        margin-left: 3px;
        background: transparent url(../img/bg/navigation.gif) 0 0 no-repeat;
        text-align: center;
        color: #FFF;
        text-transform: uppercase;
        line-height: 30px;
        text-decoration: none;
        font-size: 1.1em;
        font-weight: bold;
    }

    #navigation li a:hover, #navigation li a.active
    {
        background-position: 0 -30px;
    }

    /** wrapper **/
    #wrapper
    {
        background-color: #fdd8a5;
    }

    #leftbar #operahack
    {
        float: left;
	background-color: #f36f0c;
	margin-top: 0px;
}
    #naslednja p {
	text-align: center;
	}	
    #search form {
	text-align: center;
	margin: 0px 0 5px 10px;

    }

    #leftbar
    {
        float: left;
    }

    /** override main **/
    #main
    {
        background-color: #f36f0c;
        height: auto;
        padding: 10px;
        width: 955px;
    }

    /** menu **/
    #menu
    {
        list-style-type: none;
        width: 202px;
        background: transparent url(../img/bg/menu_top.jpg) no-repeat;
        padding-top: 12px;
    }

    #menu li
    {
        display: block;
        height: 28px;
        line-height: 28px;
        background: transparent url(../img/bg/menu.jpg) no-repeat;
        padding-left: 39px;
    }

    #menu li.last
    {
        background-image: url(../img/bg/menu_bottom.jpg);
        padding-bottom: 10px;
    }

    #menu li a
    {
        text-decoration: none;
        font-size: 1.1em;
        color: #333;
        font-weight: bold;
    }

    /** content **/
    #content
    {
        background-color: #FFF;
        width: 498px;
        float: left;
        color: #666;
        font-size: 1.2em;
        padding: 10px;
    }

    /** sidebar **/
    #sidebar
    {
    /*
        position: absolute;
        top: 10px;
        left: 730px;
        */
        float: left;
        width: 235px;
    }

    #sidebar h3
    {
        background: #e5e5e5 url(../img/bg/sidebar_top.gif) no-repeat;
        display: block;
        width: 215px;
        height: 25px;
        line-height: 2.0em;
        padding-left: 20px;
        text-transform: uppercase;
        font-size: 1.2em;
    }

    /** override for footer **/
    #footer
    {
        color: #999;
        text-align: center;
        height: auto;
        background-color: #333;
        line-height: 30px;
        font-size: 1.1em;
        clear: both;
    }

    #footer a
    {
        color: #f36f0c;
        text-decoration: none;
    }

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

    /** clear **/
    div.s
    {
        clear: both;
        height: 10px;
    }