body { }
* { box-sizing: border-box; }
.predvid { width: 55%; }
.disclaimer { width: 100%; border: 1px solid black; display: block; text-align: center; background-color: #ffeeee; text-decoration: none; }
.epigraf { width: 40%; float: right; }
.sub { float: right; max-width: 30%; margin-right: 0; padding-right: 0; margin-left: 1%;  }
.sub a { display: block; background-color: #ddeedd; padding: 4px; margin: 0 0 6px 6px; text-decoration: none; }
.up { float: right; max-width: 67%; background-color: #eeeeee; margin: 0 1% 0 0; }
.up a { display: inline-block; padding: 2px; margin: 2px; text-decoration: none; }
.td { display: table-cell; }
.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }
/*
.justify { text-align: center; }
.pre { text-align: center; }
*/

.linklist { border-top: 1px solid grey; }
.linklist a { display: list-item; text-indent: 5px; }

/* used by /js/active.js to mark current page link */
.active { background-color: white !important; }
/* used by /js/active.js to mark current sub link ( /about/ for /about/anketa.htm for example) */
.subactive { background-color: #fbfbfb !important; }

/* -- yashare -- */
.yashare-auto-init { float: right; margin: 0 4% 0 0; }
.b-share-icon {
    width: 36px !important;
    height: 27px !important;
    background: url(/image/yashare.png) no-repeat scroll 0px 0px transparent !important;
}
.b-share-icon_vkontakte  {
    background-position: 0px 0px !important;
}
.b-share-icon_vkontakte:hover  {
    background-position: 0px -27px !important;
}
.b-share-icon_moimir {
    background-position: -36px 0px !important;
}
.b-share-icon_moimir:hover {
    background-position: -36px -27px !important;
}
.b-share-icon_odnoklassniki {
    background-position: -72px 0px !important;
}
.b-share-icon_odnoklassniki:hover {
    background-position: -72px -27px !important;
}
.b-share-icon_twitter {
    background-position: -108px 0px !important;
}
.b-share-icon_twitter:hover {
    background-position: -108px -27px !important;
}
.b-share-icon_gplus {
    background-position: -144px 0px !important;
}
.b-share-icon_gplus:hover {
    background-position: -144px -27px !important;
}
.b-share-icon_facebook  {
    background-position: -180px 0px !important;
} 
.b-share-icon_facebook:hover  {
    background-position: -180px -27px !important;
} 
.b-share-icon_lj {
    background-position: -216px 0px !important;
}
.b-share-icon_lj:hover {
    background-position: -216px -27px !important;
}
/* -- /yashare -- */



@media screen and (max-width: 800px) {
.nomobile { font-size: 0.7em; }
.banner, .counters { display: none;  }
body { margin: 0px !important; }
.predvid { width: 100%; }
}

@media screen and (max-width: 400px) {
* { padding: 1px !important; }
* { margin: 1px !important; }
img { width: 100%; height: auto; }
* { font-size: 1em; font-family: "Arial Narrow" !important; }
pre { white-space: pre-wrap; }
* { word-break: break-all; }
.nomobile { display: none; }
}