/*

------------------------------------------------------
Copyright Jan Brasna, http://www.alphanumeric.cz/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

.nav-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: linear-gradient(#006699 20%, #1B5375 100%);
    box-shadow: inset 0 -1px 0 #FFFFFF, inset 0 -2px 0 #003366, inset 0 -3px 0 #5CA9DD, inset 0 1px 0 #003366;
}

.nav-main a {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-grow: 1;

    color: #FFFFFF;
    text-decoration: none;

    height: 40px;

    padding: 0 10px 0 10px;

    text-decoration: none;
    font-weight: bold;
    font-size: 120%;
    text-align: center;

    background: linear-gradient(#006699 20%, #1B5375 100%);
    box-shadow: inset 0 -1px 0 #FFFFFF, inset 0 -2px 0 #003366, inset 0 -3px 0 #5CA9DD, inset 0 1px 0 #003366;

    border-left-style: groove;
    border-left-color: #003366;
    border-left-width: thin;
}

.nav-main a:hover {
    background: linear-gradient(#0099CC 20%, #2E7DA5 100%);
    color: #FFCC00;
}