#navcontainer {
   font-size: 10px;
        margin: 10px 0 0 30px;
        padding: 0;
        height: 20px;
}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer ul li a {
        background: #fff;
        width: 78px;
        height: 18px;
        border: 1px solid #f5d7b4;
        padding: 0;
        margin: 0 0 10px 0;
        color: #FF752A;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 10px/18px  verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover {
        color: #930;
        background: #f5d7b4;
}

#navcontainer a:active {
        background: #c60;
        color: #fff;
}

#navcontainer li#active a {
        background: #c60;
        border: 1px solid #c60;
        color: #fff;
}

// menu pyramid //////////////////////////////////////////////////////////////////////
.container {
        width: 500px;
        padding: 15px;
        margin: 3px 0 20px 0;
        border: 1px solid #ccc;
        background: #fff;
}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(ikony/pyramid.gif) no-repeat bottom center;
}