@import "less/base";
@import "less/typography";

body
{
  .base-font;
}

html, body, .i-sticky
{
  height: 100%;
}

body > .i-sticky
{
  height: auto !important;
  min-height: 100%;
}

.i-sticky
{
  position: relative;
  margin-bottom: -88px;
  z-index: 1;
}

/** Шапка и менюшки справа **
 * 13.02.13 07:24 *
 * mir4a
 -------------------- */
.b-header_meta
{
  margin-top: 50px;
}

.b-logo
{
  & a {
    border-bottom: none;
  }
  position: relative;
  margin: 50px 0 55px;
}

.b-header_nav
{
  .text-left;
}

.b-search_form
{
  margin: 0;
}

.b-search
{
  position: relative;
  &:after,
  &:before
  {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    left: -1px;
    bottom: 3px;
    background: #fff;
  }
  &:after
  {
    left: auto;
    right: -1px;
  }
  .b-search_input
  {
    &:focus {
      outline: none;
    }
    .f12;
    background: transparent;
    text-indent: 5px;
    margin: 0;
    padding: 0 20px 0 0;
    width: 170px;
    position: relative;
    height: 20px;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .b-search_submit
  {
    position: absolute;
    right: 4px;
    top: 8px;
    width: 10px;
    height: 10px;
    background: transparent url("../i/ukr-mix.png") no-repeat -3px -16px;
    border: 0;
    text-indent: -99999px;
  }
  width: 190px;
  border-color: lighten(@light-grey, 10%);
  border-width: 1px;
  border-style: none solid solid solid;
  float: right;
}

.b-lang
{
  .f12;
  margin-left: 10px;
  float: right;
  .b-lang__link
  {
    color: @blue;
    &:hover
    {
      color: lighten(@blue, 10%);
    }
  }
}

.b-header_entry
{
  margin-top: 5px;
  .text-right;
  .b-header_entry__link
  {
    border-bottom: none;
    color: @blue;
    &:hover
    {
      .no-link;
      color: @blue;
    }
    position: relative;
  }
}
/* (end) Шапка и менюшки справа */


/** Верхняя навигация topnav **
 * 13.02.13 05:50 *
 * mir4a
 -------------------- */
.b-topnav
{
  border-top: 1px dotted @light-grey;
}

.b-topnav_list
{
  width: @width;
  padding: 8px 0 8px;
  .div-center;
  .i-center;
}

.b-topnav_list__item
{
  .inline-b;
  margin: 0 60px;
  .b-link
  {
    .zagolovok1;
    .upperCase;
    color: @black;
    border-bottom: none;

    &:hover,
    &:focus {
      .no-link;
      color: @blue;
    }
  }
  &.active > .b-link {
    color: @blue;
  }

}
.b-topnav_list__item.open > .b-link
{
  color: @blue;
}


.b-topnav_border
{
  height: 14px;
  background: @dark-blue;
}
.b-topnav_border__inner
{
  background: url("../i/hr-bg_tall.png") repeat;
  width: @width;
  height: 14px;
  .div-center;
  position: relative;
  overflow: hidden;
  &:before
  {
    content: "\F ";
    height: 100px;
    width: @width;
    position: absolute;
    left: 0;
    top: -45px;
    box-shadow: -70px 0 60px #0082B2 inset, 70px 0 60px #0082B2 inset;
  }
}

.b-dropdown
{
  .text-left;
  background: rgba(255,255,255,0.75);
  border-style: none solid solid solid;
  border-width: 1px;
  border-color: @blue;
  border-radius: 0 0 20px 0;
  box-shadow: none;
  left: -50px;
  width: 220px;
  margin-top: 8px;
  padding: 12px 0 10px;
  .b-dropdown_item
  {
    list-style: disc;
    margin: 0 0 0 25px;
    font-size: 16px;
    &:hover
    {
      color: @blue;
    }
    &.active
    {
      color:@blue;
      .b-link_none
      {
        border-bottom: none;
        color: @blue;
      }
    }
  }
  .b-link_none
  {
    .f12;
    color: @black;
    display: block;
    border-bottom: none;
    &:hover
    {
      color: @blue;
    }
  }
}

/* (end) Верхняя навигация topnav */

/** стили контентной части **
 * 13.02.13 09:40 *
 * mir4a
 -------------------- */
.b-heading_one,
.b-heading_two
{
  .zagolovok2
}

.b-heading_hr
{
  position: relative;
  margin-bottom: 15px;
  margin-top: 25px;
  .b-heading_one,
  .b-heading_two,
  .b-heading_three,
  .b-heading_four,
  .b-heading_five,
  .b-heading_six
  {
    display: inline-block;
    background: #fff;
    padding-right: 10px;
    position: relative;
    margin: 0;
    z-index: 1;
  }
  .b-hr_dotted
  {
    width: 100%;
    position: absolute;
    left: 0;
    top: 11px;
    background: none;
    border-color: @light-grey;
    border-style: none none dotted none;
    border-width: 1px;
    margin: 0;
    z-index: 0;
  }
}

.i-content
{
  padding-top: 25px;
  padding-bottom: 60px;
}

.b-content
{
  padding-right: 20px;
}

.b-fieldset
{
  margin-bottom: 30px;
}

.b-legend
{
  color: @blue;
  border: none;
  margin-bottom: 30px;
}

.b-form_el
{
  &.xsmall {
    .b-form_el__label {
      width: 36px;
      margin-right: 0;
    }
    .b-form_el__input {
      width: 108px - 36;
      .b-select {
        width: 100%;
        height: 24px;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
      }
    }
    width: 108px;
  }
  &.small {
    .b-form_el__label {
      width: 54px;
      margin-right: 0;
    }
    .b-form_el__input {
      width: 176px - 54;
      .b-select {
        width: 100%;
        height: 24px;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
      }
    }
    width: 176px;
  }
  position: relative;
  width: 692px;
  .b-form_el__label
  {
    width: 200px;
    float: left;
    margin-right: 12px;
  }
  .b-form_el__input
  {
    position: relative;
    width: 480px;
    float: left;
  }
//  .b-form_el__check {
//    width: 100%;
//  }
}

.i-star_req
{
  color: @blue;
}

.b-label
{
  .f12;
  line-height: 18px;
  vertical-align: text-top;
  color: @light-grey;
}

.b-form_el__input
{
  .b-select,
  .b-textarea,
  .b-input
  {
    &:focus
    {
      border-color: @blue;
    }
    border-radius: 2px;
    color: @grey;
    width: 206px;
  }

  .b-select {
    width: 220px;
  }

  .b-input.alert
  {
    border-color: @bordo;
    &:focus
    {
      border-color: @blue;
    }
  }

  .b-textarea
  {
//    resize: vertical;
    resize: none;
    width: 450px;
  }
}

#i-register
{
  .b-button
  {
    .b-button__mid;
  }
}

.b-tender_heading
{
  position: relative;
  margin-bottom: 10px;
  color: @blue;
  font-size: 16px;
  .b-link
  {
//    text-decoration: underline;
    &:hover
    {
      color: lighten(@blue, 15%);
    }
  }
}

.b-tender_body__left
{
  width: 380px;
  float: left;
  margin-right: 20px;
  .b-text
  {
    color: @grey;
  }
}

.b-tender_body__right
{
  float: left;
  width: 278px;
  .b-table
  {
    float: right;
    td {
      padding: 2px 10px 4px;
    }
    .b-tr_1,
    .b-tr_2,
    .b-tr_3
    {
      border-bottom: 1px dotted @light-grey;
    }
  }
  .b-td_2,.grey
  {
    color: @light-grey;
  }
}

.b-tender
{
  margin-bottom: 20px;
}
.b-tender_foot
{
  background: #f9f9f9;
  height: 28px;
  position: relative;
  .b-action
  {
    color: @light-grey;
    line-height: 25px;
    .text-right;
    display: block;
    float: right;
    padding-right: 20px;
    width: 262px;
    height: 28px;
    background: transparent url("../i/ukr-ui_04.png") no-repeat 0 0;
  }
  .b-link
  {
    color: @blue;
    text-decoration: none;
    border-bottom:  none;
  }
}
/* (end) стили контентной части */

/** Правая колонка **
 * 13.02.13 10:38 *
 * mir4a
 -------------------- */
.b-tender-left
{
  position: relative;
  .b-link_none
  {
    color: @black;
    &:hover
    {
      color: @black;
    }
  }
  .b-text
  {
    color: @grey;
  }
}
.b-tender-left_date
{
  .f12;
  color: @light-grey;
  border-bottom: 1px dotted @light-grey;
  margin-bottom: 5px;
  .b-date
  {
    color: @blue;
  }
}

.modal-backdrop
{
  background: #fff;
}
/* (end) Правая колонка */

/** Футер, он же подвал **
 * 13.02.13 10:38 *
 * mir4a
 -------------------- */
.b-footer, .i-push
{
  height: 88px;
}
.b-footer
{
  background: transparent url("../i/foo-pat.png") repeat;
}

.b-footer_logo
{
  margin-top: 30px;
}
.i-footer
{
  position: relative;
  z-index: 2;
}

.b-address,
.b-copy
{
  margin-top: 30px;
}
.b-address,
.b-tel,
.b-copy
{
  .f11;
  line-height: 15px;
  .b-link_none
  {
    color: @black;
  }
}
.b-copy
{
  .b-copy_name
  {
    .upperCase;
    .stretch;
  }
}
.b-address,
.b-tel
{
  .text-right
}

/* (end) Футер, он же подвал */

/** Всплывающее окно **
 * 04.03.13 03:18 *
 * mir4a
 -------------------- */
.b-modal
{
  .b-hr_dotted
  {
    background: transparent;
    border-color: @light-grey;
    border-style: none none dotted none;
    border-width: 1px;
  }
  .b-modal_body
  {
    .b-heading_two
    {
      .pad15;
    }
    padding: 35px 40px 30px;
  }
  .b-modal_foo
  {
    .pad15;
//    .b-link {
//      text-decoration: underline;
//    }
  }
  border-radius: 3px;
  border: 1px solid @blue;
  width: auto;
}

#i-login_form
{
  form
  {
    .pad15;
  }
  .b-button
  {
    .b-button__mid(96px,34px,-6px,-29px,-64px);
//    display: block;
//    width: 96px;
//    height: 34px;
//    border: none;
//    text-indent: -99999px;
//    background: transparent url("../i/ukr-ui_04.png") no-repeat -6px -29px;
//    &:hover
//    {
//      background-position: -6px -64px;
//    }
    margin-top: 0;
  }
  .b-form_el
  {
    width: 420px;
  }
  .b-form_el__label
  {
    width: 110px;
  }
  .b-form_el__input
  {
    width: 295px;
    .b-input
    {
      margin-bottom: 5px;
      padding: 2px 6px;
      width: 280px;
    }
  }
}
/* (end) Всплывающее окно */

/** Формы **
 * 04.03.13 03:19 *
 * mir4a
 -------------------- */
.b-input[type="file"]
{
  height: auto;
  width: 260px;
  line-height: 16px;
}


.b-form_wrap
{
  margin-top: 10px;
  .b-label
  {
    .b-checkbox
    {
      margin: 0 5px 3px 0;
    }
    width: 100px;
    float: left;
  }

  .b-button
  {
    float: right;
  }
}

.b-form_el
{
  margin-bottom: 10px;
  .b-form_el__input
  {
    .b-input,
    .b-textarea
    {
      margin-bottom: 0;
    }

    .b-textarea
    {
      min-height: 115px;
    }
  }
}

.b-alert {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 15px;
    margin-left: 10px;
    visibility: hidden;
    .b-alert_icon
    {
      position: relative;
      background: transparent url("../i/ukr-mix.png") no-repeat -34px -32px;
      width: 23px;
      height: 23px;
      z-index: 1;
      &:hover > .b-alert_icon_helper
      {
        display: block;
      }
      .b-alert_icon_helper
      {
        .f11;
        &:after
        {
          content: "";
          position: absolute;
          left: 6px;
          top: -8px;
          width: 10px;
          height: 9px;
          background: transparent url("../i/ukr-mix.png") no-repeat -21px -17px;
        }
        background: #fff;
        display: none;
        position: absolute;
        color: @light-grey;
        padding: 5px;
        left: 0;
//        bottom: 0;
        border: 1px solid lighten(@light-grey, 20%);
        width: 170px;
        border-radius: 3px;
        margin-top: 33px;
      }
    }
    .b-alert_text
    {
      color: @bordo;
      position: absolute;
      top: 0;
      left: 30px;
      height: 23px;
      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
      box-shadow: 0 0 4px #fff;
      display: block;
      white-space: nowrap;
      z-index: 1;
    }
  }


.i-add_file_input
{
  margin-left: 370px;
}

#i-contact
{
  .b-input[type="file"]
  {
    margin-bottom: 5px;
    display: block;
  }
  .b-button
  {
    .b-button__mid(131px,34px,-126px,-170px,-205px);
//    display: block;
//    .div-center;
//    width: 130px;
//    height: 34px;
//    background: transparent url("../i/send-button.png") no-repeat;
//    border: none;
//    text-indent: -9999px;
//    margin-top: 30px;
  }
}

.b-custom__checkbox {
  border: 1px solid;
  border-radius: 3px 3px 3px 3px;
  float: left;
  height: 14px;
  margin: 0 5px 3px 0;
  position: relative;
  width: 14px;
  &.checked:after
  {
    content: '\f';
    position: absolute;
    left: 2px;
    top: -4px;
    width: 13px;
    height: 15px;
    background: transparent url("../i/ukr-mix.png") no-repeat -21px -1px;
    opacity: 1;
  }
  .b-checkbox
  {
    position: absolute;
    margin: 0;
    opacity: 0;
  }
  .b-alert {
    bottom: -20px;
    left: 0;
    margin: 0;
    position: absolute;
  }
}

/* (end) Формы */

/** страницы тендера **
 * 04.03.13 03:26 *
 * mir4a
 -------------------- */
.b-icon_download {
  .icon(38px, 38px, -308px, -1px);
}
.b-download {
  td:first-child {
    vertical-align: middle;
    padding-bottom: 20px;
  }
  .b-download_item {
    &:hover {
      text-decoration: none;
    }
    color: @grey;
    border-bottom: none;
//    text-decoration: underline;
    line-height: 17px;
    position: relative;
    display: block;
    padding-left: 10px;
    min-height: 50px;
  }
  margin-top: 30px;
}

.b-tab {
  .b-tab_content {
    .b-tender {
      .b-tender_body__right {
        .b-table {
          width: 100%;
        }
        width: 224px;
      }
      .b-tender_body__left {
        width: 406px;
        margin-right: 25px;
      }
    }
    .b-tab_content__in {
      .b-heading_two {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 18px;
      }
      .b-meta {
        .l-col1,
        .l-col2 {
          display: inline-block;
          vertical-align: top;
        }
//        display: inline-block;
//        vertical-align: top;
        float: left;
      }
      &.active {
        display: block;
      }
      .i-send__commerce {
        .b-button__big;
      }
      .b-tender_descr {
        .b-meta {
          float: none;
          margin-bottom: 20px;
        }
        p {
          text-align: justify;
        }
      }
      display: none;
    }
    border: 1px solid @white-grey;
    border-top-color: transparent;
    border-radius: 0 0 8px 8px;
    padding: 20px 10px;
  }
}

/** блок таймера **
 * 04.03.13 09:51 *
 * mir4a
 -------------------- */
.b-timer {
  .b-timer_wrap {
    span {
      &::after {
        content: ':';
      }
//      display: inline-block;
      &:last-child {
        &::after {
          display: none;
        }
        margin-right: 0;
      }
      line-height: 64px;
      position: relative;
      margin-right: -7%;
//      background: red;
    }
    font-size: 55px;
    color: @blue;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 240px;
    height: 64px;
    position: relative;
    border-radius: 4px;
    box-shadow: inset -1px 1px 4px @light-grey;
    .gradients_3(#fff,#f8f8f8,#fff);
  }
  .b-timer_label {
    .f12;
    line-height: 15px;
    text-align: left;
    color: @light-grey;
    vertical-align: middle;
    display: inline-block;
    width: 100px;
  }
  text-align: right;
  width: 360px;
//  display: inline-block;
  position: relative;
  float: right;
  margin-bottom: 20px;
//  vertical-align: top;
}
/* (end) блок таймера */

/** таб навигация **
 * 04.03.13 09:51 *
 * mir4a
 -------------------- */
.b-tab_wrap {
  .b-tabs {
    .b-tabs_item {
      .i-shadow {
        display: none;
      }
      .b-link {
        display: block;
        text-align: center;
        color: @grey;
        background: @white-grey;
        margin-right: 2px;
        padding: 6px 0;
        border-radius: 8px 8px 0 0;
        border-bottom: none;
        position: relative;
        z-index: 4;
      }
      &.active {
        .i-shadow {
          &::after {
            .pseudo (130%, 300px);
            left: -15%;
            bottom: -306px;
            box-shadow: 0 -8px 8px -2px #79A3C2;
            border-radius: 130px;
            z-index: 3;
          }
          background: transparent;
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
        }
        .b-link {
          &::after {
            .pseudo (9px, 9px);
            bottom: 0;
            right: -9px;
            background: url("../i/ukr-ui_04.png") no-repeat -296px -1px;
          }
          &::before {
            .pseudo (9px, 9px);
            bottom: 0;
            left: -9px;
            background: url("../i/ukr-ui_04.png") no-repeat -287px -1px;
          }
          background: @light-blue;
          color: #fff;
          z-index: 5;
        }
      }
      &:last-child {
        .b-link {
          &::after {
            display: none;
          }
          margin-right: 0;
        }
      }
      &:first-child {
        .b-link {
          &::before {
            display: none;
          }
        }
      }
      display: table-cell;
      width: auto;
      position: relative;
      vertical-align: bottom;
      border-bottom: 4px solid @light-blue;
    }
    display: table-row;
  }
  width: 100%;
  display: table;
  position: relative;
  overflow: hidden;
}
/* (end) таб навигация */

/** форма сделать ставку **
 * 04.03.13 09:53 *
 * mir4a
 -------------------- */

/** раскрывающиеся блоки **
 * 04.03.13 11:42 *
 * mir4a
 -------------------- */
.b-expand {
  .b-expand_trigger {
    &:hover {
      color: @grey;
      cursor: pointer;
    }
    .f11;
    color: @light-grey;
    text-decoration: underline;
  }
  .b-expand_in {
    display: none;
  }
  position: relative;
}
/* (end) раскрывающиеся блоки */
.b-price-offer {
  .b-heading {
    color: #fff;
    text-align: center;
    background: @light-blue;
    padding: 5px 0 7px;
    margin-bottom: 30px;
  }
  .b-price-offer_form {
    .l-col1,
    .l-col2 {
      float: left;
      width: 45%;
    }
    .l-col1 {
      margin-right: 10%;
    }
    .i-file__name {
      .b-input[type="file"] {
        padding: 0;
      }
      margin-bottom: 5px;
    }
    .i-add_file_input {
      margin-left: 170px;
    }
    .b-form_el__label {
      width: 155px;
    }
    .b-form_el__input {
      .b-textarea {
        width: 470px;
      }
      width: 500px;
    }
    .b-label {

      & > div {
        vertical-align: middle;
      }
      display: inline;
      line-height: 14px;
      margin-right: 10px;
      vertical-align: middle;
      position: relative;
    }
    .b-input {
      height: 22px;
      border-radius: 2px;
      padding: 0 5px;
      margin: 0;
    }
    #t-price {
      padding-right: 14px;
      width: 108px;
    }
    #t-time {
      width: 60px;
    }
    position: relative;
    width: 100%;
  }
  margin-top: 30px;
}
.b-price_wrap {
  position: relative;
  display: inline-block;
  .b-alert {
    position: absolute;
    top: -2px;
    right: -30px;
    .b-alert_text {
      width: 300px;
      height: auto;
      white-space: normal;
    }
  }
  .i-set {
    .i-set_more {
      &:hover {
        cursor: pointer;
        color: darken(@grey, 10%);
      }
      &.hide {
        visibility: hidden;
      }
      line-height: 11px;
      vertical-align: middle;
      width: 12px;
      height: 11px;
      position: absolute;
      top: 0;
      left: 0;
    }
    .i-set_less {
      &:hover {
        cursor: pointer;
        color: darken(@grey, 10%);
      }
      &.hide {
        visibility: hidden;
      }
      line-height: 11px;
      vertical-align: middle;
      width: 12px;
      height: 11px;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    font-size: 11px;
    vertical-align: middle;
    color: darken(@white-grey, 5%);
    position: absolute;
    right: 1px;
    top: 1px;
    width: 12px;
    height: 22px;
  }
}
/* (end) форма сделать ставку */

#i-price-offer {
  .b-button {
    .b-button__mid;
  }
}

/** таблица список предложений по тендеру **
 * 04.03.13 09:52 *
 * mir4a
 -------------------- */
.b-tender-table {
  .b-table {
    th {
      &.l-col1 {
        width: 100px;
      }
      &.l-col3 {
        width: 120px;
      }
      &.l-col4 {
        width: 230px;
      }
      font-weight: 400;
      color: #fff;
      text-align: center;
      background: @light-blue;
      margin-bottom: 20px;
      padding: 10px 5px;
    }
    td {
      text-align: center;
      padding: 10px 0;
    }
    .b-date {
      & > span {
        text-align: center;
        display: block;
      }
      color: @blue;
    }
    .i-spacer {
      td {
        border: none;
        padding: 6px 0;
      }
    }
    tr {
      &:first-child,
      &:nth-child(2) {
        border-top: none;
      }
      border-top: 1px dotted @light-grey;
    }
    font-size: 13px;
    color: @grey;
  }
  margin-top: 15px;
}
/* (end) таблица список предложений по тендеру */

.fade-in {
  background: red;
  .transition(ease, all, 1s);
}


.b-filter-date {
  border-bottom: 1px dotted lighten(@light-grey, 10%);
  padding: 0 10px;
  margin: 0 -10px 26px;
  .b-form_el {
    margin-right: 35px;
    .b-select {
      margin-bottom: 0;
    }
  }
  .b-button__small {
    margin: 0;
  }
}

/* (end) страницы тендера */

/* Текстовая часть, стили для списков, текста */
/*===== 13.03.13 16:42 =====*/
/*=========================*/
.b-content_text {
  p {
    text-align: justify;
  }
  li {
    margin-bottom: 8px;
  }
  ol {
    ul {
      margin-left: 15px;
      margin-top: 5px;
    }
  }
  ul {
    list-style: none;
    li {
      position: relative;
      &::before {
        content: '\f';
        display: block;
        width: 3px;
        height: 3px;
        position: absolute;
        left: -10px;
        top: 10px;
        border-radius: 3px;
        background: @black;
      }
    }
  }
}
/* end Текстовая часть, стили для списков, текста */