/* begin GENERAL */
html,body {
  height:100%;
  width:100%;
  margin:0;
  padding:0
}
body {
  background:url(../images/back.jpg)
}

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0
}
.clearfix {
  display:inline-block
}
html[xmlns] .clearfix {
  display:block
}
* html .clearfix {
  height:1%
}
.clear {
  clear:both
}
/* end GENERAL*/

/* begin CONTAINERS */
.h-container {
  margin:0 0 -50px;
  min-height:100%;
  overflow:hidden;
  position:relative
}
/* end CONTAINERS */

/* begin HEADER */
.l-header {
  width:980px;
  height:100px;
  margin:0 auto;
  background-color:#0c365d
}
.b-header {
  float:left;
  width:980px;
  height:100px;
  position:relative
}
.b-header h1 a {
  display:block;
  position:absolute;
  top:10px;
  left:15px;
  color:#f0be69
}
.b-header h1 a:hover {
  color:#fff
}

.b-header .logo-wrapper {
  float:left;
  line-height:100px;
  display:inline-block;
}
.b-header .logo a img {
  vertical-align:middle;
  margin-left:15px;
  line-height:normal;
}

.b-header .banner {
  float:right;
  height:100px
}

.b-header .title-wrapper {
  float:right;
  display:inline-block;
  line-height:100px;
  margin:0
}
.b-header .title {
  line-height:normal;
  vertical-align:middle
}

.b-flags {
  height:16px;
  position:absolute;
  bottom:10px;
  left:20px
}
.b-flag {
  float:left;
  margin-right:10px
}
.b-flag a {
  opacity:.5
}
.b-flag a:hover, .b-flag a.selected {
  opacity:1
}
.b-socials {
  height:16px;
  position:absolute;
  top:10px;
  right:20px
}
.b-social {
  float:right;
  margin-left:15px
}
.b-social a:hover {
  opacity:.5
}
.b-contacts {
  position:absolute;
  top:33px;
  left:520px
}
.b-contacts p.contacts {
  color:#b4d3f2;
  margin-bottom:5px
}
.b-contacts p.contacts span {
  font-size:130%;
  vertical-align:middle
}
.b-contacts p.contacts img {
  margin-right:5px;
  vertical-align:middle
}
/* end HEADER */

/* begin SEARCH*/
.b-search {
  height:24px;
  position:absolute;
  bottom:20px;
  right:20px
}
.b-search input[type=text]{
  display:inline;
  width:190px;
  height:22px;
  font:12px Tahoma, sans-serif;
  line-height:11px;
  padding:0 0 0 5px;
  margin:0;
  border:1px solid #156ab8
}
.b-search input[type=text]:hover, .b-search input[type=text]:focus {
  border:1px solid #ff9b40
}
.b-search input[type=submit] {
  display:inline-block;
  width:25px;
  height:24px;
  padding:0;
  margin:0;
  background:url(../images/search.png) no-repeat 4px 4px #156ab8;
  border:none;
  cursor:pointer
}
.b-search input[type=submit]:hover {
  background-color:#ff9b40;
  cursor:pointer
}
input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}
/* end SEARCH*/

/* begin TOPMENU */
.b-topmenu {
  width:980px;
  height:40px;
  margin:0 auto;
  position:relative;
  background-color:#13518a
}
.b-topmenu ul {
  list-style:none;
  margin:0;
  padding:0
}
.b-topmenu ul li {
  float:left;
  position:relative;
  margin:0;
  padding:0
}
.b-topmenu ul li a {
  float:left;
  display:block;
  height:40px;
  padding:0 15px 0;
  margin:0;
  color:#b4d3f2;
  font:140% 'Roboto Condensed', sans-serif;
  line-height:38px;
  text-decoration:none
}
.b-topmenu ul li a:hover {
  color:#fff;
}
.b-topmenu ul li a.selected, .b-topmenu ul li.leveled a.selected {
  color:#fff;
  background-color:#0c365d;
  border-right:2px solid #b4d3f2;
  border-left:2px solid #b4d3f2;
}
.b-topmenu ul li a:hover.selected, .b-topmenu ul li.leveled a:hover.selected {
  background-color:#0c365d;
}
.b-topmenu ul li.leveled a.selected {
  /*background:url(../images/topmenu_down_on.png) no-repeat right 15px #0c365d;*/
}
.b-topmenu ul li:first-child a.selected {
  border-left:none;
}
.b-topmenu ul li.leveled a {
  padding:0 22px 0 15px;
  /* background:url(../images/topmenu_down_off.png) no-repeat right 15px */
}

.b-topmenu ul li.leveled ul {
  display:none;
  position:absolute;
  top:40px;
  left:0;
  float:left;
  width:160px;
  z-index:99999;
}
.b-topmenu ul li.leveled ul li {
  min-width:170px;
  padding:0;
  margin:0;
}
.b-topmenu ul li.leveled ul a {
  font:85% 'Roboto Condensed', sans-serif;
  line-height:1.2em;
  padding:0 15px 7px;
  width:170px;
  height:auto;
  background-color:#13518a;
  background-image:none
}
.b-topmenu ul li.leveled ul li.leveled a {
  /* background:url(../images/topmenu_right_off.png) no-repeat right 7px #13518a */
}
.b-topmenu ul li.leveled ul a:hover {
  padding:0 15px 7px;
  width:170px;
  height:auto;
  background-image:none
}
.b-topmenu ul li.leveled:hover > ul {
  display:block;
}
.b-topmenu ul li.leveled:hover > a {
  color:#fff;
  /* background:url(../images/topmenu_down_on.png) no-repeat right 15px #13518a; */
}
.b-topmenu ul li.leveled:hover > a.selected {
  color:#fff;
  /* background:url(../images/topmenu_down_on.png) no-repeat right 15px #0c365d; */
}

.b-topmenu ul li.leveled ul ul {
  left:100%;
  top:0;
  width:170px;
}
.b-topmenu ul li.leveled ul li.leveled ul li a, .b-topmenu ul li.leveled ul li.leveled ul li a:hover {
  padding:0 0 5px 10px;
  background-image:none
}
.b-topmenu ul li.leveled ul ul a {
  font:60% 'Roboto Condensed', sans-serif;
  min-width:170px;
  line-height:1.4em;
}
.b-topmenu  ul li.leveled ul li.leveled:hover > a {
  color:#fff;
  /* background:url(../images/topmenu_right_on.png) no-repeat right 7px #13518a */
}
/* end TOPMENU */

/* begin SLIDER */
.l-slider {
  display:block;
  width:980px;
  height:330px;
  margin:10px auto
}
.b-slider {
  display:block;
  width:980px;
  height:330px;
  position:relative;
  z-index:10
}
.b-slider-left a, .b-slider-right a {
  display:block;
  width:49px;
  height:50px;
  position:absolute;
  z-index:11
}
.b-slider-left a {
  top:140px;
  left:10px;
  background:url(../images/arrow_left.png) no-repeat
}
.b-slider-right a {
  top:140px;
  right:10px;
  background:url(../images/arrow_right.png) no-repeat
}
/* end SLIDER */

/* begin PAGE */
.l-page {
  display:block;
  position:relative;
  width:980px;
  margin:10px auto 20px;
  background-color:#fff;
  bottom:0;
}
/* end PAGE */

/* begin MAIN COLUMN */
.b-maincolumn {
  display:block;
  overflow:hidden
}
.b-maincontent {
  display:block;
  position:relative;
  padding:20px;
}
hr.thick {
  display:block;
  height:2px;
    border:0;
  border-top:1px solid #a6bcd8;
    margin:2em 0 1em;
  padding:0
}
hr.thin {
  display:block;
  height:1px;
    border:0;
  border-top:1px solid #ccddf3;
    margin:2em 0 1em;
  padding:0
}
.b-mainblock {
  display:block;
  margin:0 0 10px 0;
  padding-bottom:10px;
  border-bottom:1px solid #ccddf3
}
.b-mainblock a img {
  float:left;
  display:block;
  margin-right:20px
}
.b-mainblock-text {
  display:block;
  overflow:hidden;
}
* html .b-mainblock-text {
  float:left; 
}
/* end MAIN COLUMN */

/* begin RIGHT COLUMN */
.b-rightcolumn {
  float:right;
  display:block;
  overflow:hidden;
  position:relative;
  width:240px;
  margin:0 0 20px 0;
  background-color:#e4f2ff;
  z-index:2
}
.b-rightcolumn-bg{
  background:#e4f2ff;
  position:absolute;
  width:240px;
  right:0;
  top:0;
  bottom:0;
  z-index:1
}
.b-rightblock {
  display:block;
  margin:10px;
  /*border-bottom:1px dashed #999*/
}
.b-rightblock h4 {
  color:#e27f24;
  font-weight:700
}
.b-rightblock p img {
  vertical-align:middle
}
/* end RIGHT COLUMN */

/* begin FOOTER */
.footer-bottom {
  height:50px
}
.l-footer {
  position:relative;
  z-index:100;
  width:980px;
  height:50px;
  margin:0 auto;
  background-color:#1f3c57
}
.b-footer {
  color:#b4d3f2
}

.b-footer .b-pipemenu {
  display:block;
  float:left;
  margin:7px 13px 0;
  text-align:left
}
.b-footer .b-pipemenu ul {
  list-style:none;
  padding:0;
  margin:0;
  overflow:hidden;
  font-size:140%
}
.b-footer .b-pipemenu ul li {
  display:inline-block;
  zoom:1;
  *display:inline;
  margin:0;
  padding:0 5px 0 7px;
  border-left:1px solid;
  line-height:1em;
  color:#b4d3f2
}
.b-footer .b-pipemenu ul li a {
  margin:0;
  padding:0;
  color:#156ab8;
  text-decoration:none
}
.b-footer .b-pipemenu ul li a:hover {
  color:#ff9b40
}
.b-footer .b-pipemenu ul li.first{
  border-left:none
}

.dev {
  float:right;
  margin:7px 20px 0;
  font-size:140%
}
.dev a {
  color:#156ab8
}
.dev a:hover {
  color:#ff9b40
}
.address{
  float:left;
  margin:7px 20px 0;
  font-size:140%
}
.address a {
  color:#156ab8
}
.address a:hover {
  color:#ff9b40
}
/* end FOOTER */