/* extension styles */

@media screen, projection
{
    /**
     * ------------------------------------------------------------------------------------------------- #
     *
     * (en) Modifying "shiny buttons" navigation - begin
    */

    #nav * { border: 0px none !important; }
    .hlist { background: transparent; overflow: visible; }
    .hlist ul { margin-left: 20px; }
    .hlist ul li {  }

    .hlist ul li a { letter-spacing: -1px; line-height: 16px; font-family: 'Lucida Sans', Lucida Grande, arial, serif; font-size: 14px; color: #b7eaff; font-weight: normal; }

    .hlist ul li:hover { background-color: #0D6BAA; color: #fff; }
    .hlist ul li:hover .sub ul li:hover { background-color: transparent; }

    .hlist ul li a:hover { background-color: #0D6BAA; color: #fff; }
    .hlist ul li a:focus,
    .hlist ul li a:active  { background-color: #0D6BAA; color: #b7eaff; }


    /* Modifying "shiny buttons" navigation - end *********************************************************/

    ul#main-nav {
        margin: 0; padding: 0;
        float:left;
        width: 100%;
        list-style: none;
    }
    ul#main-nav li {
        float: left;
        margin: 0;
        position: relative; /*--Important--*/
    }
    ul#main-nav li a {
        float: left;
        height: 22px;
        text-align:left;
        padding: 6px 5px 6px 5px;
        /*cursor: default;*/
    }
    ul#main-nav li:hover a, ul#main-nav li a:hover { } /*--Hover State--*/
    ul#main-nav a.uvod {
        background: transparent;
        width: 51px;
    }
    ul#main-nav li.cur a {
        color: #fff;
        font-weight: bold;
    }

    ul#main-nav li .sub {
        /*font-family: 'Kreon', arial, serif;*/
        font-size: 14px;
        position: absolute; /*--Important--*/
        top: 34px; left: 0;
        z-index: 9999;
        background: url("../../images/nav_bg.png") repeat-y scroll left top transparent;
        /*background-color: #0D6BAA;*/
        padding: 5px 0px 0px 9px;
        float: left;
        /*height: 120px;*/
        /*--Bottom right rounded corner--*/
        -moz-border-radius-bottomright: 5px;
        -khtml-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        /*--Bottom left rounded corner--*/
        -moz-border-radius-bottomleft: 5px;
        -khtml-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        display: none; /*--Hidden for those with js turned off--*/
        filter: alpha(opacity=90);
        opacity: 0.9;
        padding-bottom: 5px;
    }

    ul#main-nav li .sub ul li {
        line-height: 1.4em;
    }

    .hlist ul#main-nav li .sub ul li a:focus,
    .hlist ul#main-nav li .sub ul li a:hover,
    .hlist ul#main-nav li .sub ul li a:active  { cursor: pointer; background: transparent; }

    ul#main-nav li .row {
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    ul#main-nav li .sub ul {
        list-style: none;
        margin: 0; padding: 0;
        width: 186px;
        float: left;
    }
    ul#main-nav .sub ul li {
        width: 100%; /*--Override parent list item--*/
        color: #fff;
    }

    ul#main-nav .sub ul li a {
        /*font-family: 'Kreon', arial, serif;*/
        font-weight: normal;
        font-size: 14px;
        color: #b7eaff;
        outline: none;
        float: none;
        text-indent: 0; /*--Override text-indent from parent list item--*/
        height: auto; /*--Override height from parent list item--*/
        background: none;
        padding: 0px;
        margin: 0px;
        display: block;
        text-decoration: none;
    }
    ul#main-nav .sub ul li a:hover {
        color: #fff;
        background: transparent;
        outline: none;
    }
    ul#main-nav .sub ul li a:active, ul#main-nav .sub ul li a:focus, ul#main-nav .sub ul li a:visited {
        background: transparent;
        outline: none;
    }

    /*********************************/
    /* special 'selectbox' navigation */
    /*******************************/

    .page_margins.special .page.special { position: relative; }

    #topnav_special {
        cursor: pointer;
        font-weight: bold;
        font-family: 'Lucida Sans', Lucida Grande, arial, serif;
        font-size: 14px;
        width: 215px;
        height: 17px;
        background: url("../../images/specialnav_bg.png") no-repeat top right #313131;
        z-index: 999999;
        position: absolute;
        top: 1px;
        /*left: 392px;*/
        left: 470px;
        overflow: hidden;
        padding-top: 10px;
        line-height: 1px;
        filter: alpha(opacity=90);
        opacity: 0.9;
        /*--Bottom right rounded corner--*/
        -moz-border-radius-bottomright: 5px;
        -khtml-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        /*--Bottom left rounded corner--*/
        -moz-border-radius-bottomleft: 5px;
        -khtml-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
    }

    #topnav_special ul {
        list-style-type: none;
        opacity: none;
    }

    #topnav_special ul li {
        margin-left: -0.3em;
    }

    #topnav_special ul li:hover {
        /*background-color: #fff;*/        
    }

    #topnav_special ul li:current {
        /*display: block;*/
    }

    #topnav_special ul li a:link,
    #topnav_special ul li a:visited,
    #topnav_special ul li a:active {
        color: #FAEAC1;
        text-decoration: none;
        color: #00b8ff;
    }

    #topnav_special ul li a:hover {
        color: #FAEAC1;
    }

}