@import url("M_G06_U01_L03_03.css");
.cntNumeroPrimo {
    background-image: url(../img/numeroPrimo/cntNumeroPrimo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 622.5px;
    height: 442px;
    position: relative;
    margin: 4.5% auto 0 auto;
}

.cntNumeroDivisor {
    width: 275.5px;
    height: 95.6px;
    background: transparent;
    position: absolute;
}

.cntNumeroDivisor .clickCirculo {
    background-image: url(../img/click/clickCirculo2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 37.5px;
    height: 41.6px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 2;
}

.cntNumeroDivisor .numero {
    font-family: 'cabinbold';
    font-size: 42px;
    color: #FEFEFE;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    display: none;
}

.pantalla {
    background: url(../img/numeroPrimo/pantalla.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 725px;
    height: 515px;
    left: 50%;
    top: 58%;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.pantalla>div {
    background: transparent;
    width: 640px;
    height: 295px;
    position: absolute;
    left: 4.3%;
    top: 8.9%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 30px 5px 105px 37px;
}

.pantalla .texto {
    font-family: 'cabinregular';
    font-size: 55px;
    color: #d78360;
    display: none;
    white-space: nowrap;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.clickCirculo2 {
    background-image: url(../img/click/clickCirculo4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 34.6px;
    height: 38.3px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}