#heder {
    width: 100%;
    height: 40px;
    background: #000;
}
#heder_g {
    width: 1000px;
    height: 40px;
    margin: 0 auto;
}
.ss a {
    line-height: 40px;
    border-bottom: 2px solid #000;
    color: #FFF;
    margin: 0 10px;
}
.ss a:hover {
    border-bottom: 2px solid #D34C4D;
}
.soc {
    float: right;
}
.soc a {
    float: left;
}
.soc img {
    margin: 10px 5px;
}

<!--headr-->
<div id="heder">
    <div id="heder_g">
  <span class="ss"><a href="">Вход</a><a href="">Регистрация</a></span>
  <span class="soc">
   <a href="vk"><img src="/img/vk.png"  width="20px"></a>
   <a href="f"><img src="/img/f.png" width="20px"></a>
   <a href="ok"><img src="/img/ok.png" width="20px"></a>
  </span>
    </div>
</div>
<!--/headr-->