div.CSS-Opciones {
	background: transparent;
	font-size: 20px;
	z-index: 7200;
	color: #fff;
	width:100%;
	text-align:center;
}

/* Barra opciones */
.CSS-Opciones > span {
	z-index: 6900;
	background: #888;
	border-radius:10px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.CSS-Opciones > span::after,
.CSS-Opciones.cs-active > span::after {
	content: '+';
}



.CSS-Opciones .cs-options {
	z-index:7000;
	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:200%;
	padding:0;
	margin:0;
	background:#000;
}


.CSS-Opciones .cs-options > ul {
	position: absolute;
	top: 10px;
	left: 50px;
	width: 100%;
	height:100%;
}

.CSS-Opciones .cs-optgroup {
	width: 50%;
	padding: 0 100px;
	float: left;
	text-align:left;
}

@media screen and (max-width: 30em) {
	.CSS-Opciones .cs-optgroup { width: 100%; float: none; }
}

/* Nombre titulo */
.CSS-Opciones .cs-optgroup > span {
	font-size: 222%;
	letter-spacing: 1px;
	color: #fff;
	display:block;
}
.CSS-Opciones .cs-optgroup > span:before {
	font-size:30%;
	display:block;
	content:'Selecciona o ESC para volver';}

.CSS-Opciones li.cs-optgroup ul span {
	padding: 0.2em 0;
}


.CSS-Opciones li.cs-optgroup li span:hover,
.CSS-Opciones li.cs-focus span,
.CSS-Opciones li.CSS-Selected span {
	color: #f00;
	background: transparent;
}