/* Полоса разделов под шапкой.

   В саму шапку разделы не влезают: там таблица из логотипа, города, поиска,
   расшифровки и «Врачам», и на 1024 px она уже впритык — новые ячейки
   ломали бы вёрстку ровно так же, как ссылка на анализы до правки отступов.
   Отдельная строка даёт разделам равный вес и видна на каждой странице. */

.catnav{background:#F4F4F4;border-bottom:1px solid #DCDEDD}
.catnav .pagewrap{padding:0}
.catnav ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}
.catnav li{margin:0}
.catnav a{display:block;padding:9px 14px;color:#333;text-decoration:none;font-size:14px}
.catnav a:hover{background:#029363;color:#FFF}
.catnav a.on{font-weight:700;box-shadow:inset 0 -3px 0 #029363}

/* На узких экранах полоса скроллится вбок, а не переносится в три строки:
   переносом она съедала первый экран целиком. */
@media screen and (max-width:767px){
	.catnav ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
	.catnav a{white-space:nowrap;padding:9px 12px}
}

/* Шапка сайта — position:fixed высотой 60px, а контент отодвигает от неё
   правило .section.first{margin-top:80px}. Полоса разделов стоит в потоке
   между ними, поэтому её надо опустить под шапку самой, а первому блоку
   контента вернуть обычный отступ — иначе он уедет ещё на 80 px вниз.
   Само правило .section.first не трогаем: оно общее для всех страниц,
   а style.css правит параллельная сессия. */
.catnav{margin-top:60px}
.catnav + .pagewrap .section.first{margin-top:20px}