@import url(common.css);

[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;}

.btnEjercicio
{
    position: absolute;
    top: 20px;
    right: 10px;
}

.cont1{
    padding:10px;
    border-radius: 10px;
    height: 480px;
    margin-top: 65px;
}

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

.cont2{
    height: 450px;
    margin-top: 50px;
    padding:80px 70px 0 50px;
}

.btnEjs{
    margin-right: 20px;
}

.btnEjs:active{
    margin:0 20px -1px 0;
}

.a_h{
    bottom: 20px !important;
}

.v_h{
    bottom: 20px !important;
}

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