@charset "utf-8";
.pages{
    text-align: center;
}
.pages p{
    display: inline-block;
    overflow: hidden;
}
.pages a{
    float: left;
    display: block;
    height: 36px;
    line-height: 36px;
    border: 1px solid #d2d2d2;
    padding: 0 14px;
    font-size: 18px;
    color: #8e8e8e;
    border-radius: 2px;
    margin: 0 6px;
}
.pages a.active{
    background: #077dcc;
    border-color: #fefefe;
    color: #fefefe;
}

.cat_nav{
    text-align: center;
}
.cat_nav ul{
    display: inline-block;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
}
.cat_nav li{
    float: left;
    padding: 0 19px;
}
.cat_nav a{
    color: #454545;
    display: block;
}
.cat_nav li.active a{
    color: white;
    background: #2f7ad2;
    padding: 0 19px;
}

#topbar{
    height: 58px;
    line-height: 58px;
    background: #fcfcfc;
}
#topbar .c{
    height: 100%;
    position: relative;
}
#topbar-postion{
    overflow: hidden;
    font-size: 13px;
    color: #4c4c4c;
}
#topbar-postion strong, #topbar-postion p {
     float: left;
 }
#topbar-postion a{
    color: #4c4c4c;
}
#topbar-cats{
    height: 42px;
    position: absolute;
    right: 0;
    top: 9px;
    z-index: 999;
    overflow: hidden;
}
#topbar-cats.open{
    height: auto;
}
#topbar-cats strong{
    display: block;
    line-height: 40px;
    color: #838383;
    padding: 0 46px 0 20px;
    border: 1px solid #c9c9c9;
    background: url("../images/topbar-cats-list-icon.png") no-repeat right top;
    background-color: white;
}
#topbar-cats.open strong{
    background-position: right bottom;
    background-color: #0972c3;
    color: white;
}

#topbar-cats ul{
    border-color: #c9c9c9;
    border-style: solid;
    border-width: 0 1px 1px;
}
#topbar-cats li{
    border-bottom: 1px solid #c9c9c9;
    background: white;
    overflow: hidden;
}
#topbar-cats a{
    display: block;
}
#topbar-cats li a{
    line-height: 40px;
    color: #838383;
    padding-left: 20px;
    float: left;
}
#topbar-cats li.active a{
    color: #348ac7;
}


#topbar-cats li i{
    display: block;
    margin: 0 14px;
    width: 10px;
    height: 40px;
    float: right;
    background: url("../images/topbar-cats-arrow-icon.png") no-repeat right center;
    cursor: pointer;
}

#topbar-cats li p{
    background: #f6f6f6;
    padding: 3px 0 7px;
    clear: both;
}
#topbar-cats li p a{
    line-height: 30px;
    color: #9e9e9e !important;
    float: none;
}
#topbar-cats li p a.active{
    color: #2b94c7 !important;;
}
#topbar-cats li.open i{
    background-position: left center;
}