#carreYL{
	position: absolute;
	top:  50px;/*128px without boostrap*/
	left: 50%;
	width:  10px;
	height: 10px;
	background: #FFFF00;
}
#carreBL{
	position: absolute;
	top:  62px;
	left: 50%;
	width:  10px;
	height: 10px;
	background: #00FFFF;
}
#carreRL{
	position: absolute;
	top:  74px;
	left: 50%;
	width:  10px;
	height: 10px;
	background: #FF00FF;
}
#carreBlackL{
	position: absolute;
	top:  86px;
	left: 50%;
	width:  10px;
	height: 10px;
	background: #000000;
}
#carreYR{
	position: absolute;
	top:  50px;/*128px without boostrap*/
	left: 50%;
	width:  10px;
	height: 10px;
	background: #FFFF00;
}
#carreBR{
	position: absolute;
	top:  62px;
	left: 50%;
	width:  10px;
	height: 10px;
	background: #00FFFF;
}
#carreRR{
	position: absolute;
	top:  74px;
	left: 50%;
	width:  10px;
	height: 10px;
	background: #FF00FF;
}
#carreBlackR{
	position: absolute;
	top:  86px;
	left: 50%;
	width:  10px;
	height: 10px;
	background: #000000;
}

#carreYSmall{
	height: 2px;
	background: #FFFF00;
	box-sizing : border-box;
}
#carreBSmall{
	height: 2px;
	background: #00FFFF;
	box-sizing : border-box;
}
#carreRSmall{
	height: 2px;
	background: #FF00FF;
	box-sizing : border-box;
}

#gradY{
	background: linear-gradient(to right, #FFFF00, transparent);
}
#gradB{
	background: linear-gradient(to right, #00FFFF, transparent);
}
#gradR{
	background: linear-gradient(to right, #FF00FF, transparent);
}
#gradBlack{
	background: linear-gradient(to right, #999999, transparent);
}
#gradMulti{
	background: linear-gradient(to right, #FFFF00, #00FFFF, #FF00FF, #000000, transparent);
}