/*----------------------------
	Color Bars
-----------------------------*/


#bars{
	height: 212px;
	margin: 0 auto;
	position: relative;
	width: 220px;
}



/*----------------------------
	top  tekerő helye
	left tekerő helye
-----------------------------*/
#control{
	width:90px;
	height:90px;
	position:absolute;
	top:35%;
	left:33%;
	margin:-45px 0 0 -45px;
}



/*----------------------------
	width  színes csíkok hossza
	height szines csikok szélessége
-----------------------------*/
.colorBar{
	width:15px; 
	height:6px; 
	position:absolute;
	opacity:0;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}

.colorBar.active{
	opacity:1;
}