@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,300&subset=latin,cyrillic-ext);
@import url(//fonts.googleapis.com/css?family=Lato:300&subset=latin,latin-ext);
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
    font-family: 'helveticaneuecyrultralight';
    src: url('fonts/helveticaneuecyr-ultralight-webfont.eot');
    src: url('fonts/helveticaneuecyr-ultralight-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/helveticaneuecyr-ultralight-webfont.woff') format('woff2'),
         url('fonts/helveticaneuecyr-ultralight-webfont.woff') format('woff'),
         url('fonts/helveticaneuecyr-ultralight-webfont.ttf') format('truetype'),
         url('fonts/helveticaneuecyr-ultralight-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuecyrthin';
    src: url('fonts/helveticaneuecyr-thin-webfont.eot');
    src: url('fonts/helveticaneuecyr-thin-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/helveticaneuecyr-thin-webfont.woff') format('woff2'),
         url('fonts/helveticaneuecyr-thin-webfont.woff') format('woff'),
         url('fonts/helveticaneuecyr-thin-webfont.ttf') format('truetype'),
         url('fonts/helveticaneuecyr-thin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'ALSRubl-Verdana';
  src: url('fonts/alsrubl-verdana-regular.eot');
  src: url('fonts/alsrubl-verdana-regular.eot#iefix') format('embedded-opentype'),
       url('fonts/alsrubl-verdana-regular.woff') format('woff'), 
       url('fonts/alsrubl-verdana-regular.ttf') format('truetype'), 
       url('fonts/alsrubl-verdana-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


body, html {
  margin: 0px; 
  padding: 0px;
  width: 100%;
}

body {
  background-color: #fff;
}

body, table td, input, textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 21px;
}

input, textarea, a {
  outline: none;
}

.clr {
  clear: both;
}

h1, div.h1, h2.pseudo {
  font-family: 'helveticaneuecyrultralight', 'Lato', sans-serif;
  font-size: 70px;
  font-weight: normal;
  line-height: normal;
}

div.h1 {
  text-align: center;
}

h2 {
  font-family: 'helveticaneuecyrthin', 'Lato', sans-serif;
  font-size: 36px;
  font-weight: normal;
  line-height: normal;
}

h3 {
  font-family: 'helveticaneuecyrthin', 'Lato', sans-serif;
  font-size: 30px;
  font-weight: normal;
  line-height: normal;
}

h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
}

a {
  color: #000;
}

.topline {
  background-color: #000;
  height: 30px;
  color: #fff;
  line-height: 30px;
  position: relative;
}

.toplinesp {
  width: 100%;
  height: 30px;
}

.toplinefix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.topline .glbody {
  height: 30px;
}

.topline .glbody .glbodyright {
  height: 30px;
  float: right;
  position: relative;
}

.topline .tlphone {
  background: url(images/toplineicon.png) no-repeat 0 -180px;
  padding-left: 20px;
  height: 30px;
  float: left;
  margin-right: 16px;
}

.topline .cabinet {
  background: url(images/toplineicon.png) no-repeat 0 -150px;
  height: 30px;
  padding-left: 20px;
  float: right;
  margin-left: 16px;
}

.topline .tltw, .topline .tlfb, .topline .tlvk, .topline .tlgp, .topline .tlyt, .topline .tlig, .topline .tlok {
  float: left;
  display: block;
  height: 30px;
  width: 24px;
  text-align: center;
}

.topline .tltw:hover, .topline .tlfb:hover, .topline .tlvk:hover, .topline .tlgp:hover, .topline .tlyt:hover, .topline .tlig:hover, .topline .tlok:hover {
  background-color: #e66776;
}

.topline .tltw span, .topline .tlfb span, .topline .tlvk span, .topline .tlgp span, .topline .tlyt span, .topline .tlig span, .topline .tlok span {
  background: url(images/toplineicon.png) no-repeat center center;
  height: 30px;
  width: 14px;
  display: block;
  margin: 0 auto;
}

.topline .tltw span {
  background-position: 0 -120px;
  left: 938px;
}

.topline .tlfb span {
  background-position: 0 -90px;
  left: 960px;
}

.topline .tlvk span {
  background-position: 0 -60px;
  left: 982px;
}

.topline .tlgp span {
  background-position: 0 0;
  left: 1004px;
}

.topline .tlyt span {
  background-position: 0 -30px;
  left: 1026px;
}

.topline .tlig span {
  background-position: 0 -210px;
  left: 916px;
}

.topline .tlok span {
  background-position: 0 -240px;
  left: 1048px;
}

#content {
  min-height: 400px;
}

.overflowcontent { 
  overflow: hidden; 
}

.margincontent { 
  padding-bottom: 50px;
}

.glbody {
  margin: 0 auto;
  width: 1200px;
  position: relative;
}

#content .smallcontent {
  width: 1000px;
  padding-right: 18px;
  float: left;
}

#content .rightline {
  width: 182px;
  height: 100%;
  background-color: yellow;
  float: right;
}


header {
  height: 145px;
}

header .logo {
  display: block;
  height: 60px;
  width: 438px;
  background: url(images/logo.png) no-repeat;
  margin: 30px auto 0 auto;
}

header #tbleft, header #tbright {
  position: absolute;
  bottom: 38px;
  width: 273px;
  height: 43px;
  display: block;
  text-align: center;
  border: 1px dotted #000;
  line-height: 39px;
  border-radius: 6px;
  padding: 0;
  margin: 0;
  font-size: 18px;
  text-decoration: none;
  margin: 20px;
}

header #tbleft {
  left: 0;
}

header #tbright {
  right: 0;
}

header #tbleft:hover, 
header #tbright:hover
{
  background-color: #000;
  color: #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

header #tbleft.tbactive,
header #tbright.tbactive 
{
  background-color: #000;
  color: #fff;
  cursor: default;
}

header .menuhcenter {
  width: 438px;
  margin: 0 auto;
  text-align: center;
  padding-top: 22px;
}

header .menuhcenter a {
  text-decoration: none;
  color: gray;
  text-transform: uppercase;
  padding: 6px 12px;
  font-size: 20px;
}

header .menuhcenter a.active {
  background-color: #ededed;
}

footer {
  background-color: #141414;
  min-height: 308px;
  padding-top: 52px;
  color: #fff;
  padding-bottom: 16px;
}
 
footer .fbrand {
  background: url(images/brandbottom.jpg) no-repeat;
  width: 1200px;
  height: 143px;
  border-bottom: #434343 1px solid;
  padding-bottom: 18px;
}

footer .ftw, footer .ffb, footer .fvk, footer .fgp, footer .fyt, footer .fig, footer .fok {
  background: url(images/bottomsocicon.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 227px;
  display: block;
}

footer .ftw {
  right: 152px;
}

footer .ffb {
  right: 114px;
  background-position: -30px 0;
}

footer .fvk {
  right: 76px;
  background-position: -60px 0;
}

footer .fgp {
  right: 38px;
  background-position: -90px 0;
}

footer .fyt {
  right: 0;
  background-position: -120px 0;
}

footer .fig {
  right: 190px;
  background-position: -150px 0;
}

footer .fok {
  right: 228px;
  background-position: -180px 0;
}

footer .fig:hover {
  background-position: -150px -30px;
}

footer .ftw:hover {
  background-position: 0 -30px;
}

footer .ffb:hover {
  background-position: -30px -30px;
}

footer .fvk:hover {
  background-position: -60px -30px;
}

footer .fgp:hover {
  background-position: -90px -30px;
}

footer .fyt:hover {
  background-position: -120px -30px;
}

footer .fok:hover {
  background-position: -180px -30px;
}

#magic { 
  overflow: hidden; 
}

#content0 { 
  float: left; 
  width: 1200px; 
  position: absolute;
  min-height: 200px;
  opacity: 0;
}

#loaderImage {
  width: 128px;
  height: 128px;
  background: url(images/sprites.png) no-repeat;
  position: absolute;
  left: 536px;
  top: 10px;
  z-index: 9999;
}

span.brub { 
  font-family: 'ALSRubl-Verdana', Verdana, sans-serif; 
  font-weight: normal;
}

a.lbutton {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

footer .crworks {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}

footer .crworks,
footer .crworks a
{
  font-size: 13px;
  color: #aaa;
  text-decoration: none;
}

footer .crworks a:hover {
  text-decoration: underline;
}

.subscription {
  position: absolute;
  top: 229px;
  left: 518px;
}

a.pdf {
  display: block;
  min-height: 33px;
  line-height: 33px;
  padding-left: 40px;
  background: url("images/pdf.jpg") no-repeat scroll left center transparent;
}

button, .ui-widget button {
  background-color: #000;
  color: #FFF;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Open Sans",sans-serif;
  border: 0;
  cursor: pointer;
}

#content .lright {
  float: left;
  width: 900px;
}

.fullcontent {
  width: 100%;
  min-width: 1200px;
}

.abutton {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}