#zaglavie {}
#podzaglavie { font-family: verdana; font-weight: bold; color: #ffffff;}
#menu {width: max-content; padding: 10px 0;}

body{font-size: 14px;}

.top-header{display: flex; background: url("kartinki/fon.jpg"); margin-bottom: 2px;}
.middle-top{ display: flex; flex-direction: column; width: -webkit-fill-available; width: -moz-available; width: 100%; background-image: url(kartinki/fon.jpg); padding-left: 3px;}
div.last-top{display: none;}

.Kniga_i_glava{background: #D7E3DA; font-family: arial; color: #153B67; margin-bottom: 7px;}

form.forma-chapter{display: flex; flex-wrap: wrap; padding: 9px 15px; background: #C7D4E3;}
.form-second{display: flex; padding: 5px 20px 5px 0;}

input{margin-bottom: 5px;}
.last-top img {display: none;}

.main_container { display: flex}
.main_first{padding: 10 0 10 15;}
.main_second{ font-family: arial; color: #153B67;}
.main_responsive{ padding: 5 3 0 7;}
.otdelenie{ margin-bottom: 10px;}

.resultat{color: 153B67; font-family: arial; padding: 0 15px; }

.forma{padding: 9 0 9 15; background: #C7D4E3; margin: 1px 0;}
.forma input:first-child{ width: 53vw; margin-right: 10px; max-width: 272px;}

.versions {display: flex; background: #F5FAFE;}
.versions_text{width: -webkit-fill-available; width: -moz-available; width: 100%; padding: 3 4 3 7; border-left: 1px solid #C7D4E3; border-right: 1px solid #C7D4E3; margin-right: 1px;}
.versions:first-of-type .versions_text{ border-top: 1px solid #C7D4E3;}

.versions a{ font-size: unset;}

a {font-family: arial; color: green; text-decoration: none;}
a:hover {text-decoration: underline}
a.menu {font-family: verdana; color: #FFFFFF; background-color: #9CB7DF; text-decoration: none;}
a.menu:hover {color: #6B86B4; background-color: #DFE7F5; text-decoration: none;}
a.rezultat {font-family: arial; color: green; text-decoration: none;}
a.tursena {font-family: arial; color: #C48F00;}
a.turseni {color: #C48F00;}
a.knigi {color: green;}
a.knigi:hover {color: red;}
a.glavi {color: #C48F00;}
a.glavi:hover {color: red;}
a.kniga {color: #524395;}
a.pomosht {font-weight: bold; color: #C48F00;} 
a.stih {font-family: times; color: green}
a.copyright {color: #153B67;}
a.kniga_link {color: green;}
a.kniga_izbrana {color: #C48F00;}
a.red {color: red;}

a.reference {color: #3b80c5;}

a.zaglavie {font-family: verdana; font-weight: bold; color: #ffffff;}

.izbrana {font-family: verdana; color: #ffffff; background-color: #EAAB51;}

td {font-family: arial; color: #153B67;}
td.footer {}
td.prevod { color: #AAAAAA;}

p {font-family: arial;  color: #524395;}
p.stihove {font-family: times; margin-left: 20; margin-right: 20; margin-top: 5; margin-bottom: 5}
p.zaglavie {font-family: times; color: green; margin-left: 20; margin-right: 20; margin-top: 5; margin-bottom: 5}

label.prevod {font-family: arial;  color: #153B67;}

ul {font-family: arial; color: #153B67; margin-left: 25; margin-top: 10;}

form {margin: 0;}
input {font-family: tahoma, arial;  color: #326AAA;}
select {margin: 5px 0; border: 1px solid #326AAA; font-family: tahoma, arial;  color: #326AAA; width: 170; background: #fff;}
input.check {border: 0px;}

span.rezultat {color: green;}
span.tursena {font-family: arial; color: #C48F00;}

.prevodi_container{display: flex;}
.prevod{width: -webkit-fill-available; width: -moz-available; width: 100%;  color: #AAAAAA;}

.footer{padding-top: 7; padding-bottom: 15; font-family: arial;  border-top: 2px solid #8BAEC4; color: #153B67; margin-top: 5px;}

.button
{
    border: 1px solid #326AAA;
	font-family: tahoma, arial;  
    color: #153B67;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9BBCE1);
}

@media only screen and (min-width: 697px) 
{

.last-top img {display: unset;}


}

@media only screen and (min-width: 430px) 
{

div.last-top{display: block;}
input{margin-bottom: unset;}

}

@media only screen and (min-width: 618px) 
{

.form-second{display: unset; padding: 0 20;}
}

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

.first-top{ display: none;}
.middle-top{ padding: 12 2 0 11;}

}

@media only screen and (min-width: 880px) 
{

.menu_btn{display: none !important;}
.closebtn{display: none;}

}


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

.main_first {
  height: -webkit-fill-available; width: -moz-available; width: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 90px;
  display: none;
}

.main_first a {
  padding: 17px 20px 5px 40px;
  text-decoration: none;
  font-size: 24px;
  display: block;
  transition: 0.3s;
}

.main_first a:hover {
  color: #C48F00;
}

.main_first .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 47px;
  margin-left: 50px;
}

.menu_btn{display: unset; margin: 4px 10px 0 7px;}

 .glavi a{ font-size: 19px; padding: 4px;}
 .button:first-of-type {margin-top: 22px;}
 input.check{ width:19px; height:19px;}
.versions, .resultat, a.rezultat, span.tursena, a.tursena, .Kniga_i_glava, label.prevod, select, .button, input, .footer, .prevod, #podzaglaviem, body > table td, body > table li, #podzaglavie {font-size: 19px;}
 a.zaglavie{font-size: 32px;}
 /*a.tursena, a.rezultat { font-size: 19px; padding: 4px;}*/
.izbrana, a.menu{font-size: 14px;}
a.pomosht, a{font-size: initial;}
a.knigi{font-size: inherit;}
.footer{padding-top: 12px; margin-top: 7px;}

}

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

.versions_text:first-child:nth-last-child(n + 2) ~ .versions_text, .versions_text:first-child:nth-last-child(n + 2) {margin-right: unset; border-right: unset; padding: 1vw; font-size: 3.7vw;}
.main_responsive{padding: 1vw;}

}