:root {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    padding-top: 125px;
}

header {
    background-color: cornflowerblue;
    padding: 1px;
    text-align: center;
    padding-bottom: 10px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000;
}

header h1 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 6px;
}

header input[type=text] {
    font-size: 1em;
    width: 75%;
}

header select {
    font-size: 1.2em;
    width: 65%;
}

header button {
    font-size: 1.4em;
    background-color: cornsilk;
    border-radius: 2px;
    border: 1px white solid;
}

main a {
    text-decoration: none;
    color: cornflowerblue;
}

main .comprado {
    color: darkgrey;
    text-decoration: line-through;
}

main .sincomprar {
    font-weight: bold;
}

table.greyGridTable {
    border: 2px solid #FFFFFF;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

table.greyGridTable td,
table.greyGridTable th {
    border: 1px solid #FFFFFF;
    padding: 6px;
}

table.greyGridTable tbody td {
    font-size: 1.1em;
}

table.greyGridTable td:nth-child(even) {
    background: #EBEBEB;
}

table.greyGridTable thead {
    background: #FFFFFF;
    border-bottom: 4px solid #333333;
}

table.greyGridTable thead th {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    border-left: 2px solid #333333;
}

table.greyGridTable thead th:first-child {
    border-left: none;
}

table.greyGridTable tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    border-top: 4px solid #333333;
}

table.greyGridTable tfoot td {
    font-size: 14px;
}