.top{
	font-family: Arial;
	/*box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.7);*/
	background: rgba(255, 255, 255, 0.5);
	text-align: justify;
	line-height: 23px;
	
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
 
 .ac-container{
     width: 700px;
     margin: 10px auto 30px auto;
     text-align: left;
 }
 .ac-container label{
     font-family: Arial;
     padding: 5px 20px;
     position: relative;
     z-index: 20;
     display: block;
     height: 30px;
     cursor: pointer;
	 
	 font-weight:bold;
	 color:#475200;
	
     text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
     line-height: 33px;
     font-size: 17px;
     background: #c3cb92;
     background: -moz-linear-gradient(top, #c3cb92 1%, #eaeaea 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c3cb92), color-stop(100%,#eaeaea));
     background: -webkit-linear-gradient(top, #c3cb92 1%,#eaeaea 100%);
     background: -o-linear-gradient(top, #c3cb92 1%,#eaeaea 100%);
     background: -ms-linear-gradient(top, #c3cb92 1%,#eaeaea 100%);
     background: linear-gradient(top, #c3cb92 1%,#eaeaea 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3cb92', endColorstr='#eaeaea',GradientType=0 );
     box-shadow:
         0px 0px 0px 1px rgba(70,70,70,0.3),
         0px 3px 3px rgba(0,0,0,0.1);
 }
 .ac-container label:hover{
     background: #c3cb92;
 }
 .ac-container input:checked + label,
 .ac-container input:checked + label:hover{
     background: #b8c17e;
     color: #475200;
	 font-weight:normal;
	 font-family:Arial;
	 font-size: 15px;
	 
	 display: none;
	 
     text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
     box-shadow:
         0px 0px 0px 1px rgba(155,155,155,0.3),
         0px 2px 2px rgba(0,0,0,0.1);
 }
 .ac-container label:hover:after,
 .ac-container input:checked + label:hover:after{
     content: '';
     position: absolute;
     width: 24px;
     height: 24px;
     right: 13px;
     top: 7px;
     background: transparent url(../images/lenyilo/down.png) no-repeat center center;    
 }
 .ac-container input:checked + label:hover:after{
     background-image: url(../images/lenyilo/up.png);
 }
 .ac-container input{
     display: none;
 }
 .ac-container article{
     background: rgba(255, 255, 255, 0.5);
     margin-top: -1px;
     overflow: hidden;
     height: 0px;
     position: relative;
     z-index: 10;
     -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
     -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
     -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
     -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
     transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 }
 .ac-container article p{
     color: #333;
     line-height: 23px;
     font-size: 14px;
     padding: 20px;
	 text-align: justify;
     /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
 }
 .ac-container input:checked ~ article{
     -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
     -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
     -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
     -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
     transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
     /*box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.7);*/
	 
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
 }
 .ac-container input:checked ~ article.ac-small{
     height: 140px;
 }
 .ac-container input:checked ~ article.ac-medium{
     height: 180px;
 }
 .ac-container input:checked ~ article.ac-large{
     height: auto;
 }