/*   версия 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.txtblack {
    color: #000; 
}
a.txtblack:hover { color: #f0801e; }


.map {
  position: relative;
}


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


.centrkursy {
  width: 100%;
  height: auto;
  padding: 5px 100px 5px 100px; 
  margin: 0;
/*  border: 1px solid #e15ebc; */
} 





 /*  верхнее оформление 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 20px;
}

.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%;
}




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

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

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

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







/* clever kids */
.panelalldeti {    
  display: inline-block;
  position: relative; 
  margin: 0; 
  padding: 0;
  width: 100%;
}

.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%;
}


.centrdeti {
  width: 100%;
  height: auto;
  padding: 5px 100px 5px 100px; 
  margin: 0;
/*  border: 1px solid #e15ebc; */
} 

.paneldeti {   
  z-index: 1;  
  display: inline-block;
  position: relative; 
  background-color: #fff8dc;
  margin: 0; 
  padding: 0;
  width: 100%;
  height: auto;  
}


.panelbela {   
  z-index: -1; 
  display: inline-block;
  position: absolute;
  background-color: #fff;
  top: 0px;
  margin: 0; 
  padding: 0;
  width: 100%;
  height: 50px;  
/*  border: 1px solid #5e76e1; */
}

IMG.disdeti {
  z-index: 2;
 /* display: inline-block;
  position: absolute; */
  width: 80%;
  max-width: 100%;
/*  height: auto; */
  margin: 5px 10% 5px 10%;
  padding: 0;
/*  top: -50px; */
}





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



.panelclever {    
  display: inline-block;
  position: relative; 
  background-color: #f0fff0;
  margin: 0; 
  padding: 5px 40px 5px 40px; 
  width: 100%;
  border-style: solid;
  border-color: #153f71;
  border-width: 2px 0px 2px 0px;
}


.paneltema {   
 /* vertical-align: middle; */
  display: inline-block;
  position: relative; 
  /* background-color: #f0fff0; */
  background-color: #FFF8DC;
  margin: 0; 
/* padding: 5px 40px 5px 40px; */
  width: 100%;
  border-style: solid;
  border-color: #153f71;
  border-width: 2px 0px 2px 0px;
 
}

/*
.fotod1 {
  vertical-align: top;   
  top: 0px;   
  display: inline-block;
  position: relative; 
  width: 30%;
}
*/

.fotod {
 vertical-align: middle; 
  display: inline-block;
/*  position: relative; 
  width: 44%; */
}



.uroki {
  vertical-align: middle; 
  display: inline-block;
 /* position: relative; 
  width: 54%; */
  text-align: left;
  padding: 20px 10px 5px 40px;
  line-height: 1.2;
}

/*
.uroki1 {
  vertical-align: top;   
  display: inline-block;
  position: relative;
  width: 38%;
  text-align: left;
  padding: 5px 10px 5px 10px;
  line-height: 1.1;
}
.uroki2 {
  vertical-align: top;   
  display: inline-block;
  position: relative;
  width: 30%;
  text-align: left;
  padding: 5px 10px 5px 10px;
  line-height: 1.5;
}
.fotod5 {
  vertical-align: top;   
  top: 0px;   
  display: inline-block;
  position: relative; 
}

.uroki5 {
  vertical-align: top;   
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px 10px 5px 10px;
  line-height: 1.1;
}
.uroki3 {
  visibility: hidden;
  vertical-align: top;   
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px 10px 5px 10px;
  line-height: 1.5;
}
*/

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


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


.laps2 {
  font-size: 12pt;
  font-weight: 900;
  color:  #800000;
  text-transform: uppercase;
}

.laps21 {
  font-size: 10pt;
  font-weight: 700;
  color:  #800000;
}

.laps3 {
  font-size: 12pt;
  font-weight: 900;
  color:  #006400;
  text-transform: uppercase;
}

.laps31 {
  font-size: 14pt;
  font-weight: 900;
  color:  #006400;
  text-transform: uppercase;
}


.laps32 {
  font-size: 12pt;
  font-weight: 900;
  color:  #006400;
}

.laps33 {
  font-size: 10pt;
  font-weight: 700;
  color:  #000;
}


.laps4 {
  font-size: 10pt;
  font-weight: 300;
  color:  #153f71;
}


.menudet2 {    
  display: inline-block;
  position: relative; 
  width: 100%;
  text-align: center;
  padding: 2px 0px 5px 0px; 
  /* border: 1px solid rgb(219, 26, 26); */
}


.menudeti {    
  display: inline-block;
  position: relative; 
  background-color: #fff8dc;
  padding: 10px 20px 10px 20px; 
  margin: 5px 10% 5px 10%; 
  width: 80%;
  text-align: center;
  border-style: solid;
  border-color: #006400;
  border-width: 1px;
  line-height: 2.0;
}



.detlink1, .detlink2, .detlink3, .detlink4, .detlink5, .detlink6 {
  font-size: 10pt;
  font-weight: 700;
  text-decoration: none;
    margin: 5px 5px 5px 5px;
  /*  margin: 5px 5% 5px 5%; 
  letter-spacing: 1px; */
}

.detlink1:hover, .detlink2:hover, .detlink3:hover,
 .detlink4:hover, .detlink5:hover, .detlink6:hover  {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 2pt;
}

.detlink1 {
  color:  #f0801e;
}
.detlink2 {
  color:  #153f71;
}
.detlink3 {
  color:  #006400;
}
.detlink4 {
  color:  #800000;
}
.detlink5 {
  color:  #8b008b;
}
.detlink6 {
  color:  #66cdaa;
}



/* вкл-выкл текст   */
.del { display: none; }
.del:not(:checked) + label + * { display: none; } 

/* вид CSS кнопки */
.del:not(:checked) + label,
.del:checked + label {
  display: inline-block;
  font-size: 12pt;
  font-weight: 900;
  color:  #153f71;
  text-transform: uppercase;
  cursor: pointer;
/*  background-color: #fff8dc; */
}

.del:not(:checked) + label:hover
{  color: #f0801e; }

.del:checked + label {
  background-color: transparent;
}
/*  END вкл-выкл  */



/*  */
.kurslin {
  width: 100%;
  height: 10px;
  padding: 0; 
  margin: 0;
  border-bottom: 3px solid #153f71;
}


.kurscol {
   width: 100%;
   height: auto;
   padding: 5px 40px 5px 40px; 
    margin: 0;
  /*  border: 1px solid #e15ebc; */
}


a.kursy {
  font-size: 14pt;
  font-weight: 900;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}
a.kursy:hover { color: #f0801e; }



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

 
 
 IMG.dis2 {
     z-index: 1;
     width: 100%;
     max-width: 100%;
     height: auto;
     margin: 0;
     padding: 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: 16%;
     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: 50%;
     margin: 0;
     padding: 0;
 }
 
 
 .blzag {
     text-transform: uppercase;
     letter-spacing: 1pt;
     font-size: 22pt;
     font-weight: 900;
     color:  #153f71;
     text-shadow: 1px 0 0px #FFF, 
 0 1px 0px #FFF,  
 -1px 0 0px #FFF,  
 0 -1px 0px #FFF; 
 }
 
 .bltext {
     font-size: 12pt;
     font-weight: 700;
     color:  #153f71;
 }
 
 .bl2text {
     font-size: 11pt;
     font-weight: 300;
     color:  #000;
 }
 
 
 .paneldva {
     display: inline-block; 
     position: relative; 
     margin: 0; 
  /*   padding: 40px 50px 4px 50px; */
     width: 100%;
  /*   background-image: url("images/banner2_fon.png"); 
     background-size: cover; */
 
 }
 
 .pan2all {
     display: inline-block; 
     position: absolute; 
   /*  width: 100%;*/
     height: auto;
     top: 4%;
     left: 50px;
     right: 50px;
   /*  border: 1px solid blue;  */
 }
 
 .simptex {
   /* display: block; 
   position: relative; */
    width: 100%;  
    text-align: justify; 
   /*    text-justify: inter-word; */
 }
 
 
 .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;
 }
 
 
 .goroda {
   vertical-align: baseline;
     z-index: 4;
     margin: 0px 0px 0px 0px;
     display: inline-block; 
     position: absolute; 
     width: 100%;
     bottom: 20px;
     left: -3%;
  /*   border: 1px solid #8827c0; */
 }
 
 
 .gorodmin {
   visibility: hidden;
     z-index: 4;
     margin: 0px 0px 0px 0px;
     display: inline-block; 
     position: absolute; 
     width: 98%;
     bottom: 10px;
     left: -3%;
  /*   border: 1px solid #27c048; */
 }
 
 .onegormin {
     display: inline-block; 
     position: relative; 
     padding: 4px 0px 4px 0px;
     margin: 0px 4px 0px 2px;
     width: 20%;
     text-align: center;
     text-transform: uppercase;
     font-size: 10pt;
     font-weight: 600;
     color: #fff;
 }
 
 .onegor {
   vertical-align: baseline;
     display: inline-block; 
     position: relative; 
     padding: 10px 0px 10px 0px;
     margin: 0px 20px 0px 6px;
     width: 21%;
     text-align: center;
     text-transform: uppercase;
     font-size: 13pt;
     font-weight: 700;
     color: #fff;
 /*    border: 1px solid #524a3a;  */
 }
 
 a.nogor {
     text-decoration: none;
 }
 .onegor:hover {
     color: #153f71;
 }
 
 /* треугольники */
 .temys {
     margin: 10px 0px 0px 0px;
     display: inline-block; 
     position: relative;
     width: 100%;
  /*   border: 1px solid #ce3995;  */
 }
 
 .treug {
     margin: 2px 10px 4px 10px;
     display: inline-block; 
     position: relative;
     width: 26%;
     text-align: center;
     text-transform: uppercase;
  /*   border: 1px solid green;  */
 }
 .treug IMG {
     width: 210px;
     max-width: 100%;
     height: auto;
 }
 
 .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;
 }
 
 
 .panelotzyv {
     display: inline-block;
     position: relative; 
     margin: 0; 
     padding: 0;
     width: 100%;
     height: 566px; 
     background-image: url("images/banner_2_otzizi.png"); 
     background-size: cover;
  /*  border: 1px solid red;  */
 }
 
 
 .koodinat {
     display: inline-block;
     position: relative; 
     width: 100%;
     height: auto;
     padding: 4px 50px 4px 50px;
 }
 .koleft {
     z-index: 1;
     display: inline-block; 
     position: absolute;
     text-align: left;
     width: 35%;
     left: 50px;
 }
 .koright {
     z-index: 1;
     display: inline-block; 
     position: absolute;
     text-align: right;
     width: 35%;
     right: 50px;
 }
 
 
 .otzleft {
     z-index: 1;
     display: inline-block; 
     position: absolute;
     width: 35%;
     left: 60px;
     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: 30%;
    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;
 }
 

 .panelprof {    
     display: inline-block;
     position: relative; 
     margin: 0; 
     padding: 0;
     width: 100%;
 }
 
 
 .proftext {
     display: inline-block; 
     position: absolute;
     width: 90%; 
     top: 6px; 
     margin: 6px 50px 4px 60px; 
     text-align: justify;
     font-size: 10pt;
     font-weight: 300;
     color: #1a8ecb;
 }
 
 .temzag {
     display: inline-block; 
     position: absolute;
     left: 50px;
     top: 120px;
     text-transform: uppercase;
     font-size: 20pt;
     font-weight: 900;
     color:  #153f71;
 }
 
 .prof1 {
     z-index: 2;
     display: inline-block; 
     position: absolute;
     left: 50px;
     top: 180px;
     width: 600px;
     margin: 0;
     padding: 4px;
  /*   border: 1px solid rgb(228, 40, 181); */
 }
 
 a.kva {
   text-decoration: none;
 }
 
 .kvadrat {
   vertical-align: middle;
   display: inline-block;
   position: relative;
   width: 180px;
   height: 180px;
   background-color: #6eb535;
   padding: 10% 20px 40px 20px;
   margin: 5px;
   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: 106px;
     height: auto;
     top: 520px;
     left: 700px;
 }
 .spknop { 
     width: 100px;
     max-width: 100%;
     height: auto;
 }
 .spkkurs {
   z-index: 5;
   display: inline-block; 
   position: absolute;
   left: -1px;
   top: 6px;
   text-transform: uppercase;
   font-size: 10pt;
   font-weight: 500;
   text-align: center;
   color: #e5097f;
 }
 
 .glavavto {
     display: inline-block; 
     position: absolute;
     left: 60%;
     top: 60px;
     color:  #fff;
 }
 

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



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

.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: 13px;
  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%;
}


.panelsin {    
  z-index: 2;
  display: inline-block;
  position: relative; 
  vertical-align: top;
  margin: 0; 
  padding: 0;
  width: 100%;
  background-color: #fff2e5;
  padding: 5px 60px 5px 60px;
  text-align: justify;
  border-style: solid;
  border-color: #153f71;
  border-width: 2px 0px 2px 0px;
 }



 


/*  команда  */

.centrkontakt {
  width: 100%;
  height: auto;
  padding: 5px 120px 5px 120px; 
  margin: 0;
/*  border: 1px solid #e15ebc; */
} 

.pankontakt {
  width: 100%;
  height: auto;
  padding: 0; 
  margin: 0;
/*  border: 1px solid #e15ebc; */
} 



.panelsin2 {    
  z-index: 2;
  display: inline-block;
  position: relative; 
  vertical-align: top;
  margin: 0; 
  padding: 0;
  width: 100%;
  background-color: #fff2e5;
  padding: 10px 40px 10px 40px;
  text-align: justify;
  border-style: solid;
  border-color: #153f71;
  border-width: 2px 0px 2px 0px;
 }

 .panelbezz {    
  margin:  0px 0px 0px 0px;
  padding: 0;
  width: 100%;
  background-color: #fff2e5;
  padding: 5px 30px 5px 30px;
  text-align: justify;
/*  border: 1px solid rgb(184, 203, 13); */
 }

.panelnarod {
  vertical-align: top;
  display: inline-block;
  position: relative; 
 /* text-align: center; */
  margin: 0; 
  padding: 0px 0px 0px 0px;
  width: 100%;
 /* background-color: #c2c8c8;
  height: auto; 
  border: 1px solid rgb(12, 161, 52);  */
 
}


.onenarod {
  vertical-align: top;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.8;
  width: 33%;
 /* height: 120px; */
  height: auto; 

  margin: 0px 0px 0px 0px;
  padding: 40px 0px 40px 40px;

  font-size: 11pt;
  font-weight: 500;
  color: #000;

  background-image: url("images/fon_komanda.png"); 
  background-size: cover;
 
/*
  outline-style: solid;
  outline-color: #c2c8c8;
  outline-width: 0px 0px 0px 0px; 

  border-style: solid;
  border-color: #c2c8c8;
  border-width: 0px 1px 0px 0px; */
}

.fornar0 {
  outline-width: 0px 0px 0px 0px; 
}
.fornar1 {
  outline-style: solid;
  outline-color: #c2c8c8;
  outline-width: 0 2px 0 2px; 
}
 

.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;
 }

 
 /*  для главной в авто */
 
.zagavto {
     display: inline-block; 
     position: relative;
     text-transform: uppercase;
     font-size: 20pt;
     font-weight: 900;
     color:  #fff;
 }
 
 IMG.znak {
     width: 60px;
     max-width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
     vertical-align: baseline;
 }
 
 
 BUTTON.bolee { 
     text-align: center;
     width: 190px; 
     font-size: 10pt;
     text-transform: uppercase;
     padding: 2px;
     background-color: #f0801e;
     color: #fff;
     border-radius: 8px;
     border: 0;
 }
 BUTTON.bolee:hover {
     background-color: #e5097f;
 } 
  
 .glavjazyk {
     display: inline-block; 
     position: absolute;
     left: 50px;
     top: 26%;
     color:  #fff;
 }
 
 
 .poljaz {
   display: inline-block;
   position: relative;
   text-align: justify;
   width: 400px;
  /* height: 180px; */
   color: #fff;
   font-size: 10pt;
   padding: 4px;
   background-color: #fff;
   color: #000;
 } 
 
 
 
 .glavkids {
     display: inline-block; 
     position: absolute;
     left: 56%;
     top: 130px;
  
 }
 
 .zagkids {
     display: inline-block; 
     position: relative;
     font-size: 26pt;
     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: 20pt;
   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 {
   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: #f2f2f2; /* серый для всего! */
padding: 4px 20px 4px 20px;
vertical-align: top;
font-size: 11;
color: #000;
text-align: justify;
}


.tabseryi4 {
  background-color: #f2f2f2; /* серый для всего! */
  padding: 6px 20px 6px 20px;
  vertical-align: top;
  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;
}

.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;
  vertical-align: top;
 }
 
.tabnesin {
 background-color: #b9cbe5;
 padding: 2px 4px 2px 12px;
 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 {
    padding: 2px 4px 4px 20px;
    vertical-align: bottom;
    margin: 0;
    color: #153f71;
    font-size: 11pt;
    font-weight: 900;
}

.sinth {
   /*    padding: 4px 20px 4px 20px; */
      text-align: left;
       color: #153f71;
       font-size: 11pt;
       font-weight: 900;
       text-transform: uppercase;
}

.sinth2 {
  /*    padding: 4px 20px 4px 20px; */
     text-align: left;
      color: #153f71;
      font-size: 12pt;
      font-weight: 900;
      text-transform: uppercase;
}


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



/* селектор детской школы */  
.vibdet {
  display: inline-block;
}
.vibdet4 {
  margin: 0;
  padding: 1px;
  text-align: left;
  color:  #006400;
  background-color: #fff;
  font-size: 10pt;
  font-weight: 700;
  border: none;
}




/* селектор тем */ 
.vibtems {
  display: inline-block;
  position: absolute;
  bottom: 9%;
 left: 50%;
  width: auto;
}



/* селектор городов */ 
.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;
 }
 
 .vib5 {
  margin: 0;
  padding: 2px;
  text-align: left;
  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;
/* width: 100%; 
width: auto;  */
 vertical-align: top;
/* border: 1px solid #c0276c; */
}

.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: inline-block;
 /*  overflow-x: auto; */

 }
 TABLE.avtotab {
    position: relative;
    font-size: 10pt;
    width: 100%;
 /*   border-right: 3px solid #153f71; */
 }

 TBODY {
    border: 1px solid #9d9f9e;
  /*  background-color: #b9cbe5; */
 }
 TR {
    border-bottom: 1px solid #9d9f9e;
    padding: 4px 0px 2px 0px;
 }

 
 /*   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;
  text-decoration: none !important; 
}

.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;
}


.sinbold6 {
  font-size: 14pt;
  color: #153f71;
  font-weight: 700;
}

.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: 1460px) {
 
  .menu1 {
    top: 12%;
 }
 

 }


 @media only screen and (max-width: 1200px) {
   .glavn {
       max-width: 1024px;
     }




.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 {
     left: 30px;
     top: 180px;
     width: 460px;
     margin: 0;
     padding: 2px;
  /*   border: 1px solid rgb(40, 52, 228); */
 }
 
 .kvadrat {
   width: 136px;
   height: 136px;
   padding: 10% 10px 20px 10px;
   margin: 3px;
   font-size: 10pt;
 } 
 
 .knospis {
     left: 600px;
     top: 420px;
  /*   border: 1px solid rgb(228, 40, 181); */
 }
 

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

    .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; 
   }
 
   
   .onenarod {
    width: 49%;
  }


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


  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: 12pt;
   }
 
   .goroda {
     visibility: hidden;
   }
   .gorodmin {
     visibility: visible;
   }
   
   .btntext {
     visibility: hidden;
   }
 
 
 }


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

    .centrkontakt {
      padding: 4px 8px 4px 8px; 
    }
    .panelsin2 {    
       padding: 2px 4px 2px 4px;
    }
    
    .onenarod {
        width: 98%;
        padding: 2x 0px 4px 4px;
   }
  
   .panelnarod {
    padding: 0px 5px 0px 5px;
  }


 .fotod, .uroki {
      width: 98% !important;
      vertical-align: top; 
  } 
 
   .panelalldeti {
      background-color: #66cdaa;
    }
 .centrdeti { 
      padding: 2px 2px 2px 2px; 
    }
.zgdeti {
      font-size: 3.2vw;
    }
    
.panelclever {    
  padding: 2px 4px 2px 4px; 
}
.menudeti { 
  margin: 2px 5% 2px 5%; 
  width: 96%;
}


  
.zgsinprep {
  letter-spacing: 1pt;
  font-size: 3.4vw;
  top: 52%;
  left: 30%;
}  




.centrotstup, .centrkursy {
    padding: 2px 5px 2px 5px;
}  

 .vib0r {
      bottom: 9%;
      right: 20%;
  }
  
  .vib4 {
       padding: 2px;
       font-size: 9pt;
       font-weight: 700;
  }
  
  .zgavto, .zgoprof {
    font-size: 3.0vw;
    top: 18%;
    left: 24%;
  }

.zgsindoc {
  font-size: 3.0vw;
  top: 52%;
  left: 24%;
}

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

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


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

@media only screen and (max-width: 510px) {
        /*  мобильник    */
 
    .zgavt {
            top: 10px;
            left: 120px;
            font-size: 11pt;
    }
    IMG.znaks {
        width: 40px;
    }
    .ztekgor {
        font-size: 9pt;
    } 
    
    .menu1 {
        left: 2px;
        top: 6px;
       }
    
    
    a.logo-simp { 
        margin-left: 4px;  
      }
      
    .logofull { 
        width: 220px;
    }
    
    a.flagi { 
      margin-left: 2px;
    }
    
    .flpravo{
      right: 2px;
      bottom: 8px;
    }

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