body {
    margin: 0;
    font-family: "Palatino Linotype";
    background-image: url("lunch.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;
}
table {
    font-size: 0.8em;
    margin: 0;
    border-style: none;
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}
tr {
    padding: 0;
}
td {
    padding: 0;
}
code {
    background-color: #FFFFFF;
    border: solid 1px #D0D0D0;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

a:link { color: #007F00; }
a:visited { color: #007F00; }
a:hover { color: #00FF00; text-decoration: none; }
a:active { color: #00FF00; text-decoration: none; }

.ruta {
    background-color: #F6F6F6;
    border-color: #D0D0D0;
    border-style: solid;
    border-width: 1px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
.rutaok {
    background-color: #7FFFFF;
    border-color: #007FFF;
    border-style: solid;
    border-width: 1px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
.name {
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 0.0em;
    margin-bottom: 0.0em;
    margin-left: 0.3em;
    margin-right: 0.3em;
}
.d0 {
    background-color: #E0E0E0;
    border: solid 1px #E0E0E0;
    margin-top: 0.0em;
    margin-bottom: 0.3em;
    margin-left: 0.3em;
    margin-right: 0.3em;
    padding-left: 2px;
    padding-right: 2px;
}
.d1 {
    background-color: #EDEDED;
    border: solid 1px #EDEDED;
    margin-top: 0.0em;
    margin-bottom: 0.3em;
    margin-left: 0.3em;
    margin-right: 0.3em;
    padding-left: 2px;
    padding-right: 2px;
}
.d2 {
    color: #0000FF;
    background-color: #FFFFFF;
    border: solid 1px;
    margin-top: 0.0em;
    margin-bottom: 0.3em;
    margin-left: 0.3em;
    margin-right: 0.3em;
    padding-left: 2px;
    padding-right: 2px;
}
.bottom {
    position: fixed;
    bottom: 0;
    z-index:-1;
    width: 100%;
    background-color: #F6F6F6;
    font-size: 0.8em;
    text-align: center;
    border-top: solid 1px #D0D0D0;
}

input[type="text"] {
    width:95%;
}
@media all and (max-width: 500px) {
    body {
	background-color: lightgray;
    }
}