.gallery .control-operator:target ~ .controls .control-button {
 color: #ccc;
 color: rgba(255, 255, 255, 0.4);
}
 .gallery .control-button:first-of-type, 
 .items-2 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), 
 .items-2 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), 
 .items-3 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), 
 .items-3 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), 
 .items-3 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), 
 .items-4 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), 
 .items-4 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), 
 .items-4 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), 
 .items-4 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), 
 .items-5 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), 
 .items-5 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), 
 .items-5 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), 
 .items-5 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), 
 .items-5 .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
 color: white;
 color: rgba(255, 255, 255, 0.8);
}
.gallery .item:first-of-type {
	position: static;
	opacity: 1;
}
.gallery .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.5s;
}
.gallery .control-operator {
	display: none;
}
.gallery .control-operator:target ~ .item {
 pointer-events: none;
 opacity: 0;
 -webkit-animation: none;
}
.gallery .control-operator:target ~ .controls .control-button {
 -webkit-animation: none;
}

/*------------------------------------------------*/

.items-3.autoplay .control-button {
	-webkit-animation: controlAnimation-3 21s infinite;
}
.items-3.autoplay .item {
	-webkit-animation: galleryAnimation-3 21s infinite;
}
.items-3 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
 pointer-events: auto;
 opacity: 1;
}
.items-3 .control-button:nth-of-type(1), .items-3 .item:nth-of-type(1) {
	-webkit-animation-delay: -2s;
}
.items-3 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
 pointer-events: auto;
 opacity: 1;
}
.items-3 .control-button:nth-of-type(2), .items-3 .item:nth-of-type(2) {
	-webkit-animation-delay: 5s;
}
.items-3 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
 pointer-events: auto;
 opacity: 1;
}
.items-3 .control-button:nth-of-type(3), .items-3 .item:nth-of-type(3) {
	-webkit-animation-delay: 12s;
}
 

/*
	Theme controls how everything looks in Gallery CSS.
*/
.gallery {
	position: relative;
    top: 0px;
    z-index: 1;
}

.gallery.obras {
    top: 0px;
}

.gallery.novedades {
    top: 0;
}

.gallery.promos {
    top: 348px;
}

.gallery .item {
	overflow: hidden;
}


.gallery .item img {
	float:left;
	margin-right:20px;
}

.gallery .controls {
	background: none;
    margin-left: 0;
    position: absolute;
    right: 1%;
    text-align: center;
    top: 90px;
    width: 20px;
    z-index: 99999;
}

.gallery .controls.obras {
    top: 230px;
}

.gallery .controls.promos {
    top: 10px;
}

.gallery .controls.novedades {
    top: 315px;
}

.gallery .control-button {
	display: inline-block;
	margin: 0em;
	height:22px;
	font-size: 2em;
	color: #ccc;
	color: rgba(255, 255, 255, 0.4);
	text-align: center;
	text-decoration: none;
	transition: color 0.1s;
}
.gallery .control-button:hover {
	color: white;
	color: rgba(255, 255, 255, 0.8);
}

/*------------------------------------------------*/

.gallery .ribbon {
	position: absolute;
	display: inline-block;
	z-index: 3;
	top: 0;
	right: 0;
	width: auto;
}
.gallery .item {
	height: 100%;
	text-rendering: optimizeLegibility;
}
.gallery .introduction {
	background: #4D87E2;
	text-align: center;
}
.gallery .custom-controls {
	background: #73C16F;
}
.gallery .animations {
	/*background: url("http://benschwarz.github.io/gallery-css/css/../images/background.jpg") no-repeat;*/
	background-size: cover;
}

.gallery .item:first-of-type {
	position: absolute;
}