@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: 742px;
 border: 1px solid #cccccc;
 padding: 1px;
 margin-top: 0px;
 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: 710px;
 border: 1px solid #cccccc;
 padding: 15px;
 text-align: left;
 background: #eeeeee;
 font-size: 12px;
 }
.text_kom p{
	font-size: 21px;
 }
 .hide, .hide + label ~ div {
    display: none; 
}
/*раскрывающийся текст*/
.hide + label{
    color:#fff;
  background: #66b222;
  background: -moz-linear-gradient(top, #66b222 0%, #58a52a	 23%, #348b00 82%, #288210 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66b222), color-stop(23%, #58a52a	), color-stop(82%, #348b00), color-stop(100%, #288210));
  background: -webkit-linear-gradient(top, #66b222 0%, #58a52a	 23%, #348b00 82%, #288210 100%);
  background: -o-linear-gradient(top, #66b222 0%, #58a52a	 23%, #348b00 82%, #288210 100%);
  background: -ms-linear-gradient(top, #66b222 0%, #58a52a	 23%, #348b00 82%, #288210 100%);
  background: linear-gradient(to bottom, #66b222 0%, #58a52a	 23%, #348b00 82%, #288210 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b222', endColorstr='#288210', GradientType=0);
    display:block;
    font-size:24px;
    line-height:1.0;
    outline:0;
    padding:10px;
    text-decoration:none;
    position:relative;
    cursor: pointer;
 height: auto;
}
.hide + label:hover{
    color:#b8fe42;
  background: #288210;
  background: -moz-linear-gradient(top, #288210 0%, #348b00 23%, #58a52a	 82%, #66b222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #288210), color-stop(23%, #348b00), color-stop(82%, #58a52a	), color-stop(100%, #66b222));
  background: -webkit-linear-gradient(top, #288210 0%, #348b00 23%, #58a52a	 82%, #66b222 100%);
  background: -o-linear-gradient(top, #288210 0%, #348b00 23%, #58a52a	 82%, #66b222 100%);
  background: -ms-linear-gradient(top, #288210 0%, #348b00 23%, #58a52a	 82%, #66b222 100%);
  background: linear-gradient(to bottom, #288210 0%, #348b00 23%, #58a52a	 82%, #66b222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#288210', endColorstr='#66b222', GradientType=0);
}
/* ??? ?????? label ??? ???????? ????????????? */
.hide:checked + label {
    color: #fff;
    border-bottom: 0;
}
.hide:checked + label:hover{
    color:#b8fe42;
    border-bottom: 0;
}
/* ????? ??????? ??????? ?????????? ????? ? ???????????  */
.hide:checked + label + div {
    display: block; 
}

@media only screen and (max-width: 1260px) {
.header_kom {
 width: 532px;
 }
.text_kom {
 width: 500px;
 }
}
@media screen and (max-width: 1010px) {
.header_kom {
	float:none;
	margin:0 auto;
}
}
@media only screen and (max-width: 750px) {

.header_kom {
 width: 392px;
 }
.text_kom {
 width: 362px;
 }
}

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

.header_kom {
 width: 314px;
 }
.text_kom {
 width: 284px;
 }
}