* {
    font-family: "cabinregular";
}

.contenActividad {
    background-image: url(../img/content_act1-36.png);
    position: absolute;
    left: 50%;
    top: 7%;
    transform: translate(-50%);
    width: 1082px;
    height: 609px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ContenedorIntro {
    position: absolute;
    left: 50%;
    /* top: 7%; */
    
    transform: translate(-50%);
    /* width: 1082px; */
    /* height: 609px; */
    
    width: 1144.432px;
    height: 564.472px;
    /* border: 7px solid #F39972;
    border-radius: 10px;*/
    
    background-image: url(../img/imgFondoContent.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

p {
    font-family: cabinregular;
    color: #fff;
    font-size: 49.56px;
    text-align: left;
}

.h1 {
    font-size: 45px;
}

.txtDefinicion {
    font-family: "cabinmedium";
    font-size: 35px;
    letter-spacing: normal;
    line-height: 49px;
    padding: 55px 0px 0px 97px;
}

.contentDrop {
    border-bottom: 1px solid black;
    width: 242px;
    height: 49px;
    display: inline-block;
}

.contentDrag {
    position: absolute;
    top: 375px;
    font-family: "cabinmedium";
    font-size: 35px;
    letter-spacing: normal;
    line-height: 49px;
    width: 100%;
    text-align: center;
}

.dragCompleted {
    /*margin-left: 139px;*/
    
    top: -111px;
    height: 47px;
    margin: 0px auto;
    transform: translate(47px);
}

.dragCompleted2 {
    /*margin-left: 139px;*/
    
    top: -111px;
    height: 40px;
    margin: 0px auto;
}
.dragCompleted3 {
    /*margin-left: 139px;*/
    
    top: -111px;
    height: 47px;
    margin: 0px auto;
    transform: translate(27px);
}

.inlineBlock {
    display: inline-block;
    width: 242.5px;
    border-bottom: 1px solid black;
    text-align: center;
    height: 49px;
}

.inline {
    display: inline-block;
    display: inline-block;
    margin: 0px 34px 0px 34px;
}

.flechaSiguiente2 {
    background-image: url(../img/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    left: 513.5px;
    /*left: 50%;*/
 
    top: 100.5%;
    transform: translate(-50%)
}
.flechaAtras {
    background-image: url(../img/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
    position: absolute;
    left: 50%;
    top: 100.5%;
    transform: translate(-50%);
}