@charset "utf-8";

.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.header_kom {
 width: 742px;
 border: 2px solid #cccccc;
 border-radius:6px;
 padding: 1px;
 margin: 0px 40px;
 cursor: pointer;
 text-align: center;
 }
.header_kom:hover {
 color: #666666;
 }
.text_kom {
 width: 710px;
 border: 1px solid #cccccc;
 border-radius:6px;
 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:#000;
  background: #fff;
    display:block;
    font-size:24px;
    line-height:1.0;
    outline:0;
    padding:10px;
    text-decoration:none;
    position:relative;
    cursor: pointer;
 height: auto;
 border-radius:6px;
}
.hide + label:hover{
    color:#fff;
  background: #1a1a1a;
  background: -moz-linear-gradient(top, #1a1a1a 0%, #242424 23%, #3d3d3d 82%, #444 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1a1a), color-stop(23%, #242424), color-stop(82%, #3d3d3d), color-stop(100%, #444));
  background: -webkit-linear-gradient(top, #1a1a1a 0%, #242424 23%, #3d3d3d 82%, #444 100%);
  background: -o-linear-gradient(top, #1a1a1a 0%, #242424 23%, #3d3d3d 82%, #444 100%);
  background: -ms-linear-gradient(top, #1a1a1a 0%, #242424 23%, #3d3d3d 82%, #444 100%);
  background: linear-gradient(to bottom, #1a1a1a 0%, #242424 23%, #3d3d3d 82%, #444 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#444', GradientType=0);
}
/* ??? ?????? label ??? ???????? ????????????? */
.hide:checked + label {
    color:#000;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #e4e4e4 23%, #e7e7e7 82%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(23%, #e4e4e4), color-stop(82%, #e7e7e7), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #e4e4e4 23%, #e7e7e7 82%, #eaeaea 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #e4e4e4 23%, #e7e7e7 82%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #e4e4e4 23%, #e7e7e7 82%, #eaeaea 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #e4e4e4 23%, #e7e7e7 82%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eaeaea', GradientType=0);
 border: 1px solid #cccccc;
}
.hide:checked + label:hover{
    color:#fff;
  background: #1a1a1a;
 border: 1px solid #cccccc;
}
/* ????? ??????? ??????? ?????????? ????? ? ???????????  */
.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;
 }
.hide + label{
    font-size:16px;
}
}

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

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