.wrap_fotos {
    top: 220px;
	right: 90px;
    width: 25%;
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-flow: column;
	-webkit-flex-flow: column;
            flex-flow: column;
    z-index: 2000;
}

.wrap_fotos .ver_video {
    position: relative;
	display: none;
    -webkit-align-items: center;
    align-items: center;
}

.altura1 {

}

.altura2 {
    margin: 25px 0;
}

.altura3 {

}

.slideshow_grupos, .fotofija {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 7px 7px 12px 0 rgba(0, 0, 0, 0.5) inset;
    height: 220px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/*
.fotofija li span {
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(../img/fotofija2.jpg);
    background-position: center 50%;
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5) inset;
    color: rgba(0, 0, 0, 0);
    height: 220px;
    opacity: 1;
    position: absolute;
    width: 100%;
}*/

object {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fotofija li div {
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5) inset;
    height: 100%;
    width: 100%;
}

.slideshow_grupos li span {
    animation: 12s linear 0s normal none infinite imageAnimationGrups;
    -webkit-animation: 12s linear 0s normal none infinite imageAnimationGrups;
    -webkit-background-size: cover;
    background-size: cover;
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5) inset, 10px 10px 20px 2px rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0);
    height: 220px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    width: 100%;
	border-radius: 15px;
}

.slideshow_grupos li:nth-child(1) span {
    animation-delay: 4.2s;
    -webkit-animation-delay: 4.2s;
    background-image: url(../img/gresitesfix2.jpg);
    background-position: center 40%;
}

.slideshow_grupos li:nth-child(2) span {
    animation-delay: 10.2s;
    -webkit-animation-delay: 10.2s;
    background-image: url(../img/gresitesbroke2.jpg);
    background-position: center  40%;
}

.altura3 li:nth-child(1) span {
    animation-delay: 4.2s;
    -webkit-animation-delay: 4.2s;
    background-image: url(../img/baldosasfix2.jpg);
}
.altura3 li:nth-child(2) span {
    animation-delay: 10.2s;
    -webkit-animation-delay: 10.2s;
    background-image: url(../img/baldosasbroke2.jpg);
}

.slideshow_grupos li:nth-child(3) span {
    animation: none;
    -webkit-animation:none;
	/*background-color: rgba(0,0,0,0.5);*/
    background-image: url(../img/play_ico.png);
    -webkit-background-size: 50px;
    background-size: 50px;
    background-position: 95% 95%;
    background-repeat: no-repeat;
	opacity: 1;
	z-index: 3;
	display: none;
}

.fotofija .videowebtube{
    border-radius: 15px;
	float: none;
	margin: 0;
	padding: 0;
	display: inherit;
}

@keyframes imageAnimationGrups {
0% {
    animation-timing-function: ease-in;
    bottom: 100%;
    opacity: 1;
	z-index:2;
}
15% {
    animation-timing-function: ease-in;
    bottom: 0;
}
49.9% {
	z-index:2;
}

50% {
    animation-timing-function: ease-in;
    bottom: 0;
	z-index:1;
	opacity: 1;
}

75% {
    animation-timing-function: ease-in;
    bottom:0;
	opacity: 0;
}

90% {
    animation-timing-function: ease-in;
    bottom: 100%;
}

99.9% {
	z-index: 1;
}

100% {
    bottom: 100%;
	z-index: 2;
    opacity: 0;
}
}

@-o-keyframes imageAnimationGrups {
0% {
    animation-timing-function: ease-in;
    bottom: 100%;
    opacity: 1;
	z-index:2;
}
15% {
    animation-timing-function: ease-in;
    bottom: 0;
}
49.9% {
	z-index:2;
}

50% {
    animation-timing-function: ease-in;
    bottom: 0;
	z-index:1;
	opacity: 1;
}

75% {
    animation-timing-function: ease-in;
    bottom:0;
	opacity: 0;
}

90% {
    animation-timing-function: ease-in;
    bottom: 100%;
}

99.9% {
	z-index: 1;
}

100% {
    bottom: 100%;
	z-index: 2;
    opacity: 0;
}
}


@-moz-keyframes imageAnimationGrups {
0% {
    animation-timing-function: ease-in;
    bottom: 100%;
    opacity: 1;
	z-index:2;
}
15% {
    animation-timing-function: ease-in;
    bottom: 0;
}
49.9% {
	z-index:2;
}

50% {
    animation-timing-function: ease-in;
    bottom: 0;
	z-index:1;
	opacity: 1;
}

75% {
    animation-timing-function: ease-in;
    bottom:0;
	opacity: 0;
}

90% {
    animation-timing-function: ease-in;
    bottom: 100%;
}

99.9% {
	z-index: 1;
}

100% {
    bottom: 100%;
	z-index: 2;
    opacity: 0;
}
}

@-webkit-keyframes imageAnimationGrups {
0% {
    animation-timing-function: ease-in;
    bottom: 100%;
    opacity: 1;
	z-index:2;
}
15% {
    animation-timing-function: ease-in;
    bottom: 0;
}
49.9% {
	z-index:2;
}

50% {
    animation-timing-function: ease-in;
    bottom: 0;
	z-index:1;
	opacity: 1;
}

75% {
    animation-timing-function: ease-in;
    bottom:0;
	opacity: 0;
}

90% {
    animation-timing-function: ease-in;
    bottom: 100%;
}

99.9% {
	z-index: 1;
}

100% {
    bottom: 100%;
	z-index: 2;
    opacity: 0;
}
}