BODY { }
A { text-decoration: none; }
A:hover { color: brown; text-shadow: 0px 0px 1px black, 0 0 1px black; }
A:visited { color: #606060; }
img { border: 0; }
H1 { display: inline; }
/* H1 { float: left; margin-right: 1em; } */
#colmiddle { float: right; margin-right: 0.6em; margin-left: 0.6em;
 padding-left: 0.6em; text-align: right; border-left: 1px solid black; }
#colmiddle #ibanner { white-space: pre-line; width: 180px; float: left; }
#colright { width: 267px; float: right; border-left: 1px solid black; }
#colright P#comm { margin-left: 1em; }
#colright H2 { margin-left: 0.5em; margin-top: -0.3em; }
ul, ul li { list-style-type: none; text-indent: 0px; margin: 0; padding: 0; }
li { text-indent: -0.2em; margin-left: 0.8em; }
.yes { color: green; }
.no { color: grey; }
ul.stolbik { float: right; }
ul.stroka { border-bottom: 1px solid black; }
ul.stroka, ul.stroka li { display: inline; margin-left: 0.1em; }

hr {
    color: black; /*для IE */
    background-color:black; /*для Firefox, Opera, Safari*/
    border:0px none;
    height:1px; /* высота 1px IE, Firefox, Opera, Safari */
/*    clear:both;  для очистки, если тег идет после float елемента */
   }

.anchors { white-space:normal; width: 267px; }
.epigrafy { float:right; text-align:right; font-style: italic; }

#nav { display: block; float: none; }
/* for .emblem.txt */
#emblem { display: block; float: right; }
PRE#emblem, PRE#emblem A, PRE#emblem A:visited {
   font-family: Courier; line-height: 3px; font-size: 3px; font-weight: bold; color: red; padding-top: 4px; text-decoration: none;
}

@media screen and (max-width: 600px) {
/* pre { font-size: 2em; } */
 ol, ul, li { padding: 0; margin: 0; text-indent: 0; list-style: none; }
 a { margin-bottom: 4px; }
 a { font-size: 1.5em; text-decoration: none; background: #EEEEEE; border-radius: 6px; padding: 0 12px 0 12px; margin: 0 6px 0 3px; line-height: 1.4em; }
 a { display: block; width: 90%; float: none; border: 1px gray dotted; }
 li a:after { content: ""; }
 a:after { content:" "; clear: both; display: table; float: none; }
 img { max-width: 100%; margin:0; padding: 0; border: 0; }
 img:after { content:" "; clear: both; display: table; float: none; }
 pre { white-space: pre-wrap; }
 .counters { display: none; }
 }

@media screen and (max-width: 400px) {
 img { max-width: 100%; margin:0; padding: 0; border: 0; }
 img:after { content:" "; clear: both; display: table; float: none; }
 }