html {
    box-sizing: border-box;
    background-color: var(--blanco);
}

:root {
    --colorfondo: #e6e6fe;
    --color1: #78a7f6;
}

* {
    box-sizing: border-box;}

body{
    width: 80%;
    margin: auto;
}

header{
    text-align: center;
    color: blue;
    font-size: 1em;
}

main{
    width: 100%;
    margin: auto;
}

form{
    width: 100%;
    margin: auto;
}

table{
    width: 100%;
}

#table1{
    border: solid;
    border-color: #78a7f6;
    text-align: center;
}

#table1>tbody>tr>td{
    border: none;
}

thead{
    width: 100%;
}

thead>tr>td{
    width: 40%;
    background-color: white;
}

thead>tr>td>input{
    width: 100%;
}

thead>tr>td>input[type="number"]{
    width: 40%;
}

input[type="date"]{
    width: 50%;
}

#nombre{
    width: 80%;
}


tbody>tr>th{
    background-color: var(--color1);
}

tbody>tr>td>input{
    width: 90%;
}

footer>input{
    background-color: #78a7f6;
    font-size: 1.5em;
    margin: 20px;
    margin-left: 0px;
}

tfoot>tr>td{
    border: none;
    border-color: var(--color1);
}

tfoot{
    border: none;
    border-color: var(--color1);
    
    width: 80%;
    align-items: center;
    justify-items: stretch;
    border-style: ;
}

tfoot tr td{
    width: 40%;
}



#presupuesto{
    width: 50%;
}

#tab1{
    border: solid;
    border-color: #78a7f6;
}

main>table{
    border: solid;
    border-color: #78a7f6;
}

thead>tr{
    background-color: var(--color1);
}

tbody>tr>td{
    border: solid;
    border-color: var(--color1);
    font-size: 1.3em;
    text-align: center;
}