@charset "utf-8";
/* CSS Document */
@import url(common.css);


.page1 .grid-pad {
  margin-top: 30px;
}

#btn1p2  {
  left:300px;
}

.grid-box  {
  height: 470px;
  margin: 17px 0 0 0;  
}

button#btn2p2 {
  position: absolute;
  top: 210px;
  left: 520px;
}

.left {
  top: 30px !important;
  left: 30px !important;
}

.textp1 {
  position: absolute;
  top: 155px;
  left: 200px;
  z-index: 10;
  width: 80%;
  height: 370px;
  border: 3px dashed;
  border-radius: 10px;
  border-color: #f7b040;
  padding: 3px 0 0 7px;
  margin: 0 0 0 0;
}

.imgp3 {
    width: 60% !important;
}

.buttonsp4 button {
  width: 250px; 
  margin: 20px 0 0 0; 
}

.buttonsp4 {
  width: 300px;
  margin: 120px 0 0 10px;  
}


.textp4 {
  position: absolute;
  top: 45px;
  left: 311px;
  z-index: 10;
  width: 71%;
  height: 394px;
  border: 3px dashed;
  border-radius: 10px;
  border-color: #f7b040;
  padding: 3px 0 0 27px;
  margin: 0 0 0 0;
}

 

.buttonsp4  {
 width: 100%;
  margin: 0 0 20px 10px;
}


.buttonsp41  {
  width: 300px;
  margin: 120px 0 20px 10px;
}

.buttonsp41  button {
  width: 250px;
  margin-top:30px;
  z-index: 20;
}

.buttonsp41 button:hover {
  width: 290px;
}

.section2-p4 {
  overflow-y: scroll;
  height: 380px;
}

button#btn6p4 {
  display: block;
  left: 290px;
}

.img-f {
    width: 50% !important;
  display: block;
  margin: 0 auto;
    margin-top: 20px;
  margin-bottom: 20px;
}


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



/*popup img*/

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