/* kizhi.karelia.ru global (almost) css */

@import 'https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic,cyrillic-ext,latin-ext';

* {
  margin: 0;
  padding: 0;
}

html {
  height: 101%;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Arial", "Helvetica Neue", sans-serif;
  font-size: 12pt;
}

body {
  margin: 0 auto;
  padding: 0;
  max-width: 1160px;
  min-width: 300px;
  background: white;
}

body, html {
  /* hello, google translate! */
  height: auto !important;
  position: static !important;
}

img {
  margin: 0;
  padding: 0;
  border-width: 0;
}

.clearboth {
  padding: 0;
  margin: 0;
  clear: both;
}

.floatinside {
  overflow: hidden;
}

.iblock {
  display: inline-block;
}

hr {
  display: block;
  margin: 1.7em auto 1.7em 0;
  border: 0 none;
  border-top: solid 1px #888888;
  height: 1px;
  max-width: 820px;
}

.hr {
  background-color: #FFE1AB;
  padding: 0 0.5em;
  border-width: 0;
  border-style: solid;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.c {
  text-align: center;
}

.r {
  text-align: right;
}

.l {
  text-align: left;
}

*:target {
  background-color: #FFDF90;
}

a, a:visited, a:hover, a:focus:hover {
  color: #b82420;
  text-decoration: underline;
  outline: none !important;
  outline: 0 !important;
    background: none;
}

a:focus, button:focus {
  outline: none;
  outline: none 0 !important;
  background: #C0301D;
  color: yellow;
}

/*languages*/
#xlangs {
  position: absolute;
  top: 0.2em;
  right: 0;
  vertical-align: middle;
}

#langs {
  position: absolute;
  top: 0.7em;
  right: 0;
}

#xlangs > #langs {
  position: static;
  margin: 0 0.35em;
  padding: 0;
  vertical-align: top;
}

#langs>a, #langs>span {
  display: inline-block;
  margin: 0 0.35em;
}

#xlangs>a.aa {
  font-weight: 900;
  margin: 0 0.5em;
  color: black;
  display: inline-block;
  font-variant: small-caps;
}

#xlangs>a.aa:first-letter {
  font-variant: normal;
}

#langs.google {
  border: 1px solid #e0e0e0;
  padding: 2px;
  background-color: #f8f8f8;
  display: inline-block;
}

/*top*/
#header {
  height: 100px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

a#h1logo {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  display: block;
}

a#h1logo img {
  display: block;
}

#header h1 {
  font-size: 1.6875em;
  padding: 30px 0 0 1em;
  margin: 0 0 0 105px;
  font-weight: normal;
  word-spacing: 0.4em;
  letter-spacing: 0.1em;
  color: #980808;
  white-space: nowrap;
  text-transform: uppercase;
}

#header h1 span {
  font-size: 0.52em;
  display: block;
  float: left;
  padding: 0;
  margin: -0.4em 0 0 0; /**/
  color: #980808;
  letter-spacing: 0;
  text-shadow: none;
  word-spacing: 0;
  letter-spacing: 0;
  white-space: nowrap;
  text-transform: none;
}

#header h1 a, h1 a:hover, h1 a:visited {
  text-decoration: none;
  background: none;
}

.toplinks {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: right;
  vertical-align: bottom;
  position: relative;
  width: 100%;
  background-color: #b82420;
  overflow: hidden;
}

.toplinks a {
  display: inline-block;
  margin: 0;
  padding: 0.2em 1em 0.1em 1em;
  text-decoration: none;
  font-size: 90%;
  white-space: nowrap;
}

.toplinks a, .toplinks a:visited {
  color: white;
}

.toplinks a:hover, .toplinks a.active, .toplinks a.active:visited {
  color: black;
  background-color: white;
  text-decoration: none;
}

.toplinks a.l {
  float: left;
  width: 100px; /* logo width ! */
  text-align: left;
}

.toplinks a.l:hover {
  color: white;
  background: none;
  text-decoration: underline;
}

/*breadcrumbs*/
div.navidots {
  display: block;
  width: 100%;
  background-color: #FFE1AB;
  margin: 0 0 2.5em 0;
  padding: 0;
  border-radius: 0 0 0.8em 0.8em;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.4;
  font-size: 80%;
  speak: none;
}

span.dots {
  margin: 0;
  padding: 0;
  color: #202020;
}

span.dots a {
  color: #b82020;
  font-style: normal;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}

span.dots a:hover {
  color: #202020;
}

span.lvl0 {
  margin: 0 0 0 1.5em;
  padding: 0;
}

span.lvl1 {
  margin: 0 0 0 3.0em;
  padding: 0;
}

span.lvl2 {
  margin: 0 0 0 4.5em;
  padding: 0;
}

span.lvl3 {
  margin: 0 0 0 6.0em;
  padding: 0;
}

span.lvl4 {
  margin: 0 0 0 7.5em;
  padding: 0;
}

span.lvl5 {
  margin: 0 0 0 9.0em;
  padding: 0;
}

span.lvl6 {
  margin: 0 0 0 10.5em;
  padding: 0;
}

span.lvl7 {
  margin: 0 0 0 12.0em;
  padding: 0;
}

/* Content */
#content {
  margin: 0 2em 2em 2em;
  padding: 0 0;
  display: block;
  min-height: 500px;
}

.toplinks+#content {
  margin-top: 4em;
}

#oops {
  margin: 3em auto;
  margin-top: 7.5vh;
  width: 85%;
  max-width: 70em;
  background: #fffef8 url(/include/404.png) no-repeat right 25px;
  border: 1px solid #b82420;
  min-height: 350px;
  border-radius: 1em;
  padding: 2em;
}

#oops h2 {
  color: #b82420;
}

/* Bottom String with Links */
div.bottomlinks {
  clear: both;
  margin: 1.3em 0 0 0;
  padding: 0.1em 0;
  border: 1px solid #FFE1AB;
  background-color: #b82420;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  height: 1.4em;
  line-height: 1.4em;
}

div.bottomlinks a, div.bottomlinks a:visited {
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  padding: 0 0.3em;
}

div.bottomlinks a:hover {
  text-decoration: underline;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-style: normal;
  color: #202020;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.4;
}

h1 {
  font-size: 2.125em;
}

h2 {
  font-size: 1.6875em;
}

h3 {
  font-size: 1.375em;
}

h4 {
  font-size: 1.125em;
}

h5 {
  font-size: 1.125em;
}

h6 {
  font-size: 1em;
}

h1 span.slogan, h2 span.slogan {
  font-size: 60%;
  font-style: normal;
  margin: 0 0 2.125em 0;
  display: block;
  float: left;
}

/* big text about something */
div.bigtxt {
  margin: 0 0 1.3em 0;
  padding: 0;
  color: #101010;
}

/* big text about something */
div.bigtxt.l {
  width: 47%;
  float: left;
  clear: left;
}

div.bigtxt.r {
  width: 47%;
  float: right;
  clear: right;
}

div.bigtxt img {
  display: block;
  margin: 1.3em 1.3em 0 1.7em;
  border: 0 none;
}

div.bigtxt sup, div.bigtxt a.note {
  font-size: 80%;
  margin: -0.1em 0.1em 0 0.1em;
  vertical-align: top;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
}

div.bigtxt figure {
  padding: 0;
  margin: 0.5em 0;
  display: block;
}

div.bigtxt figure.inline {
  margin: 0.25em;
  display: inline-block;
}

div.bigtxt figure.inline.small figcaption {
  display: none;
}

div.bigtxt span.figcaption, div.bigtxt figcaption {
  display: block;
  margin: 0 1.3em 1.3em 0;
  font-size: 80%;
  color: #666666;
  max-width: 50em;
}

div.bigtxt div.inline.audio {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 0 0.5em 0;
    max-width: 33%;
}

div.bigtxt div.inline.audio audio {
    width: 15em;
    margin: 0;
    padding: 0;
    display: block;
}

div.bigtxt div.inline.audio a {
    font-size: 90%;
    text-align: center;
    max-width: 15em;
}

.bigtxt blockquote {
  margin: 2em 20% 2em 2em;
  max-width: 700px;
  font-style: italic;
}

div.bigtxt p.author {
  font-style: italic;
}

div.bigtxt a.fisheye span, a.fisheye span {
  background: url('/include/icons/360.png');
  display: block;
  float: right;
  clear: right;
  height: 70px;
  width: 200px;
  margin: -76px 0 0 0;
}

div.bigtxt img.attached, img.attached {
  clear: right;
  float: right;
  margin: 0 0 0.35em 1em;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
}

div.bigtxt img.attachedleft, img.attachedleft {
  float: left;
  clear: left;
  margin: 0 2em 1.3em 0;
}

div.bigtxt img.attached.small, img.attached.small {
  float: right;
  clear: none;
  margin: 0 0.1em 0.2em 0.35em;
}

div.bigtxt img.attached.small.eol, img.attached.small.eol {
  clear: right;
}

img.bs {
  filter: grayscale(100%);
  -webkit-filter: sepia(100%);
  -ms-filter: grayscale(100%);
}

div.bigtxt img.letter {
  display: inline-block;
  margin: 0.15em 0.2em;
  padding: 0;
  border: 0 none;
  vertical-align: bottom;
}

div.bigtxt img.inline {
  clear: both;
  display: block;
  vertical-align: middle;
  margin: 0;
  border: 0 none;
  max-width: 820px;
  height: auto;
  border: 1px solid #ccc;
}

span.imginline {
  display: block;
  color: #666666;
  font-size: 80%;
  margin: 0 0 1.3em 0;
  padding: 0;
}

div.bigtxt table {
  background: #FFFFFF;
  margin-bottom: 1.25em;
  border: solid 1px #DDDDDD;
  border-collapse: collapse;
  max-width: 820px;
}

div.bigtxt table.wide {
  width: 98%;
  max-width: 98%;
}

div.bigtxt table.narrow {
  width: 50%;
  max-width: 50%;
}

div.bigtxt table caption {
  background: transparent;
  color: #222222;
  margin: 1.5em auto 0 auto;
  font-weight: bold;
}

div.bigtxt table thead {
  background: #F5F5F5;
}

div.bigtxt table tr th, div.bigtxt table tr td {
  vertical-align: top;
  padding: 0.5em;
  font-size: 0.9em;
}

div.bigtxt table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #fafafa;
}

div.bigtxt table tr.odd, table tr.alt, table tr:nth-of-type(odd) {
  background: #ffffff;
}

div.bigtxt table tr th, div.bigtxt table tr td {
  border-style: solid;
  border-width: 1px;
}

div.bigtxt p {
  font-weight: normal;
  line-height: 1.5;
  margin: 0 0 1.25em 0;
}

em, i {
  font-style: italic;
  line-height: inherit;
}

strong, b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

div.trailer p, div.opener p {
  font-weight: bold;
}

/* врезки  */
div.inset {
  margin: 1.5em 0;
  border-radius: 0.33em;
  border: 1px solid #FFE080;
  padding: 1em;
  background: #ffffd0;
  background-position: 99% 0.33em;
  background-repeat: no-repeat;
}

div.bigtxt div.inset p:last-child {
  margin-bottom: 0;
}

div.inset div.inset {
  background-color: #f8f8e0;
  border-radius: 0.15em;
}

div.inset.flat {
  border-radius: 0;
}

div.inset.radius {
  border-radius: 1.3em;
}

div.inset table {
  width: 95%;
  padding: 0;
  margin: 1em auto;
  background: white;
}

div.inset.small {
  font-size: 80%;
  max-width: 60em;
  margin: 2em 0;
  padding: 1em;
  background-position: 99% 1%;
}

div.inset.big {
  font-size: 120%;
  border-width: 2px;
}

div.inset.huge {
  font-size: 140%;
  border-width: 3px;
}

div.inset.yellow {
  background-color: #ffffe0 !important;
  border: 1px solid #ccaaaa;
}

div.inset.blue {
  background-color: #EEF6FF !important;
  border-color: #DEE4ED;
}

div.inset.green {
  background-color: #DDEDC6 !important;
  border-color: #A0AC90;
}

div.inset.gray, div.inset.grey {
  background-color: #f2f2f2 !important;
  border-color: #cccccc;
}

div.inset.red {
  background-color: #ffe8c8 !important;
  border-color: #C8AD89;
}

div.inset.iinfo {
  background-image: url(/include/icons/actions/messagebox_info.png);
  padding-right: 5em;
}

div.inset.iwarn {
  background-image: url(/include/icons/actions/messagebox_warning.png);
  padding-right: 5em;
}

div.inset.ino {
  background-image: url(/include/icons/actions/messagebox_critical.png);
  padding-right: 5em;
}

div.inset.iok {
  background-image: url(/include/icons/actions/ok.png);
  padding-right: 5em;
}

div.inset.iattach {
  background-image: url(/include/icons/actions/attach.png);
  padding-right: 5em;
}

div.inset.icolor {
  background-image: url(/include/icons/actions/colorize.png);
  padding-right: 5em;
}

div.inset.ired {
  background-image: url(/include/icons/actions/ledred.png);
  padding-right: 5em;
}

div.inset.iblue {
  background-image: url(/include/icons/actions/ledblue.png);
  padding-right: 5em;
}

div.inset.igreen {
  background-image: url(/include/icons/actions/ledgreen.png);
  padding-right: 5em;
}

div.inset.iyellow {
  background-image: url(/include/icons/actions/ledyellow.png);
  padding-right: 5em;
}

div.inset.iorange {
  background-image: url(/include/icons/actions/ledorange.png);
  padding-right: 4em;
}

div.inset.icut {
  background-image: url(/include/icons/actions/cut.png);
  padding-right: 5em;
}

div.inset.ipencil {
  background-image: url(/include/icons/actions/pencil.png);
  padding-right: 5em;
}

/* NB: img.attached = 200px */
div.bigtxt>p, div#content>h3, div.bigtxt>h3, div#content>h4, div.bigtxt>h4,
  div.bigtxt>ul, div.bigtxt>ol, div.bigtxt>dl, div.bigtxt>div.inset, div.bigtxt>div.opener,
  div.bigtxt>div.trailer {
  margin-right: 240px;
}

div.bigtxt.wide>p, div.bigtxt.wide>h3 {
  margin-right: 0;
}

/* catalogs */
dl.catalogitem {
  margin: 1.3em 0 1em 0;
  overflow: hidden;
  zoom: 1;
  *clear: left;
}

dl.catalogitem.short {
  min-width: 250px;
}

dl.catalogitem dt {
  float: left;
  clear: left;
  margin: 0.15em 0.2em 0.15em 0;
  padding: 0.1em 0;
  min-width: 14em;
  max-width: 22em;
  background: none;
  font-weight: normal;
  color: #606060;
  font-size: 90%;
  line-height: inherit;
}

dl.catalogitem.short dt {
  width: auto;
  min-width: 10em;
}

dl.catalogitem dd {
  float: left;
  min-width: 12em;
  max-width: 32em;
  margin: 0.15em 0;
  padding: 0.1em 0;
  font-size: 90%;
  line-height: inherit;
}

dl.catalogitem.short dd {
  width: auto;
  min-width: 12em;
  max-width: 32em;
}

dl.catalogitem a, dl.catalogitem a:visited, dl.catalogitem a:hover {
  text-decoration: underline;
}

/* list of links in catalog (villages) */
dl.link_list {
  max-width: 49%;
}

dl.link_list dt, dl.link_list dt a, dl.link_list dt a:visited {
  font-weight: bold;
  margin: 1em 0 0.15em 0;
  text-decoration: none;
  font-size: 1em;
  line-height: inherit;
}

dl.link_list dt a:hover {
  text-decoration: underline;
}

dl.link_list dd {
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 1.25em;
}

dl.link_list dd a {
  margin: 0 0.25em;
  white-space: nowrap;
}

/* images in catalog item */
div.catpixs {
  padding: 0 0 0 0;
  margin: 0 0 0.7em 0;
  clear: left;
}

div.catpixs img {
  margin: 0 0.2em 0.2em 0;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
}

div.catpixs div.vplayerboxes {
  float: left;
  width: 100%;
  height: 400;
  margin: 0;
  padding: 0;
}

div.catpixs .vplayerbox {
  border: 0 none;
  margin: 0 0.7em 1.7em 0;
  padding: 0;
}

/* external links for the text */
ul.extlinks {
  margin: 1.5em 0 1.5em 4em;
  padding: 0;
  text-align: left;
  list-style: circle;
  line-height: 1.5;
  list-style-position: outside;
}

ul.extlinks li {
  
}

ul.extlinks li.active {
  list-style: disc;
  color: #101010;
  font-weight: bold;
}

ul.extlinks li em {
  font-style: normal;
  font-weight: normal;
  font-size: 90%;
  color: #808080;
  white-space: nowrap;
}

/* see also */
ul.alsolinks, div.bigtxt ul.alsolinks {
  margin: 0.35em 0 0.35em 1.3em;
  padding: 0.2em 0 0.7em 1.3em;
  text-align: left;
  list-style: circle;
}

ul.alsolinks li, div.bigtxt ul.alsolinks li {
  padding: 0;
  margin: 0;
  color: #b82020;
  list-style: circle;
}

div.bigtxt ul.alsolinks a img {
  display: inline;
  vertical-align: bottom;
  margin: 0.3em 0.2em 0 0;
}

/* text */
div.bigtxt ul, div.bigtxt ol, div.bigtxt dl {
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
}

div.bigtxt ol {
  margin-left: 2em;
}

div.bigtxt ul {
  margin-left: 2em;
}

div.bigtxt ul li, div.bigtxt ol li {
  
}

div.bigtxt ul li p, div.bigtxt ol li p {
  margin: 0 0.35em;
  padding: 0 0.35em;
}

div.bigtxt ul li ul {
  list-style: circle;
  max-width: 800px;
}

div.bigtxt .textfooter p:first-of-type {
  border: 1px solid #cccccc;
  border-width: 1px 0 0 0;
  max-width: 820px;
  padding: 1.3em 0 0 0;
}

div.bigtxt .textfooter p {
/*  margin: 1.3em;
  padding: 1.3em 0 0 0;*/
  font-size: 80%;
/*  border: 1px solid #cccccc;
  border-width: 1px 0 0 0;
  max-width: 820px;*/
}

dl {
  color: #000000;
  margin: 0.7em 0 1.3em 0.7em;
  padding: 0;
  max-width: 800px;
}

dl dt {
  margin: 0.7em 0 0.15em 0;
  color: #400000;
}

dl dd {
  margin: 0 0 0.35em 2em;
}

/* banners at the bottom */
#banners {
  float: right;
  max-width: 33%;
  margin: 0.5em 0 0 0;
  padding: 0;
  border: 0 none;
}

#banners a {
  display: inline-block;
  margin: 0 0 0 0.5em;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}

#banners img {
  margin: 0;
  padding: 0;
  border: 0 none;
  opacity: 0.33;
}

#banners img:hover {
  opacity: 1.0;
}

/* icons sheet */
div.itsheet {
  margin: 1.3em;
  text-align: center;
  overflow: hidden;
}

div.itsheet.subcats {
  margin: 0.7em;
}

/* item */
div.itsheet div.i {
  background: #EBEBEB;
  border: 1px dotted #B9B9B9;
  color: #960;
  display: inline-block;
  font-size: 80%;
  margin: 0.7em 0.5em 1.3em;
  padding: 0.35em 0;
  text-align: center;
  vertical-align: top;
  width: 170px;
}

div.itsheet div.i:hover {
  border: 1px solid #a03030;
}

/* label */
div.itsheet div.i span {
  display: block;
  margin: 0 0.5em;
}

div.itsheet a, div.itsheet a:visited, div.itsheet a:hover {
  color: #000000;
  text-decoration: none;
}

div.itsheet div.i a img {
  margin: 0 auto;
  display: block;
  padding: 0;
}

div.itsheet.subcats div.i {
  border: 3px solid #808080;
  border-width: 4px 1px 1px 1px;
  width: 280px;
  margin: 1.3em 0.35em;
}

div.itsheet.subcats div.i:hover {
  border-top: 4px solid #a03030;
  background: #f0e0e0;
}

div.itsheet.subcats div.i img {
  display: inline-block;
  margin: 0.15em;
  padding: 0;
}

div.itsheet div.bigtxt {
  margin: 0.7em auto;
  max-width: 750px;
}

/* side navigator */
div.mininavi {
  float: right;
  clear: right;
  font-size: 0.87em;
  width: 200px;
  padding: 0 0 0.5em 0;
  margin: 1em 0 3em 1em;
  border: 1px solid #89a55e;
  border-radius: 0.35em;
  background-color: #FFFFE0;
}

div.mininavi.maxi {
  width: 30em;
  max-width: 40%;
  min-width: 200px;
}

div.mininavi a:hover {
  background-color: #DDF775;
  text-decoration: none;
}

div.mininavi a.mnactive {
  background-color: #8FAD34;
  color: white;
  text-decoration: none;
}

div.mininavi a.mnactive:hover {
  background-color: #8FAD34;
  color: #DDF775;
  text-decoration: none;
}

/* small navigator */
div.mininavi a {
  display: block;
  margin: 0.2em 0.3em;
  padding: 0.15em 0.3em;
}

div.mininavi a img {
  display: inline;
  vertical-align: bottom;
  margin: 0 0.35em 0 0;
}

div.mininavi h3 {
  font-weight: bold;
  font-size: 100%;
  margin: 0 0 1em 0;
  padding: 0.2em 0.35em;
  background-color: #336600;
  color: white;
  clear: none;
}

span#vkontakt, span.vkontakt {
  display: block;
  height: 25px;
  overflow: hidden;
  border: 0;
  margin: 0.3em 0;
  padding: 0;
  vertical-align: top;
}

h2 span#vkontakt, h3 span#vkontakt, h2 span.vkontakt, h3 span.vkontakt {
  margin: 0.3em 0 0 0;
}

span#vkontakt>a, span.vkontakt>a {
  margin: 0 0.25em 0 0;
}

span#vkontakt img, span.vkontakt img {
  border: 0 none white;
  vertical-align: top;
}

span#vkontakt a img, span.vkontakt a img {
  position: relative;
  z-index: 2;
  opacity: 0.66;
  filter: alpha(opacity = 60); /* hello ie! */
}

span#vkontakt a:hover img, span.vkontakt a:hover img {
  opacity: 1.0;
  filter: alpha(opacity = 100); /* hello ie! */
}

span#vkontakt div, span#vkontakt iframe {
  vertical-align: top !important;
}

.emvideo, .emmap {
  padding: 0;
  border: 0;
  margin: 1em 0;
  display: block;
  max-width: 100%;
}

iframe.emmap {
  width: 66%;
  height: 50vh;
}

div.emmap iframe {
  width: 66%;
  height: 50vh;
}

.emvideo {
  
}

/* === */
#jammer {
  height: 150px;
  width: 80px;
  position: fixed;
  *position: absolute;
  top: 400px;
  left: 0;
  padding: 0;
  border: 0 none;
  visibility: hidden;
  overflow: hidden;
}

#jammer a, #jammer a:visited, #jammer a:hover {
  border: 0 none;
  text-decoration: none;
}

#jammer img {
  display: block;
  margin: 0 0 0 -1px;
  border: 0 none;
}

/*======catalogs. Library and education========*/
div.book_short {
  margin: 1.7em 0 1.7em 1.3em;
  clear: left;
  overflow: hidden;
}

div.book_short div.i {
  background: #ffffff;
  border: 2px solid #e8e8e8;
  text-align: right;
  float: left;
  width: 120px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.book_short.wide div.i {
  height: 100px;
  width: 180px;
}

div.book_short.xwide div.i {
  width: 320px;
}

#content div.book_short div.i img {
  margin: 0;
  padding: 0;
  display: block;
}

div.book_short div.t {
  margin: 0 0 2em 133px;
  max-width: 600px;
  padding: 0;
  overflow: hidden;
}

div.book_short.wide div.t {
  margin: 0 0 2em 195px;
}

div.book_short.xwide div.t {
/*  margin: 0 0 2em 335px;*/
  margin: 0 0 2em 0;
  padding: 0 0 0 0.5em;
}

div.book_short.wide div.t p {
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 1.25em;
}

div.book_short div.t p.authors, ul.book_texts p.authors, dl.texts_authors dd.t p.book,
  div.book_short div.t p.etc {
  margin: 0;
  color: #333;
}

div.book_short div.t p.etc {
  margin: 0.7em 0;
}

div.book_short div.t p a {
  color: #333;
  white-space: nowrap;
}

div.book_short div.t h3, div.book_short div.t h4 {
  color: #404040;
  clear: none;
  font-weight: normal;
  font-style: normal;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.1;
}

div.book_short div.t h3 a, div.book_short div.t h3 a:visited, div.book_short div.t h4 a,
  div.book_short div.t h4 a:visited {
  text-decoration: none;
}

div.book_short div.t h3 a:hover, div.book_short div.t h4 a:hover {
  text-decoration: underline;
}

div.book_short div.t .tag {
  font-size: 80%;
  float: right;
  background: #ffffff;
  padding: 0.2em;
  margin: 0 0.1em;
  border-radius: 0.2em;
}

div.book_short div.t .tag.typeX {
  background: white;
  color: red;
}

div.book_short div.t .tag.type0 {
  background: #ff0000;
  color: white;
}

div.book_short div.t .tag.type1 {
  background: #ffff80;
}

div.book_short div.t .tag.type2 {
  background: #117711;
  color: white;
}

div.book_short div.t .tag.type3 {
  background: navy;
  color: gold;
}

div.book_short div.t .tag.type4 {
  background: orange;
}

div.book_short div.t .tag.type5 {
  background: #aaaaff;
  color: #000044;
}

div.book_short div.t .tag:hover {
  opacity: 0.75;
}

div.book_short a.itms {
  margin: 0.7em 0 0 0;
  display: block;
  float: left;
  clear: left;
}
/*end catalogs*/

/* image popup */
#pixapop {
  position: fixed;
  display: none;
  border: 1px solid #a0a0a0;
  background: #f8f8f8;
  padding: 0.2em 0.35em 0.35em 0.35em;
  margin: 0;
  z-index: 1001;
  box-shadow: 0 0 0.5em 0 #e0e0e0;
  border-radius: 0.35em;
}

#pixapop a, #pixapop a:visited {
  color: #800000;
  float: right;
  padding: 0;
  margin: 0 0 0.15em 0;
  font-size: 80%;
}

#pixapop a span {
  display: inline;
}

#pixapop img {
  border: 0 none;
  padding: 0;
  margin: 0 auto;
  display: block;
}

#pixapop span {
  display: block;
  max-width: 500px;
  text-align: center;
  font-size: 80%;
  margin: 0.3em auto;
  padding: 0.1em 0 0 0;
  border: 0 solid #808080;
  border-width: 1px 0 0 0;
}

#copyright {
  font-size: 75%;
  text-align: left;
  margin: 0.5em 1em 1em 1em;
  padding: 0.15em 0.35em 0 0;
  color: #808080;
}

#copyright a {
  text-decoration: none;
  color: #101010;
}

#copyright em {
  color: #330000;
}

/* таблица с контактной информацией, к кому обращаться */
table.contacts, div.bigtxt table.contacts {
  margin: 1.5em 0;
  border: 0 solid #a0a0a0;
  border-width: 1px 0 1px 0;
  vertical-align: bottom;
  text-align: left;
  max-width: 96%;
}

table.contacts th, div.bigtxt table.contacts th {
  background-color: #F8F8F0;
  color: #202020;
  font-weight: bold;
  padding: 0.3em 1em;
  border: 0 dashed #afafaf;
  border-width: 0 0 1px 0;
}

table.contacts td, div.bigtxt table.contacts td {
  background-color: #ffffff !important;
  color: #202020;
  font-weight: normal;
  vertical-align: top;
  padding: 0.3em 1em;
  margin: 0;
  border: 0 dashed #afafaf;
  border-width: 0 0 1px 0;
}

table.contacts td.title, div.bigtxt table.contacts td.title {
  background-color: #FFF5CD !important;
}

/* maps */
div.google_map {
  border: 1px solid red;
  margin: 0 0 0.7em 0.35em;
  padding: 0.1em;
  box-shadow: 0.15em 0.15em 0.15em 0 #c0c0c0;
  position: relative;
}

div.google_map.index {
  height: 800px;
  height: 80vh;
  width: 48%;
  float: right;
}

div.google_map.smallmap {
  width: 300px;
  height: 320px;
  height: 45vh;
  margin: 0 0 0.7em 0.35em;
  float: right;
}

#bigmap_link {
  text-align: center;
  text-decoration: none;
  border-radius: 0 0 0 0.7em;
  font-size: 10pt;
  border: 1px solid #444;
  border-width: 0 0 1px 1px;
  background: #E4E4E4;
  padding: 0.35em 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1001;
  width: 50%;
}

#bigmap_link:hover {
  background: #c0c0c0;
  color: black;
}

#map_baloon {
  font-size: 10pt;
  text-align: center;
  width: 180px;
  border-radius: 0.35em;
  border: 1px solid #888;
  background: #ffffff;
  box-shadow: inset 0 0 0.35em 0 #c0c0c0;
  padding: 0.7em 0.35em;
  position: absolute;
  z-index: 1111;
}

#map_baloon b {
  display: block;
  margin: 0;
  padding: 0;
}

#map_baloon span {
  color: #606060;
  margin: 0;
  padding: 0;
}

#map_baloon img {
  display: block;
  margin: 0 auto;
  padding: 0;
  background: #c0c0c0;
  border: 0 none;
}

a.bigbutton, a.bigbutton:visited, a.bigbutton:active {
  display: block;
  max-width: 320px;
  min-width: 200px;
  padding: 0.35em 0 0.35em 0;
  margin: 0.7em auto;
  color: white;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #cccccc;
  overflow: hidden;
  font-variant: small-caps;
}

a.bigbutton.huge {
  padding: 0.5em 0.5em;
  margin: 0.3em auto;
  font-size: 120%;
  min-width: 6em;
  max-width: 500em;
}

a.bigbutton.inline {
  padding: 0.5em 0.5em;
  margin: 0.3em auto;
  font-size: 120%;
  min-width: 6em;
  max-width: 300em;
  
}

a.bigbutton em {
  float: right;
  display: inline-block;
  vertical-align: bottom;
  padding: 0;
  margin: -0.3em 0.7em 0 0.7em;
  font-weight: bold;
  font-style: normal;
  font-size: 150%;
  border: 0 solid #ccc;
  *display: none; /* hello IE6! */
}

a.bigbutton em.r {
  float: right;
}

/* add 13.06.2021 */
img.small {
max-width: auto;
}

a.bigbutton em.l {
  float: left;
}

a.bigbutton span {
  font-size: 70%;
}

a.bigbutton.red, a.bigbutton.red:visited, a.bigbutton.red:active {
  background: #DD3100;
  color: white;
/*   margin: 10%; -space for julia*/
}

a.bigbutton.red:hover {
  background: #C82D00;
  color: white;
}

/*a.bigbutton.yellow, a.bigbutton.yellow:visited, a.bigbutton.yellow:active {
  background: #12a5b0;
  color: white;
}

a.bigbutton.yellow:hover {
  background: #0696a1;
  color: white;
}*/

a.bigbutton.green, a.bigbutton.green:visited, a.bigbutton.green:active {
  background: #44a000;
  color: white;
}

a.bigbutton.green:hover {
  background: #337600;
  color: white;
}

a.bigbutton.grey {
  background: #b0b0b0;
}

a.bigbutton.grey:hover {
  background: #7f7f7f;
}

a.bigbutton.yellow, a.bigbutton.yellow:visited, a.bigbutton.yellow:active
  {
  background: #FF6600;
  color: white;
}

a.bigbutton.yellow:hover {
  background: #E85D00;
  color: white;
}

a.bigbutton.blue, a.bigbutton.blue:visited, a.bigbutton.blue:active {
  background: #0070C1;
  color: white;
}

a.bigbutton.blue:hover {
/*  background: #0068B4;*/
  background: #252994;
  color: white;
}

a.bigbutton.left {
  clear: left;
  float: left;
}

a.bigbutton.right {
  clear: right;
  float: right;
}

a.bigbutton.vspace {
  margin-top: 0.7em !important;
  margin-bottom: 3.25em !important;
}

.pager {
  font-size: 90%;
}

.pager.topper {
  margin: 0 0 3em 0;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#cboxOverlay {
  background: #c8c8c8;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}

#colorbox {
  outline: 0;
  background: #f0f0f0;
  border: 1px solid #aaaaaa;
  border-radius: 0.35em;
  box-shadow: 0 0 0.5em 0 #e0e0e0;
}

#cboxContent {
  background: #e8e8e8;
  overflow: visible;
  margin: 1em 0.33em 2em 0.33em;
  padding: 0;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  padding: 0;
  margin: 0;
  display: block;
}

#cboxTitle {
  position: absolute;
  padding: 0.1em 0 0 0;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  font-size: 0.8em;
  color: #111111;
  position: absolute;
  bottom: -2em;
  margin: 0;
  background-color: #f0f0f0;
  opacity: 0.8;
}

#cboxPrevious, #cboxNext, #cboxClose {
  border: 0;
  padding: 0.35em 0;
  margin: 0;
  overflow: hidden;
  background: #c0c0c0;
  color: #444444;
  opacity: 0.25;
  position: absolute;
  font-size: 1.5em;
  vertical-align: top;
  font-weight: bold;
  width: 1.5em;
  outline: none;
  text-align: center;
  transition: opacity 250ms linear;
}

#cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, #cboxSlideshow:hover {
  opacity: 1;
  color: #000000;
}

#cboxPrevious:active, #cboxNext:active, #cboxClose:active {
  outline: none;
}

#cboxPrevious {
  left: 0;
  top: 48%;
  border-radius: 0 0.5em 0.5em 0;
}

#cboxNext {
  right: 0;
  top: 48%;
  border-radius: 0.5em 0 0 0.5em;
}

#cboxClose, #cboxSlideshow {
  position: absolute;
  padding: 0;
  right: 0;
  top: -1.2em;
  line-height: 1em;
  background: none;
  color: #660000;
  line-height: 0.8em;
  font-size: 0.8em;
  opacity: 1;
  width: auto;
  text-align: right;
  font-weight: normal;
  border: 0 none;
}

#cboxSlideshow {
  right: auto;
  left: 0;
  outline: none;
}
/*13-06-21 add MAX-width */
@media ( max-width : 1100px) {
  div.bigtxt img.inline {
    max-width: 720px;
    height: auto !important;
  }
}

@media ( max-width : 1000px) {
  body {
    padding: 0 0.35em;
  }
  #content {
    margin: 0.7em;
  }
  div.bigtxt>p, div#content>h3, div.bigtxt>h3, div#content>h4, div.bigtxt>h4,
    div.bigtxt>ul, div.bigtxt>ol, div.bigtxt>dl, div.bigtxt>div.inset,
    div.bigtxt>div.opener, div.bigtxt>div.trailer, div.catpixs {
    margin-right: 1em;
  }
  div.bigtxt figure.inline {
    max-width: 66%;
  }
  div.bigtxt img.inline {
    max-width: 99%;
    height: auto !important;
  }
  .emmap {
    width: 60vw;
    height: 66vh;
  }
}

@media (max-width : 640px) {
  body, html {
    font-size: 11pt;
    padding: 0;
  }
  #content {
    margin: 0.35em;
  }
  div.inset {
    margin-right: 2em;
  }
  div.bigtxt img.attached, img.attached, div.catpixs img {
    max-width: 33%;
    margin: 0 0 0.35em 0;
    height: auto !important;
  }
  #banners {
    display: none;
  }
  div.mininavi {
    
  }
  div.book_short div.i {
/*    float: none; */
  }
  div.book_short div.t {
    margin-left: 0;
  }

  div.bigtxt figure.inline {
    max-width: 98%;
  }
}


.telegram-button{
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 22px;
    box-sizing: border-box;
    
    cursor: pointer;
    background-color: #0088cc;
    border-radius: 3px;
    padding: 3px 6px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    text-decoration: none;
}

.telegram-button:hover{
    background-color: #007dbb;
}

.telegram-button:active{
    background-color: #026698;
}

.telegram-button i{
    display: inline-block;
    height: 12px;
    width: 14px;
    vertical-align: middle;
    margin-right: 2px;
    color: white;
    background: url('/include/tg_button_small.png') no-repeat;
    background-size: contain;
}

.telegram-button span{
    display: inline-block;
    vertical-align: top;
        color: white;
}

/* Добавляем раскрывающееся меню */
details {
    color: grey;
    cursor: pointer;
}
/* Убираем стандартный маркер Chrome */
details summary::-webkit-details-marker {
  display: none
}
/* Убираем стандартный маркер Firefox */
details > summary {
  list-style: none;
}

/* Добавляем собственный маркер для закрытого состояния */
details summary:before {
  content: '►';
/*  font-family: "Font Awesome 5 free";*/
/*  margin-right: 7px;*/
}

/* Добавляем собственный маркер для открытого состояния */
details[open] summary:before {
  content: '▼';
}