body,
html {
    margin: 0;
    padding: 0;
    max-width: 1024px
}
#wrapper {
    float: left;
    margin: 10px 10px 10px 241px;
    display: inline
}
#wrapper:after,
.content:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    border-bottom: 1px solid transparent
}
#left-column {
    float: left;
    width: 220px;
    margin-left: -231px
}
#content {
    float: right;
    width: 100%
}
.smile,
.wink {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle
}
.smile {
    background-image: url("data:image/png;base64,\
iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAASFBMVEX///kAAAD//wD//xj//yH/\
/yj//zH//zj//0D//0j//1D//1n//2D//2j//3D//3n//4D//4j//5D//5j//6D//6j//7D//7iF\
Rd3BAAAAAXRSTlMAQObYZgAAAGpJREFUCB0FwUFqAgEQBMDq7EgMIRfB/P+F0Zsg7HSqAgKFA8n9\
8zLZYMivhY+qkdu22yI6bB9+2rdg8n1idyGSr2B3t+g4g+4WjDPoAsZqgIZINNDD2YEUrvESEswc\
R54VROYy86cEBAr/d0cyWamRLXQAAAAASUVORK5CYII=")
}
.wink {
    background-image: url("data:image/png;base64,\
iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAASFBMVEX///kAAAD//wD//xj//yH/\
/yj//zH//zj//0D//0j//1D//1n//2D//2j//3D//3n//4D//4j//5D//5j//6D//6j//7D//7iF\
Rd3BAAAAAXRSTlMAQObYZgAAAGxJREFUCB0FwUFKQ1EQBMDqvPkoqBtB739C4y4gZNqqgEDhIPl6\
uSYbDPm2cKsa+dx2W5vosL376EPg5M3+vXdvNuJk2qu7WzCeQXcLxjPoomEsADgE0JPtANRrPIQE\
M+fkt4LIXDM/SkCg8A8mTzJjBYRU/QAAAABJRU5ErkJggg==")
}
.rounded {
    position: relative
}
.rounded .end {
    clear: both;
    background: white;
    position: relative;
    margin-bottom: -1px;
    border-bottom: 1px solid #0174bb;
    line-height: 0;
    height: 0
}
.rounded {
    margin-bottom: 10px
}
.rounded .content {
    border-left: 1px solid #0174bb;
    border-right: 1px solid #0174bb
}
.rounded .top {
    background: #0088c8;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 92%
}
.rounded .top a {
    display: block;
    color: white;
    text-decoration: none
}
.rounded .top a:visited {
    color: white
}
.rounded .bot {
    background: white
}
.rounded .r1 {
    display: block;
    height: 0;
    border-top: 1px solid #0174bb;
    margin: 0 5px 0 5px
}
.rounded .r2 {
    display: block;
    height: 1px;
    border-right: 2px solid #0174bb;
    border-left: 2px solid #0174bb;
    margin: 0 3px 0 3px
}
.rounded .r3 {
    display: block;
    height: 1px;
    border-right: 1px solid #0174bb;
    border-left: 1px solid #0174bb;
    margin: 0 2px 0 2px
}
.rounded .r4 {
    display: block;
    height: 2px;
    border-right: 1px solid #0174bb;
    border-left: 1px solid #0174bb;
    margin: 0 1px 0 1px
}
.rounded .title {
    border-right: 1px solid #0174bb;
    border-left: 1px solid #0174bb;
    padding: 1px 5px
}
.rounded .title-inner {
    margin-top: -4px;
    padding: .15em;
    font-family: "DejaVu Sans", Verdana, sans-serif;
    line-height: 1.2em
}
#special {
    height: 0;
    margin: 0 5px 0 5px
}
* html .rounded .title {
    height: 1px
}
* html .rounded .r1,
* html .rounded .r2,
* html .rounded .r3,
* html .rounded .r4,
* html #special {
    overflow: hidden
}
html {
    font-size: x-small
}
body {
    background: url(robotika_bg.jpg);
    font-size: 139%;
    color: #003150;
    font-family: "DejaVu Sans Condensed", Arial, sans-serif
}
table {
    border-collapse: collapse
}
td {
    vertical-align: top;
    padding: 0
}
a img {
    border: 1px solid #666
}
a {
    color: blue
}
a:visited {
    color: #551a8b
}
div.p {
    text-align: justify;
    margin-top: 1em;
    margin-bottom: 1em
}
.annot {
    text-align: justify
}
blockquote {
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px
}
a.external {
    background: url("data:image/png;base64,\
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAFVBMVEVmmcwzmcyZzP8AZswAZv//\
//////9E6giVAAAAB3RSTlP///////8AGksDRgAAADhJREFUGFcly0ESAEAEA0Ei6/9P3sEcVB8k\
mrwFyni0bOeyyDpy9JTLEaOhQq7Ongf5FeMhHS/4AVnsAZubxDVmAAAAAElFTkSuQmCC") center right no-repeat;
    padding-right: 13px;
    color: #14b
}
a .cs,
a .en {
    color: #77f;
    padding-right: 16px
}
a .en {
    background: url("data:image/gif;base64,\
R0lGODlhDAAMAOZ6AP8JCStTmeNkWf8FBAApgsqJmv8REddENwQ/kihOk/G8tvT2+fbKx6G62naT\
vuSYlFd1qeSblEdOhqalv/J0b4+YvPP2+UlPjv/QzClVnbSxw9JaUvsQEMmYpsuJmv+LfOJfVPni\
4PAGAPDy9c3U5PGqpPSFifKoo3aLt8eNny5VmcE9Ti5Ynd9uZf37+/fl4157rf1SUiRRmvrT1fUn\
HkdTjP+Tkv6wsPPO1O0QEOvv9T5QjffExO7FxO+yrPHV0gAjgCVKkkhclvX3+uVjWIyVuuNjWZqi\
v/XKxgA3jfXFyPiOfvjz9fz08+fr8/Tx8fCsp9pcUfeWltREOOdYUDNssPW8uVV5r+B4cvfLx/8D\
A/8FBo+gxP/Z1EVfmyFMlfbLx++qpfiem+imotHY5+RxZoupz46t1HZwmoWp0o+iw1Nxqf0AAOl9\
c+V+dAAmfuM/NNtgVxpIlAY+kfGgle+noPwaGu0uKf8iHf8AAP///wAAAAAAAAAAAAAAAAAAACH5\
BAEAAHoALAAAAAAMAAwAAAeOgHp6QxobB1NRES6CeiNrXj1ZYAxIPy96CzAZEnFERgICIC1NagEs\
QmMlYVA+CiFPEAEyNVhtbmVwFDc8Kl9yOw91YjEAW3kcZmdpE1QibHkDWgB2dEsfXTgGeSZKGDZS\
JzQrF1x4eSlVDTNWTGhzQEXmBUlvVxZ6ZAkEFeYeCEEkGOlAceROjg4OnAgKBAA7") center right no-repeat
}
a .cs {
    background: url("data:image/gif;base64,\
R0lGODlhDAAMAMYAAP///+XYweDVwtvSwdnPv9rQvOLVvufYwdrRxN7WyuPe1OTg2OPf197Zz9LK\
vdrOu+jZv+jZwNHJxpedxauy1PHv6/X08fLw7Ovn4dTOw97TxaqtyV9wvjpUv5Kh3/j4+Pv6+fn4\
9/Tz8M/KyoiSxj5TriI/sh0+w5+u6/v7+tnPu8PB0XOAvS9EoBw3oxo4siFDzbaUyPu4wPu4wfW4\
vuK7uNfGtsTC0nN/uy1ClxozlhgzokYyl8okSPIkP/gnQ/U5UOJzete3qtDLzomTyDxNlx40jTgq\
eascMcIeMtUhOOEpP+dEVduEhtzDst/Ux6yx015srUw9eY4iN6QcLbMfMcUlOdE2R91gatiinOTR\
u9LNzq2ewLddaKY8RqYvPLEwPsA/TNFeZ9uRkOLFtOjZwerIuummodyFh85xdtBydtqEheGknuXG\
tenYv+vSvezHt+y7sOy6r+nGtunRvP///////////////////////////////////////////yH5\
BAEKAH8ALAAAAAAMAAwAAAeLgH+CfwIDBAUGg38HCAkKCwwNDg8QfxESExQVFhYXGBkPfxobHB0e\
HyAhIhgOBiMkJSYnKCkpIRcNKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9Q\
UVJTVFVWV1hZWn9bXF1eX2BhYmNkgmVmZ2hpamtsbW6K3sCJI2cOnUGBAAA7") center right no-repeat
}
hr {
    height: 1px;
    background: #0174bb;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}
dd {
    padding-left: 40px;
    margin-left: 0
}
dt {
    font-weight: bold
}
dt a {
    font-weight: normal
}
form {
    margin: 0
}
* html p,
* html hr {
    margin: .2em 0 .2em 0
}
p.msg,
p.error,
p.js_disabled {
    font-weight: bold;
    text-align: center;
    padding: .2em 0;
    font-family: "DejaVu Sans", Verdana, sans-serif
}
p.error,
p.js_disabled {
    color: red
}
.JS p.js_disabled {
    display: none
}
.styled-border {
    border-width: 1px;
    border-style: solid;
    border-top-color: #b5d7ef;
    border-left-color: #b5d7ef;
    border-bottom-color: #104e8b;
    border-right-color: #104e8b
}
a.broken {
    color: #da0000
}
.add {
    color: red
}
#commercial .text {
    padding: 2px 5px 0px 5px;
    text-align: center;
}
#commercial .text a {
    display: block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
#news .date {
    font-size: smaller;
    font-weight: bold;
    background: #DDF;
    border-bottom: 1px solid #0174bb;
    border-top: 1px solid #0174bb;
    padding: 2px 5px 2px 5px;
    position: relative;
    top: -1px
}
#news .text {
    padding: 2px 5px 8px 5px
}
#subsections .content {
    padding: .5em 0 .15em 0;
    font-size: 90%;
    font-family: "DejaVu Sans", Verdana, sans-serif
}
#subsections .content a {
    display: block;
    text-decoration: none;
    color: #0000ef;
    line-height: 1.7em;
    padding: 0 .6em;
    margin-left: .5em;
    margin-right: .5em
}
#subsections .content a:hover {
    background: #e8f3fc
}
#subsections .content a.selected,
#subsections .content a.selected .cs,
#subsections .content a.selected .en {
    color: black
}
#subsections .content .subsub a {
    padding-left: 1.5em
}
#google-search {
    height: 9em
}
#google-search img {
    border: 0
}
#google-search a {
    display: block
}
#google-box {
    text-align: center
}
#google-box input {
    display: block;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
    width: 200px
}
#google-submit {
    text-align: right;
    padding: .4em
}
#google-top-search {
    vertical-align: bottom;
    text-align: right;
    padding-bottom: 1px;
    padding-right: 6px;
    font-family: "DejaVu Sans", Verdana, sans-serif
}
#google-top-search form {
    display: inline
}
#google-top-search input {
    padding: 2px
}
#google-top-search .text {
    border: 1px solid #0174bb
}
#google-top-search .submit {
    border-width: 1px;
    padding: 1px 4px
}
* html #google-top-search .submit {
    padding: 0 3px
}
.google-links {
    margin: 0 -4px 0 -4px
}
#link200x90 {
    width: 220px;
    height: 93px;
    margin: 10px;
    padding-left: 10px;
    margin-top: 2em;
    border: 1px solid #017489;
    position: relative
}
#ad-link .top {
    background: white
}
#ad-link .content {
    height: 94px;
    padding-left: 20px
}
#wide-skyscraper .top,
#wide-skyscraper2 .top,
#wide-skyscraper3 .top {
    background: white
}
#wide-skyscraper .content,
#wide-skyscraper2 .content,
#wide-skyscraper3 .content {
    height: 604px;
    padding-left: 20px
}
.ad-banner {
    width: 468px;
    margin-left: auto;
    margin-right: auto;
    padding: .5em 0
}
.ad-leaderboard {
    width: 0;
    height: 92px;
    margin-left: auto;
    margin-right: 0
}
.ad-leaderboard iframe {
    height: 90px;
    margin: 0 0 0 -731px;
    border: 1px solid transparent
}
#content .content {
    padding: 1px 14px 4px 14px
}
#content h1,
#content h2,
#content h3,
#content h4 {
    color: #cd6600
}
#content h1 {
    font-size: 165%;
    text-align: center;
    margin-top: 0;
    padding-top: .6em;
    padding-bottom: .2em
}
#content h2 {
    font-size: 120%;
    margin-top: 0;
    padding-top: .83em;
    padding-bottom: .2em
}
#content h3 {
    font-size: 105%
}
.short-desc {
    font-weight: bold;
    margin-bottom: .2em
}
.short-desc a {
    text-decoration: none
}
.thumb {
    clear: left
}
.thumb td {
    vertical-align: top;
    padding: .2em .4em .2em .4em
}
#content .crumbs {
    text-align: left;
    padding-left: 12px
}
#content .crumbs a {
    display: inline
}
#content .crumbs a * {
    color: white
}
.nonmatching-lang {
    color: #6e6e6e
}
#title {
    padding-bottom: .5em;
    margin-bottom: .5em
}
#title .author-date {
    float: right;
    position: relative
}
.image_panel {
    font-size: smaller;
    font-family: "DejaVu Sans", Verdana, sans-serif;
    text-align: center;
    line-height: 160%;
    background: white
}
.image_panel td {
    padding: 2px
}
* html .image_panel {
    display: inline-block
}
.image_panel a img {
    text-decoration: none
}
.image_panel img {
    border: 1px solid #666
}
.left {
    float: left;
    display: block;
    margin-right: .8em;
    position: relative
}
.right {
    float: right;
    display: block;
    margin-left: .8em;
    position: relative
}
.center {
    margin-left: auto;
    margin-right: auto;
    display: table
}
.email {
    color: blue;
    text-decoration: underline;
    white-space: nowrap
}
.clear {
    clear: both;
    height: 0;
    line-height: 0
}
.math {
    text-align: center;
    font-style: italic
}
#footer {
    margin: 0 10px;
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: center;
    border-top: 1px solid #0174bb;
    clear: both
}
#footer table {
    width: 100%
}
#xhtml {
    display: block;
    background: url(valid-xhtml10.png);
    width: 88px;
    height: 31px
}
#css {
    display: block;
    float: right;
    background: url(valid-css.png);
    width: 88px;
    height: 31px
}
#comments .header {
    padding-top: 2px;
    padding-bottom: 8px;
    font-weight: bold;
    color: #cd6600
}
#comments .header .right {
    font-weight: normal
}
#comments table {
    border-color: #9ae;
    border-style: solid;
    border-width: 1px;
    width: 100%
}
#comments .content {
    margin: 0;
    padding: 0
}
#comments tr.white {
    border: 1px solid #9ae
}
#comments tr.blue {
    border: 1px solid #9ae;
    background: #ececff
}
#comments .author {
    width: 12em;
    white-space: nowrap
}
#comments .date {
    width: 12em;
    white-space: nowrap;
    text-align: right;
    padding-right: 10px
}
#comments .subj {
    padding-left: 10px
}
#comments .text {
    overflow: auto;
    padding: 0 10px 8px 10px
}
#comments textarea {
    width: 100%;
    height: 15em;
    display: block
}
#comments th {
    width: 8em;
    font-weight: normal;
    text-align: right;
    padding-right: 5px
}
#comments td input {
    width: 100%
}
#comments .toolbox {
    text-align: center;
    padding: 8px 0
}
#comments .toolbox table {
    border: 0
}
#comments .toolbox td {
    text-align: left
}
#comments #priv {
    width: 1em
}
.email-form {
    background: white;
    width: 45em;
    margin: 0 auto;
    padding: 2em;
    position: relative;
}
.email-form h1 {
    text-align: center;
}
.email-form .ok, .email-form .error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.email-form .ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.email-form .error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}
.email-form form {
    padding-right: 2em;
}
.email-form form label,
.email-form form div {
    display: block;
    text-align: right;
    margin: .5em 0;
    font-weight: bold
}
.email-form input,
.email-form textarea {
    width: 30em;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}
.email-form textarea {
    height: 15em;
    vertical-align: top
}
.email-form .submit {
    width: 6em
}
.email-form p {
    font-weight: normal;
    text-align: center
}
#top {
    background: #0088c8 url("data:image/gif;base64,\
R0lGODlhAQBAAKUsAACIyAKIyASKyQeMygmNywuPzA2QzRCSzhOTzxWUzxiV0BqX0h2Z0h6a0yCc\
1COd1See1iif1yqg1yyh2C+j2jGk2jSm2zen3Din3Typ3j2q3z+r30Ks4ESu4keu4kmw40ux5E6z\
5VC05lO151S251a36Fq56lu66l2762C87GK+7mS/7gBrsgBrsgBrsgBrsgBrsgBrsgBrsgBrsgBr\
sgBrsgBrsgBrsgBrsgBrsgBrsgBrsgBrsgBrsgBrsgBrsiwAAAAAAQBAAAAGOkBAICAYDAiFguFw\
QCQSigWD0XA4HhBIRCKZUCgVy+WCyWQ0mw2n0/F8PqCQSDQikUom0wmFSqlUK0EAOw==\
") repeat-x bottom;
    padding-left: 5px;
    width: 100%;
    border-collapse: collapse
}
#top img {
    vertical-align: middle
}
#logo {
    color: white;
    font-size: 160%;
    font-weight: bold;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    padding-left: .6em;
    padding-right: .6em
}
#logo a {
    display: block;
    color: white;
    text-decoration: none;
    padding-top: .8em;
    padding-bottom: .6em;
    padding-left: 26px;
    background-image: url("data:image/gif;base64,\
R0lGODlhFQAVAKUqAABjoQBkoQFnphdijxdikB9ghxhikCNfhSBgiCFlkCllijtlfzVqjEd8nUx+\
nFCAnlSBnVWBnVyHoGOFmmaHnGOLpWSLpWWMpW2MoGePqG6NoIGcrYagsIuks4anvJKpuJyxvp+0\
wdXe5ODm6+Dn6/n6+/n7+/r7/P39/v7/////////////////////////////////////////////\
/////////////////////////////////////////////yH5BAEKAD8ALAAAAAAVABUAAAazwJ9Q\
OAkZjyHNYsgcUkyqqFQEMkWaTqg0So2aIFjKacsFbU/gLFkl6qy/woV2KxokSG/HT2OmDwQ/CiNr\
HgIhXVwGgEKCZIUhbGZ1i0MKeFKPXBwElEyNUZlcBFhDG5ehXAWkIikfeKhcCE0iUh8jsKlDtFKt\
GQIYKGsisrtbJQeAF8FkHMVSJg8AixXLUSDOUSfRndTW2CrQAZ1CFijXb9ukPwwSHu7vHg3S6kIC\
9vf4TUEAOw==");
    background-position: left 60%;
    background-repeat: no-repeat
}
#toolbox {
    text-align: right;
    vertical-align: bottom;
    color: #003150;
    color: #551a8b;
    color: #118;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 92%;
    padding-right: 5px;
    padding-top: 5px
}
#toolbox a {
    color: white;
    text-decoration: none
}
#links {
    vertical-align: bottom;
    padding-bottom: 0;
    padding-left: 10px;
    font-size: 92%;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif
}
#links a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: white;
    color: white;
    background: #0084c2;
    line-height: 1.2em;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 3px 8px 3px 9px
}
#links td:hover *,
#links td.selected * {
    background: #0090d4
}
#links table,
#links tr,
#links td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    vertical-align: bottom
}
#links td {
    padding: 0 3px
}
.c1,
.c2 {
    display: none
}
* html #links a {
    padding-top: 1px
}
* html .c1,
* html .c2 {
    display: block;
    background: #0084c2;
    height: 1px;
    line-height: 0;
    overflow: hidden
}
* html .c1 {
    margin: 0 1px
}
* html .c2 {
    margin: 0 2px
}
#sep {
    border-top: 1px solid white;
    background: #d8e8f5;
    border-bottom: 1px solid #a6c8dd;
    padding: 2px
}
#ads {
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    background: #DDF;
    background: #d8e8f5;
    background: #0088c8;
    background: #42aede;
    background: #7cc7ee;
    background: white;
    margin-top: 2px;
    width: 100%;
    text-align: center;
    font-size: 80%;
    clear: both
}
#ads td {
    padding: 2px 6px
}
#ads th a {
    text-decoration: none;
    font-weight: bold
}
#ads a {
    padding: 2px 6px;
    color: #0000ef;
    color: white;
    color: #14b
}
#lang-sel {
    text-align: right;
    white-space: nowrap;
    vertical-align: middle
}
#lang-sel img {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border-width: 1px
}
#lang-sel a {
    display: inline
}
* html #content-inner table {
    position: relative;
    top: 5px;
    vertical-align: bottom
}