* {
    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: 559.472px;
    border: 7px solid #F39972;
    border-radius: 10px;
}

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;*/
    
    text-align: center;
}

.dragCompleted2 {
    /*margin-left: 139px;*/
    
    text-align: center;
}

.dragCompleted3 {
    /*margin-left: 139px;*/
}

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

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

.inline2 {
    display: inline-block;
}

.flechaSiguiente {
    background-image: url(../img/flechaSiguiente.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 35px;
    position: absolute;
    left: 101.3%;
    top: 92.5%;
    transform: translate(-50%);
}

.flechaAtras {
    background-image: url(../img/flechaAtras.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 35px;
    position: absolute;
    top: 92.5%;
    transform: translate(-50%);
    right: 96.3%;
}

.num1 {
    background-image: url(../img/imgNum1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.num2 {
    background-image: url(../img/imgNum2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.sugerencia2 {
    font-size: 16px;
    font-family: "Myriad Pro";
    font-weight: 700;
    color: #575756;
    height: 40px;
    float: right;
    /* padding-right: 9%; */
    
    padding-top: -4%;
    vertical-align: middle;
    letter-spacing: 0;
    position: absolute;
    left: 66%;
    top: -22px;
}

.contentDropR {
    background-color: #07AA9D;
    width: 1084px;
    height: 156px;
    border-radius: 32px;
    opacity: 0.3;
    position: absolute;
    top: 27%;
}

.lineWhite {
    border-bottom: 1px solid white;
    width: 1067px;
    position: relative;
    margin-top: 41px;
    margin-left: 8px;
    height: 37px;
}

.lineWhite div {
    /*    border: 1px solid black;*/
}

.barraSlash {
    font-size: 35px;
    font-family: 'cabinregular';
    position: absolute;
    left: 843px;
    top: 202px;
}

.cuadrosDeEscritura {
    background-color: #C5E5E8;
    width: 197.953px;
    height: 35.5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border: 0px;
    padding-left: 14px;
}

.input_Encabezado {
    position: absolute;
    left: 42px;
    top: 0px;
    padding-left: 14px;
    text-transform: capitalize;
}

.input_FyHo {
    position: absolute;
    left: 42px;
    top: 56px;
    text-transform: capitalize;
}

.input_DestinaT {
    position: absolute;
    left: 42px;
    top: 112px;
    text-transform: capitalize;
}

.input_Sal {
    position: absolute;
    left: 42px;
    top: 177px;
    text-transform: capitalize;
}

.input_Cuerpo {
    position: absolute;
    left: 42px;
    top: 237px;
    text-transform: capitalize;
}

.input_Desped {
    position: absolute;
    left: 42px;
    top: 354px;
    text-transform: capitalize;
}

.input_Firma {
    position: absolute;
    left: 42px;
    top: 412px;
    text-transform: capitalize;
}

.flechaDashed1 {
    background-image: url(../img/flechasDashed-29.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 140px;
    height: 6.9px;
    text-transform: capitalize;
}

.flechaDashed2 {
    background-image: url(../img/flechasDashed-28-28.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 827px;
    height: 6.9px;
    
}

.btnVerificar {
    background-image: url(../img/btnVerificar-30.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 68px;
    height: 68px;
    position: absolute;
    left: 97%;
    top: 89%;
    cursor: pointer;
}

.triangulo_der {
    width: 0;
    height: 0;
    border-top: 5.91px solid transparent;
    border-left: 5.91px solid #000;
    border-bottom: 5.91px solid transparent
}

.dashed {
    border-bottom: 1.9px dashed black;
}

.dashed:after {
    width: 0;
    height: 0;
    border-top: 5.91px solid transparent;
    border-left: 5.91px solid #000;
    border-bottom: 5.91px solid transparent
}

input:focus {
    border-color: transparent;
}