body, html{	margin: 0px; padding: 0px;
	background: url("Imidges/background1.webp");
}

.clear{
	clear: both;}
.up{
	 display: block;height:70px; width: 30px;
     position:fixed;margin-left: 10%;margin-top: 45%;
}
.main{
	height:auto;
	width: 1200px;border: 1px solid #72bff8;border-radius: 12px;
	display: block;margin: auto; /* Выравниваем по центру */
	padding-top: 10px;
}
.plogo{
	display: block; width: 1200px;height: 122px;
    margin: auto; /* Выравниваем по центру */
    margin-top: 20px;
}
.logo{
	display: block; width: 160px;height: 121px;
    margin: auto; /* Выравниваем по центру */
    margin-top: 20px;
}
.topmenu{
	display: block;width: 1250px;height: 60px;
	background: url(Imidges/background1_topmenu.webp) no-repeat;
	margin-top: -18px;margin-left: -25px;
}
.topmenu ul li{
	float: left; list-style: none;
}
.topmenu ul{
	padding: 1px 0 0 100px;
	margin:0;
}
.topmenu ul li a{
	color: #fff;
	display: block;height: 30px;
	padding: 13px 22px;
	font-size:160%;font-family: "Myriad Pro";
	text-decoration: none;
}
.topmenu li a:hover{
	background: #375c84;
}
.otm1{
	background:#204e83;
}
.otm2{
	background:#204e83;border: 1px  solid #acd9db;
}

.ugol{
	margin-top: 10px;margin-left: 1000px;
}
@media screen and (max-width: 1300px) {
     .ugol{margin-left: 1070px;}
   }
.zag1{
	display: block; height: 30px;width: auto;
    margin: auto; /* Выравниваем по центру */
    margin-top: 20px;font-family: "Arial Unicode MS"; font-size: 80%; 
    color: #fff;text-align: center;
}

.main1{
    display: block;height:auto; width: 1200px;
    padding-top: 20px;
    margin: auto; /* Выравниваем по центру */
}
.introductory{
    display: block;height:auto; width: 1100px;
    margin: auto; /* Выравниваем по центру */
    font-family: "Myriad Pro"; color: #fff;
	font-size: 130% ;
}
.foto{
     display: block;height:210px; width: 1150px;
    background-color: #4e83aa; border: 1px solid #417ca7;
    margin: auto; /* Выравниваем по центру */
    padding-top: 6px;margin-bottom: 40px;
}
.f1{
    display: block;height:200px; width: 260px;border: 1px solid #68e1eb;
   float: left; margin-left: 6px;
}
.f2{
    display: block;height:200px; width: 600px;border: 1px solid #68e1eb;
    float: left;margin-left: 5px;
}
.f3{
    display: block;height:200px; width: 260px;border: 1px solid #68e1eb;
   float: left; margin-left: 5px;
}
.zag2{
	display: block; height: 30px;width: 1100px;border-radius: 12px;
    margin: auto; /* Выравниваем по центру */
    margin-top: -10px;font-family: "Arial Unicode MS";font-size: 100%; 
    color: #fff;text-align: center;background-color: darkcyan;padding-bottom: 4px;
}

.plan{
 display: block; width:1100px;height: 621px;border: 3px solid #52a2ba ; 
	margin: auto; /* Выравниваем по центру */
    margin-top: 10px;
}
.tabl1{
	display: block;	width:1190px;height:auto; 
	margin: auto; /* Выравниваем по центру */
    margin-top: 10px;
}
.tab {
   border-collapse: collapse; /*убираем пустые промежутки между ячейками*/
    font-family: "Myriad Pro";	font-size: 150%;color: #d4d9e5;
	text-align: center;margin: auto;
}
.tab th, td {
	border: 2px solid #a1a8b9;/*Разлиновываем таблицу*/
	padding-bottom: 0;
}
.tab tr:hover{
   background-color: #0d253b;
}
.tab th, td:hover{
    background-color: #18629a;
}
.zag3{
	display: block; height: 30px;width: 1100px; border-radius: 12px;
    margin: auto; /* Выравниваем по центру */
    margin-top: 10px;font-family: "Arial Unicode MS";font-size: 130%; 
    color: #fff;text-align: center;background-color: darkcyan;padding-bottom: 4px;
}

.tabl2{
	display: block;	width:1190px;height:auto;
	margin: auto; /* Выравниваем по центру */
    margin-top: 10px;
}
.zag4{
	display: block; height: 30px;width: 1100px; border-radius: 12px;
    margin: auto; /* Выравниваем по центру */
    margin-top: 15px;font-family: "Arial Unicode MS";font-size: 150%; 
    color: #fff;text-align: center;background-color: darkcyan;padding-bottom: 4px;
}

.plan1{
  display: block; width:1080px;height: 450px;border: 2px solid #52a2ba  ;
    margin: auto; /* Выравниваем по центру */
    margin-top: 10px;
}
.tabl3{
	display: block;	width:1190px;height:auto;
	margin: auto; /* Выравниваем по центру */
    margin-top: 10px;
}
.zag5{
	display: block; height: 30px;width: 1100px; border-radius: 12px;
    margin: auto; /* Выравниваем по центру */
    margin-top: 15px;font-family: "Arial Unicode MS";font-size: 170%; 
    color: #fff;text-align: center;background-color: darkcyan;padding-bottom: 4px;
}

.introductory1{
    display: block;height:auto; width: 1100px;
    margin: auto; /* Выравниваем по центру */
    font-family: "Myriad Pro"; color: #fff;
	font-size: 130%;
}
.content{
	display: block; height: 50px; width: 1200px; border: 1px solid #214976; 
	margin: auto; /* Выравниваем по центру */
    margin-top: 40px;
}
.mob{
	display: block;
	background-color:#4e83aa;
	box-shadow: 2px 2px 2px 0 #205a58;
	float: left;
	width: 250px;	height: 35px;
	margin-right: 8px;	margin-left: 110px;
}
.mob p {
	float: right;margin-right: 50px;margin-top:5px;
	font-family: "Arial Unicode MS";
	color: #fff;	font-size: 120% ;
}
.tel{
	display: block;
	background-color:#4e83aa;
	box-shadow: 2px 2px 2px 0 #205a58;
	float: left;
	width: 250px;	height: 35px;
	margin-right: 8px;	margin-left: 100px;
}
.tel p {
	float: right;margin-right: 50px;margin-top:5px;
	font-family: "Arial Unicode MS";
	color: #fff;	font-size: 120% ;
}
.pocht{
	display: block;
	background-color:#4e83aa;
	box-shadow: 2px 2px 2px 0 #205a58;
	float: left;
	width: 250px;	height: 35px;
	margin-right: 8px;	margin-left: 100px;
}
.pocht p {
	float: right;margin-right: 50px;margin-top:5px;
	font-family: "Arial Unicode MS";
	color: #1f0808;	font-size: 120% ;
}
.pocht  a {
	color: #fff;
}

.footer{
    display: block; height: 340px;width: 1200px;
	margin: auto; /* Выравниваем по центру */
}
.footer1{
    display: block; height: 100px;width:1160px;
	margin-left: 20px;margin-top: 1px;font-family: "Myriad Pro"; color: #e5e5e5;
	font-size: 220% ;text-align: center;
}
.footer1 span{
    	margin-left: 40px;
}
.footer2{
   display: block; height: 60px;width: 1160px;
	 margin-top: 10px;padding-top: 20px;
}
.footer3{
    display: block; height: 60px;width: 1160px; 
	margin-left: 20px;margin-top: 20px;font-size:100% ; color:#c7cbd6;
	text-align: center;text-decoration: none;
}
.footer3 a{
    text-decoration: none;margin-left: 10px;color:#c7cbd6;
}
.footer3 a:hover{
    font-size:102% ; color:#fff;
}







