input {
background-color: #FFFFFF;
color:#43727E;
font-weight: bold;
font-size:12px;
margin:3px;
}

samp {
text-align:left;
font-size:16px;
font-weight: bold;
font-style:oblique;
color:#FFFFFF;
}

.gradiend_accordeon {
    color: #fff;
	background:#70204c;
background:-moz-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bd5094),color-stop(100%,#70204c));
background:-webkit-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-o-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-ms-linear-gradient(top,#bd5094 0,#70204c 100%);
background:linear-gradient(top,#bd5094 0,#70204c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd5094',endColorstr='#70204c',GradientType=0);
	-webkit-box-shadow: 1px 1px 5px #777;
    -moz-box-shadow: 1px 1px 5px #777;
    box-shadow: 1px 1px 5px #777;
	text-shadow: 1px 1px 1px #000;
}

.radios input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
label {
    display: block;
    position: relative;
    margin: 0px 0px 10px 0;
    padding: 10px;
    font-family: Verdana;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;	
	color: #fff;
	border: 1px solid #ccc;
	background: #67A2B1; /* Old browsers */
	background: -moz-linear-gradient(top,  #67A2B1 0%, #43727E 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67A2B1), color-stop(100%,#43727E)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #67A2B1 0%,#43727E 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #67A2B1 0%,#43727E 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #67A2B1 0%,#43727E 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #67A2B1 0%,#43727E 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67A2B1', endColorstr='#43727E',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 1px 1px 5px #777;
    -moz-box-shadow: 1px 1px 5px #777;
    box-shadow: 1px 1px 5px #777;
	text-shadow: 1px 1px 1px #000;
}
label:after {
    content: '';
position: absolute;
top: 15px;
right: 12px;
border-width: 6px;
border-color: #fff transparent transparent;
border-style: solid;
}
.block {
    position: relative;
}
.block-content {
    height: 0;
}
.block-content * {
    opacity: 0;
    height: 0;
    margin: 1px;
}
input[type="radio"]:checked ~ label {
background:#bd5094;
background:-moz-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bd5094),color-stop(100%,#70204c));
background:-webkit-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-o-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-ms-linear-gradient(top,#bd5094 0,#70204c 100%);
background:linear-gradient(top,#bd5094 0,#70204c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd5094',endColorstr='#70204c',GradientType=0);
}

input[type="radio"]:checked ~ label:after {
    top: 9px;
    border-color: transparent transparent #fff;
}

input[type="radio"]:checked ~ label ~ .block-content {
    height: auto;
    padding: 0px 1px 5px 1px;
}
input[type="radio"]:checked ~ label ~ .block-content * {
    height: auto;
    opacity: 1;
    transition: all 1s ease;
}


/*
     */
/*
*/