ul, li , body, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
img {border:none;}
#header {position:relative;}

a.logo {
    display: block;
    height: 220px;
    left: 40px;
    position: absolute;
    top: 40px;
    width: 200px;
}
body  {background: url("../img/body_bg-75b842.jpg") center top repeat; font-size:12px; font-family: Arial, Tahoma;}
.clear {float:none; clear:both;}
#wrapper {width: 980px; padding:0 10px; margin: 0 auto; background: url('wrapper_bg.png') repeat-y;}

#main_menu {height:235px; padding-top:65px; background: url(header_bg.png); position:relative; z-index:77;}
#menu {float:left; width:965px; margin-left: 15px;}

/* ����� ���� */
#main_menu nav {display:flex; align-items:flex-end; background: rgba(255,255,255,0.8); padding:12px 16px; border-radius:10px;}
#main_menu .menu {display:flex; gap:16px; align-items:center; padding:0; flex-wrap:wrap; margin:0; list-style:none;}
#main_menu .menu li {list-style:none;}
#main_menu .menu a {color:#0f4c99; font-weight:bold; text-decoration:none; padding:6px 10px; border-radius:4px; background: rgba(255,255,255,0.35); display:block;}
#main_menu .menu a:hover {text-decoration:underline; background: rgba(15,76,153,0.08);}

#socials { margin:0 5px; padding:8px 10px; background:#0f4c99; height: 45px; display:flex; align-items:center; gap:10px;}
#socials .social-icons {display:flex; align-items:center; gap:6px;}
#socials .social-icons img {height:24px; width:24px;}
#socials p {flex:1; text-align:right; font-size:16px; color:#fff; margin:0 10px; text-shadow: black 0.1em 0.1em 0.2em;}
#socials label {cursor:default; font-size:16px; color:#fff; line-height:26px;}
#socials input[type=text] {border:1px solid #d9e6f7; background-color:#0b3f80; width:144px; height:27px; padding:3px 6px; color:#fff; border-radius:3px;}
#socials input[type=submit] {border:none; background-color:#d9e6f7; color:#0f4c99; width:70px; height:33px; padding:0px; margin-left:4px; cursor:pointer; border-radius:3px; font-weight:bold;}
#search-bg {margin-left:auto; display:flex; align-items:center;}

#content_left {float:left; width:640px; padding-top: 10px; margin-bottom: 30px;}

#index {float:left;}
#manager_blog {float:left; margin-left:23px; color: #C2C2C2; font-size: 12px; line-height: 15px; width:617px;}

.left-menu {width:640px; background: #0f4c99; float:left; padding:8px 10px; border-radius:6px;}
.left-menu li {float:left; list-style-type:none; padding:0 10px; border-left:1px solid transparent; border-right:1px solid transparent;}
.left-menu li:hover {background: rgba(255,255,255,0.1); border-left:1px solid #1c588a; border-right:1px solid #1c588a;}
.left-menu li a {height:29px; line-height:29px; text-decoration:none; color:#fff;}
.left-menu li.active {background: rgba(255,255,255,0.1); border-left:1px solid #1c588a; border-right:1px solid #1c588a;}
.content-info {float:left; height:391px;}
.content-info-gerb { float:left; padding-top:10px;}
.content-info-gerb img {float:left; margin:10px 20px 20px 20px;}
.content-info-descr {float:left; padding-left:10px; color: #3BAEFF;}
.content-info-descr p {color:#3baeff; font-size:14px; text-shadow: black 0.1em 0.1em 0.2em;}
.content-info-descr div {color:#fff; margin-right:10px; margin-bottom:13px; padding-bottom:15px; border-bottom:1px solid #2a4384;}
.content-info-descr a {color:#3BAEFF; text-decoration: underline;}

.blogs-list {margin-top:10px;}
.blog {width:600px; float:left; padding-bottom:5px; margin:10px; border-bottom:1px solid #2a4384;}
.blog:last-child {background: none;}

.pic {float:left;}
.descr {float:left; margin-left:15px; width: 490px;}
.descr p {color:#3baeff; font-size:14px; margin-top:0px; text-shadow: black 0.1em 0.1em 0.2em;}
.descr div { color:#fff; font-size:12px;}
.blog label {float:left; color:#c2c2c2; font-size:12px; line-height: 30px; margin-left:15px;}
.blog a {float:right; color:#3baeff; line-height: 30px; text-decoration:underline;}

.title {color:#fff; text-shadow: black 0.1em 0.1em 0.2em; font-size:13px; padding-bottom:10px; float:left;}
.manager-post {float:left; margin-bottom:15px;}
.manager-head {width:572px; height:52px; background:#0f4c99; line-height:52px; font-size:16px; padding:0 20px; border-radius:6px 6px 0 0;}
.manager-content {width:572px; background:#0b3f80; padding:0 20px 20px 20px;}
.manager-footer {float:left; width:572px; background:#0f4c99; padding:0 20px 10px 20px; border-radius:0 0 6px 6px;}
.manager-footer label {float:left;float:right; line-height: 54px; font-size:12px;  color: #fff;}
.manager-footer h1 {float:left; color:#fff; line-height: 48px; font-weight:normal;}
.manager-footer h4 {float:left; color:#fff; line-height: 54px; font-weight:normal;  text-shadow: black 0.1em 0.1em 0.2em;}
.manager-footer a {float:left; color:#fff; text-decoration:none; line-height: 54px; margin-left:30px;  text-shadow: black 0.1em 0.1em 0.2em;}

.project-blogs { float: left; height: 170px; margin: 0 0 25px; width: 300px;}
.project-blogs img {float:left; margin-right:10px;}
.project-blogs a {float:left; color:#fff; text-decoration:underline; font-size:12px; width: 175px; display:block;}
.project-blogs div {float:left; color:#c2c2c2; margin-top:5px; font-size:12px; width: 175px; }

.news-blogs {float:left; width: 600px; margin: 0 0 25px 0;}
.news-blogs img {float:left; margin-right:10px;}
.news-blogs a {float:left; color:#fff; text-decoration:underline; font-size:12px; width: 390px; display:block; }
.news-blogs div {float:left; color:#fff; margin-top:5px; font-size:12px; width: 521px;}
.news-blogs div a {color:#35a1fc; text-decoration:underline; text-shadow: black 0.1em 0.1em 0.2em;}

.news-title {padding-bottom:10px; margin:10px 0; width:600px;  color:#fff; font-weight:normal; border-bottom:1px solid #2a4384;}
.news-descr {width:600px; color:#fff; font-size:12px; margin-bottom: 20px;}
.news-sourse {float:right; text-align:right; color:#fff;}

.summary-descr {color:#c2c2c2; font-size:12px; line-height: 15px;}
.summary-descr img {float:left; margin: 0 15px 15px 0;}

.foto-list {float:left; margin: 0 2px 20px 0; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.foto-list:hover {opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

.main-video {margin-left:70px; float:left;}
.video-description {float:left; width:580px; color:#fff; margin:30px 0 10px 0; padding-bottom:20px; font-size:12px; border-bottom:1px solid #2a4384; }
.more-video { width:612px; height:121px; float:left; background:#0f4c99;}
.more-video a {color:#000; display:block; margin: 9px 12px 0 11px; width:130px; height:103px; float:left;}

#content_right {float:right; width:330px; padding-top:10px; text-align: center; margin-bottom:30px;}
.right-menu {width:320px; background: #0f4c99; float:left; padding:8px 10px; margin-bottom: 10px; border-radius:6px;}
.right-menu li {float:left; list-style-type:none; padding:0 10px; border-left:1px solid transparent; border-right:1px solid transparent;}
.right-menu li:hover {background: rgba(255,255,255,0.1); border-left:1px solid #1c588a; border-right:1px solid #1c588a;}
.right-menu li a {height:29px; line-height:29px; text-decoration:none; color:#fff;}
.right-menu-link {width:65px; display:block; text-align:center;}

.left-title {width:330px; line-height:30px; text-align:center; color:#fff; font-size:14px;}
.tablo {width:289px; height:153px; background: #0f4c99; margin: 0 auto; text-align: center; border-radius:8px; position:relative;}
.tablo-label {text-align:center; color:#fff; line-height:35px; font-size:12px;}
.tablo-label-stripped {text-align:center; color:#fff; font-size:12px; text-decoration: underline;  position: relative; top:-10px;}
.tablo-gerb {text-align:center;width:289px; height:93px;position:relative;display:block;}
.tablo img {margin:0 20px;}
.tablo .score {position:absolute; top:15px; font:40px Arial; color:#fff;}
.tablo .score.left {left:115px;}
.tablo .score.right {right:113px;}

.latest-foto {border:2px solid #2a4384; width:294px; float:left; margin-left:15px;}
.latest-foto img {float:left; margin:1px;}

#footer {height: 45px; margin: 0 5px; line-height:45px; text-align:center; color:#fff; background:#0f4c99;}

.section-title {color: #fff; padding-left: 10px; font: normal 16px Arial; text-align: center; margin: 20px 0 10px;}

.partners {margin:10px 0px; color: #FFFFFF; font-size: 16px; text-shadow: 0.1em 0.1em 0.2em black; text-align: center; padding-top: 15px;}
.partners .part {display:inline-block; margin:0px 10px;}
.partners .part img {max-height:80px;}

.video-placeholder {color:#c2c2c2; font-size:14px; text-align:center; padding:20px; border:1px dashed #2a4384; border-radius:6px; width:294px; margin-left:15px;}
