.ac-container{
	width: 540px;
	margin: 10px auto 30px auto;
	text-align: left;
	float:left;
	border:thin #CCC;
}
.ac-container label{
	font-family: 'Dosis', sans serif;
	text-transform: uppercase;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #F9F9F9;
	line-height: 33px;
	font-size: 20px;
	background: rgb(30,30,30); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(0,0,0,1) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(77%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(0,0,0,1) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(0,0,0,1) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(0,0,0,1) 77%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(30,30,30,1) 0%,rgba(0,0,0,1) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.ac-container label:hover{
	background: rgb(38,38,38); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(17,17,17,1) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,38,38,1)), color-stop(77%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(17,17,17,1) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(17,17,17,1) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(17,17,17,1) 77%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(38,38,38,1) 0%,rgba(17,17,17,1) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: rgb(156,87,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(156,87,191,1) 0%, rgba(87,27,126,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,87,191,1)), color-stop(100%,rgba(87,27,126,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(156,87,191,1) 0%,rgba(87,27,126,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(156,87,191,1) 0%,rgba(87,27,126,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(156,87,191,1) 0%,rgba(87,27,126,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(156,87,191,1) 0%,rgba(87,27,126,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c57bf', endColorstr='#571b7e',GradientType=0 ); /* IE6-9 */
	color: #FFF;
}
.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/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgb(30,30,30); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(0,0,0,1) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(77%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(0,0,0,1) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(0,0,0,1) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(0,0,0,1) 77%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(30,30,30,1) 0%,rgba(0,0,0,1) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	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: #F9F9F9;
	line-height: 20px;
	font-size: 18px;
	text-align:justify;
	padding: 10px 20px 5px 20px;
	
}
.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: -webkit-box-shadow: 0px 0px 30px 5px rgba(255, 255, 255, .1); box-shadow: 0px 0px 30px 5px rgba(255, 255, 255, .1);
}
.ac-container input:checked ~ article.ac-small{
	height: 120px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 160px;
}
.ac-container input:checked ~ article.ac-large{
	height: 200px;
}