/*   версия 30 марта - 4 апреля     */
*  {
    margin: 0;
    padding: 0;
  /*  color: #000; */
    font-family: 'Nunito Sans', sans-serif;
    box-sizing: border-box;
 }
 
 body {
     font-size: 11pt;
     font-weight: 300;
 }
 
 a {
     color: #153f71;
     text-underline-offset: 2pt;
 }
 a:hover { color: #f0801e; }
 
 a.txttemn {
  color: #041f3f;
  font-weight: 500;
}
a.txttemn:hover { color: #f0801e; }



a.txtblack {  color: #000; }
a.txtblack:hover { color: #f0801e; }



 IMG.dis {
     width: 100%;
     max-width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
 }
 
 .glavn {
   width: 100%;
   max-width: 1280px; 
 /*   max-width: 100%;  на весь экран, 9.04 ??? */
   padding: 0px; 
   margin: 0 auto;
 /*  border: 1px solid #153f71;  */
 }
 
 
 .centrotstup {
  z-index: 5;
  width: 100%;
  height: auto;
  padding: 5px 50px 5px 50px; 
  margin: 0;
  border: 1px solid #6881bb; 
}


.toptop {
  text-align: center;
  color: red;
  font-size: 15pt;
  font-weight: 700;
}


 /*  верхнее оформление 27.03.22 */
 .vpanel {
    display: inline-block; 
    position: relative; 
    margin: 0; 
    padding:  16px 1px 8px 0px;  
    width: 100%;
    background-color: #153f71;
    color: #fff;
}

a.logo-simp { 
  z-index: 1;
  margin-left: 50px; 
  padding: 0;  
}
.logofull { 
    width: 370px;
    max-width: 100%;
    height: auto;
    vertical-align: baseline;
}

a.flagi { 
  z-index: 2;
  padding: 0; 
  margin-right: 10px;
}

a.faceb { 
  z-index: 2;
  padding: 0; 
  margin: 0 0px 0 6px;
}

a.gogmap { 
  z-index: 2;
  padding: 0; 
  margin: 0 0px 0 10px;
}

.flgn {
  width: 20px;
  max-width: 100%;
  height: auto;
  vertical-align: baseline;
}

.flpravo{
  display: inline-block;
  position: absolute; 
  right: 50px;
  bottom: 8px;
}



/* ------ панели для страниц --------- */

.glavpanel {
  display: inline-block; 
  position: relative; 
  margin: 0; 
  padding: 0;  
  width: 100%;
 /* border: 1px solid #25ca08; */
}


.panelavto {   
  display: inline-block;
  position: relative; 
  margin: 0; 
  padding: 0;
  width: 100%; 
}


.panelprof {    
     display: inline-block;
     position: relative; 
     margin: 0; 
     padding: 0;
     width: 100%;
 /*    border: 1px solid #3427c0; */
 }
 

.panelprof2 {    
  display: inline-block;
  position: relative; 
  margin: 0; 
  padding: 0;
  width: 100%;
/*  border: 1px solid #dc4408; */
}


/* -------------------------- */

 
IMG.dis1 {
  width: 100%;
  max-width: 100%; 
  height: auto;
  margin: 0;

}


 
IMG.dis2 {
     width: 100%;
     max-width: 100%; 
     height: auto;
     margin: 0;

 }
 

 
 /*  подвал оформление  */ 
 
 .inform {
   font-size: 14pt;
   text-decoration: none;
   font-weight: 800;
   color: #fff; 
 }
 
 .navig {
   text-transform: uppercase;
   font-size: 12pt;
   text-decoration: none;
   font-weight: 700;
   color: #f0801e; 
 }

.vfon {
    background-color: #153f71;
    color: #fff;
}
.vfon2 {
    background-color: #153f71;
    color: #fff;
    padding-top: 10px;
    border-top: 1px solid #FFF;
}

 /*  навигация нижняя */
 a.wav-link {
   font-size: 10pt;
   font-weight: 300;
   color:  #fff;
   text-decoration: underline;
   text-underline-offset: 2pt;
 }
 a.wav-link:hover {
   color: #f0801e;
 }
 
 
 
 /*  меню верх  */ 
 .topnav {
   overflow: hidden;
 }
 
 .topnav a {
   float: left;
   display: block;
   color: #000;
   text-align: center;
   padding: 10px 20px;
   text-decoration: none;
   /*font-size: 17px;*/
   font-size: 9pt;
   font-weight: 700;
 }
 
 .active {
   color: #f0801e;
 }
 
 .topnav .icon {
   display: none;
 }
 
 .dropdown2 {
    float: left;
    overflow: hidden;
 }
 
 .dropdown2 .dropbtn {
   background-color: #fff;
     font-size: 11pt;
   font-weight: 700;
   text-decoration: none;
   text-transform: uppercase;
     border: none;
     outline: none;
     color: #000;
     padding: 10px 20px;
     background-color: inherit;
     font-family: inherit;
     margin: 0;
 }
 
 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #fff;
     min-width: 150px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
 }
 
 .dropdown-content a {
   background-color: #fff;
     float: none;
  /*   color: black; */
     color:  #153f71;
     padding: 6px 20px;
     text-decoration: none;
     display: block;
     text-align: left;
 }
 
 .topnav a:hover, .dropdown2:hover .dropbtn {
  /* background-color: #555; */
   color: #f0801e;
 }
 
 
 .dropdown-content a:hover {
     background-color: #fff; 
    /* color: black; */
     color: #f0801e;
 }
 
 .dropdown2:hover .dropdown-content {
     display: block;
     background-color: #fff;
 }
 
 
 .menu1 {
     text-transform: uppercase;
     z-index: 12;
     display: inline-block; 
     position: absolute;
     left: 30px;
     top: 24px;
     padding: 0px; 
     width: 98%; 
 }

 .menu2 {
  text-transform: uppercase;
  z-index: 12;
  display: inline-block; 
  position: absolute;
  left: 30px;
  top: 24px;
  padding: 0px; 
  width: 98%; 
}
 
 
 a.wau-link {
   font-size: 11pt;
   font-weight: 700;
   text-decoration: none;
   color:  #000;
   transition-property: all;
   transition-duration: 0.4s;
 }
 a.wau-link:hover {
   color: #f0801e;
   text-decoration: underline;
   text-underline-offset: 2pt; 
 }
 
 
 /*  ------- */
 
 
 .main1 {
     z-index: 2;
     display: inline-block; 
     position: absolute;
     left: 50px;
     top: 17%;
     width: 56%;
     margin: 0;
     padding: 0;
 /*    border: 1px solid rgb(228, 115, 168);*/
 }
 
 
 .blzag {
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.1vw;
  font-weight: 900;
  color:  #153f71;
  text-shadow: 2px 0 0px #FFF, 
0 2px 0px #FFF,  
-2px 0 0px #FFF,  
0 -2px 0px #FFF; 
}

.bl0text {
  margin-left: 26%;
  font-size: 1.1vw;
  font-weight: 700;
  color:  #153f71;
 /* line-height: 1.3; */
  text-align: justify;
}

.bl2text {
  margin-left: 26%;
  font-size: 0.9vw;
  font-weight: 500;
  color:  #000;
 /* line-height: 1.3; */
  text-align: justify;
}

.bl3text {
  margin-left: 26%;
  font-size: 1.0vw;
  font-weight: 500;
  color:  #000;
  line-height: 1.3;
  text-align: justify;
} 



.bl3news {
  z-index: 25;
  margin-left: 26%;
  display: inline-block; 
  position: relative;
  background-color: #FFF;
  border: 1px solid #7e71b1; 
 /* border-radius: 6px; */
  width: 74%;
  padding: 10px;
  font-size: 1.0vw;
  font-weight: 500;
  color:  #000;
  line-height: 1.3;

} 


.newszag {
  display: inline-block; 
  position: relative;
  text-align: left;
  /*left: 10px; */
  text-transform: uppercase;
  font-size: 1.2vw;
  text-decoration: none;
  font-weight: 700;
  color: #f0801e; 
}


A.newsall {
  float: right;
  text-align: right;
  text-transform: uppercase;
  font-size: 1.2vw;
  text-decoration: none;
  font-weight: 700;
  color:  #153f71; 
}

A.newsall:hover {
  color:  #fa0e0e; 
}


A.newsall2 {
  text-align: center;
  margin-left: 36%;
  text-transform: uppercase;
  font-size: 1.2vw;
  text-decoration: none;
  font-weight: 700;
  color:  #153f71; 
}

A.newsall2:hover {
  color:  #fa0e0e; 
}


#newsred1 {
  z-index: 25;
  margin-left: 30%;
  text-transform: uppercase;
  font-size: 1.3vw;
  text-decoration: none;
  font-weight: 700;
  color: #fa0e0e; 
}

@keyframes pulsate{50%{color:#fff;text-shadow:0 -1px rgba(0,0,0,.3),0 0 5px #f03000,0 0 8px #f80000;}
}
#newsred {
  z-index: 25;
  margin-left: 28%;
  text-transform: uppercase;
    color: #fa0e0e; 
    text-shadow: 0 -1px #ffffff;
   /* font-size: 22px; */
    font-size: 1.4vw;
    font-weight: 600;
    text-decoration: none;
    -webkit-animation: pulsate 4s linear infinite;
    animation: pulsate 4s linear infinite;
}




#fornews {
  z-index: 25;
  visibility: hidden;
display: inline-block; 
position: absolute;
background-color: #FFF;
top: 12%; 
left: 68%;
width: 30%;
padding: 10px;
border-radius: 20px;
opacity: 0.4; 
transition-property: all;
transition-duration: 0.3s;

/* border: 2px groove #8a52be; */
}


.bltext {
  font-size: 1.6vw;
  font-weight: 700;
  color:  #153f71;
}


.t-i-o-p {
  display: inline-block; 
  position: absolute;
  left: 0px;
  bottom: 20%; /* 40 */
  width: 20%;
}

 
 .paneldva {
    display: inline-block; 
    position: relative; 
    margin: 0; 
    padding: 0;
    width: 100%;
 /*   border: 1px solid rgb(68, 153, 214);  */
 }
 
 .pan2all {
   top: 2%;
    left: 50px;
    right: 50px;
    display: inline-block; 
    position: absolute; 
/*     border: 1px solid blue;  */
 }
 
 .simptex {
   vertical-align: top;
   padding: 0;
   margin: 0;
   width: 100%;  
   text-align: justify; 
 }
 
 
 .btntext {
   vertical-align: baseline;
     display: inline-block; 
     position: relative; 
     text-transform: none;
     font-size: 11pt;
     font-weight: 300;
     padding: 1px 16px 4px 16px;
     margin: 10px 1px 2px 1px;
     color:  #fff;
     background-color: #153f71;
     text-align: center;
 }
 .btntext:hover {
     color: #153f71;
     background-color: #bca5d1;
 }
 
 
 .gorodmin {
    visibility: hidden;
     z-index: 4;
     margin: 0px 0px 0px 0px;
     display: inline-block; 
     position: absolute; 
     width: 100%;
     bottom: 10px;
   /*   left: -3%;
    border: 1px solid #27c048; */
 }
 

 .onegormin {
     display: inline-block; 
     position: relative; 
     padding: 2px 0px 2px 0px;
     margin: 0px 2px 0px 0px;
     width: 24%;
     text-align: center;
     text-transform: uppercase;
     font-size: 10pt;
     font-weight: 600;
     color: #fff;
 }




 .centrgorod {
   vertical-align: top;
  display: inline-block; 
  position: absolute; 
  width: 100%;
  height: auto;
  padding: 0px 50px 0px 0px; 
  margin: 0;
 /* border: 1px solid #e15ebc;  */
  bottom: 10px;
  left: 0px; 
}
 
.goroda {
  display: inline-block; 
  position: relative; 
  z-index: 4;
  margin: 0;
  width: 100%;
/*  border: 1px solid #3ce630; */
}


 .onegor {
   vertical-align: baseline;
     display: inline-block; 
     position: relative; 
     padding: 10px 0px 10px 0px;
     margin: 0px 4% 0px 0px;
     width: 20%;
     text-align: center;
     text-transform: uppercase;
     font-size: 13pt;
     font-weight: 700;
     color: #fff;
  /*   border: 1px solid #3e31ac;  */
 }
 
 a.nogor {
     text-decoration: none;
 }
 .onegor:hover, .onegormin:hover {
     color: #153f71;
 }
  /* ---------------- */



 IMG.dis4 {
  width: 100%;
  /*  height: auto; */
  height: 620px; 
  margin: 0;
}


 IMG.dis3 {
  width: 100%;
  height: 400px;
  margin: 0;
}

 /* треугольники */
 

.temys {
    text-align: center;
     margin: 2px 0px 0px 0px;
     display: inline-block; 
     position: relative;
     width: 100%;
     height: auto;
 /*    border: 1px solid #ce3995;  */
 }
 
.treug2 {
  width:  240px;
  height: 240px;
  margin: 2px 4% 2px 0px; 
  
  display: inline-block; 
  position: relative;   
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;  
  /* border: 1px solid green; */
 }

 .treug2 IMG {
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
 }



.tretext {
     z-index: 7;
     display: inline-block; 
     position: relative; 
     font-size: 10pt;
     font-weight: 800;
     bottom: 50px;
     color: #153f71;
 }
 .tretext:hover {
     color: #f0801e;
 }
 
 a.notre {
     text-decoration: none;
 }
 
 


 .fornovost {
   /* display: inline-block; 
    position: relative; */
    margin: 0;
    padding: 10px 10px 2px 10px;
    vertical-align: top;
  /*   color: inherit; */
    background-color: white;
    
  }
  
  .zagnovost {
    color: red;
    font-weight: 700;
    font-size: 15pt;
  }


 .panelotzyv {    
  display: inline-block;
  position: relative; 
  margin: 0; 
  padding: 0;
  width: 100%;
}


.allotz {
 /* vertical-align: top; */
  display: inline-block;
  position: absolute; 
  top: 0px;
  left: 0px;
  width: 100%;
/*  height: auto; */
  padding: 0px 50px 0px 50px; 
  margin: 0;
/*  border: 1px solid red; */
 }

 

 .koodinat {
    vertical-align: top ;
     display: inline-block;
     position: relative; 
     width: 100%;
     height: auto;
     padding: 1px 50px 1px 50px;
/*   border: 1px solid rgb(136, 255, 0);  */
 }

 .koleft {
     display: inline-block; 
     position: relative; 
     text-align: left;
     width: 44%;
    
 }
 .koright {
     display: inline-block; 
     position: absolute; 
     text-align: right;
     width: 48%;
     right: 50px;
  /*   border: 1px solid rgb(152, 52, 129);  */
 }
 
 
 .otzleft {
     z-index: 1;
     display: inline-block; 
     position: absolute;
     width: 35%;
     left: 26px;
     top: 22px;
     font-size: 12pt;
     font-weight: 800;
     color: #fff;
 }
 .otzright {
     z-index: 1;
     display: inline-block; 
     position: absolute;
     width: 30%;
     right: 20px;
     top: 22px;
     font-size: 11pt;
     font-weight: 800;
     color: #fff;
 }
 
 
 .txtotzleft {
     z-index: 1;
     display: inline-block; 
     position: absolute;
     width: 40%;
     left: 68px;
     font-size: 10pt;
     font-weight: 400;
 }
 .frmotzright {
     z-index: 1;
     display: inline-block; 
     position: absolute;
     width: 30%;
     right: 56px;
     font-size: 10pt;
     font-weight: 400;
 }
 
 
 /*  form */ 
 #form_obr ol {
   list-style: none;
   padding: 1px;
 }
 
 #form_obr li {
   list-style: none;
   clear: both;
   margin: 0 0 4px 0;
   padding: 0;
 }
 
 #form_obr label {
   float: left;
   width: 90%;
 /*  text-transform: uppercase; */
   font-size: 9pt;
   font-weight: 500;
   color: #153f71;
 }
 
 #form_obr label.sogl {
     color: #f0801e;
     text-transform: none;
 }
 
 input, textarea {
   margin: 2px;
   padding: 2px;
   border: 1px solid rgb(114, 6, 6);
   font-size: 12pt;
   width: 90%;
   background-color: transparent;
  }
 
 INPUT.fsave { 
   text-align: center;
     width: 100px; 
     font-size: 10pt;
     text-transform: uppercase;
     padding: 2px;
     background-color: #1a8ecb;
     color: #fff;
     border-radius: 6px;
     border: 0;
 }

 INPUT.f2save { 
    display: inline-block;
    position: relative; 
   left: 40%; 
    text-align: center;
    width: 100px; 
    font-size: 10pt;
    text-transform: uppercase;
    padding: 2px;
    background-color: #1a8ecb;
    color: #fff;
    border-radius: 6px;
    border: 0;
}
 
 INPUT.frese { 
     text-align: center;
     width: 100px; 
     font-size: 10pt;
     text-transform: uppercase;
     padding: 2px;
     background-color: #f0801e;
     color: #fff;
     border-radius: 6px;
     border: 0;
 }
 
 input[required]:invalid, textarea[required]:invalid, select[required]:invalid { border-color: #A5340B; }
 input[required]:valid, textarea[required]:valid, select[required]:valid{ border-color: #0B9900; }
 
 
 
 BUTTON.dalee { 
     text-align: center;
     width: 100px; 
     font-size: 10pt;
     text-transform: uppercase;
     padding: 2px;
     background-color: #1a8ecb;
     color: #fff;
     border-radius: 6px;
     border: 0;
 }
 

 
 
 .proftext {
   vertical-align: top;
     display: inline-block; 
     position: absolute;
     width: 90%; 
     top: 6px; 
     margin: 6px 50px 4px 60px; 
     text-align: justify;
     font-size: 10pt;
     font-weight: 300;
     color: #000;
 }
 
 
 .prof1 {
     display: inline-block; 
     position: absolute;
     left: 60px;
     top: 18%;
     width: 60%;
     margin: 0;
     padding: 4px 2px 4px 0px;
  /*   border: 1px solid rgb(228, 40, 181);  */
 }
 
 a.kva {
   text-decoration: none;
 }



 .profjaz {
  display: inline-block; 
  position: absolute;
  left: 60px;
  top: 14%;
  width: 56%; 
  margin: 0;
  padding: 4px 2px 4px 0px;
/* border: 1px solid rgb(19, 192, 13); */
}



 .kvadjaz {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  width: 180px;
  height: 180px;
  background-color: #019d9a;
  padding: 10% 20px 40px 20px;
  margin: 5px 5px 5px 0px;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-size: 12pt;
  font-weight: 700;
  transition-property: all;
  transition-duration: 0.6s;
  text-decoration: none;
/*  border: 1px solid rgb(228, 15, 7); */
} 
.kvadjaz:hover {
  background-color: #f0801e;
}


 
 .kvadrat {
   vertical-align: middle;
   display: inline-block;
   position: relative;
   width: 180px;
   height: 180px;
   background-color: #6eb535;
   padding: 10% 20px 40px 20px;
   margin: 5px 5px 5px 0px;
   color: #fff;
   text-align: left;
   text-transform: uppercase;
   font-size: 12pt;
   font-weight: 700;
   transition-property: all;
   transition-duration: 0.6s;
   text-decoration: none;
 } 
 .kvadrat:hover {
   background-color: #f0801e;
 }
 
 
 .knospis {
     z-index: 3;
     display: inline-block; 
     position: absolute;
     width: 166px;
     height: auto;
     bottom: 4%;
     left: 56%;
 }
 .spknop { 
     width: 100%;
     max-width: 100%;
     height: auto;
     margin: 0;
 }
 .spkkurs {
   display: inline-block; 
   position: absolute;
   left: 9%;
   top: 28%;
   text-transform: uppercase;
   font-size: 12pt;
   font-weight: 500;
   text-align: center;
   color: #e5097f;
 }
 
 .glavavto {
     display: inline-block; 
     position: absolute;
     left: 54%;
     top: 26%;
     height: auto;
     color:  #fff;
     margin: 0px 10px 0px 0px;
  /*   border: 1px solid rgb(228, 40, 181); */
 }
 


 .glavavto2 {
  display: inline-block; 
  position: absolute;
  left: 54%;
  top: 26%;
  height: auto;
  color:  #fff;
  visibility: hidden; 
}


.noavtos {
  margin: 0;
  padding: 0;
  color: #fff;
}


 .blagotext {
  position: absolute;
  font-size: 9pt;
  font-weight: 500;
  color:  #153f71;
  bottom: 5px;
  left: 37%;
}

.zgoprof {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color: #fff;
  top: 46%;
  left: 30%;
}

.zgavto {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color: #fff;
  top: 45%;
  left: 31%;
}

.zgjazyk {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color: #fff;
  top: 50%;
  left: 30%;
}

.zgotzyv {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color: #fff;
  top: 54%;
  left: 37%;
}

.zgmaindoc {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color: #fff;
  top: 55%;
  left: 37%;
}

.zgsinprep {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color:  #153f71;
  top: 52%;
  left: 37%;
}

.zgsindoc {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color: #153f71;
  top: 52%;
  left: 37%;
}
.blagosintext {
  position: absolute;
  font-size: 9pt;
  font-weight: 500;
  color:  #153f71;
  bottom: 11px;
  left: 37%;
}

 .zgdocum {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color: #fff;
  top: 62%;
  left: 36%;
}

.zgdeti{
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 2.2vw;
  font-weight: 900;
  color: #fff;
  top: 44%;
  left: 46%;
}
.blagodeti {
  position: absolute;
  font-size: 9pt;
  font-weight: 500;
  color:  #153f71;
  bottom: 9px;
  left: 46%;
}


/*  команда  */
.panelnarod {
  vertical-align: top;
  display: inline-block;
  position: relative; 
  text-align: center;
  margin: 0; 
  padding: 0;
  width: 100%;
  height: auto;
/* border: 1px solid #d738a2; */
;
}

.kvatab {
  vertical-align: top;
  display: inline-block;
  position: relative;
  text-align: left;
  line-height: 1.3;
  width: 30%;
  height: auto;
  padding: 6px;
  margin: 2% 1% 2% 1%;
  font-size: 11pt;
  font-weight: 500;
  color: #000;
  /* ffe1dc ffdad1 fcd0c5 fac9bb  -e68c72-  f6b29f    */
  border: 4px solid #c2c8c8;
} 

.rozfon6 {
  background-color: #ffe1dc; 
}
.rozfon5 {
  background-color: #ffdad1; 
}
.rozfon3 {
  background-color: #fcd0c5; 
}
.rozfon4 {
  background-color: #fac9bb; 
}
.rozfon2 {
  background-color: #e68c72; 
}
.rozfon1 {
  background-color: #f6b29f; 
}
.rozfon7 {
  background-color: #fcd0c5;
}
.rozfon8 {
  background-color: #ffdad1; 
}





 
 /*  ---- внутр авто-------- */

 .zgdoc {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  font-size: 22pt;
  font-weight: 900;
  color: #fff;
  top: 88px;
  left: 290px;
  letter-spacing: 2pt;
}


 .zgavt2 {
  display: inline-block; 
  position: absolute;
  text-transform: uppercase;
  font-size: 22pt;
  font-weight: 900;
  color: #fff;
  top: 80px;
  left: 264px;
  letter-spacing: 2pt;
}
 
IMG.znaks2 {
  width: 70px;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
/*   vertical-align: baseline; */
}

 .zgavt {
     display: inline-block; 
     position: absolute;
     text-transform: uppercase;
     font-size: 22pt;
     font-weight: 900;
     color: #fff;
     top: 92px;
     left: 290px;
 }

IMG.znaks {
     width: 82px;
     max-width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
  /*   vertical-align: baseline; */
 }
 .ztekgor {
    text-transform: uppercase;
    font-size: 13pt;
    font-weight: 900;
    color: #fff;
} 


 .gorodki {
     display: inline-block; 
     position: relative; 
     z-index: 4;
     width: 100%;
      padding: 8px;
  /*  border: 1px solid #27c048; */
 }
 a.gorlink {
     margin-left: 14%;
     text-align: center;
     text-transform: uppercase;
     font-size: 12pt;
     font-weight: 900;
     color: #153f71;
     text-decoration: none;
     transition-property: all;
     transition-duration: 0.5s;
 }
 a.gorlink:hover {
   color: #f0801e;
 }
 
 a.gorliactiv {
   margin-left: 14%;
     text-align: center;
     text-transform: uppercase;
     font-size: 12pt;
     font-weight: 900;
     text-decoration: none;
     transition-property: all;
     transition-duration: 0.5s;
     color: #f0801e;
 }

 


 .temzag {
  display: inline-block; 
  position: relative;
  text-transform: uppercase;
  font-size: 2.4vw;
  font-weight: 900;
  color:  #153f71;
}

 /*  для главной в авто */
 
.zagavto {
     display: inline-block; 
     position: relative;
     text-transform: uppercase;
     font-size: 2.4vw;
     font-weight: 900;
     color:  #fff;
 }

 
 IMG.logoavt {
     width: 60px;
     max-width: 100%;
     height: auto;
     margin: 0;
     vertical-align: baseline;
 }
 
 
 BUTTON.bolee { 
     text-align: center;
     width: 160px; 
     font-size: 10pt;
     text-transform: uppercase;
     padding: 2px;
     margin: 2px 0px 2px 0px;
     background-color: #f0801e;
     color: #fff;
     border-radius: 8px;
     border: 0;
 }
 BUTTON.bolee:hover {
     background-color: #e5097f;
 } 
  


 BUTTON.bol4e { 
  text-align: center;
  width: 160px; 
  font-size: 10pt;
  text-transform: uppercase;
  padding: 2px;
  margin: 2px 0px 2px 0px;
  background-color: #f0801e;
  color: #fff;
  border-radius: 8px;
  border: 0;
}
BUTTON.bol4e:hover {
 background-color: #e5097f;
} 



 BUTTON.bolesche { 
  display: inline-block; 
  position: relative;
   text-align: center;
   width: 180px; 
   font-size: 10pt;
   text-transform: uppercase;
   padding: 6px 6px 2px 6px;
   margin: 6px 0px 2px 0px;
   background-color: #f0801e;
   color: #fff;
   border-radius: 6px;
   border: 0;
 }
 BUTTON.bolesche:hover {
  background-color: #e5097f;
} 


 .glavjazyk {
     display: inline-block; 
     position: absolute;
     left: 60px;
     top: 18%;
     color:  #fff;
     margin: 0px 20px 0px 0px;
 /*    border: 1px solid #d738a2; */
 }
 
 .temjaz {
      text-transform: uppercase;
      font-size: 2.4vw;
      font-weight: 900;
      color:  #153f71;
    /*  border: 1px solid #c2b60d; */
  }


 .poljaz, .poljaz1 {
  vertical-align: top;
   display: inline-block;
   position: relative;
   text-align: justify;
   width: 40%;
   color: #fff;
   font-size: 10pt;
   padding: 4px;
   background-color: #fff;
   color: #000;
   height: auto;
   margin: 20px 0px 40px 0px;
 } 
 



 .glavkids {
  display: inline-block; 
  position: absolute;
  left: 52%;
  top: 28%;
  width: 46%;
  vertical-align: top;
 /* border: 1px solid #d738a2; */
}

.glavkids2 {
  visibility: hidden;
  display: inline-block; 
  position: absolute;
  left: 52%;
  top: 14%;
  width: 46%;
  vertical-align: top;
/*  border: 1px solid #d738a2; */
  line-height: 1.2;
}
 

 
.zagkids {
     display: inline-block; 
     position: relative;
     font-size: 2.6vw;
     font-weight: 900;
     color:  #f0801e;
     text-shadow: 1px 0 0px #FFF, 
 0 1px 0px #FFF,  
 -1px 0 0px #FFF,  
 0 -1px 0px #FFF; 
 }
 
 .det1 {
   font-size: 22pt;
   font-weight: 500;
   color:  #fff;
 }
 .det2 {
   font-size: 14pt;
   font-weight: 500;
   color:  #153f71;
 }
 .det3 {
   font-size: 18pt;
   font-weight: 700;
   color:  #fff;
 }
 .det4 {
   font-size: 14pt;
   font-weight: 700;
   color:  #153f71;
 }

 .det5,  .det5 p {
   font-size: 14pt;
   font-weight: 700;
   color:  #fff;
 }
 
 .knocal {
     z-index: 3;
     display: inline-block; 
     position: absolute;
     width: 122px;
     height: auto;
     top: 50px;
     right: 100px;
 }
 .imgcal { 
     width: 118px;
     max-width: 100%;
     height: auto;
 }
 .kurscal {
   z-index: 5;
   display: inline-block; 
   position: absolute;
   left: 19px;
   top: 11px;
   text-transform: uppercase;
   font-size: 10pt;
   font-weight: 700;
   text-align: left;
   color: #e9bf06;
 }
 
 
 


 .zagsinij {
  text-transform: uppercase;
  font-size: 14pt;
  color: #153f71;
  font-weight: 800;
  padding: 6px 20px 6px 20px;
  vertical-align: top;
  background-color: #bacbe5;
  width: 100%
  }
 .txtname {
  font-size: 12pt;
  font-weight: 700;
  padding: 5px 0px 0px 0px; 
  width: 100%
 }
 .txtopis {
  font-size: 11pt;
  font-weight: 300;
 /* padding: 0px 30px 0px 30px; */
  text-align: justify;
  width: 100%
}
 

 /* авто - фоны */
 .tabsalat {
  background-color: #c4dfe1;
  padding: 4px 16px 4px 16px;
  vertical-align: top;
} 

.tabsalat4 {
background-color: #c4dfe1;
padding: 10px 10px 1px 20px;
vertical-align: top;   
}

.tabsalat5 {
  background-color: #c4dfe1;
  padding: 10px 10px 1px 20px;
  vertical-align: top;
  border-width: 1px 1px 1px 0px;
  border-color: #9d9f9e;
  border-style: solid;      
}

.tabseryi5 {
  background-color: #d9dada;
  padding: 2px 4px 2px 12px;
  vertical-align: top;
  border: 1px solid #9d9f9e; /* серая рамка для таблиц */
}

.tabseryi2 {
background-color: #d9dada;
padding: 4px 20px 4px 20px;
vertical-align: top;
font-size: 11;
color: #000;
text-align: justify;
}





.tabseryi1 {
  background-color: #d9dada;
  padding: 2px 4px 2px 20px;
  vertical-align: top;
 /*  border-left: 1px solid #9d9f9e;  серая рамка для таблиц */
 }
.tabseryi {
 background-color: #f2f2f2; /* серый для всего! */
 padding: 2px 4px 2px 20px;
 vertical-align: top;
/*  border-left: 1px solid #9d9f9e;  серая рамка для таблиц */
}
.tabbelyi {
 background-color: #fff;
 padding: 2px 4px 2px 20px;
 vertical-align: top;
}

.poloska {
  border-top: 1px solid #153f71; 
  border-bottom: 1px solid #153f71; 
}



.tabbelpol {
  background-color: #fff;
  width: 100%;
  height: auto;
  border-top: 1px solid #153f71; 
}

.tabsalatpol {
  background-color: #c4dfe1;
  padding: 20px 4px 20px 20px;
  vertical-align: top;
  width: 100%;
  height: auto;
  border-top: 1px solid #153f71; 
}


.tabserpol {
  background-color: #f2f2f2; /* серый для всего! */
  padding: 20px 4px 20px 20px;
  vertical-align: top;
  width: 100%;
  height: auto;
  border-top: 1px solid #153f71; 
}

.tabserpol2 {
  background-color: #f2f2f2; /* серый для всего! */
  padding: 20px 4px 20px 20px;
  vertical-align: top;
  width: 100%;
  height: auto;
  border-top: 1px solid #153f71; 
  border-bottom: 1px solid #153f71; 
}


.tabbelyi4 {
background-color: #fff;
padding: 10px 10px 1px 20px;
vertical-align: top;
}

.tabfiolet2 {
background-color: #b9b7dc;
padding: 2px 4px 2px 12px;
vertical-align: top;
}

.tabfiolet {
  background-color: #b9b7dc;
  padding: 2px 4px 2px 12px;
 }

.tabnesin {
 background-color: #b9cbe5;
 padding: 2px 4px 2px 16px;
 vertical-align: top;
}

.tab2golub {
    background-color: #bfe5fa;
    padding: 10px 20px 10px 20px;
    margin: 0;
    vertical-align: top;
    width: 100%;
 /*   border-left: 3px solid #153f71; */
   }


.tab3golub {
   /* background-color: #a2daf5; */
   background-image: url("images/autokool5_fon_golub.png"); 
   background-size: cover;
    padding: 2px 4px 0px 20px;
    vertical-align: top;
    width: 100%;
    line-height: 1.3;
}

.tabgolub {
 background-color: #a2daf5;
 padding: 2px 4px 0px 20px;
 vertical-align: top;
 width: 100%;
}

th {
 /*   background-color: #fff; */
    padding: 4px 12px 4px 12px;
    vertical-align: bottom;
    margin: 0;
    color: #153f71;
    font-size: 11pt;
    font-weight: 900;
}
.sinth {
   /*    padding: 4px 20px 4px 20px; */
       color: #153f71;
       font-size: 11pt;
       font-weight: 900;
       text-transform: uppercase;
}
.belth {
      padding: 0px 0px 20px 16px;
      color: #fff;
      font-size: 12pt;
      font-weight: 900;
      text-transform: uppercase;
     
}


thead {
    border-bottom: 3px solid #153f71;
}


.vib0r {
    display: inline-block;
    position: absolute;
    bottom: 9%;
    right: 26%;
    width: auto;
 }
 .vib1 {
    color: #153f71;
    font-size: 12pt;
    font-weight: 900;
 }
 .vib2 {
    color: #f0801e;
    font-size: 12pt;
    font-weight: 900;
 }
 .vib4 {
     margin: 0;
     padding: 2px;
     text-align: center;
     color: #153f71;
     background-color: #fff;
     font-size: 12pt;
     font-weight: 900;
 }
 
.gorodkam {
    display: inline-block; 
    position: relative; 
    z-index: 4;
    width: 100%;
     padding: 2px;
/*  border: 1px solid #27c048; */
  position: absolute;
  bottom: 1%;
  left: 1%;
}




/*  без пропусков! */
.tabpusto {
 padding: 0;
 margin: 0;
 vertical-align: top;
}

.tabpusalat {
margin: 0;
vertical-align: top;
background-color: #c4dfe1;
padding: 10px 10px 2px 30px;
}

.tabpuser {
margin: 0;
vertical-align: top;
background-color: #f2f2f2;
padding: 10px 10px 2px 30px;
}
/* END без пропусков! */



.tabnebelyi {
 width: 100%;
/* text-align: center; */
background-color: #c4dfe1;
margin: 0;
 padding: 5px 0px 5px 20px; 
vertical-align: top;
/*  border: 1px solid #5293cc; */
} 

.tabsalat6 {
width: 100%;
background-color: #c4dfe1;
padding: 10px 10px 1px 20px;
vertical-align: top;
/*  border: 1px solid #cdac35; */ 
}


/*  border-left: 1px solid #9d9f9e;  серая рамка для таблиц */
 /*  border-right: 1px solid #d84113;  серая рамка для таблиц */
 TABLE {
   display: block;
   overflow-x: auto; 
 }
 TABLE.avtotab {
    display: inline-block;
    position: relative;
    font-size: 10pt;
    width: 100%;
 /*   border-right: 3px solid #153f71; */
 }
 TBODY {
    border: 1px solid #9d9f9e;
  /*  background-color: #b9cbe5; */
 }

 
 /*   tooltip */
 .tstips {
     position: relative;
     display: inline-block;
     border-bottom: 2px dotted #f0801e;
     color: #000; 
     margin: 0;
 }
 
 
 .tstips .tstipstext {
     font-size: 11pt;
     font-weight: 500;
     visibility: hidden;
     width: 200px;
     background-color: #f2f2f2;
     color: #153f71;
     text-align: left;
     padding: 1px 1px;
     position: absolute;
     z-index: 1;
     top: 17px;
     left: 50%;
     border: 1px solid #153f71;
     opacity: 0;
     transition: opacity 1s;
 }    
 
 .tstips .tstipstext::after {
 content: " ";
 position: absolute;
 top: 50%;
 right: 100%; 
 margin-top: -5px;
 border-width: 4px;
 border-style: solid;
 border-color: transparent blue transparent transparent;
 }
 
 .tstips:hover .tstipstext {
     visibility: visible;
     opacity: 1;
 }
 
 

 /* цвета текста таблицы авто */
 .sinbold {
  font-size: 11pt;
  color: #153f71;
  font-weight: 700;
}

.sinbold2 {
  text-transform: uppercase;
  font-size: 10pt;
  color: #153f71;
  font-weight: 700;
}

.sinbold3 {
   text-transform: uppercase;
   font-size: 12pt;
   color: #153f71;
   font-weight: 900;
 }

 .sinbold4 {
   text-transform: uppercase;
   font-size: 14pt;
   color: #153f71;
   font-weight: 700;
 }

 .sinbold5 {
  text-transform: uppercase;
  font-size: 14pt;
  color: #153f71;
  font-weight: 900;
}

.sintonki {
  color: #153f71;
  font-size: 10pt;
}
.ryzyi {
  color: #f0801e;
  font-size: 10pt;
} 
.ryzyibold3 {
 text-transform: uppercase;
 color: #f0801e;
 font-size: 14pt;
 font-weight: 700;
} 





 


@media only screen and (max-width: 1600px) {

  
    .blzag {
      font-size: 2.4vw;
    }
      
    .bl0text {
       font-size: 1.5vw;
    }
      
    .bl2text {
       font-size: 1.2vw;
    }

}

 
 /*  разные экраны  */
 @media only screen and (max-width: 1200px) {

  .bl3text {
    display: none;
  }

.glavn {
       max-width: 1024px;
     }

  .blzag {
    font-size: 2.4vw;
  }
    
  .bl0text {
     font-size: 1.6vw;
  }
    
  .bl2text {
     font-size: 1.3vw;
  }
    


.glavkids {
    top: 16%;
}

 .poljaz, .poljaz1 {
  margin: 10px 0px 10px 0px;
    width: 50%;
 }

.glavavto {
   left: 54%;
   top:  16%;
 }

.zgavt {
    font-size: 18pt;
    top: 60px;
    left: 200px;
}
IMG.znaks {
    width: 74px;
}


 a.wau-link, .dropdown2 .dropbtn {
   font-size: 10pt;
 }
 
 .topnav a, .dropdown2 .dropbtn {
   /* padding: 6px 10px; */
   padding: 4px 20px;
 }
 
 a.gorlink {
     margin-left: 10%;
     font-size: 10pt;
 }
 
  .otzleft {
     width: 35%;
     left: 60px;
     top: 10px; 
 }
 .otzright {
     width: 30%;
     right: 20px;
     top: 10px;
 }
 
 
   .prof1, .profjaz {
     margin: 0;
 }
 
 .kvadrat, .kvadjaz {
   width: 136px;
   height: 136px;
   padding: 10% 10px 20px 10px;
   font-size: 10pt;
 } 

 .knospis {
    bottom: 6%;
    left: 60%;
 }

 
 }
 
 
 @media only screen and (max-width: 950px) {
      /* менять меню, города, отзывы   */

  
  .lishnibr {
        display: none; 
  }

   .t-i-o-p {
        visibility: hidden; 
   }

   .glavkids {
       top: 11%;
   }
   .zagkids {
       font-size: 3.6vw;
    }
   .det1 {
      font-size: 11pt;
     }
     .det2 {
     font-size: 11pt;
     }
     .det3 {
       font-size: 12pt;
     }
     .det4 {
       font-size: 12pt;
     }
     .det5, .det5 p  {
       font-size: 12pt;
   }
    


 .poljaz, .poljaz1 {
    font-size: 9pt;
    width: 54%;
    margin: 4px 0px 6px 0px;
 }

.glavavto {
  left: 52%;
  top: 12%;
}

  .knospis {
      bottom: 6%;
      left: 64%;
  }

  .panelotzyv  {
    visibility: hidden;
  }
  IMG.dis4 { 
    height: 0px;
    visibility: hidden;
  }

 
  .treug2 {
        width:  200px;
        height: 200px;
        margin: 2px 2% 2px 0px; 
  }      
  .treug IMG {
       width: 160px;
  }

  .knocal {
      visibility: hidden;
  }

  .proftext {
       visibility: hidden;
  }
      
    .koodinat {
      visibility: hidden;
   }

    .kvatab {
      width: 34%;
     }

   .glavn {
      max-width: 820px;
    }
 
    .blagotext, .blagosintext, .blagodeti {
      visibility: hidden;
 }

    .menu1 {
        left: 50px;
        top: 10px;
        padding: 0px; 
      }
    
      a.wau-link, .dropdown2 .dropbtn {
        font-size: 9pt;
      }
      
      .topnav a, .dropdown2 .dropbtn {
        padding: 4px 6px;
      }

      
 a.gorlink {
    margin-left: 2%;
    font-size: 10pt;
}


   .blzag {
     font-size: 16pt;
   }
 
 .zgavt {
    top: 36px;
    left: 160px;
    font-size: 16pt;
 }
 IMG.znaks {
    width: 64px;
 }
 .ztekgor {
    font-size: 10pt;
    font-weight: 500;
} 

 .bltext, .bl2text {
    font-size: 10pt;
  }

 
 
 }
 
  
 @media screen and (max-width: 800px) {
   .topnav a:not(:first-child), .dropdown2 .dropbtn {
     display: none;
   }
   .topnav a.icon {
     float: right;
     display: block;
     position: absolute; 
     right: 30px;
     top: 2px;
   }
 }
 
 @media screen and (max-width: 800px) {
   .topnav.responsive {position: relative;}
   .topnav.responsive .icon {
     position: absolute; 
     right: 20px;
     top: 10px;    
   }
   .topnav.responsive a {
     float: none;
     display: block; 
     text-align: left;
     background-color: #fff; 
 
   }
   .topnav.responsive .dropdown2 {float: none;}
   .topnav.responsive .dropdown-content {position: relative;}
   .topnav.responsive .dropdown2 .dropbtn {
   display: block; 
     width: 80%;
     text-align: left; 
     background-color: #fff; 
   }
 

  
 .glavkids {
     top: 11%;
  }
  .zagkids {
    font-size: 3.2vw;
 }
.det1 {
   font-size: 10pt;
  }
  .det2 {
  font-size: 8pt;
  }
  .det3 {
    font-size: 10pt;
  }
  .det4 {
    font-size: 10pt;
  }
  .det5, .det5 p  {
    font-size: 10pt;
}



.glavjazyk {
  left: 10px;
}

.poljaz, .poljaz1 {
   font-size: 9pt;
   width: 64%;
   margin: 2px 0px 2px 0px;
  
}

 IMG.logoavt {
    width: 40px;
 }

.noavtos {
  height: 0px;
  visibility: hidden;
}

.kvadrat, .kvadjaz {
  width: 124px;
  height: 100px;
  padding: 6% 4px 2px 10px;
  font-size: 8pt;
 
} 

   .knospis  {
    visibility: hidden;
  }
  
   .treug2 {
    width:  100px;
    height: 100px;
    margin: 2px 1% 2px 0px; 
}      
  .tretext {
    visibility: hidden;
  }
  

   .menu1 {
     left: 16px;
     top: 1px;
     padding: 0px; 
   }
 
   .glavn {
    max-width: 100%;
  }
 


  a.logo-simp { 
    margin-left: 20px;  
  }
  
  .logofull { 
      width: 320px;
  }
  
  a.flagi { 
    margin-left: 10px;
  }
  
  .flpravo{
    right: 20px;
    bottom: 8px;
  }


   .bltext, .bl2text {
     font-size: 8pt;
    /* visibility: hidden; */
   }
   .blzag {
     font-size: 13pt;
   }
 

   IMG.dis3 {
    height: 270px;
   }

   .goroda {
     visibility: hidden;
   }
   .gorodmin {
     visibility: visible;
   }
   
   .btntext {
     visibility: hidden;
   }
 
 
 }


 
 @media only screen and (max-width: 680px) {
    /* менять МНОГОЕ меню, города, отзывы   */


    .toptop {
      font-size: 11pt;
      font-weight: 400;
    }


.pan2all {
   top: 0px;
   left: 4px;
   right: 4px;
}

.prof1, .profjaz  {
  left: 5px;
  top: 14%;
  width: 90%;
  margin: 0;
  padding: 4px 2px 4px 0px;
}


 BUTTON.bolee { 
    width: 140px;
    font-size: 9pt;
    margin: 4px 0px 0px 0px;
 }

.glavkids {
  visibility: hidden;
}
 
.glavkids2 {
  visibility: visible;
}

.det3, .det4 {
  height: 0px;
  visibility: hidden;
}

.det2 {
  font-size: 8pt;
}
.det5, .det5 p {
  font-size: 10pt;
}

 .glavjazyk {
      left: 2px;
      margin: 0px 10px 0px 0px;
 }
   
.poljaz {
  line-height: 1.3;
   font-size: 8pt;
   width: 60%;
   margin: 6px 0px 2px 0px;
 }

 .poljaz1 {
  height: 0px;
  visibility: hidden;
  display: none;
}
 

.zagavto {
  font-size: 2.8vw;
}

  .glavavto {
      left: 54%;
      top: 16%;
   }

  .kvadrat, .kvadjaz {
     width: 118px;
     height: 70px;
     padding: 4% 4px 2px 10px;
     font-size: 7pt;
     opacity: 90%;
  } 

  .kvatab {
    width: 74%;
  }
  
  .panelavto {  /* фон когда прячем */
      background-color: #17b5e4;
  }

  .panelprof, .paneljazyk {  /* фон когда прячем */
        background-color: #9c9bcc;
    }
    
  .panelotzyvi, .paneldoki {  /* фон когда прячем */
      background-color: #fab8a8;
  }

    .proftext {
      visibility: hidden;
    }
    
    IMG.dis2 {
      visibility: hidden;
    }
    
    .zgavt {
        top: 16px;
        left: 160px;
        font-size: 16pt;
    }
    IMG.znaks {
        width: 50px;
    }
    
  .menu1 {
    left: 16px;
    top: 4px;
  }
    
  a.gorlink {
    margin-left: 12%;
    font-size: 10pt;
  }
    
  .bltext, .bl2text {
      visibility: hidden;
    }
       
}
    
 

@media only screen and (max-width: 510px) {
        /*  мобильник    */


 .main1 {
     left: 10px;
     top: 16%;
     width: 64%;
 }


 .blzag {
  text-transform: uppercase;
  letter-spacing: 1pt;
    font-size: 12pt;
/*  font-weight: 900; */
  color:  #153f71;
  text-shadow: 1px 0 0px #FFF, 
0 1px 0px #FFF,  
-1px 0 0px #FFF,  
0 -1px 0px #FFF; 
}
  
.bl0text {
  font-size: 2.4vw;
  margin-left: 6%;
 }


.glavavto {
  height: 0px;
  visibility: hidden;
}

.glavavto2 {
  visibility: visible;
  left: 52%;
  top: 12%;
}

.onegormin {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   width: 23%;
   font-size: 8pt;
}

 .kvadrat, .kvadjaz {
    width: 104px;
    height: 50px;
    padding: 2% 2px 2px 2px;
    margin: 2px 2px 2px 0px;
    font-size: 7pt;
    line-height: 1.1;
} 


.prof1, .profjaz  {
  left: 5px;
  top: 12%;
  width: 99%;
  margin: 0;
  padding: 2px 0px 2px 0px;
}


.poljaz {
     line-height: 1.1;
      font-size: 8pt;
      width: 98%;
      padding: 2px;
      margin: 2px 0px 1px 0px;
 }


 BUTTON.bolee { 
     width: 140px;
     font-size: 8pt;
     margin: 2px 0px 0px 0px;
 }

    BUTTON.bolesche { 
      visibility: visible;
      width: 140px;
      font-size: 7pt;
      margin: 2px 0px 0px 0px;
   }
  

   BUTTON.bol4e {
    visibility: hidden;
   }



    .glavkids2 {
        line-height: 1.1;
    }
    .det5, .det5 p {
      font-size: 8pt;
      line-height: 1.2;
    }


    .topnav a.icon {
      top: 0px;
    }

    .zgavt {
            top: 10px;
            left: 120px;
            font-size: 11pt;
    }
    IMG.znaks {
        width: 40px;
    }
    .ztekgor {
        font-size: 9pt;
    } 
    
    .menu1 {
        left: 2px;
        top: 4px;
       }
         
   
    
    
      a.logo-simp { 
        margin-left: 4px;  
      }
      
      .logofull { 
          width: 220px;
      }
      
      a.flagi { 
        margin-left: 2px;
      }
      
      .flpravo{
        right: 2px;
        bottom: 8px;
      }

}
 /*  END - настройка на разные экраны */