/*****************************/

[class*=col-] [data-img-zoom] { width:100%; }
[data-img-zoom]{
    border:6px solid #fff;
    display:block;
    box-shadow:3px 3px 10px rgba(0,0,0,0.6);  
    position:relative;    
    overflow:hidden;
}
[data-img-zoom] img{display:block; width:100%;}
.zoomImg{
    position:absolute;
    bottom:0;
    right:0;
    background-image: url('../../../common/img/lupa.png');
    height:25px;
    width:25px;
    background-size:contain;
}
.zoomImg:hover{ transform: scale(1.3); transform-origin:100% 100%;}
[data-img-zoom] .stack{
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    text-shadow:1px 2px #000;
    font-size:12px;
    padding:3px 25px 3px 5px;
    width:100%;
    word-break: break-all;
    -webkit-transition: bottom ease 0.5s;
    -moz-transition: bottom ease 0.5s;
    transition: bottom ease 0.5s;
    display:block;
}
[data-img-zoom].no-style { border: none; box-shadow: none; }
[data-img-zoom]:hover .stack {bottom:0 !important;}
[data-img-zoom] .stack:hover {bottom:0 !important;}


.selected{background-color:whitesmoke;color:#333;}

/*********************************************/


.cont{
    height: 500px;
}

.cont .border{
    overflow-y:auto;
    padding:20px 40px;
}

.defi{
    border:2px solid #000;
    padding:10px;
    position: absolute;
    color:#454647;
    top: 220px;
    width: 170px;
    margin-left: 20px;
    width: 170px;
    height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    display: none;
}

.df2{
    left: 220px;
}

.df3{
    left: 400px;
}

.df4{
    left: 580px;
}

.df5{
    left:760px;
}

.df6{
    left: 940px;
}