body {
  background: url("../images/header.png") repeat-x top;
  background-color: white;
  color: black;
  font-family: "Arial", san-serif;
  font-size: 0.875em;
  line-height: 1.2em; }

h1 {
  color: #357dc6;
  font-size: 1.286em;
  font-weight: bold;
  margin: 12px 0; }

h2 {
  color: #357dc6;
  font-size: 1.1em;
  font-weight: bold;
  margin: 10px 0; }

h3 {
  color: #357dc6;
  font-size: 1.1em;
  font-weight: normal;
  margin: 7px 0; }

p {
  margin: 20px 0; }

a {
  color: #242e82; }
  a:hover {
    color: #3849d7; }

.clearfix {
  clear: both; }

@font-face {
  font-family: "Futuris Bold";
  src: url("../fonts/Futura.eot");
  src: local("Futura");
  src: url("../fonts/Futura.svg#Futura") format("svg");
  src: url("../fonts/Futura.otf") format("opentype"); }

#wrapper {
  margin: 0 auto;
  width: 960px; }
  #wrapper header {
    height: 167px;
    position: relative;
    z-index: 30; }

.logo-block {
  float: left;
  margin-left: 12px;
  margin-top: 23px;
  position: relative; }
  .logo-block #logo {
    background: url("../images/logo.png") no-repeat;
    display: block;
    height: 89px;
    width: 420px; }
  .logo-block span {
    display: block;
    left: 135px;
    top: 55px;
    position: absolute; }

#autorize {
  float: right;
  margin-top: 27px;
  width: 320px; }
  #autorize .phone {
    background: url("../images/phone.png") no-repeat;
    float: right;
    font-family: "Futuris Bold";
    font-size: 1.5em;
    padding: 6px 0 11px 28px; }
  #autorize .authorization {
    margin-top: 15px; }
    #autorize .authorization a {
      color: white;
      display: block;
      float: left;
      font-weight: bold;
      height: 32px;
      padding-top: 8px;
      text-decoration: none;
      text-shadow: 0 1px 1px black;
      text-align: center; }
    #autorize .authorization .enter {
      background: url("../images/enter-button.png") no-repeat;
      width: 174px; }
    #autorize .authorization a:active {
      background-position: 0 -40px; }
    #autorize .authorization .register {
      background: url("../images/register-button.png") no-repeat;
      margin-left: 10px;
      width: 122px; }

#wrapper nav {
  background: url("../images/menu.png") no-repeat;
  height: 58px;
  bottom: -23px;
  line-height: 31px;
  width: 961px;
  position: absolute;
  z-index: 30;
  zoom: 1; }
  #wrapper nav ul {
    margin-left: 28px;
    padding-top: 2px; }
  #wrapper nav li {
    float: left;
    padding: 0 17px; }
  #wrapper nav li:hover {
    border-top: 1px solid #aac4df;
    border-right: 1px solid #2f7398;
    border-bottom: 1px solid #195b7c;
    border-left: 1px solid #73b2d9;
    padding: 0 16px;
    background: #749fcb;
    background: -moz-linear-gradient(top, #749fcb 0%, #60abd7 50%, #2d9fd7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #749fcb), color-stop(50%, #60abd7), color-stop(100%, #2d9fd7));
    background: -webkit-linear-gradient(top, #749fcb 0%, #60abd7 50%, #2d9fd7 100%);
    background: -o-linear-gradient(top, #749fcb 0%, #60abd7 50%, #2d9fd7 100%);
    background: -ms-linear-gradient(top, #749fcb 0%, #60abd7 50%, #2d9fd7 100%);
    background: linear-gradient(to bottom, #749fcb 0%, #60abd7 50%, #2d9fd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#749fcb', endColorstr='#2d9fd7',GradientType=0 ); }
  #wrapper nav li:hover a {
    color: white; }
  #wrapper nav .separator {
    background: url("../images/separator.png") no-repeat center;
    height: 42px;
    padding: 0;
    width: 2px; }
  #wrapper nav .separator:hover {
    background: url("../images/separator.png") no-repeat center;
    border: none;
    padding: 0; }
  #wrapper nav a {
    color: black;
    display: block;
    font-size: 1.143em;
    font-weight: bold;
    padding: 10px 0;
    text-decoration: none; }

#banner {
  margin-top: 12px;
  position: relative;
  z-index: 2;
  zoom: 1; }
  #banner .texture {
    background: url("../images/texture.png") repeat;
    height: 229px;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #999999;
    position: relative;
    left: 1px;
    width: 957px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    behavior: url(/pie/PIE.htc);
    z-index: 2;
    zoom: 1; }
  #banner .photo {
    background: url("../images/photo.png") no-repeat;
    height: 245px;
    width: 445px;
    top: -16px;
    position: absolute; }
  #banner .annotation {
    background: #91d0ef;
    border: 1px solid #73bce1;
    font-size: 1.071em;
    float: right;
    line-height: 1.22em;
    margin-top: 41px;
    padding: 22px 25px 22px 35px;
    width: 424px;
    -moz-border-radius: 7px 0 0 7px;
    -webkit-border-radius: 7px 0 0 7px;
    -o-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px; }
  #banner .shadow {
    background: url("../images/shadow.png") no-repeat;
    top: 142px;
    height: 91px;
    left: -11px;
    position: absolute;
    width: 984px;
    z-index: 1; }

.main {
  margin-top: 23px;
  padding-bottom: 104px; }
  .main aside {
    float: left;
    width: 230px; }
  .main article {
    float: left;
    margin-left: 30px;
    padding-right: 10px;
    width: 690px; }

.sidebar {
  background: url("../images/texture.png") repeat;
  border: 1px dashed #a1a1a1;
  margin-bottom: 17px;
  padding: 10px 10px 16px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  behavior: url(/pie/PIE.htc); }

.title {
  font-size: 1.286em; }

.advantages {
  margin-top: 22px; }
  .advantages li {
    background: url("../images/tick.png") no-repeat;
    font-size: 1.143em;
    line-height: 21px;
    margin-top: 18px;
    padding-left: 27px; }

.news {
  position: relative; }
  .news .title {
    float: left; }

.all-news {
  color: black;
  position: absolute;
  right: 9px;
  top: 8px;
  font-size: 0.857em; }

.all-news:hover {
  color: #575757; }

.new {
  margin-top: 15px;
  padding-bottom: 8px; }
  .new .date {
    background: #c1d845;
    display: block;
    padding: 2px 0 1px;
    text-align: center;
    left: -9px;
    position: relative;
    width: 68px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/pie/PIE.htc); }
  .new .news-title {
    display: block;
    font-weight: bold;
    line-height: 1.2em;
    margin-top: 6px;
    text-decoration: underline; }
  .new a.news-title {
    color: #357dc6; }
    .new a.news-title:hover {
      color: #2890f9; }

.new.last {
  padding: 0; }

.socials {
  margin-top: 4px; }

.buttons a {
  display: block;
  float: left; }
.buttons .facebook {
  background: url("../images/fb-button.png") no-repeat;
  height: 20px;
  width: 101px; }
.buttons .vk {
  background: url("../images/vk-button.png") no-repeat;
  height: 21px;
  margin-left: 8px;
  width: 127px; }
.buttons .google {
  background: url("../images/google-button.png") no-repeat;
  height: 20px;
  margin-left: 8px;
  width: 59px; }

.share {
  margin-top: 15px; }
  .share a {
    display: block;
    float: left;
    height: 16px;
    margin-left: 10px;
    margin-top: 1px;
    width: 16px; }
  .share span {
    display: block;
    float: left; }
  .share .vk {
    background: url("../images/vk.png") no-repeat; }
  .share .twitter {
    background: url("../images/twitter.png") no-repeat; }
  .share .mail {
    background: url("../images/mail.png") no-repeat;
    height: 14px;
    width: 19px; }

#wrapper footer {
  padding: 0 10px 26px;
  position: relative; }

.copyright {
  float: left;
  font-weight: bold;
  width: 180px; }

.menu {
  float: left;
  margin-left: 40px; }
  .menu li {
    float: left;
    padding: 0 30px; }
  .menu a {
    color: black; }
  .menu a:hover {
    color: #575757; }

#twitter {
  background: url("../images/on-twitter.png") no-repeat;
  display: block;
  height: 64px;
  position: absolute;
  right: 43px;
  bottom: 4px;
  width: 217px; }
