/* *{
    margin: 0;
    padding: 0;
} */


.cartaDoc{
    position: absolute;
    z-index: -1;
    top: 5px;
   /* max-width: 100%; */
   /* height: auto;
   margin-left: 65px;  */
} 
.absoluto{
    position: sticky;
    height: 100%;
    right: 0;
}
.boton{
 right: 0;
    padding: 20px;
    
    background-color: rgb(218, 51, 51);
    color: white;
    border: outset 2px;
    border-color: grey;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: -23px 22px 69px 17px rgba(0,0,0,0.75);
}
.boton2{
    position: absolute;
    top: 0;
    /* top: 1800px;
    left: 860px; */
    top: 50px;
    padding: 20px;
    float: right;
    background-color: rgb(218, 51, 51);
    color: white;
    border: outset 2px;
    border-color: grey;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.boton:hover{
    background-color: rgb(146, 10, 10);
    border: inset;
}
.form-control{
    background-color: rgba(211, 52, 32, 0.1) !important;
    border: 1px solid transparent !important;
    padding-bottom: -1px !important;
    /* padding-top: 8px !important; */
    padding-left: 1px !important;
    outline-color: #8B0000;
}
.form-control:focus {
    /* border-color: #8B0000; */
    box-shadow: inset 0 20px 1px rgba(240, 230, 230, 0.075), 0 0 8px rgba(119, 8, 8, 0.6);
  }
.f1{
    position: absolute;
    top: 145px;
    width: 533px !important;
    left: 65px;
    
     height: 30px !important; 
    padding-top: 0px !important;
}
.f2{
    position: absolute;
    top: 193px;
    width: 533px !important;
    left: 65px;
    height: 30px !important;
    
}

.f3{
    position: absolute;
    width: 90px !important;
    top: 242px;
    left: 65px;
    height: 30px !important;
}
.f4{
    position: absolute;
    width: 173px !important;
    top: 242px;
    left: 155px;
    height: 30px !important;
}
.f5{
    
    position: absolute;
    width: 270px !important;
    top: 242px;
    left: 328px;
    height: 30px !important;
}


.f6{
    position: absolute;
    top: 562px;
    width: 533px !important;
    left: 65px;
    height: 30px !important;
    padding-top: 0px !important;
}
.f7{
    position: absolute;
    top: 610px;
    width: 533px !important;
    left: 65px;
    height: 30px !important;
}
.f8{
    position: absolute;
    width: 90px !important;
    top: 660px;
    left: 65px;
    height: 30px !important;
}
.f9{
    position: absolute;
    width: 173px !important;
    top: 660px;
    left: 155px;
    height: 30px !important;
}
.f10{
    position: absolute;
    width: 270px !important;
    top: 660px;
    left: 328px;
    height: 30px !important;
}


.f11{
    position: absolute;
    top: 147px;
    width: 533px !important;
    left: 650px;
    height: 30px !important;
    padding-top: 0px !important;
}
.f12{
    position: absolute;
    top: 193px;
    width: 533px !important;
    left: 650px;
    height: 30px !important;
}
.f13{
    position: absolute;
    width: 90px !important;
    top: 242px;
    left: 650px;
    height: 30px !important;
}
.f14{
    position: absolute;
    width: 173px !important;
    top: 242px;
    left: 740px;
    height: 30px !important;
}
.f15{
    position: absolute;
    width: 270px !important;
    top: 242px;
    left: 912px;
    height: 30px !important;
}


.f16{
    position: absolute;
    top: 562px;
    width: 533px !important;
    left: 650px;
    height: 30px !important;
    padding-top: 0px !important;
}
.f17{
    position: absolute;
    top: 610px;
    width: 533px !important;
    left: 650px;
    height: 30px !important;
}
.f18{
    position: absolute;
    width: 90px !important;
    top: 660px;
    left: 650px;
    height: 30px !important;
}
.f19{
    position: absolute;
    width: 173px !important;
    top: 660px;
    left: 740px;
    height: 30px !important;
}
.f20{
    position: absolute;
    width: 270px !important;
    top: 660px;
    left: 912px;
    height: 30px !important;
}
.f21{
    position: absolute;
    top: 705px; 
    left: 20px;
    width: 1170px !important;
    height: 1120px !important;
}
.f22{
    position: absolute;
    top: 1840px !important;
    height: 30px !important;
    width: 205px !important;
    left: 675px;
}
.f23{
    position: absolute;
    top: 1840px !important;
    height: 30px !important;
    width: 132px !important;
    left: 1050px;  
}
textarea{
    resize: none !important;
}
.borrado{
    -webkit-filter: blur(5px);
    filter: blur(5px);
    background-color: rgba(214, 198, 198, 1);
    width: 200px;
    height: 45px;
    position: absolute;
    top: 7px;
    left: 860px;
}

.borra2{
    -webkit-filter: blur(5px);
    filter: blur(5px);
    background-color: rgba(214, 198, 198, 1);
    width: 200px;
    height: 45px;
    position: absolute;
    top: 1875px;
    left: 860px;
}

.imagenModal1 img{
    width: 100px;
    float: left;
}
.imagenModal2 img{
    width: 100px;
    float: left;
}
.imagenModal3 img{
    width: 100px;
    float: left;
}
.imagenModal4 img{
    width: 100px;
    float: left;
}

 .modal-content{
    width: 900px !important;
}
.modal-content img{
    float: left;
} 
.texto1{
    position: absolute;
    left: 421px;
    top: 21px;
    font-size: 20px;
}
.imagenModal2{
    width: 638px;
    float: right;
    align-self: flex-end;
}
.texto2{
    position: absolute;
    position: absolute;
    top: 232px;
    font-size: 21px;
    left: 24px;
    word-wrap: break-word;
    width: 400px;
}
.imagenModal3{
    width: 369px;
    top: 300px;
    margin-top: -83px;
    margin-left: 48px;
} 
.texto3{
    position: absolute;
    top: 503px;
    font-size: 21px;
    left: 480px;
}
.imagenModal4{
    width: 462px;
    align-self: flex-end;
}
.texto4{
    position: absolute;
    top: 871px;
    left: 45px;
    font-size: 21px;
}
.flecha{
    position: absolute;
    top: -200px;
    left: 10px;
    width: 40px;
    fill: rgb(228, 161, 161) ;
}
.flecha:hover{
    fill: rgb(56, 8, 2);
}