.flechaSiguiente {
    background-image: url(../img/M_G07_U05_L06_03_01/flechaSiguienteRoja.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.67px;
    height: 71.67px;
    position: absolute;
    left: 92%;
    top: 91.9%;
}

.flechaAtras {
    background-image: url(../img/M_G07_U05_L06_03_01/flechaAtrasRoja.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.67px;
    height: 71.67px;
    position: absolute;
    left: 92%;
    top: 91.9%;
}

.imgAct1Ilustracion1 {
    background-image: url(../img/M_G07_U05_L06_04/ilustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1123.44px;
    height: 496.48px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.imgAct1Ilustracion2 {
    background-image: url(../img/M_G07_U05_L06_04/ilustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1100px;
    height: 119.67px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 10%;
}

.imgPFlecha {
    background-image: url(../img/M_G07_U05_L06_04/pflecha.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36px;
    height: 40.4px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
}

.lineaFondo {
    width: 1247px;
    height: 4px;
    background: #149891;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 100px / 50px;
    border-radius: 750px / 3px;
    -moz-box-shadow: 0px 2px 12px 1.5px #575756;
    -webkit-box-shadow: 0px 2px 12px 1.5px #575756;
    box-shadow: 0px 2px 12px 1.5px #575756;
}

.contentBox {
    width: 864.689px;
    height: 558.388px;
    /* background-color: #FFFFFF; */
    /* box-shadow: 0px 0px 7px 3px #C1BDBD; */
    
    border-radius: 5px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 62.5%;
    left: 48%;
}

.box > .boxSelect {
    width: 285.077px;
    height: 116.308px;
    background-color: #F1B8D5;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    margin: 5px;
    cursor: pointer;
}

.box > .boxSelect > div {
    font-family: 'cabinregular';
    font-size: 30px;
    color: #5B5B5E;
    padding: 23px 0px 0px 22px;
    line-height: 40px;
}

.circuloM {
    width: 16px;
    height: 16px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    position: absolute;
    left: 316px;
    top: 50px;
    padding: 0px !important;
    margin: 0px !important;
}

svg {
    overflow: hidden;
    z-index: 3;
    position: absolute;
    left: 507px;
    top: 133px;
    width: 288px;
    height: 520px;
}

svg #line1 {
    stroke-linecap: round;
    stroke: #FFFFFF;
    z-index: 3;
    display: none;
}

svg #line2 {
    stroke-linecap: round;
    stroke: #FFFFFF;
    z-index: 3;
    display: none;
}

svg #line3 {
    stroke-linecap: round;
    stroke: #FFFFFF;
    z-index: 3;
    display: none;
}

svg #line4 {
    stroke-linecap: round;
    stroke: #FFFFFF;
    z-index: 3;
    display: none;
}

svg #line5 {
    stroke-linecap: round;
    stroke: #FFFFFF;
    z-index: 3;
    display: none;
}

.f1 {
    top: 312px;
    left: 755px;
    transform: rotate(67deg);
    -moz-transform: rotate(67deg);
    -webkit-transform: rotate(67deg);
    -ms-transform: rotate(67deg);
}

.f2 {
    top: 435px;
    left: 755px;
    transform: rotate(69deg);
    -moz-transform: rotate(69deg);
    -webkit-transform: rotate(69deg);
    -ms-transform: rotate(69deg);
}

.f3 {
    top: 209px;
    left: 755px;
    transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
}

.f4 {
    top: 562px;
    left: 755px;
    transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
}