/* Using Font Awesome - http://fortawesome.github.com/Font-Awesome */
@font-face {
  font-family: "FontAwesome";
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Ruble";
  src: url('font/rouble.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Postfix and Prefix styling start here */
.ppfix {
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-family:Trebuchet MS;
  font-size: 13px;
  color: #343434;
  width: 154px;
  height: 20px;
  background: #fbfbfb;
  border: 1px solid #cccdcf;
  padding: 5px 1px 5px 10px;
  box-shadow: inset 0 2px 3px #e8e8e8;
}

  .ppfix:focus {
    outline: none;
  }

  .pre {
    margin: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
  }
  
    .prefix {
      vertical-align: top;
      display: inline-block;
      width: 20px;
      height: 20px;
      padding: 5px 0 5px 7px;
      background: #f2f2f2;
      border: 1px solid #cccdcf;
      border-right: 0;
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px;
      -moz-border-radius-topleft: 2px;
      -moz-border-radius-bottomleft: 2px;
      -webkit-border-top-left-radius: 2px;
      -webkit-border-bottom-left-radius: 2px;
    }

  .post {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
  }
  
    .postfix {
      vertical-align: top;
      display: inline-block;
      width: 20px;
      height: 20px;
      padding: 8px 10px;
      background: #f2f2f2;
      border: 1px solid #cccdcf;
      border-left: 0;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      -moz-border-radius-topright: 2px;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-top-right-radius: 2px;
      -webkit-border-bottom-right-radius: 2px;
    }
  
  .prefix,
  .postfix {
    font-family: FontAwesome;
    line-height: 1.5em;
    font-size: 16px;
    color: #737373;
  }
  
  .polz{content: "\f003";}

  span.prefix.fam:before, span.postfix.fam:before { content: "Ф"; }
  span.prefix.email:before, span.postfix.email:before { content: "\f003"; }
  span.prefix.link:before, span.postfix.link:before { content: "\f0c1"; }
  span.prefix.external-link:before, span.postfix.external-link:before { content: "\f08e"; }
  span.prefix.attach:before, span.postfix.attach:before { content: "\f0c6"; }
  span.prefix.tag:before, span.postfix.tag:before { content: "\f02c"; }
  span.prefix.home:before, span.postfix.home:before { content: "\f015"; }
  
  span.prefix.key:before, span.postfix.key:before { content: "\f084"; } 
  span.prefix.credit-card:before, span.postfix.credit-card:before { content: "\f09d"; }
  span.prefix.cart:before, span.postfix.cart:before { content: "\f07a"; }
  span.prefix.user:before, span.postfix.user:before { content: "\f007"; }
  span.prefix.trash:before, span.postfix.trash:before { content: "\f014"; }
  span.prefix.folder:before, span.postfix.folder:before { content: "\f07c"; }
  
  span.prefix.save:before, span.postfix.save:before { content: "\f0c7"; }
  span.prefix.marker:before, span.postfix.marker:before { content: "\f041"; }
  span.prefix.setting:before, span.postfix.setting:before { content: "\f085"; }
  span.prefix.edit:before, span.postfix.edit:before { content: "\f044"; }
  span.prefix.bookmark:before, span.postfix.bookmark:before { content: "\f097"; }
  span.prefix.calendar:before, span.postfix.calendar:before { content: "\f073"; }
  
  span.prefix.gplus:before, span.postfix.gplus:before { content: "\f0d5"; }
  span.prefix.twitter:before, span.postfix.twitter:before { content: "\f099"; }
  span.prefix.github:before, span.postfix.github:before { content: "\f09b"; }
  span.prefix.pinterest:before, span.postfix.pinterest:before { content: "\f0d2"; }
  span.prefix.linkedin:before, span.postfix.linkedin:before { content: "\f0e1"; }
  span.prefix.facebook:before, span.postfix.facebook:before { content: "\f09a"; }