* { box-sizing: border-box; }

body { font-family: Arial; }
/* стиль вообще ссылок в тексте */
a:hover {
	color: #000099;
	text-decoration: underline;
}
a:link {
	color: #000099;
	text-decoration: none;
        text-decoration: underline;
}
a:active {
	color: #FFFF00;
	text-decoration: underline;
}
a:visited {
	color: #000099;
	text-decoration: none;
}

/* стиль ссылок всех меню и подменю - меняем фон с цветного на серый при наведении */
.menu a { background-color: #666666; color: white; padding: 1px 4px 3px 4px; text-decoration: none; font-family: Arial; font-size: 16px; }
.menu a:hover {  background-color: gray; }
.menu a { border: 0px solid white; line-height: 24px; }

/* текстовый логотип АРДА */
a.logo, a:hover.logo { background-color: white; }
a.logo { color: #666666; font-size: 2em; text-align: right; padding: 0 0 9px 0; }
a:hover.logo { color: gray; }

/* для граф логотипа */
.logo img { width: 100%; max-width: 200px; }
.logo img:hover { -webkit-filter: Contrast(0.5); filter: Contrast(0.5); }

.up { width: 1000px; text-align: center; }
.left { }
.right { float: right; width: 25%; max-width: 5.5em; margin: 0 0 0 1em; }

/* ibanner */
.right svg {max-width:100% !important;}
.right a span { color: yellow !important; }

.right a, linklist a { display: block; text-align: left; width: 100%; margin: 2px 0 6px 0; word-wrap: break-word; }
.linklist a::before { content: "• "; }
.linklist a { display: list-item; }
/* a.logo { color: darkgrey; background-color: white; font-size: 4em; text-align: right; padding: 0 0 9px 0; }
a.logo:hover { color: grey; }
*/

/* used by /js/active.js to mark current page link */
.active { background-color: #999999 !important; }
/* used by /js/active.js to mark current sub link ( /about/ for /about/anketa.htm for example) */
.subactive { background-color: #bbbbbb !important; }
.logo { background-color: white !important; }
.shapka { background-color: white !important; }
.footer { border-top: 2px solid darkgrey; }
.footer, .footer * { font-size: 0.7em; }
.footer .copy { float: right; border-left: 2px solid darkgrey; padding: 0 0 0 1em; font-size: small; }
.footer h2 { display: inline; font-size: small; }

/* -- arrow top control -- */
.scrollTop{
    display:block;
    position:fixed;
    width:50px;
    height:50px;
    bottom:60px;
    right:3%;
    background:url(/css/arrow_top.png) 0 0 no-repeat;
    z-index:2000;
}
.scrollTop:hover{background-position:0 -55px;}

/* -- yashare -- */
.yashare-auto-init { float: right; margin: 0 4% 0 0; }
.b-share-icon {
    width: 36px !important;
    height: 27px !important;
    background: url(/css/yashare-grey.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 -- */


.shapka { width: 1000px; height: auto; border: 0px; }
.date { font-style: italic; }
.date:before { content: "  "; }
.posv { font-style: italic; }

.td { display: table-cell; float: left; max-width: 98%; margin: 0 1em 0 0; }
.td:last { margin: 0 0 0; }
.table { display: table-row; }
.td.book { max-width:25%; width: 180px; text-align: center; }
.td.book img { max-width:100%; width: 165px; float: none; clear: all; }
.td.book img:after { content: " "; }
.book h2 { display: inline; }
.pre { white-space: pre-wrap; }
.pre h2, .pre h3, .pre h4 { margin: 0.8em 0 0 0; }
pre { padding: 0 0 0 6em; font-family: Arial; }
.pre { padding: 0 0 0 6em; font-family: Arial; }
textarea { width: 100%;  height: 40%}
.source { font-style: italic; padding: 0.5em; display: block; }

/* -- correct style for medium screens (< 999px) -- */
@media screen and (max-width: 999px) {
img { max-width: 45%; }
.shapka { max-width: 99% !important; }
.scrollTop{ left:1%; bottom: 10px; }
.up { width: auto; text-align: left; }
.td.book { max-width: 49%; }
pre { padding: 0 0 0 10%; font-family: Arial; }
.pre { padding: 0 0 0 10%; font-family: Arial; }
}

/* -- correct style for narrow screens (<400px) -- */
@media screen and (max-width: 400px) {
.td { max-width: 99%; margin: 0 0 0; }
.td.book { max-width: 96%; }
.shapka { display: none; }
.footer, .linklist { display: none; }
.scrollTop{ bottom:-12px; left:-6px; }
form, form * { max-width: 100% !important; }
form input { margin: 0px 0px 0px 0px; }
pre { padding: 0 0 0 2%; }
.pre { padding: 0 0 0 2%; }
a.logo { font-size: 1.6em !important; }
body { font-family: "Arial Narrow" !important; }
h1 { font-size: 22px; }
h1, h2, h3, h4, h5, ul, ol, li { margin: 0px; padding: 0px; }
ol, ul { margin: 0 0 0 2px; padding: 0 0 0 4px; }
li { text-indent: 0; }
}