body {
  x-min-width:480px;
  font-size:100%;
}
#alt_main_title {
  display:none;
}
#top {
  box-shadow:0 2px 1px #333;
}

#top_home_ico {
  margin-top:6px;
  margin-right:20px;
  vertical-align:top;
}

#bot_home_ico {
  margin-top:6px;
}

#top li, #bot li {
  list-style:none;
}

#top_home_ico, #top_name img, #top_home h1, #top_home h2, #top_home ul {
  display:inline;
}

#top_lang {
  float:right;
  margin-left:1em;
  font-size:120%;
}

#content {
  box-shadow: 8px 8px 6px #333;
  position:relative;
}
.num_content {
  max-width:500px;
}

  #top_home {
    float:left;
    display:inline-block;
  }
  #top_name {
    margin-right:0.3em;
  }
  #top_menu:after, #bot_menu:after, #content:after {
    content:"";
    display:block;
    clear:both; 
    height:0;
  }
  #bot ul {
    margin:0 0 5px 1em;
  }
  #bot_menu ul , #bot_home_ico {
    float:left;
    display:block;
  }
  #bot_menu li {
    margin-bottom:0.4em;
    margin-left:0.8em;
  } 

.author {
   margin-bottom:3em;
}
.subtitle {
   margin-bottom:1em;
}

.text {
   padding-bottom:1.5em;
   text-align:left;
   margin:0px auto;
   max-width:47em;
}


.text p, .vers, ul, ol {
   line-height:130%;
}
.text p {
   text-indent:24px;
}

#top_cont {
   position:absolute;
   right:0;
   top:0;
}
#top_pre, #top_next {
   position:absolute;
   top:42px;
}
#top_pre {
   left:3px;
}
#top_next {
   right:3px;
}

h1.title, h2.title, h3.author, h2.subtitle, h3.subtitle {
   max-width:24em;
}

/* eo normal */

@media (min-width:1000px) {
  #content .top_anounce {
    position:absolute;
    left:550px;
    right:-24px;
    padding:16px 32px 16px 32px;
    box-shadow: 8px 8px 6px #333;
    background: #333;
    background-image: url('/nevol/2015-47/Pictures/ztihi-bg-2.jpg');
    background-position:right top;
    background-repeat:no-repeat;
    color:#84544F;
    border:none;
  }
  #content .top_anounce .title {
    margin-right:80px;
    color:#84544F;
  }
  #content .top_anounce a:link , #content .top_anounce a:visited {
    color:#ECECEC;
  }
  #content .top_anounce .alt_link a:link , #content .top_anounce .alt_link a:visited {
    color:#596b8c;
  }
  #content .top_anounce_details {
    margin-right:80px;
    margin-bottom:24px;
  }
  #content #top_anounce_rfloat {
    position:static; float:right; margin-left:50px; margin-right:-90px; border:none; max-width:350px;
  }
  #top_anounce_link_descr { color:#ccc; }
}

@media (max-width:900px) {
  body {
    background-image:none; 
  }
  #content {
    border:none;
    box-shadow:none;
  }
}

@media (max-width:800px) {
  #top_home_ico, #bot_home_ico {
     display:none;
  } 
  #bot_menu li { 
     margin:0;
     list-style:none;
  }
  #bot_menu ul {
    margin:0 24px 0 0;
    padding:0;
  }
}

@media (max-width:640px) {
  #bot_menu ul , #bot_home_ico, #top_home {
    float:none;
  }
  #top_menu ul {
    padding:0;
  }
  #top_menu li {
    margin-left:0.2em;
  }
  #top_menu ul li:first-child {
    margin-left:0;
  }
  #top_lang {
     vertical-align:top;
  }
  #top_home {
     display:inline-block;
  }
  #top_cont, #top_pre, #top_next {
    position:static;
    top:auto;
    left:auto;
    right:auto;
  }
  #content {
    padding:8px 4px 24px 4px;
  }
  #index {
    padding-left:2px;
    background-image: none;
  }
  #index_logo {
    position:static;
  }
  #index_about {
   width:auto;
  }
}

@media (max-width:400px) {
  #top, #bot {
    padding:2px 4px 2px 4px;
  }
  #top ul, #bot_menu ul { 
     margin:0;
     padding:0;
  }
  #top_menu li, #bot_menu li { 
     margin:0;
     list-style:none;
  }
  #content {
    padding:4px 4px 24px 4px;
  }
  body {
    min-width:0;
  }
  #index_logo {
    display:none;
  }
}