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-grey {color:#7F8081;}
.text-red {color:#CC0000;}
.text-yellow {color:#7F8081;} 
.text-green {color:#006600;} 

.payment_id_0 {color:#7F8081; display: none} /* Ожидание статуса оплаты */
.payment_id_1 {color:#CC0000;} /* Не оплачена */
.payment_id_2 {color:#7F8081;} /* Оплачен аванс */
.payment_id_3 {color:#006600;} /* Оплачено 100% */
.payment_id_4 {color:#CC0000;} /* Оплата перенесена */
.payment_id_5 {color:#CC0000;} /* Оплата возвращена */

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

.text_gray_small {font-size: 10pt;color:#7f8081;line-height: 1.5;}

::placeholder {color: #cdcdcd;}

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

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

.table-stat {border-collapse: collapse; border: 1px solid #e0dfdf; color:#000;line-height: 1.5; font-size:11pt; width:100%;}
.table-stat td {border: 1px solid #e0dfdf; height: 50px; padding-left: 10px;padding-right: 10px;}
.table-stat th {border: 1px solid #e0dfdf; background: #f1f1f1; text-align: left; height: 50px;}

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: 12px 32px 13px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

a.button:hover {color: #fff;}

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: 9%;}
.menu2 {float: left; width: 19%;}
.menu3 {float: left; width: 23%;}
.menu4 {float: left; width: 49%;}

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

.form-wide {margin: 0; line-height: 2;}
.form1-wide {float:left; width: 32%;}
.form2-wide {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: 22%;}
.footer3C22D7 {float: left; width: 67%;}

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

@media screen and (max-width: 800px) {.menuC22D7, .menu1C22D7, .menu2C22D7, .menu3C22D7, .menu4C22D7, .form, .form1, .form2, .form-wide, .form1-wide, .form2-wide, .form-long, .form1-long, .form2-long, .login, .login1, .login2, .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%;}