body {
  background: #f3f2f3;
  color: black;  background: white;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#container {
  background: white;
  margin: 10px auto;
  width: 1024px; 
/*  border: 1px solid blue;*/
}
#header {
  position: relative;
  top: 0px; left: 0px;
  height: 73px; width: 100%; 
  background-color: #343434;
/*  border: 1px solid red;*/
}
#navigation {
  position: absolute;
  margin: -52px 0% 10px 15%;
  width: 40%; height: 35px;
  color: white;
  letter-spacing: 1px;
/*  border: 1px solid yellow;*/
}
#content-1 { 
  position: relative;
  /*margin-top: 157px;  */
  height: 400px; width: 100%; 
  background: #e3e2c6;
  /*border: 1px solid red;*/
}
#content-11 { 
  position: absolute;
  height: 365px; width: 47%;
  margin: 0; padding-right: 0;
  top: 10px; left: 30px;
  font: normal 18px Verdana; 
  color: gray; line-height: 1.5;  
  /*border: 1px solid red;*/
}
#content-2 { 
  position: relative;
  margin-top: 0px;
  height: 400px; width: 100%; 
  background-image: url(../images/fon2.png);
  background-position: 50% 50%; 
  background-size: cover;   
  background-repeat: no-repeat; 
  font-size: 14px; line-height: 1.5;  
  /*border: 1px solid black;*/
}
#content-21 { 
  position: absolute;
  margin: 0; padding: 5px;
  top: 0px; left: 30px;
  height: 470px; width: 45%; 
  /*border: 1px solid black;*/
}
#content-22 { 
  position: absolute;
  margin: 0; padding: 5px;
  top: 0px; left: 51%;
  height: 470px; width: 45%;
  /*border: 1px solid yellow;*/
}
#content-3 { 
  position: relative;
  margin-top: 0px;
  height: 290px; width: 100%;
  background: url(../images/gradient7.png) #72bdb2; 
}
#content-31 {
  position: absolute;
  margin: 0; padding: 5px;
  top: 10px; left: 40%;
  height: 267px; width: 55%;
  color: white; 
  letter-spacing: 3px;
  /*border: 1px solid black;*/
}
#content-4 { 
  position: relative;
  margin: 0;
  height: 400px; width: 100%; 
  background-color: #c0c0c0;
  /*border: 1px solid black;*/
}
#content-5 { 
  position: relative;
/*margin-top: 357px;  */
  height: 470px; width: 100%;
  background-image: url(../images/fon5.png);
  background-position: 50% 50%; /* Положение фона */
  background-size: cover;   /* Масштабируем фон */
  background-repeat: no-repeat;  /* Отменяем повторение фона */  
}
#footer { 
  position: relative;
  margin: 0; 
  height: 126px; width: 100%;
  font-size: 14px; color: white; 
  padding-top: 1px;
  background: darkslategray; 
/*  border: 1px solid yellow;*/
}
.foot-1 {
  position: absolute;
  margin-top: 10px; padding: 9px;
  top: 0px; 
  height: 80px; width: 24%;
  float: left; line-height: 1.5;
  border-right: 1px solid darkgrey;
}
.foot-2 {
  position: absolute;
  margin-top: 10px; padding: 9px;
  top: 0px; left: 27%;
  height: 80px; width: 42%;
}
.foot-3 {
  position: absolute;
  margin-top: 10px; padding: 9px;
  top: 0px;  right: 1%;
  height: 80px; width: 24%;
  border-left: 1px solid darkgrey;
}
.inpu {
  margin-top: 5px;
  padding: 3px;
  height: 27px;
  font-size: 16px;
  color: SlateGray;
  background: white;
}
.texa {
  margin-top: 5px;
  padding: 3px;
  font: 16px/18px Geneva, Arial, 
           Helvetica, sans-serif;
  color: SlateGray;
  background: white;
  resize: none;
}
.subm {
  margin-top: 5px; padding-bottom: 2px;
  font-size: 16px; font-weight: 600;
  letter-spacing: 1.5px; color: #8d8d8d;
  border-radius: 9px 9px 9px 9px;
  height: 33px; width: 130px;
  background: #e3ed9c;
/*  background: -moz-linear-gradient(#00BBD6, #EBDDFF);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#00BBD6), to(#EBDDFF));*/
}
.subm:hover {
  /*color: #F2F2F2;*/ 
  background: #d6de9d;
  cursor: pointer;
}
.hr {
  margin: 0; padding:0;
  padding-top: 8px;
  float: left;
  font-weight: 600; 
  font-size: 16px;  
  /*border: 1px solid red;*/
}
.hr li {
  display: inline;  /* Отображать как строчный элемент */
  padding-left: 30px;
  background-color: transparent;
/*  background-color: rgba(0, 0, 0, 1);*/
  cursor: pointer;
  /*border: 1px solid yellow;*/
}
a.menu:link { 
  color: white;
  text-decoration: none; /* Убираем подчеркивание у ссылок */
}
a.menu:visited { color: white; }
a.menu:hover { color: SandyBrown; }
a.menu:active { color: red; }
.knopka {
  height: 35px; width: 175px;
  border-radius: 10px;
  float: right;
  padding-top: -4px;
  font-size: 15px; 
  font-weight: 600;
  color: #5a5a5a; 
  background: #e3ed9c;
}
button.knopka:hover {
  color: #5a5a5a; 
  background: #cfd893; 
  cursor: pointer;
}