#content {
    width: 100%; /* Ширина слоя */
    margin: 7% auto 100%; /* Выравнивание по центру */
}
#footer {
    position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 10px; /* Поля вокруг текста */
    background: #39b54a; /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 100%; /* Ширина слоя */
}
#header {
    position: fixed; /* Фиксированное положение */
    left: 0; top: 0; /* Левый нижний угол */
    padding: 10px; /* Поля вокруг текста */
    background: #39b54a; /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    height: 5%;
}
table, td, th {border: 1px solid #08497a; width:1000px;
    height:80%;
    border-collapse:collapse;
    margin: 0 auto;}
    table th {background-color: palegreen;}
/* Определяем стили для подсвечивания строк */
.hoverRow { background-color: yellow; }
.clickedRow { background-color: palegreen; }

a {
    text-decoration: none;
    transition: .5s linear;
}

nav {
    display: block;
    width: 100%;
    margin: 0 auto 0;
    text-align: center;
}


/*.menu-main ul {*/
    /*padding: 1em 0;*/
    /*background: rgba(0, 0, 0, 0.35);*/
/*}*/
/*.menu-main a:hover*/
/*{background: #57b108;}*/

/*.menu-main li {*/
    /*display: inline; /!* Горизонтальное расположение*!/*/
    /*border: 1px solid #000; /!* Рамка вокруг текста *!/*/
    /*padding: 5px; /!* Поля вокруг текста *!/*/
    /*background: #2bc5d6;*/
/*}*/

.menu-main ul {
    list-style: none; /*убираем маркеры списка*/
    margin: 0; /*убираем отступы*/
    padding-left: 0; /*убираем отступы*/
    margin-top:25px; /*делаем отступ сверху*/
    background:#819A32; /*добавляем фон всему меню*/
    height: 50px; /*задаем высоту*/
    padding: 1em 0;
}
.menu-main a {
    text-decoration: none; /*убираем подчеркивание текста ссылок*/
    background:#819A32; /*добавляем фон к пункту меню*/
    color:#fff; /*меняем цвет ссылок*/
    padding:0px 15px; /*добавляем отступ*/
    font-family: arial; /*меняем шрифт*/
    line-height:30px; /*ровняем меню по вертикали*/
    display: block;
    border-right: 1px solid #677B27; /*добавляем бордюр справа*/
    -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
}
.menu-main a:hover {
    background:#D43737;/*добавляем эффект при наведении*/
}
.menu-main li {
    float:left; /*Размещаем список горизонтально для реализации меню*/
    position:relative; /*задаем позицию для позиционирования*/
}

/*Стили для скрытого выпадающего меню*/
.menu-main li > ul {
    position:absolute;
    top:25px;
    display:none;
}

/*Делаем скрытую часть видимой*/
.menu-main li:hover > ul {
    display:block;
    width:250px;  /*Задаем ширину выпадающего меню*/
}
.menu-main li:hover > ul > li {
    float:none; /*Убираем горизонтальное позиционирование*/
}