a:link {
color: #0000ff;
}

a:visited {
color: #330099;
}

a:hover {
color: #e00000;
}

a:active {
color: #e00000;
}

body {
margin: 0px;
color: #330000;
background-color: #ffffff;
background-image: url("oto-bgt.png");
-webkit-text-size-adjust: 100%;
}

h1 {
margin: 0px 0px 20px;
padding: 15px;
background-color: #ffe8e8;
font-size: 200%;
font-weight: bold;
color: #ff6666;
text-align: center;
}

p {
margin: 10px;
line-height: 1.5em;
}

hr {
color: #ffcccc;
border-style: solid;
}

.oto {
float: right;
padding: 0px 0px 5px 15px;
}

.center {
text-align: center;
}

img {
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}

@media screen and (max-width: 569px) {

h1 {
font-size: 150%;
}

.oto {
width: 39px;
height: 63px;
}

img {
image-rendering: auto;
}

.footer {
padding-top: 0.5em;
}

}