BODY {
     background: URL(Img/sao_backgr.jpg) #E7E7E7;
     background: #E6F0F9;
     color: black;
  }
  A:link {
     color: #990066;
     color: #000080;
     text-decoration: underline;
  }
  A:visited {
     color:  #000080;
     text-decoration: underline;
  }
  A:hover {
     background-color: #BEBEFF;
     text-decoration : underline;
  }
  A:active {
     color: #FF00FF;
     color: #990066;
     text-decoration: underline;
  }
  input.button {
     font-weight: bold;
     color: blue;
     color: #770077;
     font-size: 90%;
     padding: 0;
     background-color: #CEE0FF;
   }
  .boxpre {
     padding-left:10pt;
     padding-right:10pt;
     background: white;
     background: #E0E0FF;
     border: solid thin;
     margin-left:50pt;
     margin-right:50pt;
  }
  EM {
    font-style: normal;
    font-size: 100%;
    color: #4030b0;
    background-color: #CEE0FF;
  }
  H3,H4,H5,H6 {
    color: #770077;
    text-align:center;
    font-family: sans-serif;
  }
  ems { font-style: normal;
    font-size: 90%;
    color: #666699;
    color: #4030b0;
    background-color: #CCCCFF;
    background-color: #C8C8F8;
    background-color: #CEE0FF;
  }

  TABLE.fon {
    background: #E0E0FF;
    background: #DBEAF5;
}

.my_table {
  width: 95%;
  border-collapse: collapse;
  margin-left:auto;
  margin-right:auto;
  background: #DBEAF5;
}

.my_table td {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 16px;
  padding: 2px 2px;
}

.my_table th {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 16px;
  padding: 2px 2px;
}

.my_table input {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 16px;
}

.my_table select {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 16px;
}

.table2 {
  width: 100%;
  border-collapse: collapse;
  margin-left:auto;
  margin-right:auto;
  background: #DBEAF5;
}

.table2 td {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 16px;
  padding: 1px 1px;
  border-bottom: 1px solid #ccc;
}

.table2 th {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 16px;
  padding: 1px 1px;
  border-bottom: 1px solid #ccc;
}

.table2 textarea {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 15px;
}

.table2 input {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 14px;
  width: 100pt;
}

.table2 select {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 14px;
  width: 100pt;
}

/* ---------- всплывающее сообщение  -------------*/
.popup-mess {
  position: fixed; /* фиксируем элемент на странице*/
  top: 20%; /* отступ сверху */
  left: 25%; /* отступ слева */
  height: auto; /* высота элемента по размеру содержимого */
  width: 50%; /* ширина элемента на половину страницы */
  z-index: 100; /* для перекрытия остальных элементов кроме фона */
  background: #ffffff; /* цвет фона элемента */
  color: #ff0000; /* цвет текста внутри элемента */
  font-weight: bold;
  padding: 16px; /* поля вокруг текста внутри элемента */
  text-align:center;
}

.brd {
     opacity: 0.5;
     background: #DDA0DD;
}