@import "variables";

.advert
{
  & .title
  {

    & h1
    {
      @include font(20, 54, bold);
      color : #f00;
    }

    & div
    {
      height      : 54px;
      padding     : 0 0 0 10px;
      float       : right;
      width       : 160px;
      border-left : 1px solid #e7e7e7;

      & a
      {
        display         : block;
        @include font(12, 14);
        color           : #3d4143;
        padding-left    : 20px;
        background      : url($image_dir + "adv_title.png") no-repeat;
        text-decoration : none;
        margin-bottom   : 4px;

        $i : 0;
        @each $col in uff1, uff2, uff3
        {
          &.#{$col}
          {
            background-position : 0 -14px * $i;
          }
          $i : $i + 1;
        }

        &.uff3
        {
          color : #e27767;
        }
      }
    }
  }

  & table
  {
    width : 100%;

    & td
    {
      width          : 370px;
      vertical-align : top;

      &:first-child
      {
        padding-right : 15px;
      }

      & .info
      {
        background : #f5f5f5;
        position   : relative;
        @include font(13, 16);
        color      : #000;

        & span
        {

          &.zagi
          {
            display    : block;
            background : #fff;
            padding    : 5px 3px;
            position   : absolute;
            top        : -8px;
            left       : 18px;
            @include font(11, 12);
            color      : #414244;
          }

          &.l_bl
          {
            padding-left : 17px;
            background   : url($image_dir + "l_bl.png") no-repeat 0 3px;
            display      : block;
            position     : absolute;
            top          : 20px;
            right        : 10px;
            color        : #999;
            font-size    : 12px;
          }
        }

        & > div
        {
          border-bottom : 1px solid #d9d9d9;

          &:first-child
          {
            padding    : 20px;
            border-top : 1px solid #d9d9d9;
          }

          &.bottom
          {
            padding    : 10px;
            background : #eaeaea;
            text-align : center;

            & div
            {
              display : inline-block;
            }
          }

          & .cost
          {
            display    : table;
            margin     : 15px 0;
            @include font(16, 26, bold);
            color      : #fff;
            padding    : 0 25px 0 10px;
            background : #f00;
          }

          & .z
          {
            @include font(14, 14, bold);
            color : #414244;
          }

          & span
          {
            color : #909090;
          }

          & table
          {
            width : inherit;

            & td
            {
              color          : #f00;
              width          : inherit;
              vertical-align : top;
              padding        : 2px 0;

              &:first-child
              {
                padding-right : 20px;
                color         : #909090;
              }
            }
          }

          & .seller_block div .b
          {
            font-weight : bold;
            font-size   : 12px;
            color       : #777;
            margin      : -10px 0 10px;
          }
          & .seller_block div ul li
          {
            margin-bottom : 8px;

            & a
            {
              background  : url($image_dir + "adv_seller_link.png") no-repeat 0 0;
              line-height : 14px;

              $i : 0;
              @each $col in l1, l2, l3
              {
                &.#{$col}
                {
                  background-position : 0 -66px * $i;
                }
                $i : $i + 1;
              }
            }

            .l3
            {
              text-decoration : none;

              & span
              {
                font-size       : 11px;
                color           : #1683be;
                text-decoration : underline;

                &:hover
                {
                  text-decoration : none;
                }
              }
            }
          }
        }
      }

      & .zainterest
      {
        border     : 1px solid #6fc0f5;
        margin-top : 25px;

        & .shapka
        {
          background   : #4fa7d9;
          @include font(12, 30, bold);
          color        : #fff;
          padding-left : 20px;
        }

        & .coni
        {
          padding : 10px 10px 10px 20px;

          & span
          {
            float : right;
            @include font(12, 20);
            color : #3d4143;
          }

          & a
          {
            @include font(12, 20, bold);
            color           : #005e94;
            text-decoration : underline;
          }
        }
      }

      & .images
      {
        overflow-y : scroll;
        max-height : 500px;

        & img
        {
          max-width : 370px;
        }
      }

      & .but
      {
        background    : #f2f2f2;
        border-radius : 0 0 5px 5px;
        padding       : 0 10px;
        @include font(12, 20);
        color         : #3d4143;
        width         : 160px;
        cursor        : pointer;
        margin        : 0 auto;
      }

      & .questions
      {
        border-top    : 3px solid #f3f3f3;
        border-bottom : 3px solid #f3f3f3;
        padding       : 15px 0;
        margin-top    : 20px;

        & .if_not_reg
        {
          text-align : center;
          padding    : 15px 0 30px;
        }

        & .sam_dialog
        {
          background : none;
          border     : none;

          & .dialog_window
          {
            border-bottom : 3px solid #f3f3f3;
          }

          & .dialog_window > div
          {
            width         : 350px;
            margin-bottom : 20px;

            & .img
            {
              width : 40px;

              & .circle
              {
                width  : 40px;
                height : 40px;

                & img
                {
                  max-width  : 40px;
                  max-height : 40px;
                }
              }
            }
          }

          & .textarea
          {
            margin-top : 30px;
            background : #F5F5F5;
          }

          & .textarea textarea
          {
            width : 340px;
          }

          & input[type="submit"]
          {
            background : none;
            border     : none;
            color      : #4A4949;
          }
        }
      }
    }
  }
}