* { margin: 0; padding: 0; }
body { background: #F9FDF4; font: 80%/1.6 sans-serif; text-align: center; }
#wrap { width: 500px; padding: 30px 0; border-left: 5px solid #C8EC99; border-right: 5px solid #C8EC99; background: white; margin: 0 auto; }
#logo { margin-bottom: 10px; }
p { text-align: left; text-indent: 1em; margin: 20px 0; padding: 0 30px; }

h1, h2 { color: #74973C; font: 200% "Tahoma" sans-serif; text-align: left; padding: 0px 30px; padding-top: 10px; }
h2 { font-size: 150%; }

ol, ul { text-align: left; margin: 20px 0 20px 40px; padding: 0 30px; }
ul { list-style-type: square; }
ul li { margin: 10px 0; }

a { color: #BD533A; }
a:hover { color: #922C14; text-decoration: none; }

.cotojatka-anchor { border: 2px solid #ECA999; }
.cotojatka { border: 2px solid #AFC691; }

.cotojatka, .cotojatka-anchor { padding: 3px 5px; background: white; }
body > .cotojatka, body > .cotojatka-anchor { font-size: 90%; }
* html .cotojatka, * html .cotojatka-anchor { font-size: 85%; }

.mono-data { font-family: monospace; background: #FFFCED; font-size: 115%; }
* html .mono-data { font-size: 100%; }

pre { width: 480px; border-top: 3px dashed #E59E8D; border-bottom: 3px dashed #E59E8D; background: #FFF9F7; padding: 10px; overflow: auto; font-size: 115%; }
* html pre { padding-bottom: 25px; overflow-y: hidden; font-size: 100%; }

table { width: 80%; margin: 20px auto; }
td  { background: #F9FDF4; padding: 4px 7px; border: 1px solid #C8EC99; }
tr.ne td { background: #FFF9F7; border-color: #E59E8D; }

div.back { text-align: right; padding: 10px 30px; }