body {    width: 800px;    min-height: 1200px;    font-family: "Tahoma", sans-serif; margin: 0; padding: 0 250px;
     
    font-size: 10px;    color: #34495e;}
/*
    Используемые цвета:
    #34495e – мокрый асфальт
    #c0392b – красный
    #3498DB – синий    #DCDCDC
*/
/* contaner1*/

.layout-pos div {    padding: 5px;}

.layout-pos {    margin: 0px auto;    width: 700px; background: #00b2f2;}

.layout-pos::after {    content: "";    display: table;    clear: both;}
.header { margin: 50px auto;}
.head-bl {  padding: 20px 0px;}

/*.layout-pos {  background: blue;}*/
.clearfix::after {    content: "";    display: table;    clear: both;}

.jcor { margin: 30px auto; min-height: 25px;}

.layout-men {  position: fixed;  min-height: 25px;   padding: 5px 35px;
    margin: 10px 0px;    background:  white;}   /*#DCDCDC;*/
.main-men li {    display: inline;    margin-right: 20px; font-size: 14px; text-align: center; }
.main-men a {  color: #000080;}
.main-men a:hover {background: #f5f5f5; color: #4169E0; border: 1px solid #CD5C5C;   border-radius: 100px; }

.prom {    float: left;    min-height: 50px;    width: 300px;    background: #C0C0C0;}
.prom3 {    float: left;    min-height: 50px;    width: 330px;    background: #00b2f2;}
.an, .utp1, .utp2, .utp3, .utp4 {	background:white; width: 290px; font-size: 16px; 	color: #4169E0;}
.tit{	background:white; width: 290px; font-size: 36px; 
	color: #778899; text-align: center; font-family: "Tahoma", sans-serif;}
	/*font-family: "Lucida Calligraphy", sans-serif;}*/
	/*font-family: "Felix Tilling", sans-serif;}*/
	/*font-family: "Constantia", sans-serif;}*/
	/*font-family: "Felix Tilling", sans-serif;}*/
.utp3 { font-size: 14px;	color: #778899; text-align: center;}
.tit1 {	background:#DCDCDC;; width: 690px; font-size: 28px; padding-right: 20px; position: center;}
.prom2 {    float: right;}
.zay {background: #C0C0C0; opacity: 0.6; background-size: cover;
         margin: 0 auto; text-align: center;
    box-shadow: 0 0 2px #cccccc;
	width: 300px;
    padding: 10px 20px;
    color: black;
	float: right;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
.zay h1{text-align: center; font-size: 20px;}
.knopka { display: inlist-block; float: right; 
  text-shadow: 1px 1px #A52A2A; color: red;
  text-decoration: none;
  padding: 10px;  margin: 5px 5px;
  border: 1px solid #CD5C5C;
  border-radius: 100px;
  outline: none;
  background: #2F4F4F no-repeat;
  background-image:
   linear-gradient(to left, #F0E68C, #F0E68C),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#feffe8, #d6dbbf);
  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
  background-size: 1px 100%, 1px 100%, auto auto;
  overflow: hidden;
} 
.knopka:hover { background: #696969); } /* при наведении курсора мышки */
.knopka:active { background: #808080; } /* при нажатии */

.middle-bl {    background: white;    padding: 10px 0px; width: 700px; position: relative; padding-left: 100px}
.middle-bl .layout-pos {    background: white;}
.utp1, .utp2, .utp4 { font-size: 16px;	color: #696969; text-align: center; width: 250px;}

.colum1 {    min-height: 100px;    float: left;    width: 200px;  font-size: 14px;  background: #DCDCDC;}
.utp4 { font-size: 16px;	color: #DCDCDC; text-align: center; width: 250px; background: #A9A9A9;}
.colum2 {    min-height: 80px;    float: left;    width: 200px;    background: #00b2f2;}
.layout-r {    float: right; text-align: center; font-size: 18px;}
.layout-m {    width: 320px;    margin: 0px 10px; text-align: center; font-size: 18px;}
.layout-l {    width: 120px; font-size: 18px;}
.layout-poss {    margin: 0px auto;    width: 700px;  }

/* contaner2*/
.contaner2 {padding-top: 10px; margin: 10px;}
.layout-pos2 div {    padding: 5px;}

.layout-pos2 {    margin: 0px auto;    width: 700px;  }

.layout-pos2::after {    content: "";    display: table;    clear: both;}

.head-bl2 {    padding: 10px 0px;    background: #A9A9A9;}
 

.head-bl2 .layout-pos2 {    background: #A9A9A9;}

.header2 {      min-height: 300px;    background: #DCDCDC;}

.promo2 {    float: left;    min-height: 30px;    width: 30px;  padding: 10px; margin-right: 20px;  background: #DCDCDC;}

.pr1 { float: left;}
.pr2 {    width: 610px;  font-size: 20px;}

/*  */
.layout-pos3 {    margin: 0px auto;    width: 700px;  min-height: 200px;}
.cont1 .cont3 { float: left; padding: 10px; margin-right: 20px;}
.cont2 .cont4 { float: right; padding: 10px; margin-right: 20px;}

/* contaner3-4*/
.pro5 {    float: left;    min-height: 50px;    width: 223px;  font-size: 16px;  text-align: center; background: #C0C0C0;}
.pro3 {    float: right; width: 224px;}
.txt5 {font-size: 18px;  text-align: center; background: #C0C0C0;}
.txt6 {padding-top: 10px; margin-right: 20px; background: white;}

.txt3 {font-size: 20px;  text-align: center; background: #C0C0C0;}
.price {position: center; margin: 20px 160px; }

/* contaner5*/
/*.row-1 .row-3 .row-5 {    background-color: #DCDCDC;    text-align: left;}
.row-2 .row-4 {    background-color: red;    text-align: center;}

.r-1 .r-3 .r-5 { background-color: red;  font-size: 16px;  text-align: center;}
.r-2 .r-4 {   background-color: #DCDCDC;}*/
th 
{    text-align: center; font-size: 16px;
    padding: 5px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid black;
    
    background-color: white;}
    
td
{    padding: 5px; font-size: 16px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; border-bottom: 1px solid #DCDCDC;  background-color: white;}
table { padding-top: 20px;   border-collapse: collapse;}
.footer {  width: 650px;   min-height: 25px;    background: #C0C0C0; margin: 10px;   padding: 10px 55px;}
  
/*.r-1 .r-3 .r-5 { background-color: #DCDCDC;  font-size: 16px;  text-align: center; border-bottom: 1px solid black; }
.r-2 .r-4 {   background-color: #DCDCDC;}