body, html
    {
      margin: 0;
      font-family: 'PT Sans Narrow', Calibri;
      font-size: 19px;
      line-height: 21px;
      color: Black;
      /*background-color: #e4e4ff;*/
    }
    
    a {
     color: #0074a8;
    }
    
    .head {
      background-image: url('/i/head_img.jpg');
      background-position: top center;
      background-repeat: no-repeat;
      /*background-attachment: fixed;*/
      /*background-size: cover;*/
      height: 1800px;
      background-color: #e4e4ff;
    }
    
    .top_menu {
      background-image: url('/i/top_menu_2.png');
      background-position: center center;
      background-repeat: no-repeat;
      /*background-attachment: fixed;*/
      /*background-size: cover;*/
      height: 125px;
      width: 100%;
      position:fixed;
      font-size: 19px;
      z-index: 10;
    }
    
    .top_menu a {
      color:White;
      text-decoration: none;
      border-bottom: solid 1px #78a7c6;
    }
    
    .a_top_menu {
      color:White;
      text-decoration: none;
      border-bottom: solid 1px #78a7c6;
    }
    
    .a_top_menu_sel {
      color:red;
      text-decoration: none;
      /*border-bottom: solid 1px #78a7c6;*/
      border-bottom: none;
    }
    
    li.inline {
      width: 250px;
      min-height: 150px;
      /*border: 1px solid #000;*/
      display: -moz-inline-stack;
      display: inline-block;
      padding: 20px 0px 10px 0px;
      vertical-align: top;
      margin: 5px;
      zoom: 1;
      *display: inline;
      _height: 250px;
      font-size: 21px;
    }
    
    li.inline_p {
      width: 250px;
      min-height: 150px;
      /*border: 1px solid #000;*/
      display: -moz-inline-stack;
      display: inline-block;
 
      vertical-align: top;
      margin: 5px;
      zoom: 1;
      *display: inline;
  

    }
    
    td.act_l {
      height: 542px;
      background-image: url('/i/act/l.png');
      background-position: center right;
      background-repeat: no-repeat;
    }
    
    td.act_l1 {
      height: 542px;
      width: 5%;
      background-image: url('/i/act/l1.png');
      background-position: center left;
      background-repeat: repeat-y;
      background-color: #fab200;
    }
    
    td.act_r {
      height: 542px;
      background-image: url('/i/act/r.png');
      background-position: center left;
      background-repeat: no-repeat;
    }
    
    td.act_r1 {
      height: 542px;
      width: 5%;
      background-image: url('/i/act/r1.png');
      background-position: center right;
      background-repeat: repeat-y;
      background-color: #fab200;
    }
    
    td.act {
      height: 100px;
      background-image: url('/i/act/num.png');
      background-position: center center;
      background-repeat: no-repeat;
      font-size: 72px;
      font-weight: 700;
    }
    
    td.act1 {
      font-size: 72px;
      font-weight: 700;
      line-height: 0px;
      padding-bottom: 20px;
    }
    
  .input {
    letter-spacing: 1px;
    margin-bottom: 20px;
    width: 90%;
    background-color: white;
    height: 31px;
    color: #aaa;
    font-size: 14px;
    padding-left: 10px;
    border-bottom: none;
    border-left: solid 1px #aaa;
    border-right: solid 1px #aaa;
    border-top: solid 1px #aaa;
  }

  .input_warning {
    border-left: solid 1px red;
    border-right: solid 1px red;
    border-top: solid 1px red;
    color: red;
  }
  
  .button {
    
    margin-bottom: 20px;
    width: 96%;
    background-color: #0074a8;
    /*font-weight: 700;*/
    height: 40px;
    color: white;
    font-size: 16px;
    
    border-bottom: solid 5px #005c92;
    border-left: solid 1px #005c92;
    border-right: solid 1px #005c92;
    border-top: solid 1px #005c92;
  }
  
  ul {
    margin: 0;
    padding: 0;
  }

  .block {
    width: 90%;
    font-size: 18px;
    padding-bottom: 40px;
  }

  .bar {
    width:25%;
    background-color: #f8b300;
    font-size: 0px;
    height: 10px;
    margin-bottom: 10px;
  }

  .blockhead {
    font-size: 21px;
    padding: 0px 0px 14px 0px;
  }


  .avatar{
    /*float: left; */ /* прижимаемся к левому краю, обтекание справа */
    background: #fff; /* фон */
    width: 120px; /* ширина */
    height: 120px; /* высота */
    padding: 2px;  /* внутренние отступы(верх, право, низ, лево) */
    border: 1px solid #999; /* граница(ширина, тип, цвет) */
    border-radius: 50%;  /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */
    /*box-shadow: 0px 1px 1px 1px #bbb */ /* смещение по горизонтали, смещение по вертикали, размытие, увеличение и цвет */
  }

  .avatar img{ /* селектор для картинки, которая "внутри" класса avatar */
    display: block; /* картинка выводится как блок, по ширине будет равен родителю(диву в котором находится) */
    width: 100%; /* ширина 100% */
    border: 0; /* граница нулевая */
    margin: 0; /* внешний отступ отстутствует */
    border-radius: 50%; /* читай выше */

  }


.order {
  border: solid 4px #c68d00;
  background-color: #fdca4b;
  padding: 20px;
}