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

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

.btn1-ejercicio{
	  position: absolute;
  right: 0px;
  top: 50px;
}

.border{
	  height: 330px;
  overflow-y: auto;
}

.btntxts, .btntxts2{
	position: absolute;
	left: 510px;
	top: 130px;
	transition: top 0.5s;
	-webkit-transition: top 0.5s;
	-moz-transition: top 0.5s;
	-ms-transition: top 0.5s;
	-o-transition: top 0.5s;
}

.lineas{
	position: absolute;
	top: 297px;
  left: 226px;
  display: none;
}

.btnsTextos{
	position: absolute;
	display: none;
	z-index: 2;
}

.bt1{
    top: 390px;

    left: 130px;
}

.bt2{
    top: 390px;

    left: 460px;
}

.bt3{
    top: 390px;
	
    left: 837px;
}

.lineas2{
	position: absolute;
	top: 95px;
	left: 130px;
	display: none;
}

.bt4{
    top: 230px;
    
    left: 30px;
    width: 220px;
}

.bt5{
    top: 230px;
    
    left: 260px;
    width: 220px;
}

.bt6{
    top: 230px;
   
    left: 490px;
    width: 220px;
}

.bt7{
    top: 230px;
    
    left: 720px;
    width: 220px;
}

.bt8{
    top: 230px;
    
    left: 950px;
    width: 220px;
}

.btnsTextos2{
	position: absolute;
	display: none;
	z-index: 2;
}

.obras li{
	list-style-type: square;
}

#tab-container2 .panel-container
{
  background: #93b535 !important;
}

#tab-container2 .etabs .tab.active {
  background: #93b535 !important;
}

#tab-container2{
	margin:50px 0 0 0;
}

#tab-container2 .border{
	height: 430px; 
}

.btnnumbers{
	width: 80px;
    margin: 0 0 30px -1px;
    z-index: 2;
}

.btnnumbers:active{
	margin: 0 0 30px -1px;
}
/*
.btnsN{
	transition: margin-left ease 10s;
	-webkit-transition: all ease 10s;
	-moz-transition: margin-left ease 10s;
	-ms-transition: margin-left ease 10s;
	-o-transition: margin-left ease 10s;
}*/

.cajas{
	border: 3px dashed #e6af40;
	padding: 10px;
	position: absolute;
	top: 40px;
	left: 10px;
	color:#333333;
	display: none;
}

.cajas p{
	padding-top: 70px;
}


