@font-face {
    font-family: Nunito-Bold;
    src: url("../fonts/Nunito-Bold.ttf");
}

#botonera{
    bottom:3%;
}

.ggb_contenidoInterno{
    background:url("../img/bg_03.png") no-repeat;
    background-size:cover;
}

div [data-sg-id="item-page"]{
    height: 83%;
    width: 97%;
    position:absolute;
}

.frame{
    width:100%;
}


.popup{
    height: 83%;
    width: 97%;
    position:absolute;
    z-index:3;
    display:none;
    background:rgba(0, 0, 0, 0.75);
    border-radius:10px;
}

#popup_finished{
    display:block;
    width:100%;
    height:100%;
}

.popup img:first-of-type{
    height:95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:1.2%;
}

.btn_close{
    position:absolute;
    top:3%;
    left:73%;
    width:5%;
}

.btn_close:hover{
    cursor:pointer;
    width:5.2%;
}

.btn_close:active{
    transform:scaleY(0.8);
    -moz-transform:scaleY(0.8);
    -webkit-transform:scaleY(0.8);
    -ms-transform:scaleY(0.8); 
}

.answer{
    background:green;
    height:10%;
    width:30%;
    position:absolute;
    top:86%;
    border-radius:15px;
}

.answer:hover{
    cursor:pointer;
    height:11%;
    top:85.5%;
    opacity:0.85;
}

.answer p{
    color:white;
    text-align:center;
    vertical-align:middle;
    font-size:2.4em;
    padding:2%;
    margin:0;
}

.answer:first-of-type{
    left:5%;
}

.answer:last-of-type{
    left:65%;
}

#next{
    background: #64b238;
    right:5%;
    bottom:1.3%;
    background:;
    position:absolute;
    border-radius:10px;
    border-left:solid 2px #006633;
    width:7%;
    height:12%;
    text-align:center;
}

#next:hover{
    cursor:pointer;
    opacity:0.85;
    transform:scaleY(1.1);
}

#next:active{
    background: #006633;
    transform:scaleY(0.8);
}

#next i{
    color:white;
    font-size:4em;
    line-height:1.3em;
}