.hide, .hide + label ~ div {
    display: none; 
}
/*раскрывающийся текст*/
.hide + label,
.hide:checked + label {
    color:#fff;
	background-color:#0C3E02;
    display:block;
    font-size:21px;
    font-weight:bold;
    line-height:1.0;
    outline: 1px solid #fff; 
    padding:5px 20px 5px 20px;
    text-decoration:none;
    position:relative;
    cursor: pointer;
}
.hide + label,
.hide:checked + label a:hover{
    color:#fff;
	background-color:#1D6B0A;
    outline: 1px solid #fff; 
}
.hide + label:hover{
	background-color:#0C3E02;
}
/* ??? ?????? label ??? ???????? ????????????? */
.hide:checked + label {
    color: fff;
    border-bottom: 0;
}
/* ????? ??????? ??????? ?????????? ????? ? ???????????  */
.hide:checked + label + div {
    display: block; 
}
.hide1, .hide1 + label ~ div {
    display: none; 
}
/*раскрывающийся текст*/
.hide1 + label,
.hide1:checked + label {
    color:#0C3E02;
	background-color:#ddd;
    display:block;
    font-size:21px;
    font-weight:bold;
    line-height:1.0;
    outline:0;
    padding:5px 20px 5px 20px;
    text-decoration:none;
    position:relative;
    cursor: pointer;
    outline: 1px solid #fff; 
}
.temi{
    font-size:21px;
    padding:5px 20px 5px 20px;
}
.temi a{
	text-decoration:none;
}
.hide1 + label,
.hide1:checked + label a:hover{
    color:#0C3E02;
	background-color:#ddd;
    outline: 1px solid #fff; 
}
/* ??? ?????? label ??? ???????? ????????????? */
.hide1:checked + label {
    color: fff;
    border-bottom: 0;
}
/* ????? ??????? ??????? ?????????? ????? ? ???????????  */
.hide1:checked + label + div {
    display: block; 
}
.meny1 {
	text-align:center;
}
.meny1 img {width: 960px; height: 400px;}
.meny1 span.date1 {
	position: absolute;
	height: 359px;
	width: 919px;
	bottom: 0px;
	left: 112px;
	background: #000000;
	padding: 20px;
	color: #fff;
	background-color: rgba(1, 93, 21, 0.85);
	font-size: 21px;
	line-height: 33px;
	text-transform: uppercase;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 250ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-moz-transition: all 250ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-ms-transition: all 250ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-o-transition: all 250ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	transition: all 250ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
}
.meny1:hover span.date1 { width: 920px; height: 360px; bottom: 2px; left: 111px; opacity: 1;}


.exzam_exzam, .exzam_exzam + label ~ div {
    display: none; 
}
/*раскрывающийся текст*/
.exzam_exzam + label,
.exzam_exzam:checked + label {
    color:#1d6314;
    display:block;
    font-size:17px;
    font-weight:bold;
    line-height:1.0;
    outline:0;
    padding-left:0px;
    text-decoration:none;
    position:relative;
    cursor: pointer;
	text-transform: uppercase;
}
.exzam_exzam + label,
.exzam_exzam:checked + label a:hover{
    color:#1d6314;
}
/* ??? ?????? label ??? ???????? ????????????? */
.exzam_exzam:checked + label {
    color: fff;
    border-bottom: 0;
}
/* ????? ??????? ??????? ?????????? ????? ? ???????????  */
.exzam_exzam:checked + label + div {
    display: block; 
}
.meny {
    list-style:none;
	margin-bottom: max;
}
@media screen and (max-width: 1260px) {

.meny1 img {width: 720px; height: 300px;}
.meny1 span.date1 {
	margin: 2px -10px;
	height: 200px;
	width: 600px;
	font-size: 18px;
	line-height: 33px;
}
.meny1:hover span.date1 { width: 681px; height: 260px; bottom: 0px; left: 112px;}
}
@media screen and (max-width: 1010px) {
.meny1 img {width: 540px; height: 225px;}
.meny1 span.date1 {
	margin: 2px -21px;
	height: 150px;
	width: 400px;
	font-size: 12px;
	line-height: 18px;
}
.meny1:hover span.date1 { width: 500px; height: 185px;}
}
@media screen and (max-width: 750px) {
.meny1 img {width: 420px; height: 175px;}
.meny1 span.date1 {
	margin: 2px -97px;
	height: 120px;
	width: 360px;
	font-size: 12px;
	line-height: 18px;
}
.meny1:hover span.date1 { width: 381px; height: 136px;}
}
@media screen and (max-width: 470px) {
.meny1 img {width: 280px; height: 117px;}
.meny1 span.date1 {
	margin: 2px -112px;
	height: 60px;
	width: 200px;
	font-size: 10px;
	line-height: 14px;
}
.meny1:hover span.date1 { width: 240px; height: 77px;}
}