html { font-size: 100.1%; }
body { font-size: 0.8em; padding: 102px 0 0 0; margin: 0; font-family: Verdana, Arial, sans-serif; background: #fff; color: #000; }
img#logowrocom { }
img#logoihso { position: absolute; right: 20%; }
div#logo { top: 0; left: 0; overflow: hidden; position: fixed; width: 100%; height: 100px; z-index: 1; background: #fff; color: #000; margin: 0; border-bottom: 2px solid #D5242A; }
div#logo p:first-line { font-size: 16px; }
div#logo p { color: #666; background: transparent; position: relative; top: 8px; right: 20%; font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; text-align: right; z-index: -1; }
div#logo a { position: relative; top: 8px; left: 5px; float: left; }
div#logo img { border: 0; }
div#sectionbar { position: fixed; top: 110px; right: 20%; background: #999; height: 100%; }
p#section { position: fixed; color: #fff; background: #999; left: 220px; font-size: 20px; width: 400px; top: 70px; z-index: 1; text-align: center; display: none; }
div#menu { overflow: hidden; position: fixed; top: 115px; left: 0; width: 12em; background: #fff; color: #000; font-family: Verdana, Arial, sans-serif; }
#menu ul { list-style: none; width: 100%; margin: 0; padding: 0; }
#menu li { margin: 0; padding: 0; display: inline; }
#menu li a { border-bottom: 1px solid #000; color: #454545; display: block; padding: 2px 2px 2px 1em; font-weight: bold; text-decoration: none; background: #ffffff; width: 100%; }
#menu li ul li { font-weight: normal; }
#menu ul li ul li a { font-weight: normal; padding-left: 1.5em; width: 100%; }
#menu li a { width: auto; }
#menu li a:hover { background: #cfcfcf; color: #454545; }
div#menu #footer { margin-top: 3em; font-family: Verdana, Arial, sans-serif; font-size: 0.7em; text-align: center; text-decoration: none; border-right: 2px solid #D5242A; color: #808080; background: #fff; }
div#container { border-left: 16em solid #ffffff; }
div#content { margin-left: 3em; margin-right: 25%; padding-left: 0; margin-left: 0; padding-right: 80px; }
ol, ul { margin-left: 1em; padding-left: 0; }
a { color: #000; }
a.odnosnik { vertical-align: super; font-size: 60%; color: #000; }
ul#articlelist { font-size: 110%; list-style: square; }
ul#articlelist li { padding-bottom: 0.5em;}
ul#articlelist li em { display: block; margin-bottom: 0}
ul#articlelist li img { display: block; margin-bottom: 0}
ul#artclelist li p { line-height: 1%; font-size: 65%; text-indent: 2em; color: #999999; margin-top: 1em; }
ul#articlelist li .added { line-height: 1%; font-size: 65%; text-indent: 2em; color: #999999; margin-top: 1em; }
ul#articlelist li p.brief { font-size: 75%; text-indent: 2em; margin-top: 0em; }
img { display: block; }
table#search { margin-left: auto; margin-right: auto; margin-top: 5%; font-size: 1em; }
table#search tr td input { width: 99%; border: 1px solid #666; }
table#search tr th input { width: 50%; background: #999; color: #fff; border: 1px solid #666; }
table, th, td { border: 1px solid #bbb; }
table.toright td { text-align: right; }
table { border-collapse: collapse; }
.error { color: #f00; }
.confirm { color: #00f; }
abbr, acronym { cursor: help; border-bottom: 1px dashed #000; }
p { text-indent: 0.5em; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 100%; }
.center { text-align: center; } 
.bookcover { float: left; }

.color1 { background-color: #49BA46; color: #ffffff; }
.color2 { background-color: #D5242A; color: #ffffff; }
.color3 { background-color: #0000BB; color: #ffffff; }