.ff-container{
	margin: 7px 0 30px 30px;
	float: left;
	position: relative;
	left: 35px;
}
.ff-container label{
	font-family: "open_sansbold", sans-serif;
	font-size: 14px;
	text-align: center;
	width: 140px;
	padding-top: 55px;
	height: 140px;
	cursor: pointer;
	color: #FFF;
	background: url(../images/circle_big_R.png) no-repeat center top;
	display: block;
	float: left;
	border: none;
}
.ff-container label.up{padding-top: 60px;}
.ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1,
.ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2,
.ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3,
.ff-container input.ff-selector-type-4:checked ~ label.ff-label-type-4,
.ff-container input.ff-selector-type-5:checked ~ label.ff-label-type-5,
.ff-container input.ff-selector-type-6:checked ~ label.ff-label-type-6,
.ff-container input.ff-selector-type-7:checked ~ label.ff-label-type-7,
.ff-container input.ff-selector-type-8:checked ~ label.ff-label-type-8{
	width: 140px;
	height: 140px;
	background: url(../images/circle_big.png) no-repeat center top;
	display: block;
	color: #FFF;
}
.ff-container input{
	display: none;
}
.capo {display: block; clear: both;}
.ff-items{
	margin-top: -185px;
	padding-left: 80px;
}

.ff-items a{
	display: block;
	position: relative;
	padding: 10px 0 10px 0;
	background: #e5e5e5;
	width: 200px;
	height: 14px;
}
.ff-items a span{
	display: block;
	color: #000;
	font-weight: bold;
	width: 200px;
	height: 22px;
	opacity: 1;
	text-align: center;
}

.ff-items li{
	float: left;
	width: 200px;
	border-top: 1px #000 solid;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items .ff-item-type-1,
.ff-container input.ff-selector-type-2:checked ~ .ff-items .ff-item-type-2,
.ff-container input.ff-selector-type-3:checked ~ .ff-items .ff-item-type-3,
.ff-container input.ff-selector-type-4:checked ~ .ff-items .ff-item-type-4,
.ff-container input.ff-selector-type-5:checked ~ .ff-items .ff-item-type-5,
.ff-container input.ff-selector-type-6:checked ~ .ff-items .ff-item-type-6,
.ff-container input.ff-selector-type-7:checked ~ .ff-items .ff-item-type-7,
.ff-container input.ff-selector-type-8:checked ~ .ff-items .ff-item-type-8{
	opacity: 1;
}

.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1),
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2),
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3),
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4),
.ff-container input.ff-selector-type-5:checked ~ .ff-items li:not(.ff-item-type-5),
.ff-container input.ff-selector-type-6:checked ~ .ff-items li:not(.ff-item-type-6),
.ff-container input.ff-selector-type-7:checked ~ .ff-items li:not(.ff-item-type-7),
.ff-container input.ff-selector-type-8:checked ~ .ff-items li:not(.ff-item-type-8){
	opacity: 0.3;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1) span,
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2) span,
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) span,
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4) span,
.ff-container input.ff-selector-type-5:checked ~ .ff-items li:not(.ff-item-type-5) span,
.ff-container input.ff-selector-type-6:checked ~ .ff-items li:not(.ff-item-type-6) span,
.ff-container input.ff-selector-type-7:checked ~ .ff-items li:not(.ff-item-type-7) span,
.ff-container input.ff-selector-type-8:checked ~ .ff-items li:not(.ff-item-type-8) span{
	opacity: 0.5;
}