html{

    height: 100%;
}

body{

background-color: rgb(255, 255, 255);
width: 25cm;
height: 35cm;



}


.logo{

    background-color: rgb(255, 255, 255);
    width: 40%;
    height: 170px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    

}

.ime{
    border-right:thick solid rgb(118, 25, 155);
    border-color: 4px; color:  rgb(118, 25, 155);

}

.logo svg{

    width: 100%;
    height: 100%;
    
}

.imagen1{
    background-color: rgb(255, 255, 255);
width: 50%;
height: 150px;
display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;


}
.imagen1 img{
    width: 80%;
    height: 90%;
    
}



.imagen2{

    background-color: rgb(255, 255, 255);
    width: 15%;
    height: 90px;
   
  


}

.imagen2 img{
    width: 100%;
    height: 100%;
}


.header{

    background-color: rgb(255, 255, 255);
    
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.section{

background-color: rgb(255, 255, 255);
width: 100%;
height: 100%;
display: flex;
flex-direction: row;



}

.creditos{

background-color: white;
width: 20%;
height: 100%;


}

.par1{
background-color: rgb(255, 255, 255);
width: 80%;
height: 100%;
padding: 1%;


}

.d2{
background-color: rgb(255, 255, 255);
width: 100%;
height: 100%;

}

.full{

background-color: rgb(255, 255, 255);
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;


}

.table{

background-color: rgb(255, 255, 255);
width: 80%;
height: 100%;

}
table, td,th{
border: 1px solid black;
border-collapse: collapse;
}

.c{
padding: 1%;
border: 1px;
background-color: white;
border-color: black;
width: 100%;
height: 100%;

}

.asistencia{

background-color: rgb(238, 193, 219);
width: 20%;
height: 80%;
padding: 1%;

}


h2{
    color: white;

background-color: rgb(139, 62, 170);

}

.hogares{

    color: blueviolet;
    padding: 1%;
}