@charset "utf-8";

.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.header_lekcii {
 width: 460px;
 border: 1px solid #cccccc;
 padding: 8px;
 margin-top: 5px;
 cursor: pointer;
 text-align: center;
 }
.header_kom {
 width: 460px;
 border: 1px solid #cccccc;
 padding: 8px;
 margin-top: 5px;
 cursor: pointer;
 text-align: center;
 }
.header_lekcii:hover {
 color: #666666;
 }
.header_kom:hover {
 color: #666666;
 }
.text_lekcii {
 border: 1px solid #cccccc;
 padding: 15px;
 text-align: left;
 background: #eeeeee;
 font-size: 12px;
 }
.text_kom {
 width: 428px;
 border: 1px solid #cccccc;
 padding: 15px;
 text-align: left;
 background: #eeeeee;
 font-size: 12px;
 }
 .hide, .hide + label ~ div {
    display: none; 
}
/*раскрывающийся текст*/
.hide + label,
.hide:checked + label {
    color:#2c941e;
    display:block;
    font-size:13px;
    line-height:1.0;
    outline:0;
    padding-left:0px;
    text-decoration:none;
    position:relative;
    cursor: pointer;
}
.hide + label,
.hide:checked + label a:hover{
    color:#1d6314;
}
/* ??? ?????? label ??? ???????? ????????????? */
.hide:checked + label {
    color: fff;
    border-bottom: 0;
}
/* ????? ??????? ??????? ?????????? ????? ? ???????????  */
.hide:checked + label + div {
    display: block; 
}
@media only screen and (max-width: 470px) {

.header_lekcii {
 width: 264px;
 }
.header_lekcii:hover {
 color: #666666;
 }
.text_kom {
 width: 232px;
 }
.header_kom {
 width: 264px;
 }
.header_kom:hover {
 color: #666666;
 }
.text_kom {
 width: 232px;
 }
}