.nav
{
    font-size:0;
    margin-top:20px !important;
    vertical-align:middle;
    text-align: center;
}

.nav a,
.nav span
{   display: block;
    margin-top: 6px;
    text-align:center;
    vertical-align:middle;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

.nav .colored
{
    display:inline-block;
    height:33px;
    width:35px;
    background: #2b4c93;
    background: -moz-linear-gradient(left,  #2b4c93 0%, #3f68be 100%);
    background: -webkit-linear-gradient(left,  #2b4c93 0%,#3f68be 100%);
    background: linear-gradient(to right,  #2b4c93 0%,#3f68be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4c93', endColorstr='#3f68be',GradientType=1 );
    border-radius: 5px;
    z-index: 1;
    text-align:center;
    vertical-align:middle;
    margin: 0 6px 0 6px;
}

.nav .active-colored
{
    display:inline-block;
    height:33px;
    width:35px;
    background: #eff3f6 !important;
    border-radius: 5px;
    z-index: 1;
    text-align:center;
    vertical-align:middle;
    margin: 0 6px 0 6px;
}
.nav a
{
    border: none !important;
}

.nav span.active
{
    text-decoration:none;
    color: #454648 !important;
}