body, html{	margin: 0px; padding: 0px;
	background: url("Imidges/background1.webp");
}
.clear{
	clear: both;}
.up{
	 display: block;height:70px; width: 30px;border: 1px ;
     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;
	
}
.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: 6px;margin-left: -25px;
}
.topmenu ul li{
	float: left; list-style: none;
}
.topmenu ul{
	padding: 2px 0 0 70px;
	margin:0;
}
.topmenu ul li a{
	color: #fff;
	display: block;height: 30px;
	padding: 13px 22px;
	font-size:180%;font-family: "Myriad Pro";
	text-decoration: none;
}
.topmenu li a:hover{
	background: #375c84;
}
.otm1{
	background:#2c617e;
}

.zag1{
	display: block; height: 70px;width: 1140px;border: 1px solid #214976; 
    margin: auto; /* Выравниваем по центру */
    margin-top: 15px;font-family: "Arial Unicode MS"; font-size: 80%; 
    color: #fff;text-align: center;
}

.main1{
    display: block;height:auto; width: 1200px;border: 1px  ; 
    padding-top:10px;
    margin: auto; /* Выравниваем по центру */
}
.introductory{
    display: block;height:auto; width: 1100px;border: 1px ;
    margin: auto; /* Выравниваем по центру */
	margin-top: 10px;
    font-family: "Myriad Pro"; color: #fff;text-align: center;
	font-size: 170% ;
}
.vtopmenu{
	border: 1px solid #1f6d9f ;
	width: 850px;
	height:auto;
	background:#0f3f77;
	border-radius: 20px;
	box-shadow: 2px 2px 2px 0 #002780;
	margin: auto; /* Выравниваем по центру */
	margin-top: 20px;
}
.menu ul li{
 list-style: none;
}

.menu li{
width: 770px;
border-bottom: 10px solid #0f3f77;	
}
.menu li a{
display: block;
background:url(Imidges/gradmenu3.png);
background-size: contain;         /* Масштабируем фон */

padding: 12px;
text-decoration: none;
border-radius: 30px;
text-align: center;
	font-family: Arial Unicode MS;font-style: italic;
	color: #ebd5d5;
	font-size: 170% ;
box-shadow: 2px 2px 2px 0 #035d6d;
}

.menu li a:hover{
background: #002780;
}
.foto11{
     display: block;height:208px; width: 1076px;
    background-color: #4e95aa; border: 1px solid #467ca3;
    margin: auto; /* Выравниваем по центру */
    margin-top: 10px;padding-top: 6px;margin-bottom: 20px;
}
.f1tg{
    display: block;height:200px; width: 280px;border: 1px solid #4e83aa;
   float: left; margin-left: 12px;
}
.f1tg img {
 -moz-transition: all 0.1s ease-out;
 -o-transition: all 0.1s ease-out;
 -webkit-transition: all 0.6s ease-out;  /* Время    аним*/
 }
 
.f1tg img:hover{
 -webkit-transform: scale(1.1);     /* размер увеличения*/
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
.f2tg{
    display: block;height:200px; width: 437px;border: 1px solid #4e83aa;
    float: left;margin-left: 25px;
}
.f2tg img {
 -moz-transition: all 0.1s ease-out;
 -o-transition: all 0.1s ease-out;
 -webkit-transition: all 0.6s ease-out;  /* Время    аним*/
 }
 
.f2tg img:hover{
 -webkit-transform: scale(1.1);     /* размер увеличения*/
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
.f3tg{
    display: block;height:200px; width: 280px;border: 1px solid #4e83aa;
   float: left; margin-left: 25px;
}
.f3tg img {
 -moz-transition: all 0.1s ease-out;
 -o-transition: all 0.1s ease-out;
 -webkit-transition: all 0.6s ease-out;  /* Время    аним*/
 }
 
.f3tg img:hover{
 -webkit-transform: scale(1.1);     /* размер увеличения*/
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
.foto12{
     display: block;height:208px; width: 1156px;
    background-color: #4e83aa; border: 1px solid #467ca3;
    margin: auto; /* Выравниваем по центру */
    margin-top: 10px;padding-top: 6px;margin-bottom: 20px;
}
.f1tgms{
    display: block;height:200px; width: 280px;border: 1px solid #4e83aa;
   float: left; margin-left: 6px;
}
.f1tgms img {
 -moz-transition: all 0.1s ease-out;
 -o-transition: all 0.1s ease-out;
 -webkit-transition: all 0.6s ease-out;  /* Время    аним*/
 }
 
.f1tgms img:hover{
 -webkit-transform: scale(1.1);     /* размер увеличения*/
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
.f2tgms{
    display: block;height:200px; width: 280px;border: 1px solid #4e83aa;
    float: left;margin-left: 5px;
}
.f2tgms img {
 -moz-transition: all 0.1s ease-out;
 -o-transition: all 0.1s ease-out;
 -webkit-transition: all 0.6s ease-out;  /* Время    аним*/
 }
 
.f2tgms img:hover{
 -webkit-transform: scale(1.1);     /* размер увеличения*/
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

.f3tgms{
    display: block;height:200px; width: 280px;border: 1px solid #4e83aa;
   float: left; margin-left: 5px;
}
.f3tgms img {
 -moz-transition: all 0.1s ease-out;
 -o-transition: all 0.1s ease-out;
 -webkit-transition: all 0.6s ease-out;  /* Время    аним*/
 }
 
.f3tgms img:hover{
 -webkit-transform: scale(1.1);     /* размер увеличения*/
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
.f4tgms{
    display: block;height:200px; width: 280px;border: 1px solid #4e83aa;
   float: left; margin-left: 5px;
}
.f4tgms img {
 -moz-transition: all 0.1s ease-out;
 -o-transition: all 0.1s ease-out;
 -webkit-transition: all 0.6s ease-out;  /* Время    аним*/
 }
 
.f4tgms img:hover{
 -webkit-transform: scale(1.1);     /* размер увеличения*/
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }





.foto{
     display: block;height:208px; width: 1076px;
    background-color: #4e83aa; border: 1px solid #467ca3;
    margin: auto; /* Выравниваем по центру */
    margin-top: 10px;padding-top: 6px;margin-bottom: 20px;
}
.f1nsg{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
   float: left; margin-left: 6px;
}
.f2nsg{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
    float: left;margin-left: 5px;
}
.f3nsg{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
   float: left; margin-left: 5px;
}
.f4nsg{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
   float: left; margin-left: 5px;
}

.t{
	display: block; height: 30px;width: 800px;border: 1px solid #214976; border-radius: 12px;
    margin: auto; /* Выравниваем по центру */
    margin-top:20px;font-family: "Arial Unicode MS";font-size: 140%; 
    color: #fff;text-align: center; padding-bottom: 4px;
}
.foto1{
     display: block;height:208px; width: 1076px;
    background-color: #4e83aa; border: 1px solid #467ca3;
    margin: auto; /* Выравниваем по центру */
    margin-top: 10px;padding-top: 6px;margin-bottom: 20px;
}
.f1dt{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
   float: left; margin-left: 6px;
}
.f2dt{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
    float: left;margin-left: 5px;
}
.f3dt{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
   float: left; margin-left: 5px;
}
.f4dt{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
   float: left; margin-left: 5px;
}

.foto2{
     display: block;height:208px; width: 808px;
    background-color: #4e83aa; border: 1px solid #467ca3;
    margin: auto; /* Выравниваем по центру */
    margin-top: 10px;padding-top: 6px;margin-bottom: 20px;
}
.f1o{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
   float: left; margin-left: 6px;
}
.f2o{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
    float: left;margin-left: 5px;
}
.f3o{
    display: block;height:200px; width: 260px;border: 1px solid #4e83aa;
   float: left; margin-left: 5px;
}
.bloc_o{
     display: block;height:730px; width: 1190px;border:1px ;
     margin: auto; /* Выравниваем по центру */
}

.content{
	display: block; height: 50px; width: 1200px; border: 1px ; 
	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;
}