html,body{margin:0;padding:0;height: 100%}
body{font-family: Arial; font-size: 14px; line-height: 1.5;}

a {text-decoration: none; color:#2764af;} 
a:hover {color: #CC0000;}

hr {border: none; color: #ebebeb; background-color: #ebebeb; height: 1px; margin: 20px 0 20px 0;}

.backlight {background: #f1f1f1; padding: 10px;border-radius: 5px;}

input {
  border: 1px solid #CCCCCC;
  padding: 0 3px 0px 3px;
  color: #000;
  font-size: 11pt;
  outline: none;}
  
.text-head {font-size: 25px; font-weight:bold; line-height: 1.3;} 
  
.text-green {color:#669900;}
.text-grey {color:#7F8081;}
.text-red {color:#CC0000;}

.text-grey-disabled {color:#a5a5a5;}

.input-long {width: 300px; height: 30px; position: relative; top:-2px}
.input-short {width: 150px; height: 30px; position: relative; top:-2px}

#list {width: 158px; height: 32px; position: relative; top:-2px}
#list-long {width: 308px; height: 32px; position: relative; top:-2px}

select#list, #list-long {
  border: 1px solid #CCCCCC;
  padding: 1px 0px 2px 2px;
  color: #000;
  font-size: 11pt;
  outline: none;}

.button {
    background-color: #0064ba;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

button.button:hover {background-color: #025ca9;}

.button-no {
    background-color: #f2f2f2;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;

}

/* Контейнер для футера */

.container {display: flex; flex-direction: column; height: 100%;}
.container-top {flex: 1 0 auto;}
.container-bottom {flex: 0 0 auto;}

/* Меню */

.menuC22D7 {margin: 0;}
.menu1C22D7 {float: left; width: 18%;}
.menu2C22D7 {float: left; width: 22%;}
.menu3C22D7 {float: left; width: 23%;}
.menu4C22D7 {float: left; width: 37%;}

/* DEL */
.menu {margin: 0;}
.menu1 {float: left; width: 19%;}
.menu2 {float: left; width: 23%;}
.menu3 {float: left; width: 23%;}
.menu4 {float: left; width: 35%;}

.menu-block-home {position: relative; float:left; left: 59px; width:52px; height:6px; background: #ebebeb;}

.form {margin: 0; line-height: 2;}
.form1 {float:left; width: 17%;}
.form2 {float:left; width: 23%;}

.form-long {margin: 0; line-height: 2;}
.form1-long {float:left; width: 25%;}
.form2-long {float:left; width: 18%;}

.login {margin: 0; line-height: 2;}
.login1 {float:left; width: 10%;}
.login2 {float:left; width: 18%;}

.footer1C22D7 {float: left; width: 11%;}
.footer2C22D7 {float: left; width: 24%;}
.footer3C22D7 {float: left; width: 65%;}

/* DEL */
.footer-copyright {float: left; width: 12%;}
.footer2 {float: left; width: 24%;}
.footer3 {float: left; width: 22%;}
.footer-email {float: left; width: 42%;}

@media screen and (max-width: 800px) {.menuC22D7, .menu1C22D7, .menu2C22D7, .menu3C22D7, .menu4C22D7, .form, .form1, .form2, .form-long, .form1-long, .form2-long, .footer1C22D7, .footer2C22D7, .footer3C22D7 {width: 100%;}}

/* DEL */
@media screen and (max-width: 800px) {.menu, .menu1, .menu2, .menu3, .menu4, .footer-copyright, .footer2, .footer3, .footer-email {width: 100%;}}

/* HEAD */

.container-head{max-width: 1170px;}

#logo {margin:0; padding: 2% 5% 0 5%;}

/* MAIN */

.container-main{max-width: 1170px;}

#main {margin:0; padding: 0 5% 0 5%;}

@media screen and (max-width: 800px) {.line {padding: 0 0 20px 0;}}

/* FOOTER */

.container-footer{max-width: 1170px;}

#footer {margin:0; padding: 0 5% 0% 5%;}