body, html{ margin: 0px; padding: 0px;
background: url("Imidges/background1.webp");
}
.clear{
clear: both;}
.main{
display: block;
background: #fff;border: 3px solid #0db5e6;
height: auto;
width: 1200px;
margin: auto; /* Выравниваем по центру */
padding-top: 10px;
}
.plogo{
display: block; width: 1200px;height: 122px;border: 1px ;
margin: auto; /* Выравниваем по центру */
margin-top: 20px;
}
.logo{
display: block; width: 160px;height: 121px;
margin: auto; /* Выравниваем по центру */
}
.topmenu{
display: block;width: 1250px;height: 60px;
background: url(Imidges/background1_topmenu.webp) no-repeat; /* Добавляем фон */
background-size: contain; /* Масштабируем фон */
margin-top: -18px;margin-left: -25px;
}
.topmenu ul li{
float: left; list-style: none;
}
.topmenu ul{
padding: 3px 0 0 70px;
margin:0;
}
.topmenu ul li a{
color: #fff;
display: block;height: 30px;
padding: 13px 10px;
font-size:150%;
text-decoration: none;
}
@media screen and (max-width: 1300px) {
.topmenu ul li a{font-size:130%;}
}
.topmenu li a:hover{
background: #375c84;
}
.otm{
background:#295f9d;
}
.ugol{
margin-top:10px; margin-left: 80px;
}
.search{
display: block; float: right;width:280px;height: auto;border: 1px solid #9987fc ;
margin-right:130px;margin-top: 10px;
}
.picmenu{
display: block; height: 120px;width: 1180px; border: 1px ;
margin-left: 13px;margin-top: -10px;
}
.picm{
display: block; float: left;border-right: 6px solid #fff;width: 190px;height: 120px;
}
.picm:hover{
background: #2d4e83;
}
.main1{
display: block;height:auto; width: 1190px;border: 1px ;
margin: auto; /* Выравниваем по центру */
}
.zag1{
display: block; height:80px;width: 1170px; border-top: 6px solid #789ccb;border-bottom:6px solid #789ccb;
margin: auto; /* Выравниваем по центру */
margin-top:10px;padding-top: 10px;
}
.zag1 h1{
display: block; height:70px;width: 900px;border: 1px ;
background: url(Imidges/background_2.png) no-repeat; /* Добавляем фон */
background-size: contain; /* Масштабируем фон */
font-family: "Arial Unicode MS"; color: #555555;margin-top: 40px;padding-top: 5px;
margin: auto;font-size: 220%;text-align: center;
}
.introductory1{
display: block; height: auto; width: 1160px; border: 1px ;
margin: auto;margin-top: 10px;font-size: 140% ;
}
.introductory1 a{
text-decoration: none;margin-left: 10px;color:#6b4e7c;
}
.introductory1 a:hover{
font-size:102% ; color:#354680;
}
.zag2{
display: block; height:80px;width: 1170px; border-top: 6px solid #789ccb;border-bottom:6px solid #789ccb;
margin: auto; /* Выравниваем по центру */
margin-top:10px;padding-top: 10px;
}
.zag2 h2{
display: block; height:70px;width: 900px;border: 1px ;
background: url(Imidges/background_3.png) no-repeat; /* Добавляем фон */
background-size: contain; /* Масштабируем фон */
font-family: "Arial Unicode MS"; color: #ffffff;margin-top: 40px;padding-top: 5px;
margin: auto;font-size: 240%;text-align: center;
}
.content2{
display: block; height: 280px;width: 1180px; border: 1px ;
margin: auto;margin-top: 5px;background: url("Imidges/head2.webp");
}
.picm1{
display: block; height: 130px;width: 800px;
margin-left:450px; margin-top:5px;
}
.picm2{
display: block; height: 130px;width: 800px;
margin-left:360px; margin-top: 5px;
}
.picmen{
overflow:hidden;float: left; margin-left: 25px;width: 240px;height: 130px;
margin-top: 10px;
}
.picmen img {
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.3s ease-out; /* Время аним*/
}
.picmen img:hover{
-webkit-transform: scale(1.05); /* размер увеличения*/
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
}
.content{
display: block; height: auto;width: 1180px;border: 1px;
margin-left: 10px;margin-top: 15px;padding-bottom: 25px;
}
.mob{
display: block;
background-color:#4e83aa;
box-shadow: 2px 2px 2px 0 #205a58;
float: left;
width: 250px; height: 35px;
margin-right: 8px; margin-left: 80px;
}
.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% ;
}
.introductory2{
display: block; height:auto;width: 1160px; border: 1px ;
margin: auto;margin-top: 20px;font-size: 140% ;
}
.introductory2 a{
text-decoration: none;margin-left: 10px;color:#6b4e7c;
}
.introductory2 a:hover{
font-size:102% ; color:#354680;
}
.zag3{
display: block; height:80px;width: 1170px; border-top: 6px solid #789ccb;border-bottom:6px solid #789ccb;
margin: auto; /* Выравниваем по центру */
margin-top:10px;padding-top: 10px;
}
.zag3 h3{
display: block; height:70px;width: 900px;border: 1px ;
background: url(Imidges/background_4.png) no-repeat; /* Добавляем фон */
background-size: contain; /* Масштабируем фон */
font-family: "Arial Unicode MS"; color: #ffffff;margin-top: 40px;padding-top: 5px;
margin: auto;font-size: 220%;text-align: center;
}
.introductory3{
display: block; height:auto; width: 1160px; border-bottom:6px solid #789ccb;
margin: auto;margin-top: 10px;font-size: 140% ;margin-bottom: 25px;
}
.introductory3 a{
text-decoration: none;margin-left: 10px;color:#6b4e7c;
}
.introductory3 a:hover{
font-size:102% ; color:#354680;
}
.footer{
width: 1200px;
height:auto;
margin: auto; /* Выравниваем по центру */
}
.footer1{
display: block; height: 100px;width: 1160px;
margin-left: 20px;margin-top: 20px;font-family: "Myriad Pro"; color: #e5e5e5;
font-size: 220% ;text-align: center;
}
.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;
}