#principal{
    padding-top: 13px;
    margin-top: 25px;
    padding-bottom: 13px;
    margin-bottom: 13px;
    margin-left: 5%;
    margin-right: 5%;
    border: solid 1px black;
}

#head{
    display:flex;
    flex-direction: row;
}

#top-section{
    border-bottom: solid 1px black;
}

.header{
    font-size: 13px;
    text-align: center;
    align-items: center;
    align-content: center;
}

#center{
    color: red;
    display: flex;
    flex-basis: 50%;
}

#left{
    display: flex;
    flex-basis: 25%;
    font-weight: 700;
    flex-flow: column nowrap;
}

#right{
    display: flex;
    flex-basis: 25%;
    font-weight: 500;
    flex-flow: column nowrap;
}

.row{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5px;
    font-size: 10px;
    margin-left: 0px;
    margin-bottom:0px;
    /* width: 100vh; */
}

.underlined{
    border-bottom: solid 1px black;
}

.empty-row{
    min-height: 10px;
}

.justify{
    text-align: justify;
}

.center{    
    text-align: center;
    display: flex;
    align-self: center;
    justify-content: space-around;
}

.row .asesor .folio, .row .torre{
    flex-basis: 5%;
    text-align: left;
}

.row .asesor-nombre{
    flex-basis: 70%;
    text-align: left;
}

.row .numero-folio{
    text-align: center;
    flex-basis: 20%;
}
.row .torre-filler{
    flex-basis: 75%;
    text-align: left;
}

.row .torre-detalle{
    text-align: center;
    flex-basis: 20%;
}

.row .octavo{
    flex-basis: 12.5%;
}

.subtittle{
    border-bottom: solid 1px black;
    color:red;
    text-align: center;
    width: 100%;
}

.subtittle-r{
    font-size: 10px;
    font-weight: 400;
}

#consumidor .row, #vehiculo .row{
    align-items: center;
}

.row .sextos{
    flex-basis: 17%;
}

.row .compania{
    flex-basis: 15%;
}

.row .compania-nombre{
    flex-basis: 85%;
    text-align: left;
}

.row .bold{
    font-weight: bold;
}

.row .tercios{
    flex-basis: 33%;
    text-align: center;
}

.row .mitades{
    flex-basis: 50%;
    text-align: center;
}

.subtittle-secundary{
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 12px;
}

.row .ochenta{
    flex-basis: 80%;
    border-right: solid 1px black;
    text-align: center !important;
}
.row .veinte{
    flex-shrink: 2;
    flex-basis: 20%;
}

.row .total{
    text-align: left !important;
}
.row .moneda{
    text-align: right !important;
    padding-right: -10px;
}

.text-box{
    text-align: justify;
    flex-basis: 80vh;
    font-size: 10px;
}

.firmas{
    height: 90px;
    align-items: flex-end;
}

.row .cuartos{
    flex-basis: 25%;
    text-align: center;
}

.column{
    flex-direction: column;
}


.bordered{
    border: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
}
.base64img{
    /* Imágenes en base 64 */
}

.tercio{
    flex-basis: 33%;
    text-align: center;
}

.left{
    text-align: left;
}