nav {  
    height: 40px;  
    width: 100%;  
    background: #455868;  
    font-size: 10pt;  
    font-family: 'PT Sans', Arial, sans-serif;  
    font-weight: bold;  
    position: relative;  
    border-bottom: 1px solid #283744;  
}  
nav ul {  
    padding: 0;  
    margin: 0 auto;  
    width: 100%;  
    height: 40px;  
}
nav li {  
    display: inline;  
    float: left;
}
.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}
nav a {  
    color: #fff;  
    display: inline-block;  
    /*width: 112px;  */
	padding:0 10px;
    text-align: center;  
    text-decoration: none;  
    line-height: 40px;  
    text-shadow: 1px 1px 0px #283744;  
}
nav li a {  
    border-right: 1px solid #576979;  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
}  
nav li:last-child a {  
    border-right: 0;  
}
nav a:hover, nav a:active {  
    background-color: #8c99a4; 
	color:#333;
	text-decoration: none;
}
nav a#pull {  
    display: none;  
}

@media screen and (max-width: 805px) {  
    nav {  
        height: auto;  
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
    }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
        border-right: 1px solid #576979;  
    }  
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }  
}
@media only screen and (max-width : 480px) {  
    nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;  
    }  
    nav a#pull {  
        display: block;  
        background-color: #283744;  
        width: 100%;  
        position: relative;  
    }  
    nav a#pull:after {  
        content:"";  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
}
@media only screen and (max-width : 320px) {  
    nav li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
    }  
}

/* пагинация для сайта */

.modern-pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 4px;
  width:100%;
}
.modern-pagination .pagin-btn, .modern-pagination .pages {
  display: inline-block;
  vertical-align: middle;
}
.modern-pagination .pagin-btn > span {
  display: none;
}
.modern-pagination .pagin-btn > a, .modern-pagination .pages > a, .modern-pagination .pages > span b {
  position: relative;
  display: inline-block;
  padding: 5px 10px 7px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #98978b;
  border: 1px solid #dfd7ca;
  border-radius: 4px;
  margin: 2px 0;
}
.pagin-btn.next a {
  background: #4190E5;
  border-color: #5682A3;
  color: #fff;
}

.modern-pagination .pages > span b {
  background-color: #4190E5;
  border-color: #5682A3;
  color: #fff;
}
.nomer {
  position: relative;
  display: inline-block;
  padding: 5px 10px 7px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #98978b;
  border-radius: 4px;
  margin: 2px;
}
.nomer span a:hover {
  background: #34658A !important;
  border-color: #34658A !important;
}