/* ==========================================================================
 Author's custom styles
 ========================================================================== */

body {
 font-family: Roboto Condensed;
 font-size: 16px;
 line-height: 24px;
 color: #000;

}
details summary { 
 cursor: pointer;
}

details summary > * {
 display: inline;
}
html,
body {
}
.newtext {
 font-family: Arial, sans-serif;
 font-size: 20px;
 background-color: white;
 color: black;
}
.newtext16 {
 font-family: Arial, sans-serif;
 font-size: 16px;
 background-color: white;
 color: black;
}

.newtext16 p {
 text-indent: 30px; /* Применить отступ первой строки для всех абзацев внутри .newtext16 */
}

.newtext16 ul {
 padding-left: 30px; /* Отступ слева для списка ul */
}

.newtext16 ul li {
 list-style-position: inside; /* Позиционирование маркера списка внутри элемента li */
 text-indent: -22px; /* Отрицательный отступ для текста содержимого li */
 padding-left: 60px; /* Дополнительный отступ для текста содержимого li */
}
.newtext16 table p {
 text-indent: 0px; /* Отрицательный отступ для текста содержимого p */
}
.newtext16 table tr p {
 text-indent: 0px; /* Отрицательный отступ для текста содержимого tr p */
}
.newtext16 table tr p {
 text-indent: 0px; /* Отрицательный отступ для текста содержимого tr p */
}
.newtext16 table tr td p {
 text-indent: 0px; /* Отрицательный отступ для текста содержимого tr td p */
}
.wrapper {
 max-width: 1280px;
 padding: 0 20px;
 margin: 0 auto;
}
#siteHeader .topLine .col {
 height: 8px;
}
#siteHeader .topLine .col.red {
 background: #e70e2d;
}
#siteHeader .topLine .col.orange {
 background: #f7a400;
}
#siteHeader .topLine .col.green {
 background: #7eba03;
}
#siteHeader .topLine .col.blue {
 background: #037ecf;
}
#siteHeader .bottom {
 padding: 20px 0;
 display: block;
 position: relative;
}
#siteHeader.hasShadow {
 -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
 margin-bottom: 40px;
}
.mainMenuWrapper {
 
 <!--float: none;-->
 margin-top: 15px;
 }

.mainMenuWrapper #mainMenu {
 margin: 0 0 0 33px;
 padding: 0 0 0 20px;
 height: 50px;
 background: #d5eeff;
 list-style-type: none;
 text-align: center;
 -webkit-border-radius: 0px 2px 2px 0px;
 -moz-border-radius: 0px 2px 2px 0px;
 border-radius: 0px 2px 2px 0px;
}
.mainMenuWrapper #mainMenu li {
 display: inline-block;
}
.mainMenuWrapper #mainMenu li a {
 display: inline-block;
 line-height: 25px;
 vertical-align: middle;
 font-family: Roboto Condensed;
 color: #0066a0;
 text-transform: uppercase;
 text-decoration: none;
 font-size: 16px;
 padding: 0 25px;
}
.mainMenuWrapper #mainMenu li:hover,
.mainMenuWrapper #mainMenu li.current {
 border-bottom: 2px solid #f7a400;
}
.mainMenuWrapper #mainMenu li:hover a,
.mainMenuWrapper #mainMenu li.current a {
 color: #fff;
 background: #f7a400;
 border-bottom: 2px solid #fff;
}
.topSliderWrapper {
 position: relative;
}
.topSliderWrapper .navigation {
 position: absolute;
 top: 0;
 height: 100%;
 z-index: 100;
 max-width: 1240px;
 left: 0;
 right: 0;
 margin: 0 auto;
}
.topSliderWrapper .navigation .nav {
 top: 50%;
 margin-top: -36.5px;
 border: none;
 background-color: transparent;
 width: 38px;
 height: 73px;
 opacity: .5;
}
.topSliderWrapper .navigation .nav span {
 display: none;
}
.topSliderWrapper .navigation .nav:hover {
 opacity: 1;
}
.topSliderWrapper .navigation .nav.prev {
 display: block;
 position: absolute;
 left: 0;
 background: url('../img/arrow-left.png');
}
.topSliderWrapper .navigation .nav.next {
 display: block;
 position: absolute;
 right: 0;
 background: url('../img/arrow-right.png');
}
.topSliderWrapper .navigation .pagination {
 position: absolute;
 right: 0;
 bottom: 5px;
}
.topSliderWrapper .navigation .pagination a {
 display: inline-block;
 margin: 0 5px;
 width: 17px;
 height: 17px;
 background: url('../img/dot.png');
}
.topSliderWrapper .navigation .pagination a.selected {
 background: url('../img/dot-active.png');
}
.topSliderWrapper .navigation .pagination a span {
 display: none;
}
.topSliderWrapper ul#topSlider {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.topSliderWrapper ul#topSlider li {
 float: left;
}
.topSliderWrapper ul#topSlider li a {
 position: relative;
 display: block;
 width: 100%;
 text-decoration: none;
 font-family: Roboto Condensed;
}
.topSliderWrapper ul#topSlider li a img {
 display: block;
 width: 100%;
 height: auto;
}
.topSliderWrapper ul#topSlider li a .title {
 display: block;
 position: absolute;
 left: 0;
 bottom: 0;
 padding-top: 40px;
 padding-bottom: 30px;
 color: #fff;
 width: 100%;
 font-size: 32px;
 text-transform: uppercase;
 font-weight: bold;
 text-shadow: 1px 1px 1px #000;
 background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
 /* FF3.6+ */

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
 /* Chrome,Safari4+ */

 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
 /* Chrome10+,Safari5.1+ */

 background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
 /* Opera 11.10+ */

 background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
 /* IE10+ */

 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
 /* W3C */

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
 /* IE6-9 */

}
.defaultSection {
 padding: 40px;
}
#mainSection {
 padding-bottom: 40px;
}
.sidebar {
 background: #d5eeff;
}
.sidebar .inner {
 padding: 20px 5px 0px 5px;
}
.sidebar .widget {
 margin-bottom: 0px;
}
.sidebar .widget h2.title {
 margin: 0;
 text-transform: uppercase;
 font-size: 18px;
 font-weight: 600;
 padding: 10px 20px 10px 20px;
 color: #fff;
}
.sidebar .widget h2.title.blue {
 background: #037ecf;
}
.sidebar .widget h2.title.orange {
 background: #f7a400;
}
.sidebar .widget h2.title.green {
 background: #7eba03;
}
.sidebar .widget .widgetContent {
 padding: 0px 0 0 0;
 font-size: 14px;
}
.sidebar .widget .widgetContent img {
 width: 100%;
 height: auto;
 margin-bottom: 20px;
}
.sidebarMenu {
 background: #fff;
 padding: 20px;
 margin: 0 0 0 0;
 list-style-type: none;
}
.sidebarMenu li .title {
 font-weight: bold;
}
.sidebarMenu li ul {
 margin: 0;
 padding: 15px 0 25px 0;
 list-style-type: none;
}
.sidebarMenu li ul li a {
 display: block;
 padding-bottom: 5px;
 margin-bottom: 5px;
 border-bottom: 1px solid #ebebeb;
 padding-left: 10px;
}
.sidebarMenu li ul li.current a {
 color: #333;
 text-decoration: none;
}
.sidebarMenu li ul li:last-child a {
 border: none;
 padding-bottom: 0;
 margin-bottom: 0;
}
.sidebarMenu li:last-child ul {
 padding-bottom: 0;
}
.categorySelector {
 font-family: Roboto Condensed;
 font-size: 18px;
 color: #037ecf;
 text-transform: uppercase;
 font-weight: 600;
 margin-bottom: 40px;
}
.categorySelector b {
 color: #333;
}
.materialsList {
 margin: 0 0 -40px 0;
 padding: 0;
 list-style-type: none;
 text-align: justify;
}
.materialsList li {
 display: inline-block;
 padding-bottom: 40px;
 width: 196px;
 margin-right: 20px;
 font-size: 14px;
}
.materialsList li .description,
.materialsList li .otherInfo {
 text-align: left;
}
.materialsList li a.thumb {
 display: block;
 margin-bottom: 10px;
 border: 2px solid #fff;
}
.materialsList li a.thumb img {
 display: block;
 width: 100%;
 height: auto;
}
.materialsList li a.thumb:hover {
 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
 -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
}
.materialsList li .description {
 color: #999;
 border-bottom: 1px solid #ebebeb;
 padding-bottom: 5px;
 margin-bottom: 5px;
 line-height: 120%;
}
.materialsList li .description h3 {
 font-weight: 600;
 margin: 0;
 font-size: 14px;
 font-family: Roboto Condensed;
 color: #333;
 padding-bottom: 5px;
}
.materialsList li .otherInfo {
 font-style: italic;
 line-height: 140%;
 color: #aaa;
}
.materialsList li .otherInfo b {
 color: #333;
 font-weight: normal;
}
.materialsList li .bottom {
 text-align: center;
 padding-top: 10px;
}
.materialsList li a.readMore {
 display: inline-block;
 text-decoration: none;
 border: 2px solid #f7a400;
}
.materialsList li a.readMore span {
 padding: 2px 7px 2px 7px;
 display: block;
 background: #7eba03;
 font-size: 16px;
 font-weight: 600;
 text-transform: uppercase;
 color: #fff;
 text-align: center;
 border: 2px solid #fff;
 font-family: Roboto Condensed;
}
.materialsList li a.readMore:hover span {
 background: #f7a400;
}
.pagination a,
.pagination span {
 display: inline-block;
 margin-right: 4px;
}
.pagination span {
 font-size: 16px;
 font-weight: 600;
 text-transform: uppercase;
 font-family: Roboto Condensed;
 color: #ccc;
}
.pagination a {
 font-size: 16px;
 font-weight: 600;
 text-transform: uppercase;
 color: #fff;
 font-family: Roboto Condensed;
 background: #f7a400;
 border: 2px solid transparent;
 text-align: center;
 text-decoration: none;
 padding: 2px 10px 2px 10px;
}
.pagination a.current,
.pagination a:hover {
 background: none;
 border-color: #f7a400;
 color: #f7a400;
}
h1.sectionTitle {
 position: relative;
 text-align: center;
 text-transform: uppercase;
 font-weight: 600;
 font-size: 30px;
 margin: 0 0 40px 0;
}
h1.sectionTitle.articleTitle {
 margin-bottom: 20px;
}
h1.sectionTitle.noBottomMargin {
 margin-bottom: 0;
}
h1.sectionTitle i {
 display: block;
 position: absolute;
 height: 2px;
 background: #d5eeff;
 top: 50%;
 margin-top: -1px;
 left: 0;
 width: 100%;
}
h1.sectionTitle .txt {
 display: inline-block;
 padding: 0 20px;
 background: #fff;
 height: 100%;
 position: relative;
}
h1.sectionTitle span {
 position: relative;
 display: inline-block;
 border: 4px solid #7eba03;
 padding: 10px 15px 10px 15px;
 background: #fff;
 z-index: 10;
}
h1.sectionTitle.green {
 color: #7eba03;
}
h1.sectionTitle.green span {
 border-color: #7eba03;
}
h1.sectionTitle.blue {
 color: #037ecf;
}
h1.sectionTitle.blue span {
 border-color: #037ecf;
}
h1.sectionTitle.orange {
 color: #f7a400;
}
h1.sectionTitle.orange span {
 border-color: #f7a400;
}
section#news {
 padding-bottom: 0 !important;
 margin-bottom: -40px;
}
.newsLoopBlock {
 padding-bottom: 40px;
}
.newsLoopBlock header {
 overflow: hidden;
 margin-bottom: 10px;
 height: 92px;
 position: relative;
}
.newsLoopBlock header .date {
 width: 80px;
 height: 92px;
 background: url('../img/calendar.png');
 position: relative;
 float: left;
}
.newsLoopBlock header .date span.month {
 position: absolute;
 left: 0;
 top: 3px;
 width: 100%;
 color: #fff;
 font-family: roboto condensed;
 text-align: center;
 font-size: 16px;
 font-weight: 600;
 line-height: 100%;
 text-transform: uppercase;
}
.newsLoopBlock header .date span.day {
 position: absolute;
 left: 0;
 top: 18px;
 text-align: center;
 width: 100%;
 font-weight: 700;
 color: #333;
 font-size: 50px;
 font-family: roboto condensed;
}
.newsLoopBlock header a.title {
 display: block;
 margin-left: 100px;
 position: absolute;
 bottom: 0;
}
.newsLoopBlock header a.title h2 {
 font-weight: normal;
 font-size: 25px;
 margin-top: 5px;
}
.newsLoopBlock img.thumb {
 margin-bottom: 15px;
 display: block;
 width: 100%;
 height: auto;
 
}
.newsLoopBlock p {
 margin-bottom: 0;
}
.certsSliderWrapper {
 position: relative;
 overflow: hidden;
 height: 200px;
}
.certsSliderWrapper .caroufredsel_wrapper {
 margin: 0 auto !important;
}
.certsSliderWrapper .nav {
 top: 50%;
 margin-top: -9.5px;
 border: none;
 background-color: transparent;
 width: 19px;
 height: 37px;
 opacity: .5;
 z-index: 100;
}
.certsSliderWrapper .nav span {
 display: none;
}
.certsSliderWrapper .nav:hover {
 opacity: 1;
}
.certsSliderWrapper .nav.prev {
 display: block;
 position: absolute;
 left: 0;
 background: url('../img/arrow-small-left.png');
}
.certsSliderWrapper .nav.next {
 display: block;
 position: absolute;
 right: 0;
 background: url('../img/arrow-small-right.png');
}
.certsSliderWrapper #certsSlider {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.certsSliderWrapper #certsSlider li {
 float: left;
 margin: 0 40px;
}
.certsSliderWrapper #certsSlider li img {
 width: 150px;
 height: 200px;
}
#map {
 padding-bottom: 0;
}
#map_canvas {
 height: 450px;
}
footer#siteFooter {
 font-size: 14px;
}
footer#siteFooter .copyrights {
 padding-left: 0%;
 color: #aaa;
 line-height: 120%;
}
footer#siteFooter .copyrights b {
 color: #333;
 font-weight: 600;
}
footer#siteFooter .banners .banner {
 background: #d5eeff;
 width: 120px;
 height: 45px;
 margin-right: 10px;
 margin-bottom: 10px;
 float: left;
}
footer#siteFooter.hasShadow {
 -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}
.footerTitle {
 font-weight: 600;
 padding-bottom: 5px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
}
.footerMenu {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.footerMenu li {
 padding-bottom: 5px;
}
.footerMenu li.current a {
 color: #333;
 text-decoration: none;
}
a {
 color: #037ecf;
 text-decoration: underline;
}
a:hover {
 text-decoration: none;
}
h1,
h2,
h3
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
 padding: 0;
 margin: 0;
 border: 0;
 outline: none;
 vertical-align: top;
}
.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 8020;
}
.fancybox-skin {
 position: relative;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.fancybox-opened {
 z-index: 8030;
}
.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
 position: relative;
}
.fancybox-inner {
 overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch;
}
.fancybox-error {
 color: #444;
 font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin: 0;
 padding: 15px;
 white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
 display: block;
 width: 100%;
 height: 100%;
}
.fancybox-image {
 max-width: 100%;
 max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
 background-image: url('../img/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -108px;
 opacity: 0.8;
 cursor: pointer;
 z-index: 8060;
}
#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url('../img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
 position: absolute;
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 z-index: 8040;
}
.fancybox-nav {
 position: absolute;
 top: 0;
 width: 40%;
 height: 100%;
 cursor: pointer;
 text-decoration: none;
 background: transparent url('../img/fancybox/blank.gif');
 /* helps IE */

 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 z-index: 8040;
}
.fancybox-prev {
 left: 0;
}
.fancybox-next {
 right: 0;
}
.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 8040;
 visibility: hidden;
}
.fancybox-prev span {
 left: 10px;
 background-position: 0 -36px;
}
.fancybox-next span {
 right: 10px;
 background-position: 0 -72px;
}
.fancybox-nav:hover span {
 visibility: visible;
}
.fancybox-tmp {
 position: absolute;
 top: -99999px;
 left: -99999px;
 visibility: hidden;
 max-width: 99999px;
 max-height: 99999px;
 overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
 overflow: hidden;
}
.fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 8010;
 background: url('../img/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0;
}
.fancybox-lock .fancybox-overlay {
 overflow: auto;
 overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
 visibility: hidden;
 font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
 position: relative;
 text-shadow: none;
 z-index: 8050;
}
.fancybox-opened .fancybox-title {
 visibility: visible;
}
.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 8050;
 text-align: center;
}
.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent;
 /* Fallback for web browsers that doesn't support RGBa */

 background: rgba(0, 0, 0, 0.8);
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #FFF;
 font-weight: bold;
 line-height: 24px;
 white-space: nowrap;
}
.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff;
}
.fancybox-title-inside-wrap {
 padding-top: 10px;
}
.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, 0.8);
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 768px) {
 
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 992px) {
 
}
.gTable {
 background: none;
 border-spacing: 0;
}
.gTable td {
 padding: 10px 20px;
}
.gTableTop {
 line-height: 40px;
 padding: 10px 20px !important;
 color: #fff;
 text-decoration: none;
 border-radius: 2px 2px 0 0;
 font-size: 16px !important;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
 background: #037ECF;
}
.gTableTop a {
 color: #fff;
 text-decoration: none;
 font-size: 14px;
}
.gTableSubTop {
 padding: 5px 10px;
 color: #fff;
}
.gTableSubTop a {
 color: #fff;
}
.catLink {
 color: #fff !important;
 font-size: 16px !important;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
}
.funcBlock {
 padding-right: 10px;
}
.forumIcoTd {
 text-align: center;
}
.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd {
 padding: 5px 10px;
 border-bottom: 1px solid #dcdcdc;
}
.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd
{
 vertical-align: middle;
 padding-left: 20px;
 border-bottom: 1px solid #dcdcdc;
}
.forumNameTd {
 line-height: 24px;
 color: #7a7a7a;
}
.forumNameTd a {
 font-size: 18px;
}
.forumNamesBar {
 padding-left: 10px !important;
}
.frmBtns {
 text-align: right;
 padding-right: 10px;
}
.legendTd {
 padding: 0 10px;
}
.forumLastPostTd {} .threadIcoTd,
.threadIcoTd {
 text-align: center;
 vertical-align: middle;
}
.threadsDetails {
 padding: 5px;
}
.postTdTop {
 text-align: center;
 padding: 5px;
 border-top: 1px solid #dcdcdc;
 border-bottom: 1px solid #dcdcdc;
}
.postTdInfo {
 text-align: center;
 border-right: 1px solid #dcdcdc;
}
.posttdMessage {
 vertical-align: top;
 padding: 5px;
}
.gTableSubTop {
 background: #f2f2f2;
 color: #5c5c5c;
}
.threadsDetails,
.postTdTop {
 background: none;
}
.gTable tr {
 background: none;
}
.gDivBottomRight {
 height: 50px;
}
.pagesInfo {
 background: #f2f2f2;
 border-radius: 2px 0 0 2px;
 padding: 5px 10px;
}
.switchActive {
 padding: 5px 10px;
 border-radius: 0 2px 2px 0;
 color: #fff;
}
.postBottom {
 border-top: 1px solid #dcdcdc;
 border-bottom: 1px solid #dcdcdc;
 padding: 0 20px !important;
}
#thread_search_form {
 position: relative;
 padding-bottom: 10px;
 overflow: hidden;
}
#thread_search_button {
 position: absolute;
 top: -1px;
 right: 0;
}
.img1, .img2, .img3 {
 background-position: center;
 background-size: cover;
 background-color: #dcdcdc;
}
.img1 {
 width: 270px;
 height: 170px;
}
.img2 {
 width: 570px;
 height: 360px;
}
.img3 {
 width: 870px;
 height: 550px;
}
.post {
 padding-bottom: 30px;
 margin-bottom: 30px;
 border-bottom: 1px solid #dcdcdc;
}
.post-image {
 float: left;
}
.post-cnt {
 margin-left: 290px;
}
.post-title {
 font-size: 18px;
 font-weight: 700;
}
.post-det {
 font-size: 11px;
 color: #5c5c5c;
}
.post-det a {
 color: #5c5c5c;
}
.post-mes {
 padding: 10px 0;
}
.imgnews {
 height: 98px;
 width: 393px;
 overflow: hidden;
}
#page-preloader {
 position: fixed;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 background: #000;
 z-index: 100500;
 background: white;
}

#page-preloader .spinner {
 width: 32px;
 height: 32px;
 position: absolute;
 left: 50%;
 top: 50%;
 background: url('/img/preloader.gif') no-repeat 50% 50%;
 margin: -16px 0 0 -16px;
}
#sFltLst, #uCatsMenu7 {
top: auto !important;
left: auto !important;
}
.u-combobut {
height: 23px !important;
width: 15px !important;
}
.accordion{ 
background-color:none; 
border:none; 
width: 600px; 
padding:0px; 
margin: 50px auto; 
} 
.accordion section { 
margin:5px; 
background-color: #fff; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); 
background-image: -webkit-linear-gradient(top, #fff, #eee); 
background-image: -moz-linear-gradient(top, #fff, #eee); 
background-image: -ms-linear-gradient(top, #fff, #eee); 
background-image: -o-linear-gradient(top, #fff, #eee); 
background-image: linear-gradient(top, #fff, #eee); 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
} 
.accordion h2, .accordion p{margin: 0;} 
.accordion p{padding: 10px;} 
.accordion h2 a { 
display: block; 
position: relative; 
font: 14px/1 'Trebuchet MS', 'Lucida Sans'; 
padding: 10px; 
color: #333; 
text-decoration: none; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
} 
.accordion h2 a:hover {background: #fff;} 
.accordion h2 + div { 
height: 0; 
overflow: hidden; 
-moz-transition: height 0.3s ease-in-out; 
-webkit-transition: height 0.3s ease-in-out; 
-o-transition: height 0.3s ease-in-out; 
transition: height 0.3s ease-in-out; 
} 
.accordion :target h2 a:after { 
content: ''; 
position: absolute; 
right: 10px; 
top: 50%; 
margin-top: -3px; 
border-top: 5px solid #666; 
border-left: 5px solid transparent; 
border-right: 5px solid transparent; 
} 
.accordion :target h2 + div {height: 100px;}