diff --git a/app/assets/images/500.png b/app/assets/images/500.png
deleted file mode 100644
index ea507efc9..000000000
Binary files a/app/assets/images/500.png and /dev/null differ
diff --git a/app/assets/stylesheets/views/error_pages.css.sass b/app/assets/stylesheets/views/error_pages.css.sass
index 0e89475e0..76734c706 100644
--- a/app/assets/stylesheets/views/error_pages.css.sass
+++ b/app/assets/stylesheets/views/error_pages.css.sass
@@ -1,61 +1,68 @@
 /*404*/
 
-article div.all
+article div.all.error404
+  text-align: center
 
-  .error404
+  img
+    margin: 0 auto
+
+  h1
+    font-size:   48px
+    font-weight: normal
+
+    span
+      color: #4496d0
+
+  h2
+    font-size:   18px
+    font-weight: normal
+
+  p
     text-align: center
-
-    h1
-      font-size:   48px
-      font-weight: normal
-
-      span
-        color: #4496d0
-
-    h2
-      font-size:   18px
-      font-weight: normal
-
-    p
-      text-align: center
-      font-size:  14px
+    font-size:  14px
 
 /*500*/
 
-  .error500
+article div.all.error500
+  text-align: center
+
+  img
+    margin: 0 auto
+
+  h1
+    font-size:   48px
+    font-weight: normal
+
+    span
+      color: #4496d0
+
+  h2
+    font-size:   18px
+    font-weight: normal
+
+  p
     text-align: center
-
-    h1
-      font-size:   48px
-      font-weight: normal
-
-      span
-        color: #4496d0
-
-    h2
-      font-size:   18px
-      font-weight: normal
-
-    p
-      text-align: center
-      font-size:  14px
+    font-size:  14px
 
 /*503*/
 
-  .error503
+article div.all.error503
   text-align: center
 
-    h1
-      font-size:   38px
-      font-weight: normal
-      text-align:  center
+  img
+    margin: 0 auto
 
-      span
-        color: #4496d0
+  h1
+    font-size:   38px
+    font-weight: normal
+    text-align:  center
 
-    h2
-      font-size:   18px
-      font-weight: normal
+    span
+      color: #4496d0
 
-      span
-        color: #4496d0
+  h2
+    font-size:   18px
+    font-weight: normal
+
+    span
+      color: #4496d0
diff --git a/public/404.html b/public/404.html
index 6f0a08e54..f143c25d9 100644
--- a/public/404.html
+++ b/public/404.html
@@ -29,25 +29,22 @@
                 <input class="form-control" id="query" name="query" placeholder="Поиск" type="text" />
               </div>
         </form>
-        <ul class='nav navbar-nav navbar-right'>
-          <ul class='nav navbar-nav'>
-            <li><a href="/register_requests/new">Регистрация</a></li>
-            <li><a href="/users/sign_in">Войти</a></li>
-          </ul>
-        </ul>
       </div>
       <!-- /.navbar-collapse -->
     </div>
     <!-- /.container-fluid -->
   </nav>
   <noscript>
-    <div style='font-size: 12px; color: red; font-weight: bold;'>Включите javascript для корректной работы сайта</div>
+    <div style='font-size: 12px; color: red; font-weight: bold;'>You need javascript to properly use this site</div>
   </noscript>
   <article >
     <div class='row'>
       <div class='col-md-6 col-md-offset-3 text-center'>
         <div class="all error404">
-          <img src="/pics/404.png" class='offset20 img-responsive'>
+          <div class='offset20'>
+            <img src="/pics/404.png" class='img-responsive'>
+          </div>
+          <div class="clearfix"></div>
           <h1>Error <span>404</span></h1>
           <h2>Page not found</h2>
           <p class="pages">
@@ -57,7 +54,6 @@
             Or use the search.
           </p>
           <div class="clearfix"></div>
-
         </div>
       </div>
     </div>
diff --git a/public/500.html b/public/500.html
index 1aa2e55f1..d0bc24eae 100644
--- a/public/500.html
+++ b/public/500.html
@@ -1,97 +1,87 @@
 <html><head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-  <title>500</title>
-  <link href="/assets/application.css" media="screen" rel="stylesheet" type="text/css">
+  <title>404</title>
+  <link href="/assets/new_application.css" media="screen" rel="stylesheet" type="text/css">
+  <script cache="application" src="/assets/new_application.js"></script>
 </head>
 <body>
-  <div class="wrap">
-    <!--Top block-->
-    <header>
-      <div class="left">
+  <nav class='navbar navbar-inverse top_menu' role='navigation'>
+    <div class='container-fluid'>
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class='navbar-header'>
+        <button class='navbar-toggle' data-target='#top-menu-navbar-collapse' data-toggle='collapse' type='button'>
+          <span class='sr-only'>Toggle navigation</span>
+          <span class='icon-bar'></span>
+          <span class='icon-bar'></span>
+          <span class='icon-bar'></span>
+        </button>
+        <a class="navbar-brand" href="/"><img alt="ABF" src="/pics/logo-mini.png" /></a>
       </div>
-      <div class="middle">
-        <!--Main menu-->
-        <menu>
-        <div class="logo">
-          <a href="/"><img src="/pics/logo-mini.png" alt="Logo"></a>
-        </div>
-          <ul>
-            <li>
-              <a href="/build_lists">Monitoring</a>
-            </li>
-            <li>
-              <a href="/advisories">Advisories</a>
-            </li>
-          </ul>
-        </menu>
-        <div class="information">
-          <div class="search">
-            <form accept-charset="UTF-8" action="/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
-              <div class="pic"></div>
-              <div class="field"><input id="query" name="query" placeholder="Search" type="text"></div>
-            </form>
-          </div>
-        </div>
-
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class='collapse navbar-collapse' id='top-menu-navbar-collapse'>
+        <ul class='nav navbar-nav'>
+          <li><a href="/build_lists">Мониторинг задач</a></li>
+          <li><a href="/advisories">Бюллетени</a></li>
+          <li><a href="/statistics">Статистика</a></li>
+        </ul>
+        <form accept-charset="UTF-8" action="/search" class="navbar-form navbar-left" method="get" role="search"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
+              <div class='form-group'>
+                <input class="form-control" id="query" name="query" placeholder="Поиск" type="text" />
+              </div>
+        </form>
       </div>
-      <div class="right">
-      </div>
-      <div class="both">
-      </div>
-    </header>
-
-    <div class="both">
+      <!-- /.navbar-collapse -->
     </div>
-
-    <!--Page-->
-    <article>
-      <!--Single page content-->
-      <div class="all error500">
-
-        <h1>Error <span>500</span></h1>
-        <h2>Something went wrong.<br>
-        We've been notified about this issue<br>
-        and we'll take a look at it shortly.</h2>
-        <p class="pages">
-          Try to open other pages.
-        </p>
-        <p class="search">
-          Or use the search.
-        </p>
-        <div class="both"></div>
-
+    <!-- /.container-fluid -->
+  </nav>
+  <noscript>
+    <div style='font-size: 12px; color: red; font-weight: bold;'>You need javascript to properly use this site</div>
+  </noscript>
+  <article >
+    <div class='row'>
+      <div class='col-md-6 col-md-offset-3 text-center'>
+        <div class="all error500">
+          <div class='offset20'>
+            <img src="/pics/500.png" class='img-responsive'>
+          </div>
+          <div class="clearfix"></div>
+          <h1>Error <span>500</span></h1>
+          <h2>Something went wrong.</h2>
+          <p class="pages">
+            We've been notified about this issue<br>
+            and we'll take a look at it shortly.
+          </p>
+          <p class="pages">
+            Try to open other pages.
+          </p>
+          <p class="search">
+            Or use the search.
+          </p>
+          <div class="clearfix"></div>
+        </div>
       </div>
+    </div>
+  </article>
 
-      <div class="both">
-      </div>
-    </article>
-
-  </div>
-  <!--Footer-->
-  <footer>
+  <footer class='offset20'>
     <ul>
-      <li>
-        <img src="/pics/flag.png" alt="rosa"> <img src="/pics/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">About company</a> <img src="/pics/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">Contacts</a> <img src="/pics/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">Terms of use</a> <img src="/pics/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">Confidentiality</a> <img src="/pics/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">Security</a> <img src="/pics/square.png" alt="_">
-      </li>
-      <li>
-        <a href="/contact">Support</a>
-      </li>
+      <li>ROSA Лаб. © 2015</li>
+      <li>·</li>
+      <li><img alt="flag" src="/pics/flag.png" /></li>
+      <li>·</li>
+      <li><a href="http://www.rosalab.ru/about">О компании</a></li>
+      <li>·</li>
+      <li><a href="http://www.rosalab.ru/about/contacts">Контакты</a></li>
+      <li>·</li>
+      <li><a href="/terms-of-service">Условия использования</a></li>
+      <li>·</li>
+      <li><a href="/contact">Служба поддержки</a></li>
+      <li>·</li>
+      <li><a href="http://abf-doc.rosalinux.ru">API для разработчиков</a></li>
+      <li>·</li>
+      <li><a href="/abf/abf-ideas/issues">Идеи для ABF</a></li>
+      <li>·</li>
+      <li><a href="http://abf-blog.rosalinux.ru">Блог ABF</a></li>
     </ul>
   </footer>
-
-</body></html>
+</body></html>
\ No newline at end of file
diff --git a/public/503.html b/public/503.html
index c03d22409..7b1421698 100644
--- a/public/503.html
+++ b/public/503.html
@@ -1,57 +1,29 @@
 <html><head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>503</title>
-  <link href="/assets/application.css" media="screen" rel="stylesheet" type="text/css">
+  <link href="/assets/new_application.css" media="screen" rel="stylesheet" type="text/css">
 </head>
 <body>
-  <div class="wrap tmargin30">
-
-    <!--Page-->
-    <article>
-      <!--Single page content-->
-      <div class="all error503">
-        
-        <h1>Work <span>is underway</span></h1>
-        <h2>We update the site, it will take some time.<br>
-Press <span>F5</span>, if this does not help, it means,<br>
-need to wait a little bit more.<br>
-<br>
-We are really trying to do it fast.<br>
-We apologize for any inconvenience.</h2>
-        <div class="both"></div>
-          
+  <article >
+    <div class='row'>
+      <div class='col-md-6 col-md-offset-3 text-center'>
+        <div class="all error503">
+          <div class='offset20'>
+            <img src="/pics/503.png" class='img-responsive'>
+          </div>
+          <div class="clearfix"></div>
+          <h1>Work <span>is underway</span></h1>
+          <h2>
+            We update the site, it will take some time.<br>
+            Press <span>F5</span>, if this does not help, it means,<br>
+            need to wait a little bit more.<br>
+            <br>
+            We are really trying to do it fast.<br>
+            We apologize for any inconvenience.
+          </h2>
+          <div class="clearfix"></div>
+        </div>
       </div>
-      
-      <div class="both">
-      </div>
-    </article>
-
-  </div>
-  <!--Footer-->
-  <footer>
-    <ul>
-      <li>
-        <img src="/assets/flag.png" alt="rosa"> <img src="/assets/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">About company</a> <img src="/assets/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">Contacts</a> <img src="/assets/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">Terms of use</a> <img src="/assets/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">Confidentiality</a> <img src="/assets/square.png" alt="_">
-      </li>
-      <li>
-        <a href="#">Security</a> <img src="/pics/square.png" alt="_">
-      </li>
-      <li>
-        <a href="/contact">Support</a>
-      </li>
-    </ul>
-  </footer>
-
+    </div>
+  </article>
 </body></html>
diff --git a/public/pics/404.png b/public/pics/404.png
index 9efbf38fa..eb94f0bef 100644
Binary files a/public/pics/404.png and b/public/pics/404.png differ
diff --git a/public/pics/500.png b/public/pics/500.png
new file mode 100644
index 000000000..79dfb144b
Binary files /dev/null and b/public/pics/500.png differ
diff --git a/app/assets/images/503.png b/public/pics/503.png
similarity index 100%
rename from app/assets/images/503.png
rename to public/pics/503.png
