
/*********************************
 ACTIVIDAD 2 - PARTE 6 - JUEGO "TE RETO"
*********************************/

div[data-sg-id="game-challenge"]{
    background: url(../img/resumen/SB_M_G11_U03_L06-53.png) no-repeat 70px 40px,
                url(../img/resumen/SB_M_G11_U03_L06-57.png)no-repeat 370px 240px;
    position: absolute;
    width: 1230px;
    height: 640px;
    top: 11px;
}
/* PopUp con Instrucciones*/
div[data-sg-id="item-popup"][data-sg-key="ins"] div.instructions{
    background: url(../img/resumen/M_G11_U04_L05__act2_pest6_instrucciones.png) no-repeat center center;
    width: 798px;
    height: 416px;
    font-size: 1.5em;
}
div[data-sg-id="item-popup"][data-sg-key="ins"] p{
    position: absolute;
    font-size: 1.2em;
    top: 130px;
    left: 230px;
    color: white;
}
/*
div[data-sg-id="item-popup"][data-sg-key="1"] p:nth-child(2),
div[data-sg-id="item-popup"][data-sg-key="1"] p:nth-child(3){
    margin: 95px -17px 28px 65px;
    text-align: left;
    font-size: 1.5em;
}
div[data-sg-id="item-popup"][data-sg-key="1"] p:nth-child(3){
    margin-top: 0; 
}*/
div[data-sg-id="btn-init"]{
    background: url(../img/resumen/M_G11_U04_L05__act2_pest6_btn_inicio.png) no-repeat -5px center;  
    cursor: pointer;
    width:297px;
    height: 95px;
    position: relative;
    top: -80px;
    left: 323px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
div[data-sg-id="btn-init"]:hover, 
div[data-sg-id="btn-init"]:active {
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
}
div[data-sg-id="popupBg"]{
    opacity: 0.6;
}

/*Preguntas*/
/*div.board-quest{
    font-family: Tahoma, Geneva, sans-serif;
    display: inline-block;
    position: relative;
    color: #666666;
    margin-top: 0;
    top: 10px;
    left: 257px;
    width: 750px;
    height: 390px;
}*/
div[data-sg-id="game-item-quest"]{
    margin-bottom: 20px;
    height: 160px;
    position: absolute;
    top: 30px;
    left: 260px;
}
div[data-sg-id="game-item-quest"] p{
    position: absolute;
}
div[data-sg-id="game-item-quest"] p:nth-child(1){
    font-size: 3.5em;
    width: 1080px;
    top: -20px;
    left: -110px;
}


div[data-sg-id="game-item-quest"] p:nth-child(2){
    top: 80px;
    left: 560px;
}

div[data-sg-id="game-item-quest"] p:nth-child(3){
    top: 238px;
    left: 560px;
}

div[data-sg-id="game-item-quest"] p:nth-child(4){
    top: 390px;
    left: 560px;
}

div[data-sg-id="game-item-quest"]{
    counter-reset: abcd;
}

/* AYUDAS */
.helps > div{
    display: none;
}

/* OPCIONES */
.item_cont{
    position: absolute;
    top: 248px;
    left: 378px;
    width: 560px;
    height: 500px;
}

.options{
    display: block;
    position: relative;
    background: none;
    font-size: 1.5em;
    color: white;
    padding: 0;
    width: 439px;
    height: 45px;
    border-radius: 20px;
    margin: 0px 0px 11px 0px;
    cursor: pointer;
    border: none;
}

#countdown360_chronometer{
    display: none;
}

.icon_close_button{
    position: absolute;
    right: -17px;
    top: -20px;
}
/*div[data-sg-id="item-popup"] p{
    padding: 60px 140px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1.6em;
    line-height: 1.2em;
    text-align: center;
    color: white;
}*/

div[data-sg-id="item-popup"][data-sg-key="2"],
div[data-sg-id="item-popup"][data-sg-key="3"],
div[data-sg-id="item-popup"][data-sg-key="4"],
.popup-ask-public{
    background: #E7662B;
    border-radius: 50px;
    width: 798px;
    height: 236px;
}
div[data-sg-id="item-popup"][data-sg-key="3"] p{
    padding:  33px 70px;
}
div[data-sg-id="item-popup"][data-sg-key="4"] p{
    padding:  30px 140px;
}


.error-option{
    pointer-events:none;
    color: #888888 !important;
}
.correct-option{
}
.select-option{ background: #666666;} 

.arrow-next{
    position: absolute;
    background: url(../img/resumen/SB_M_G11_U03_L06-55.png) no-repeat left center;
    cursor: pointer;
    width:63px;
    height: 63px;
    top: 288px;
    right: 4px;
}


.standby{
    -moz-animation: blink 1s ease infinite normal;
    -webkit-animation: blink 1s ease infinite normal;
    animation: blink 1s ease infinite normal;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes blink{
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

@-moz-keyframes blink{
    0% { opacity: 1;}
    50% { opacity: 0.5;}
    100% { opacity: 1;}
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}