table#table1 th {
text-align: centre;
vertical-align: top;
padding: 1px;
}
table#table1 td {
text-align: left;
vertical-align: top;
padding: 1px;
}
table#table1 th {
background: #d1ecff; /* Цвет фона заголовка */
}
table#table1 tbody tr:hover {
background: #E6E6FA; /* Цвет фона при наведении */
color: #000000; /* Цвет текста при наведении */
}

table#table2 td {
padding: 10px;
}

table#table4 {
    width: 500px; /* Ширина таблицы */
    border: 1px solid black; /* Параметры рамки */
   }
table#table4 td {
    text-align: left;
    vertical-align: top;
    padding: 3px;
    border: 1px solid black;
   }
a:hover img {
    opacity: 0.7;
   }

table#table5 {
    border-collapse: collapse; /* Убираем двойные линии между ячейками */
    width: 620px; /* Ширина таблицы */
   }
table#table5 td, th {
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid #333; /* Параметры рамки */
   }
table#table5 th {
    background: #ededed; /* Цвет фона заголовка */
    text-align: centre;
    vertical-align: top;
   }
    table#table5 td {
    text-align: left;
    vertical-align: top;
   }
table#table5 tbody tr:hover {
    background: #E6E6FA; /* Цвет фона при наведении */
    color: #000000; /* Цвет текста при наведении */
   }


.line {
background: #F5DEB3; /* Цвет фона */
border-left: 4px solid #FF8C00; /* Ширина, цвет и вид линии */
padding: 10px; /* Расстояние от линии до текста */
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
}