@charset "utf-8";

.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.header_lekcii {
 width: 780px;
 border: 1px solid #cccccc;
 padding: 8px;
 margin-top: 5px;
 cursor: pointer;
 text-align: center;
 }
 .input {
 font: Times New Roman 12px/1.2;
 }
 td {
 font-size: 18px;
 text-align: center;
 }
.header_kom {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
 width: 780px;
 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: 12px;
 }
.text_kom {
 width: 716px;
 border: 1px solid #cccccc;
 padding: 15px;
 text-align: left;
 background: #eeeeee;
	font-size: 1.5em;
 }
 
 .hide, .hide + label ~ div {
    display: none; 
}
/*раскрывающийся текст*/
.hide + label,
.hide:checked + label {
	background-color:#FFFFFF;	
    color:#F9E953;
    display:block;
    font-size:21px;
    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;
 }
}