.gallery .images {
    float: left;
    height: 0;
    max-width: 600px;
    padding-bottom: 60%;
    position: relative;
    width: 100%;
}
.gallery .images>div,.gallery .images>span{
	display: block;
    position: absolute;
    width: 600px;
    height: 914px;
}
.gallery .images>div{
	opacity:0;
	background: 0 0 no-repeat;
	background-size:cover;
	-webkit-transition:all .88s ease;
	transition:all .88s ease
}
.gallery .images>div.active{opacity:1}
.gallery .images>span{cursor:pointer;width:50px;color:#fff;text-shadow:0 0 5px #000;font-size:50px;height:100%;line-height:44px}
.gallery .images>span.right{left:100%;margin-left:-38px}
.gallery .images>span.left{padding-left:10px}
.gallery .images>span:before{margin-top:-25px;top:50%;position:absolute;bottom:0}
.gallery .images>span.left:before{content:"\00AB"}
.gallery .images>span.right:before{content:"\00BB"}

.gallery .thumbs{cursor:pointer}
.gallery .thumbs div{
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0 / cover ;
    border: 3px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 500px;
    margin: 4px;
    position: relative;
    width: 300px;
	-webkit-transition:all .88s ease;
	transition:all .88s ease
}
@media (max-width:768px){
	.gallery .thumbs>div{width:65px;height:65px}
}
.gallery .thumbs div:before{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 0 5px 5px;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
	-webkit-transition:all .88s ease;
	transition:all .88s ease}

	@media (max-width:768px){.gallery .thumbs>div:before{left:25px}}

.gallery .thumbs #dgrafico  div.active {
    opacity: 1;
}

.gallery .thumbs #dgrafico  div {
    opacity: 0.5;
}

.gallery #redes_grande.images > div,.gallery #redes_grande.images>span {
    height: 1039px;
    width: 578px;
}

.gallery .thumbs .redes_min div {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0 / cover ;
    border: 0px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 191px;
    margin: 0px;
    position: relative;
    transition: all 0.88s ease 0s;
    width: 274px;
}

.gallery #redes_grande.images {
    max-width: 578px;
    padding-bottom: 90%;
}