/*   RESET  CSS  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}


/*  BASE  */
body {font-family: 'Open Sans', sans-serif; background:#f7f7f7; color:#292929; font-size:14px; line-height:18px;}
.container {width:1200px; margin:0 auto; position:relative; clear:both;}
.wrapper {min-width:1200px; position:relative; clear:both;}
.container:after, .wrapper:after {content:""; display:block; position:relative; clear:both; overflow:hidden;}

strong {font-weight:700;}
em {font-style:italic;}
img {max-width:100%; height:auto!important;}
a {color:#292929;}
a:hover {text-decoration:none;}

h1 {font-size:18px; font-weight:700; line-height:1.2; margin:0 0 5px; color:#292929; text-transform:uppercase;}
h2 {font-size:18px; font-weight:700; line-height:1.2; margin:0 0 5px; color:#292929; }
.item-page h3 {font-size:14px; line-height:1.2; margin:0 0 5px; color:#292929; font-style:italic;}
.item-page p. .item-page ol, .item-page ul {margin:0 0 20px;}
.item-page ol li {list-style:decimal inside; margin:0 0 10px 10px;}
.item-page ul li {list-style:disc inside; margin:0 0 10px 10px;}
table {width:100%;}



/*  header  */
.header .container{background:url(../images/header.jpg) no-repeat 100% 50%;}
.logo {display:block; text-decoration:none; color:#303030; font-size:22px; font-weight:700; padding:10px 0;}
.logo img, .logo strong {display:inline-block; vertical-align:middle;}
.logo strong  {width:404px; text-align:center; line-height:1.3;}
.logo strong span {font-weight:800; color:#ae651f; font-size:30px;}


/*  mainmenu  */
.mainmenu  {margin-bottom:25px;}
.mainmenu .container {background:url(../images/bg-menu.png) no-repeat 50% 50%; }
.mainmenu li {display:inline-block; vertical-align:top; position:relative; padding:0 74px;}
.mainmenu li  a {text-decoration:none; color:#fff; font-size:17px; font-weight:700; display:block; line-height:51px;}
.mainmenu .nav.menu > li > a:hover , .mainmenu .nav.menu > li.active > a{color:#ff0c03;}
.mainmenu li ul {display:none; position:absolute; left:0; top:58px; z-index:10; padding:10px 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#807f7f+0,6b6b6b+100 */
background: #807f7f; /* Old browsers */
background: -moz-linear-gradient(top,  #807f7f 0%, #6b6b6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #807f7f 0%,#6b6b6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #807f7f 0%,#6b6b6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807f7f', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */
box-sizing:border-box;
width:100%;
}
.mainmenu li:hover ul {display:block;} 
.mainmenu li ul:before {background: #c30a03 none repeat scroll 0 0; border-bottom: 1px solid #fff; content: ""; display: block; height: 8px; left: 0; position: absolute; top: -8px; width: 100%;}
.mainmenu li ul li {display:block; padding:0;}
.mainmenu li ul li  a {color:#fff; font-size:14px; line-height:1; padding:5px 0; font-weight:400; text-decoration:underline;}
.mainmenu li ul li  a:hover {text-decoration:none;}


/*  slider  */
.mainwrap #slides div.slide_info {padding:0;}
.mainwrap #YJT_container10 {background:none;}
.mainwrap #slides {background:none;}
.mainwrap .sl10imgh {border:none;}
.slider-info {position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5);  box-sizing:border-box; padding:5px 30px; min-height:80px;}
.slider-info a.readme {display:block; text-decoration:none; color:#fff; font-size:30px; line-height:35px;}
.mainwrap #navigator_outer10 {background:#f5f3ef; border:none;}
.mainwrap #navigator10 li.element {border-bottom:solid 1px #fff; height:51px;}
.mainwrap #navigator10 li.element div.inner  {background:none;}
.mainwrap #navigator10 li.element div.inner span.title {padding:0 10px 0 25px; color:#292929; font-size:13px; font-weight:700!important;}
.mainwrap #navigator10 li.selected_right div.inner span.title {color:#ff0c03; font-weight:400; line-height:51px;}
.s-wrapper {padding:0 0 20px; margin:0 0 20px; border-bottom:solid 7px #c2c2c2;}


/*  sidebar  */
.sidebar {float:left; width:283px; position:relative;}
.sidebar .moduletable_js  {background:url(../images/bg-sidebar.png) repeat 50% 50%; overflow:hidden;}
.sidebar .moduletable_js   h3 {color:#292929; font-size:21px; font-weight:700; text-align:center; padding:10px 0; text-transform:uppercase;}
.sidebar .newsitem {padding:0 18px; margin:0 0 20px; clear:both; overflow:hidden;}
.sidebar .newsitem  .headleft {float:left; width:120px;}
.sidebar .newsitem  .infoleft {float:right; width:110px;}
.sidebar .newsitem  .infoleft  a {display:block; color:#292929; font-size:14px; text-decoration:none; line-height:16px; font-weight:700;}
.sidebar .newsitem  .infoleft  a:hover {color:#ff0c03;}
.sidebar .onecatlink {text-align:center; text-transform:uppercase; font-style:italic; margin:0 0 10px;}
.sidebar .onecatlink  a {color:#5a554b;}

/*  content  */
.mainwrap {margin-bottom:30px;}
.component-pad {float:right; width:894px; position:relative; }
.fullwidth .component-pad {float:none; width:100%;}

/*  featured */
.blog-featured article .img-intro-left {float:left; width:180px;}
.blog-featured article .pad {float:right; width:700px;}
.blog-featured article {clear:both; overflow:hidden; border-bottom:solid 1px #c2c2c2; padding:0 0 15px; margin:0 0 15px;}
.blog-featured article h2 {font-size:18px; font-weight:700; line-height:1.2; margin:0 0 5px;}
.blog-featured article h2 a{color:#292929; text-decoration:none;}
.blog-featured article h2 a:hover {color:#ff0c03}
.blog-featured article .article-info {color:#848484; font-size:12px; margin:0 0 5px;}
.blog-featured .button-news {display:block; text-align:center; color:#5c5c5c; font-size:14px; font-style:italic; text-transform:uppercase; background:#e6e6e6; line-height:36px;}

.front.home .component-pad li {list-style:none; margin:0; clear:both; overflow:hidden; border-bottom:solid 1px #c2c2c2; padding:0 0 15px; margin:0 0 15px;} 
.front.home .component-pad ul {margin:0; }
.front.home .component-pad li  .headleft {float:left;}
.front.home .component-pad li  .infoleft {float:right; width:700px;}
.front.home .component-pad li   h4 {font-size:18px; font-weight:700; line-height:1.2; margin:0 0 5px;}
.front.home .component-pad li   h4  a{color:#292929; text-decoration:none;}
.front.home .component-pad li   h4   a:hover {color:#ff0c03}
.front.home .component-pad li  .newsextra {color:#848484; font-size:12px; margin:0 0 5px;}
.front.home .component-pad  .onecatlink a {display:block; text-align:center; color:#5c5c5c; font-size:14px; font-style:italic; text-transform:uppercase; background:#e6e6e6; line-height:36px;}

/*  category  */
.blog article .img-intro-left {float:left; width:20%;}
.blog article .pad {float:right; width:78%;}
.blog article {clear:both; overflow:hidden; border-bottom:solid 1px #c2c2c2; padding:0 0 15px; margin:0 0 15px;}
.blog article h2 {font-size:18px; font-weight:700; line-height:1.2; margin:0 0 5px;}
.blog article h2 a{color:#292929; text-decoration:none;}
.blog article h2 a:hover {color:#ff0c03}
.blog article .article-info {color:#848484; font-size:12px; margin:0 0 5px;}
.blog article .readmore a {font-style:italic; text-transform:uppercase; color:#5c5c5c; font-size:14px; padding-top:5px; display:block;}

.pagination {clear:both; text-align:center;}
.pagination .counter {display:none;}
.pagination li {display:inline-block; vertical-align:top; margin:0 5px;}

/*  footer  */
.footer .container{background:#e6e6e6; padding:18px; box-sizing:border-box;}
.copyright {float:left; color:#303030; font-size:13px; line-height:15px; width:590px;}
.copyright a {color:#303030; }
.copyright p {margin-bottom:10px;}

.socials {float:left;}

.footer .pull-right {float:right; text-align:right;}
.footer .pull-right  .moduletable_js  {margin:0 0 10px; font-size:13px;}
.footer .pull-right a {color:#323232;}


.menu-trigger {display:none;}

.site.novosti .blog article .pad, .site.publikatsii  .blog article .pad  {width:100%; float:none;}
.site.novosti .blog article .img-intro-left, .site.publikatsii  .blog article .img-intro-left {display:none;}

#pwebcontact96 {width:400px; max-width:100%;}
input[type=text], textarea {background:#E6E6E6!important; border:solid 1px #fff!important; font-family: 'Open Sans', sans-serif!important; font-size:14px!important;}
button#pwebcontact96_send {border:solid 1px #fff!important; font-family: 'Open Sans', sans-serif!important; font-size:14px!important;}

/* MEDIA QUERIES
*********************************************/

/* Small devices (tablets, 768px and up) */
@media (max-width: 1199px) {
.wrapper {min-width:320px;}
.container {padding-left:10px!important; padding-right:10px!important; box-sizing:border-box; width:100%;}
input, textarea, div {max-width:100%;}
img {max-width:100%; height:auto!important;}
.menu-trigger {display:block; padding:10px 0; text-align:center; text-transform:uppercase; color:#fff;}
.mainmenu .nav {display:none; }
.mainmenu .nav li {text-align:center; display:block;}
.mainmenu .container {background:#8C8C8C;}
.mainmenu .nav li  ul {display:block; position:relative; top:auto; left:auto; background:none;}
.mainmenu .nav li  ul:before {display:none;}

.logo {text-align:center;}

.sidebar {width:38%;}
.component-pad {width:60%;}

.mainwrap .s-wrapper  #navigator_outer10 {display:none;}

.front.home .component-pad li  .headleft, .blog article .img-intro-left {width:30%;}
.front.home .component-pad li  .infoleft, .blog article .pad {width:65%;}

.footer .container > div {float:none; width:100%; text-align:center; padding:10px 0; margin:0; }


}

@media (max-width: 767px) {
	.sidebar .newsitem  .headleft , .sidebar .newsitem  .infoleft{float:none; width:100%; margin:0 0 10px; text-align:center;}
	.slider-info a.readme {font-size:14px;}

}

@media (max-width: 567px) { 
.logo {text-align:center;}
.logo strong {display:block; width:100%;}
.header .container {background-size:cover;}
.sidebar, .component-pad{width:100%; float:none; margin:0 0 20px;}

.front.home .component-pad li  .headleft, .blog article .img-intro-left {width:100%; text-align:center; float:none; margin:0 0 20px;}
.front.home .component-pad li  .infoleft, .blog article .pad {width:100%; float:none;}
}