@import url("M_G06_U01_L02_03.css");
.nube {
    width: 392px;
    height: 235px;
}

.clickNube {
    background-image: url(../img/click/clickBtn3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 32px;
    height: 36px;
    position: absolute;
    left: 60%;
    top: 66%;
}

.fraccionNube {
    background-image: url(../img/fraccionNube.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 130px;
    height: 145px;
    position: absolute;
}

.numero {
    font-family: nueva std bold;
    font-size: 55px;
    color: #68a7de;
    font-weight: bolder;
    position: absolute;
    left: 30%;
    top: 36%;
}

.cntAzul {
    width: 305px;
    height: 134px;
    background-color: #68a7de;
    position: absolute;
    top: 26%;
    left: 88%;
    letter-spacing: 0;
}

.cntAzul .titulo {
    font-family: 'cabinregular';
    font-size: 35px;
    color: #FEFEFE;
    margin-left: 8px;
}

.cntAzul .numero {
    font-family: 'cabinregular';
    font-size: 60px;
    color: #FEFEFE;
    position: absolute;
    top: 35%;
    left: 16%;
    display: none;
}

.cntAzul .numero sup {
    top: -30px;
    font-size: 55%;
    left: 16px;
}

.cntGris {
    position: absolute;
    width: 177px;
    height: 134px;
    padding: 0px;
    background: #ececeb;
    top: 26%;
    left: 165%;
}

.cntGris:after {
    content: "";
    position: absolute;
    top: 68px;
    left: -34px;
    border-style: solid;
    border-width: 22px 35px 22px 0;
    border-color: transparent #ececeb;
    display: block;
    width: 0;
    z-index: 1;
}

.cntGris .numero {
    font-family: 'cabinregular';
    font-size: 102px;
    color: #68a7de;
    font-weight: bolder;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    white-space: nowrap;
    display: none;
}

.clickCntGris {
    background-image: url(../img/click/clickBtn3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 32px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    display: none;
}