/* CSS Document */
body {
  margin:0;
  width: 100%;
  font-size:18px; 
  font-family:"Times New Roman", Times, serif
} 
body a:link { color:#205020}
body a:visited { color:#705070}
body a:hover { color:#600000}

p {text-indent:40px; 
   margin:0px;}


.ind_page {
  width: 99%;
  display: flex;
  flex-direction:row;
  background-color: #fff;
  border-bottom:dotted #999999;
}
.ind_main { 
  width: 100%;
  display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  border-left: dotted #999999;
  margin-left: 10px;
  
}

.men_ent {
 display: flex;
 flex-direction:column;
 vertical-align:top;
 /*border-bottom:dotted #999999; */
}

.header { 
  box-sizing:  border-box;/**/
  display: flex;
  justify-content: space-between;
  align-items: center;
  width:99%; /*99.7%; */
  margin-left: 3px;
  color:#101000; 
  border-style: ridge;
  border-radius: 6px;
  border-color:  #5b5;
  background-color: #eff;
} 

.middlevers { 
  padding-left:5px; 
  padding-right:5px; 
  /*vertical-align:top;*/ 
  background-color:#ffffff;  
  font-family: monospace; 
  font-style:italic; 
  font-weight:bold ; 
  font-size:20px
} 
 .middlevers th {font-weight:normal}
 .middlevers a { text-decoration:none}
 .middlevers a:link { color:#404040} /*#302806*/
 .middlevers a:visited{color:#777777}
 .middlevers a:active { outline-style:dotted}
 .middlevers a:hover{ color:#300040;  text-decoration:underline}
 
 .middle { 
  display: flex;
  flex-direction: column;
  width: 100%;/**/
  padding-left:5px; 
  padding-right:5px; 
  font-family:Georgia, "Times New Roman", Times, serif; 
  font-size:20px;  
  border-left:dotted  #bbbbbb; 
  /*border-right:dotted #bbbbbb*/
} 

 .tab_vers { 
   /*width: 100%;
   align-self: center;
   border-style:  solid;*/
   display: flex;
   flex-direction: column;
   align-items: center;
   /*align-self: center;*/
   text-align: left;
   color:#202020; 
   font-size:20px; 
   font-style:italic; 
   text-indent:0px; 
 }
 
.tab_songs {
  display:grid; 
  grid-column-gap: 0px;
  grid-row-gap: 4px;
  box-sizing: border-box;
  align-items: center;
  justify-content:  space-between;
  grid-template-columns: auto auto auto 35% repeat(5, auto) ;
  padding: 2px;
} 

.play {
  border-style: solid;
  border-radius: 25px;
  border-color: #ccc;
}

.play:hover {
  border-color: #58a;
  border-width: 4px;
  margin: -1px;
}

.titl_song {
  font-size: 20px;
  line-height: 18px;
}

.titl_song a {
  text-decoration: none;
  color: #000;
}
.titl_song a:link  {
  color: #222;   
}
.titl_song a:visited  {
  color: #444;  
}
.titl_song a:hover  {
   color: #006;
   text-decoration:underline;
}
  
.date_song {
 color: #555;
 font-size: 14px;
} 

.revers {
  display: flex;
  flex-direction: row;
  justify-content:  space-around;
  align-items: center;
}

.couple {
  display: flex;
  justify-content:  space-around;
}

.song_count {
  font-size: 13px;
  color: #444;
}

.menu3 {
  display: none;
}

/* горизонтальное меню сверху #703329 lightyellow */
.menug { 
  display: grid;
  box-sizing: border-box;
  /*align-items: center;
  justify-content: center;*/
  text-align: center;
  justify-content:  space-around;
  grid-template-columns:  repeat(7, 1fr) ;
  column-gap: 1px;
  margin: 2px 0 2px 4px;
  padding: 3px;
  width:99%;  
  background-color:#fff ; 
  color: #ffffff; 
  font-weight:bold; 
  font-size:15px; 
  font-family:Arial, Helvetica, sans-serif;  
}

.menug a:link {color:#FFFFFF; text-decoration:inherit}
.menug a:visited{color:#d0ffd0; text-decoration:none}
.menug a:hover{color:#000000; background:#fff; text-decoration:none} /*A9DC76background:#DCA976;*/
.menug a:active { outline-style:dotted}
.menug a {display:block;}

.menug_item {
  background-color: #306349; 
}

.a_menug {
 align-self: center;
}

.menu_v {
  display: block;
  background-color:#306349; color:#000000; font-weight:bold; font-size:14px; font-family:Tahoma, Geneva, sans-serif; border-color:#703329; text-align:center; padding:0px;}
 /*.menu_v #up_div {background-color:#306349; } собственно фон меню background-color:#A9DC76;*/
.menu_v a { white-space:nowrap;  padding:3px;  border-bottom:solid #005000;  background:url(img/bg21.gif);  padding-right:15px; padding-left:5px; display:block; background-color:#060} /*#906000*/
.menu_v [title] { text-decoration:none;  } /* background:url(img/bg22.gif); */

.menu_v [name$="c"] {color:#330000; background:url(img/strelka3.gif) no-repeat right; background-color:#30a050;  } /* пункт текущей страницы*/
.menu_v [name^="1"] { border-top:solid #005000;} /* первый пункт меню */
.menu_v a:link {color:#ffffff; text-decoration:none}
.menu_v a:visited{text-decoration:none; color:#ccffcc;}
.menu_v a:hover{text-decoration:underline; color:#333333; background:#A9fC76  }
.menu_v a:active { border-style:dotted } 


.epigraf { /*border-style:  double;float:right; */
  width: 70%;
  align-self: flex-end;  
  color:#606000; 
  font-size:14px; 
  font-family:Georgia, "Times New Roman", Times, serif; 
  font-weight:bold
}

.bot_men {
  display: flex;
  justify-content: center  ;
  width: 98%;
  background-color:#eef; 
  font-family:Verdana, Geneva, sans-serif; 
  font-size:15px; 
  font-weight:bold ;
  text-align:  center;
}
.bot_men a {padding:3px 10px 3px 10px; }
/*.bot_men #nextlast {display:inline-table }*/
.bot_men a:link { color:#222222; }
.bot_men a:visited { color:#555555}
.bot_men a:hover { color:white; background-color:#707379;  font-weight:bold}

.bot_mem {background-color:#006600; font-family:Verdana, Geneva, sans-serif; font-size:15px; font-weight:bold;  }
.bot_mem a {display:block; padding:0; margin:0}
.bot_mem #nextlast {display:inline-table }
.bot_mem a:link { color:#ffffff; }
.bot_mem a:visited { color:#cccccc}
.bot_mem a:hover { color:#111111; background-color:#e7f8d0;  font-weight:bold}


@media (max-width: 980px){
  .bot_men {
    flex-direction: column;
  }
  .epigraf { /*border-style:  double;*/
    font-size:10px; 
    width: 80%;
  }
  
  .men_ent_div #navLinks {
    display: none;
    /*visibility:hidden;
    font-size:40px; */
    width:100%;
    flex-direction:column;
    border-style: solid;
   }
  .men_ent_div [name*="p"] 
  { font-size:15px;}
  .men_ent {
    display: flex;
    flex-direction:column;
    justify-content:  flex-end ;
    width: 100%;
    margin: 0;
    padding: 0;
    }
    
  .ind_page { 
   display: flex;
   flex-direction:  column;
   }

   .ind_page_tov{
    flex-direction:  column-reverse   
   }
   .ind_main {
       margin: 0;
       padding: 5px 2px 5px 1px;
       border-style:  none;
   }
   .header { 
     flex-direction: column;
   }
   pre {
     font-size: 15px;
   }
   .middlevers {
     padding: 3px;
     font-size: 15px;
   }
   .middle { 
     font-size: 14px;
   }
  .tab_vers { 
   /*width: 100%;*/
    font-size:15px; 
  }
  img {/*
    max-width: 98%;
    min-width: 20px;*/
  }
  .menu3 {
    display: block;
    background-color: #306349;
  }
  .menug { 
    grid-template-columns:  repeat(8, 1fr) ;
    font-size: 9px;
    padding: 1px;
    justify-content:  center;
  }
  .menug_item {
    height: 95%;
    display: flex;
    justify-content: center;
    padding:  1px;
  }
  .menu_v {
    display: none;
  }
  .revers {
  flex-direction: column ;
  justify-content: center;
  }
  .couple {
    font-size: 12px;
  }
  .date_song {
    font-size: 11px;
  }
  .play {
    width: 25px;
    height: 25px;
  }
  .titl_song {
  font-size: 14px;
  line-height: 12px;
}
}


 
.head_kib { 
  /*width: 100%;*/
  margin: auto;
  font-size:24px; 
  font-family:Georgia, "Times New Roman", Times, serif; 
  color:#704000; 
  font-weight:bold; 
  font-style:italic
}

.on_line_users {
  font-size:14px; 
  border:thin #aaaaaa; 
  border-style:ridge; 
  border-radius:5px; 
  padding:2px; 
  width:140px; 
  background-color:#f5f5f5; 
  font-family: 'Times New Roman', Times, seriff; 
  margin-top:5px; 
}

.ind_bot{
  display: flex;
  flex-wrap:  wrap;
  justify-content: space-around;
  text-align:center;
  margin: 0 auto;
  width: 97%;
  background-color: #fff;
  padding: 10px 0 10px 0;
}


.td_logo {text-indent:0px; padding-top:0px; text-align:left; } 
.td_logo a {font-size:22px; font-weight:bold; color:#707000; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif }
.td_logo a:visited { color:#404000}




/* элемент горизонтального меню текущей страницы  background-color:bisque*/
#cur_g {font-weight:bold; background-color:#d0F0b0;}
#cur_g a:link {color:#000000; }
#cur_g a:visited {color:#000000;} 

/* вертикальное меню сбоку:#DCA976 color:#ff2f1f; */
.menuv {vertical-align:top; width:150px; }

/*.menuv [title][name$="c"] { text-decoration:none; background:url(img/strelka3.gif) no-repeat right; background-color:bisque; }#502319*/


.soc_main {
  width: 230px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  background-color: #eff;
  border-radius: 10px;
  border-style:  double;
}

.soc_net {
  display: flex;
  justify-content: space-around;
  /*grid-column-gap:30px;
  grid-template-columns: repeat(4, auto) ;
  */
}

.vk {
  box-sizing:  border-box;
  border-radius: 10px;
  background: #fff;
  height: 40px;
}

.vk img:hover {
  /*border: 2px solid #799; */
  width:  48px;
  height: 48px;
  margin: -4px;
  
}

.memepig { float:right; color:#609090; font-size:10px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}


/* подпись внизу страницы bisque#703329*/
.footer { width: 98%;
  background:#306349; 
  color:white; 
  font-size:13px; 
  text-align:center}

/* darkgoldenrod bisque*/
.news { background-color:#408369;  padding:0px; font-family:Georgia, "Times New Roman", Times, serif}
.news th { background-color:#d0f3e9; text-align:center; font-size:13px} /*burlywood}*/
.news td { background:#d0f3e9; text-indent:3px;} 
.news #cap { padding:0; margin:0; background:#306349; color:white; border:0;  text-align:center; font-size:16px}/*#703329*/
.news img{ border:none}
.news a:link { color:#220000}
.news a:visited { color:#550000}
.news a:hover { color:black; font-style:oblique}

.mystat {
    font-size:14px; 
    border:thin #aaaaaa; 
    border-style:ridge; 
    border-radius:5px; 
    padding:5px; 
    background-color:#f5f5f5; 
    font-family: 'Times New Roman', Times, seriff; 
    margin-top:5px; 
}

.opub {
    font-size:16px; 
    padding:3px; 
    background-color:#f5f5f5; 
    font-family: 'Times New Roman', Times, seriff; 
} 

.content {
  padding:  10px;
}

/*.tdstat {vertical-align:bottom; text-align:center}*/


 


.mem { padding:15px; background:#FFFfff; color:#000040; font-family:Georgia, "Times New Roman", Times, serif}
.MsoNormal {}
.sape {color:#777; font-size:1vw; font-family:"Times New Roman", Times, serif}
.sape a:link { color:#555}
.sape a:hover {color:#600}

.ogl_mem1 { color:#333366;  font-weight:bolder; background:#f8f8f8;}
.ogl_mem1 a:link{ color:#333366}
.ogl_mem1 a:visited{ color:#444488}
.ogl_mem1 a:hover{ color:#330000; background:#e6ffe6}


.mprav { color:#20008b; font-size:10px; background:#Fff0F0; border:solid #e00000; font-weight:bold   }

.referat { font-size:14px}
.articlehead { font-size:20px }
.articlehead a:link { color:#202020;  font-weight:bold; }
.articlehead a:visited { color:#404040;  font-weight:bold; }
.articlehead a:hover { color:#ffffff; background:#0000ff; font-weight:bold; text-decoration:none }

.main_comm { font-family:Arial, Helvetica, sans-serif; font-size:14px;  width:100%}

.div_comm1 { padding:5px; background-color:#eeeeee; border:thin #aaaaaa; border-style:ridge;}
.div_comm2 { padding:5px;   border:thin #aaaaaa; border-style:ridge;} 

/*
@media (max-width: 575px) {
    .menuv, #middle, .middlevers, .ogl_mem1, .articles, .menug td,
.news td, .news th, .tdstat, .rightstat, .mem {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	textarea { width: 100%; }
	pre { font-size: 12px; }
	img {
		max-width: 100%;
		min-width: 18px;
	}
	.main_table > tbody > tr > td { display: block; }
	#uslugi {
		display: none;
	}
	p { text-indent: 0; }
	td[width="65px"], td[width="230px"] { margin: auto; }
	td[width="230px"] { width: 100%; }
	.td_logo { text-align: center; }
} */