body {  font-family: Arial; font-size: 12px; min-width:1200px; margin: 40px 0px 5px 0px; padding-bottom:30px; background:#FFF; position: relative; z-index: 900000000000; }
a { cursor: pointer; }

h1 { flex-grow: 1;  font-size: 18px;  margin: 0; color: #FFFF00; font-weight:lighter; text-align:center;}
.zh_top {position:fixed; top: 0px; left: 0px;
width:100%;  background: green;
font-size: 14px; padding: 8px 0 7px 50px; box-sizing: border-box; color: #FFF;
font-weight: lighter; z-index: 900000000005; display:flex; flex-flow: row wrap; align-content: flex-start; justify-content:space-between;
}
#zh_top_logo {  }
/*.zh_top h1, .zh_top span { border:1px solid red; }*/

.zh_top img { position: absolute; top: 0px; left: 15px; z-index: 1000;}

.zh_top a { text-decoration: none; }
.zh_click { cursor: pointer; }
.zh_top, h2, .copy {box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
background:#008000;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #008000), color-stop(1, #005200));
background-image: -ms-linear-gradient(top, #008000, #005200);
background-image: -o-linear-gradient(top, #008000, #005200);
background-image: -moz-linear-gradient(top, #008000, #005200);
background-image: -webkit-linear-gradient(top, #008000, #005200);
background-image: linear-gradient(to bottom, #008000, #005200);
 }
.submit { font-family:Arial; font-size: 20px; font-weight: inherit;
margin-top: 15px; margin-bottom: 0px;
 background:#008000; cursor:pointer;
padding:0.4em 1.2em; border-radius:0.4em; border:0; background-image: linear-gradient(to bottom, #00A300, #006600);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
color: #FFFFFF; text-shadow: 0px 0px 18px rgba(255, 255, 255, 0.5); }
.submit:hover { color: #FFFFFF;  background-image: linear-gradient(to bottom, #006600, #00A300); }




.copy a { color:#FFF; }
.copy {
color:#FFF;
font-size: 12px; margin: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
text-align:right;
border-radius: 3px 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.copy img {margin: -3px 5px -3px 5px; }



#grand { width:100%; display: flex; flex-flow: row nowrap; align-content: flex-start; padding: 5px; box-sizing: border-box;}
/***************/



h2 { margin: 10px 0 10px 0; padding: 3px 25px 3px 25px; font-size: 14px; color: #FFF; text-transform: uppercase; border-radius: 5px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #008000, #005200); }

#rec_top { flex-basis: 100%;
 display:flex; flex-flow: row wrap-reverse; justify-content: space-between;
min-height:77px; background-image:url('/image/plan8.jpg'); background-size: auto 250%; background-position: 0 -20px;  box-sizing: border-box; }

#help_translate { color: #FFF; }
#help_translate a { color: #FFF; }
#rec0 {margin: 7px 7px; }
#rec2, #rec1 {margin: 7px 7px; line-height:0.5; }
#rec1 { width: 750px; }
#rec2 img, #rec1 img, #rec0 img { margin:0; display: block;}
#top_menu { /**/min-height:34px; font-size: 16px; text-align:center; position:relative; z-index:1000; }
#top_menu a { color: #FFF; cursor: pointer;  display:inline-block; padding:0.5em; text-decoration: none;}
#top_menu a:hover { color: #FFFF53; background-image: linear-gradient(to bottom, #005200, #008000);}
#home_link,#top_menu { background: #008000; background-image: linear-gradient(to bottom, #008000, #005200); }

#left input[type="text"],#left select { font-family: Arial, Verdana; font-size: 14px; color: green;
font-weight: inherit; border: 1px solid #008000; padding: 2px 3px; margin-bottom: 5px;}
#left input[type="text"] { width:60px;  }
#form_credit input[type="text"] {width:100px;}

#left, #center, #right,footer,#autor,#info  { padding: 5px;  box-sizing: border-box; border:2px solid #008000; border-radius:5px; background:#FFF;}
#home_link,#top_menu,footer,#autor,#info { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
#left, #center, #right { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); box-sizing: border-box;}
#left {  flex-basis: 300px; text-align: right;font-weight: bolder;}
#center { flex-basis: 740px; flex-grow: 1; margin: 0 5px; min-width:740px;}
.frame1 { width:100%; min-height:450px; margin:0 0 10px 0; border: 2px solid green;  box-sizing: border-box; resize: vertical; }
.fullscr { position: fixed; top:0; width:96%; left: 2%; height:100%; z-index:10000; border-radius:5px; border: 2px solid green; box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.7); box-sizing: border-box;}
#center strong { color: red; }
#left b { color: red; }
#right { flex-basis: 200px; }

.submit { font-family:Arial; font-size: 20px;
margin-top: 15px; margin-bottom: 5px; background:#008000; cursor:pointer;
padding:5px 20px; border-radius:5px; border:0; background-image: linear-gradient(to bottom, #00A300, #006600);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); color: #FFFFFF;
text-shadow: 0px 0px 18px rgba(255, 255, 255, 0.5);}
.submit:hover { color: #FFFFFF;  background-image: linear-gradient(to bottom, #006600, #00A300); }
footer { margin:0 2px; }

#dop_menu { position:absolute; z-index:1000; left:0; top:142px; background: #FFF000;}
.mhide { position: absolute; top:0; left:0px;
transition: height 0.9s ease-in-out, left 0.3s ease-in-out, opacity 0.6s linear; height:100%; overflow: auto;}
.mvisible { position: absolute; top:0; left:100%;
border:1px solid #008000; box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.7); background: #FFF;
transition: height 0.1s ease-in-out, left 0.5s ease-in-out, opacity 0.8s linear; height: 100%;
overflow: auto; min-width:100%;}

#info { line-height:1.5; padding:5px; margin: 5px; font-size:14px; white-space: pre-wrap; }
#info h2 { background: none; color: #008000; padding: 0; box-shadow: none;}
#autor { line-height:1.5; padding:5px; margin: 5px; font-size:14px; white-space: nowrap; color:green; }
#autor img { margin:5px 5px 20px 20px; float:left;}
#autor a { color: #0000FF; }
#autor .lfb {background: url('http://www.zhitov.ru/image/subscribe/b-share-icon.png'); background-position: left -67px; background-repeat: no-repeat;  padding: 2px 0 1px 20px; line-height:2.2; margin:0 5px 0 0;}
#autor .lvk {background: url('http://www.zhitov.ru/image/subscribe/b-share-icon.png'); background-position: 0px left; background-repeat: no-repeat; padding: 2px 0 0px 20px;  }


#post_count { display: inline-block; float:right; margin: 0 10px 0 10px;}
#total_count { color: green; display: inline-block; margin: 20px 0 20px 0;}

#upper { position:fixed; right:10px; bottom:10px; display:none; color:#008000; font-size:30px;}
.recomend { width: 700px; margin-top: 10px;/* text-align: left;*/ }

::selection { background: #009933; color: #fff; }
/********************/

#zhitov_div {margin: 5px 0 25px 0;}
#zhitov_div a:hover { color:#0000FF;}
#zhitov_div h2 {font-family: Arial; background: green; font-size: 20px;  padding: 3px 0px 3px 0px; margin: 4px 0px 4px 0px;  color: #FFFF53; text-align: center;}
#zhitov_div h3 {color:green; margin: 5px 0 5px 0;}
.zhitov_inline {display: inline-block; font-size: 12px;
max-width:104px; height:104px; margin-right:4px; margin-bottom:4px;
cursor:pointer;
outline: none;
text-decoration: none;
position: relative;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
border: 1px solid green;
 line-height: 1.3em;
border-radius: 5px;
}
.zhitov_inline:hover {box-shadow: 4px 4px 8px rgba(90, 90, 90, 0.7);}
.zhitov_inline img { margin: 0px; border-radius: 5px; border:0;}

.zhitov_inline span {
padding: 5px;
border: 1px solid green;
border-radius: 5px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);

position: absolute; left: 0px; bottom: 100px;
min-width: 100px;
max-width: 100px;
opacity: 0.95;
}
.d3:before { color:#008000; font-size:22px; position: absolute; left: 5px; bottom: 7px; opacity:0.7;
font-family: "fontello";content: '\e825';}

.new:after {content:"NEW"; padding:2px; color:red; font-size:12px; font-weight:bolder;  position: absolute; right: -5px; top: -3px; background-color:#FFFF99; border:1px solid red;
border-radius: 5px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

#center .center_info { padding: 0 15px; line-height:1.4; }


.img_stat { position:absolute;top:0;left:0; }

.zhitov_copy a { color:#FFF; }
.zhitov_copy {
 background: green; color:#FFF;
font-size: 12px; margin: 5px 0px 5px 0px; padding: 5px 10px 5px 10px;
text-align:right;}
.zhitov_copy img {margin: -3px 5px -3px 5px; }
.zhitov_anons { padding: 0 0 0 0px;}
.zhitov_copy {
border-radius: 3px 3px;5;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

#chayka_cupe2 { background: #01633D; width:100%;height:70px; color:#FFFF00; padding: 5px 5px 5px 5px; font-size:14px; box-sizing:border-box; line-height:1.6; position:relative; display:inline-block; max-width:800px;}
#chayka_cupe2 a { color:#FFFF00;}
#chayka_cupe2 a:hover { color:#02CF80; color:#FFF;}
#chayka_cupe2 img{ float: left; margin-right:20px; height:60px;   }

/***********/
#menu { font-size:16px;  line-height: 1.8;text-align:left; background:#FFFF00; box-sizing: border-box;}
#menu a, #language a, #language a:visited{ text-decoration:none; color: #000; white-space: nowrap; z-index:20;}
#menu a:hover, #language a:hover {  color:#008000; }
#menu, #menu b { color:#FFF; }

#menu img {  margin:0px 5px -5px -15px; float: left;}
#menu a { display:block; margin:2px; position:relative; padding:3px 70px 3px 20px; border:1px solid gray;  background:#FFF; }
#menu a:hover {  border:1px solid gray;  background:#008000; color:#FFF; transition: color 0.5s ease, background 0.8s ease;}

#menu a span{ position:absolute; bottom:1px; left:5px; font-size:10px;}

#menu a.active { color: #BB7D3E;  background:#A8A8A8; color:#FFF;  }
#menu a.m3:before { color:#FF0000; font-size:16px; position: absolute; right:5px; top: 5px; opacity:0.9;
font-family: "fontello";content: '\e825 3D';}

#language { font-size:12px; box-sizing: border-box;}
#language a{ margin:5px; }

#help, #setting { padding:10px 30px 20px 20px; font-size:16px; line-height:1.6; font-family: Arial, monospace; text-align: left;}
#help span, #setting span { font-size:16px; color:#008000;}
#setting { padding:10px 30px 20px 20px; }


#lock {padding:3.5em 1em;box-sizing: border-box; font-size:16px; line-height:1.8; }
#bookmark {  font-size:14px;  background-color:#FFF; padding:3.5em 1em; box-sizing: border-box;}
#bookmark .link { }
#bookmark .graylink { color:gray; text-decoration:none;}
#bookmark .graylink:hover { color:#000; }


#bookmark span { color:green; font-size:16px; }

#bookmark .item {  margin:0.3em 0; padding: 5px 5px 5px 2px; border:1px solid green; min-width: 220px; }
#bookmark .item img { width:48px; margin-right:5px; float:left; border:1px solid gray;}
#bookmark .item:hover { background: #FFFFBD;}

#bookmark .del { float:left;color:red; padding:0 0.2em 0 0; font-size:16px;}
#bookmark .del:hover { color:#CC0033; }

.close {  position:absolute; top:10px; right:10px; cursor:pointer; color:red; font-size:16px;}

#save_block { font-size:1.6em; display:inline-block; padding:0.1em 0.3em; margin:0 0 10px 0; text-align: center; border:1px solid green; border-radius:5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
#save_block.registered { background: #FFFF70;  }
#save_block.unregistered { background: #FFF;  }
#save_block span{ font-size:0.8em;  }

#save_block.registered a{ color:#008000;  }
#save_block.registered a:hover{  color:#0099CC; }
#save_block.unregistered a{ color:#999999;  }
#save_block.unregistered a:hover{  color:#0099CC; }

#zh_mail { position:absolute; left:60px; top:185px; background: #FFF; font-size:16px; padding:40px 10px 10px 10px; display:block;border:1px solid green; border-radius:5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); opacity:0.95; white-space: pre-line; min-width:310px; }
#zh_mail input[type="text"] { font-size:16px; width:200px; }
#zh_mail input[type="submit"] { font-size:16px;  }
#zh_saved_books { position:absolute; right:20px; top:10px; font-size:12px;  }
#animate-spin { font-size:48px; color:green; }

#saved_ok { position:fixed; left:200px; top:10px; font-size:18px; color:green; opacity:0.8; }
#saved_message { position:absolute; left:20px; top:10px; font-size:14px; color:green; opacity:0.8;  }

.tab_cupe {border-collapse:collapse;  margin-top: 5px; border:1px solid green; float:right; }
.tab_cupe td{font-weight:normal; padding:5px; border:0px solid green; vertical-align:top; text-align:right;}
#left .tab_cupe input[type="text"]{color:green; width:35px; margin-right: 2px; }


.lang_flag { border: 0; padding: 0; text-align: left; }
.lang_flag tr {border: 0;}
.lang_flag td {border: 0;padding: 0 1em 0 0;}
.lang_flag a {display: block; font-family: Arial Narrow, Arial; font-weight: normal !important; line-height: 1.6; text-decoration: none; white-space: nowrap; color:#FFF; font-size:1.4em;}
.lang_flag a:hover {color: #FFFF00;}
.lang_flag .translate_flag  {background: url(/image/flags.png) no-repeat;border: 0;margin: 0;padding: 0; width:16px; height:11px; display: inline-block;}

.lang_flag .af {background-position: 0 0;}
.lang_flag .ar {background-position: 0 -12px;}
.lang_flag .be {background-position: 0 -24px;}
.lang_flag .bg {background-position: 0 -36px;}
.lang_flag .ca {background-position: 0 -48px;}
.lang_flag .cs {background-position: 0 -60px;}
.lang_flag .cy {background-position: 0 -72px;}
.lang_flag .da {background-position: 0 -84px;}
.lang_flag .de {background-position: 0 -96px;}
.lang_flag .el {background-position: 0 -108px;}
.lang_flag .en {background-position: 0 -120px;}
.lang_flag .es {background-position: 0 -132px;}
.lang_flag .eu {background-position: 0 -132px;}
.lang_flag .et {background-position: 0 -144px;}
.lang_flag .fa {background-position: 0 -156px;}
.lang_flag .fi {background-position: 0 -168px;}
.lang_flag .fr {background-position: 0 -180px;}
.lang_flag .ga {background-position: 0 -192px;}
.lang_flag .gl {background-position: 0 -204px;}
.lang_flag .he {background-position: 0 -216px;}

.lang_flag .hi {background-position: 0 -228px;}
.lang_flag .te {background-position: 0 -228px;}
.lang_flag .mr {background-position: 0 -228px;}
.lang_flag .ml {background-position: 0 -228px;}

.lang_flag .hr {background-position: 0 -240px;}
.lang_flag .hu {background-position: 0 -252px;}
.lang_flag .id {background-position: 0 -264px;}
.lang_flag .jw {background-position: 0 -264px;}
.lang_flag .is {background-position: 0 -276px;}
.lang_flag .it {background-position: 0 -288px;}
.lang_flag .ja {background-position: 0 -300px;}
.lang_flag .ko {background-position: 0 -312px;}
.lang_flag .lt {background-position: 0 -324px;}
.lang_flag .lv {background-position: 0 -336px;}
.lang_flag .mk {background-position: 0 -348px;}
.lang_flag .ms {background-position: 0 -360px;}
.lang_flag .mt {background-position: 0 -372px;}
.lang_flag .nl {background-position: 0 -384px;}
.lang_flag .no {background-position: 0 -396px;}
.lang_flag .pl {background-position: 0 -408px;}
.lang_flag .pt {background-position: 0 -420px;}
.lang_flag .ro {background-position: 0 -432px;}
.lang_flag .ru {background-position: 0 -444px;}
.lang_flag .sk {background-position: 0 -456px;}
.lang_flag .sl {background-position: 0 -468px;}
.lang_flag .sq {background-position: 0 -480px;}
.lang_flag .sr {background-position: 0 -492px;}
.lang_flag .sv {background-position: 0 -504px;}
.lang_flag .sw {background-position: 0 -516px;}
.lang_flag .th {background-position: 0 -528px;}
.lang_flag .tl {background-position: 0 -540px;}
.lang_flag .ceb {background-position: 0 -540px;}
.lang_flag .tr {background-position: 0 -552px;}
.lang_flag .uk {background-position: 0 -564px;}
.lang_flag .vi {background-position: 0 -576px;}
.lang_flag .yi {background-position: 0 -588px;}
.lang_flag .zh-cn {background-position: 0 -600px;}
.lang_flag .mww {background-position: 0 -600px;}
.lang_flag .zh-tw {background-position: 0 -612px;}
.lang_flag .hy {background-position: 0 -624px;}
.lang_flag .az {background-position: 0 -636px;}
.lang_flag .ka {background-position: 0 -648px;}
.lang_flag .ht {background-position: 0 -660px;}
.lang_flag .bn {background-position: 0 -672px;}
.lang_flag .la {background-position: 0 -684px;}
.lang_flag .eo {background-position: 0 -696px;}
.lang_flag .ur {background-position: 0 -708px;}
.lang_flag .kk {background-position: 0 -720px;}
.lang_flag .mn {background-position: 0 -732px;}
.lang_flag .tg {background-position: 0 -744px;}
.lang_flag .uz {background-position: 0 -756px;}
.lang_flag .bs {background-position: 0 -768px;}
.lang_flag .lo {background-position: 0 -780px;}
.lang_flag .ne {background-position: 0 -792px;}
.lang_flag .si {background-position: 0 -804px;}
.lang_flag .ig {background-position: 0 -816px;}
.lang_flag .yo {background-position: 0 -828px;}
.lang_flag .mg {background-position: 0 -840px;}
/*.lang_flag .my {background-position: 0 -852px;}*/
.lang_flag .km {background-position: 0 -864px;}
.lang_flag .pa {background-position: 0 -708px;}
.lang_flag .su {background-position: 0 -852px;}
.lang_flag .zu {background-position: 0 0;}
.lang_flag .ny {background-position: 0 -900px;}
.lang_flag .ha {background-position: 0 -816px;}
.lang_flag .yua {background-position: 0 -912px;}

.lang_flag .gu {background-position: 0 -228px;}
.lang_flag .kn {background-position: 0 -228px;}
.lang_flag .ta {background-position: 0 -228px;}
.lang_flag .ky {background-position: 0 -924px;}
.lang_flag .am {background-position: 0 -936px;}
.lang_flag .ku {background-position: 0 -948px;}
.lang_flag .lb {background-position: 0 -960px;}
.lang_flag .ps {background-position: 0 -972px;}
.lang_flag .sd {background-position: 0 -708px;}
.lang_flag .sm {background-position: 0 -612px;}
.lang_flag .gd {background-position: 0 -984px;}
.lang_flag .xh {background-position: 0 0;}
.lang_flag .sn {background-position: 0 -996px;}
.lang_flag .fy {background-position: 0 -384px;}
.lang_flag .so {background-position: 0 -1008px;}
.lang_flag .st {background-position: 0 -1020px;}
.lang_flag .co {background-position: 0 -180px;}
.lang_flag .haw {background-position: 0 -1044px;}
.lang_flag .mi {background-position: 0 -1032px;}
.lang_flag .su {background-position: 0 -264px;}


/* 1170 */

@media all and (max-width: 10px) {
#home_link {  }
#home_right { float:none; font-size: 0.8em;}
}