* {
    margin: 0;
    padding: 0;
}
body {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;
    min-width: 1140px;
    height: 100%;
}
a {
    color: blue;
    outline: none;
    text-decoration: underline;
}
a:visited {
    color: #8F8E8E; /* Цвет посещённой ссылки */
}
a:hover {
    color: #CE242B; /* Цвет ссылки при наведении */
    text-decoration: underline; /* Добавляем подчёркивание */
}
p {
    margin: 0 0 18px 0
}
img {
    border: none;
    max-width: 700px;
    height: 100%;
    object-fit: cover;
}
input {
    vertical-align: middle;
}

#wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
    display: flex;
    flex-wrap: wrap;
    height: 200px;
    width: 100%;
    background: #FFE680;
    /*    background-image: url('../images/header_bg.jpg'); */
}
#bg_wrap {
//   position: absolute;
    height: 196px;
    width: 100%;
    background: url("../images/bg_wrap.jpg") repeat-x scroll 0 0 transparent;
}

#logo {
    position: absolute;
    height: 196px;
    width: 350px;
    background: #FFE680 url('../images/logo_01.jpg');
}


/* Top Menu
-----------------------------------------------------------------------------*/
#topNav {
    position: absolute;
    width:100%;
    height: 90px;
    margin-top: 110px;
}

#topNav .menu {
    list-style:none;
    margin-left: 256px;
    margin-right: 20px;
    display: flex;
    justify-content: space-between;
    max-width: 1200px;

}
#topNav .menu li {
    flex-basis: auto;
//    border: 3px solid rgba(0,0,0,.2);
    height: 85px;
}

#topNav .menu a{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    font-size:20px;
    font-family: Arial, Georgia, bold, serif;
    text-shadow: 1px 1px 2px black, 0 0 1em #ffef5c, 0 0 0.2em #ffef5c;
    color: white;
    text-decoration: none;
    height: 80px;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    padding-left: 85px;
}


a.main_menu{
    background-image: url('../images/topmenu/main.webp');
}
a.main_connect{
   background-image: url('../images/topmenu/connect.webp');
}
a.main_service{
    background-image: url('../images/topmenu/service.webp');
}
a.main_tarif{
    background-image: url('../images/topmenu/tarif.webp');
}
a.main_contact{
    background-image: url('../images/topmenu/contact.webp');
}

#topNav .menu a:hover {color: #eac609; text-decoration: none;}

div#phone_num{
    left: 400px;
    top: 20px;
    position: absolute;
    width: 200px;
    height: 70px;
    color: green;
    font:italic bold 18px Arial, Tahoma, Verdana, sans-serif;
    word-wrap: break-word;
}

div#cabinet{
    right: 20px;
    top: 20px;
    width: 160px;
    height: 18px;
    position: absolute;
    font:bold 16px Arial, Tahoma, Verdana, sans-serif;
    text-align: right;

}

div#cabinet a{
    background-image: url("../images/topmenu/cabinet.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    display: block;
    color: green;
    text-decoration: none;
}

div#cabinet a:hover {
    color: #f51313;
    text-decoration: none;
}


/* Content
-----------------------------------------------------------------------------*/
#container {
    display: flex;
    min-height: 1200px;
    width: 100%;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
ul {list-style: none; }  /* Убрать маркеры списка в меню */

#container .col1 {
    flex-shrink: 0;
    width: 250px;
    padding: 15px 15px 15px 15px;
    background-image: url('../images/bg_02.jpg');
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    font: 14px/22px Arial;
}

#container .col1 a {
    color: black;
    outline: none;
    text-decoration: none;
}

#container .col1 a:hover {
    color: #f51313;
    text-decoration: none;
}

#container .moduletable{
    padding-bottom: 15px;
}

#container .moduletable a {
    color: black;
    outline: none;
    text-decoration: none;
}


/* Middle
-----------------------------------------------------------------------------*/
#container .col2 {
    padding: 15px 15px 15px 15px;
    flex-grow: 1;
    width: 85%;
    background-image: url('../images/bg_01.jpg');
    border-bottom: 1px solid #999;
}