html,body {height: 100%;}

body, div, span, p, h1, h2, h3, img {padding: 0; margin: 0;}

body {background: #fff; color: #000; font: 16px Tahoma, Geneva, sans-serif;}

/* Стили по умолчанию */

img {border: 0; max-width: 100%;}
a {color: #47594c;}

h1 {margin: 20px 0; text-align: center; font-size: 2em; font-weight: normal; text-transform: uppercase;}
h2 {margin: 20px 0; text-align: center; font-size: 1.8em; font-weight: bold;}
h3 {margin: 15px 0; font-size: 1.5em; font-weight: normal;}

.fl-right {float: right;}
.hiden {display: none;}
.center {text-align: center;}

.hidden {display: none;}


/* Footer to bottom 
#all {height: auto !important; height: 100%; min-height: 100%; position: relative;}
#all:after { height: 50px; margin: 10px 0 0; display: block; content: '';}
*/


/* Выравнивание блоков по ширине */

.just-wrp {
    text-align: justify;
    line-height: 0;
    text-justify: newspaper;
    zoom: 1;
}

.just-wrp:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.just-wrp .just-blck {
    display: inline-block;
    line-height: normal;
    font-size: 14px;
    vertical-align: top; //display:inline; //zoom:1;
}

/* Выпадающая навигация */
#nav {position: relative; z-index: 50;}
#nav ul {margin: 0 10px; padding: 0; list-style: none;}
#nav ul>li {margin: 0; display: inline-block; position: relative;}
#nav ul>li>ul {width: auto; min-width: 100%; display:none; position: absolute; left: -2px; text-align: center; z-index: 50;}
#nav ul>li>ul.to-right {left: auto; right: -2px;}
#nav ul>li:hover > ul {display: block;}


#all {width: 100%; margin: 0; padding: 0;}


#header {width: 100%; height: 50px; margin: 0 auto; padding: 10px 0; background:#fff;}

#header div {display:inline-block;}
#header div.head-links {line-height:50px;}
#header .lang {margin:0 20px;}
#header div.contacts {float:right; text-align:right;}

#logo-block{margin:10px 0; text-align:center;}
#logo-block>div {width:calc(50% - 10px); height:180px; padding:10px; display:inline-block; vertical-align:top; border-radius:5px;}
#logo-block .head-ruor {background:#0076B0;}
#logo-block .head-rc {background:#FB8541;}
#logo-block .logo {width:200px; margin-right:10px; float:left;}
#logo-block .org-name { text-align:left; color:#fff; text-shadow: #231F20 1px 0px, #231F20 1px 1px, #231F20 0px 1px, #231F20 -1px 1px, #231F20 -1px 0px, #231F20 -1px -1px, #231F20 0px -1px, #231F20 1px -1px;}

#logo-block .title { font-size:35px; color:#fff; text-decoration: none; line-height:1em;}
#logo-block .desc { font-size:18px;}


#nav {height:50px; margin: 0 auto; text-transform:uppercase; background:#095B46;}
#nav a.logo {padding:5px 10px 0; display: block; float: left;}
#nav ul {display:block; float: left;}
#nav ul>li {}

#nav ul>li>a {padding:15px 10px; display: block; color:#fff; text-decoration:none;}

#nav ul>li:hover>a, #nav ul>li>a.current {background:#0A6951;}

#nav ul>li>.menu-cat {width: 200px; position: absolute; left: -10px; background:#0A6951;}
#nav ul>li>.menu-cat.to-right {right: -10px; }
#nav ul>li:hover>.menu-cat {display:block;}

#nav .menu-cat li {margin: 0; padding:0; display:block;}
#nav .menu-cat a { margin: 0; padding:10px;  text-decoration: none; text-align:left;}
#nav .menu-cat.to-right a {text-align:right;}


/*
.menu-cat .col {width: 20%; margin: 20px 15px 10px; display: inline-block; vertical-align:top;}
.menu-cat .col.thin {width: 15%;}
.menu-cat .col.wide {width: 26%;}
.menu-cat .col a:hover {}
.menu-cat .col a:hover::before {position: absolute; left: -15px; font-size: 1.1em; color: #fff; content: "•";}
.menu-cat .col a.group {margin: 0 0 10px; padding: 0 0 5px; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #fff;}
.menu-cat .col a.group:hover::before {position: absolute; left: 20px; content: ""}
*/

#nav.fixed {margin:0; padding:0 20px; border-radius:0; position: fixed; top:0; left:0; right:0;}


.nav-right-block {float: right; text-align: right;}
.nav-right-block a {display: inline-block; color: #fff; text-decoration:none; background:#FB8541;}


/* Навигация в боковом меню */
#aside .menu ul {margin:0; padding:0; list-style: none; background:#0076B0;}
#aside .menu ul>li>a {padding:15px 10px; display: block; color:#fff; text-decoration:none;}
#aside .menu ul>li:hover>a, #aside .menu ul>li>a.current {background:#344676;}


#aside .menu>ul>li>.menu-cat {border-left:2px solid #fff;}
#aside .menu>ul>li:hover>.menu-cat {display:block;}

/* Форма регистрации */

#regi_form {max-width:600px; margin:10px auto;}

/* Слайдер */
.slider-wrapper {position: relative; max-height:400px; overflow:hidden; z-index:20;}
.nivo-html-caption { text-align: right;}
.nivo-html-caption h4 { text-align: right; font-size: 2em;}
.img-in-caption {position: relative; width:200px; height:100%;}
.img-in-caption img { width:100%; display:block !important; float:right; opacity: 1;}


#main {padding:20px; background: #fff; }
#main:after { display:block; content: ''; clear: both;}
#main p { margin:10px 0;}

#aside {width: 240px; border:1px solid #ccc; float:left;}
#content { margin:0 0 0 260px;}

/* Галерея */
.gall-list {}
.gall-list h3 {margin: 40px 0; text-transform: uppercase; text-align: center; border-bottom: 1px solid #ccc;}
.gall-list h3 span { padding: 0 10px; background: #fff;}

.gall-list .img-wrp {width: 22%; height: 140px; margin: 10px 0; overflow: hidden; border: 2px solid #ccc; text-align:center;}
.gall-list .img-wrp:hover {border-color: #4C68AE;}
.gall-list .img-wrp img {width: 100%; min-height: 140px; display: block; transition: all 1s ease-out;}
.gall-list .img-wrp:hover img {transform: scale(1.2);}

/* Новости */
.news-list {}
.news-item {height: 200px; margin: 20px 0 0; padding: 0 10px 25px; border-bottom: 1px solid #ccc; overflow:hidden; position:relative; }
.news-item.open {height: auto;}
.news-photo-main a {width: 200px; height: 200px; margin: 0 10px 0 0; display: block; float: left}
.news-item h3 {margin-top:0; }
.news-item .more {height: 25px; padding: 0 10px; text-align: right; position: absolute; bottom: 0; left: 0; right: 0; background: #fff;}

.news-photo-list a {width: 150px; height: 150px; margin: 0 10px 10px 10px; display: inline-block; border:2px solid #4C68AE;}
.news-photo-list a:hover {border:2px solid black;}

/* Каталог Index*/
.cat-list {margin: 40px 0; position: relative; text-align: center; font-size: 16px;}
.cat-list h3 { text-transform: uppercase; text-align: center; border-bottom: 1px solid #ccc;}
.cat-list h3 span { padding: 0 10px; background: #fff;}

.cat-list .cat-item {width: 170px; margin: 20px 5px; position: relative; font-size: 16px; text-align: center; text-decoration: none;}

.cat-item .img-wrap {width: 168px; height: 168px; position: relative; overflow: hidden; border: 1px solid #ccc;}
.cat-item img {display: block; transition: all 1s ease-out;}

.cat-item .cat-name {width: 170px; height: 40px; margin: 5px; display: table-cell; vertical-align: middle;}

.cat-item:hover {color: #fff; background: #4183C4;}
.cat-item:hover .img-wrap { border-color: #4183C4;}
.cat-item:hover img {transform: scale(1.2);}

/* Каталог Основная */
.cat-menu{}
.cat-menu ul { margin: 0; padding: 0; list-style: none;}
.cat-menu ul>li>a {padding: 5px 10px; display: block; text-decoration: none; color: #fff; background:#6F85BF; border-top: 1px solid #9AAAD3; border-bottom: 1px solid #334573; }
.cat-menu ul>li.main>a {padding: 5px 5px; font-weight: bold; text-align: center; background:#4C68AE;}

/* Отображение Материалов в списке*/
.mate-list-item h3 {margin: 0;}

/* Отображение фильтров*/
.mate-razd {font-size: 0.8em;}
.mate-razd ol {margin: 10px 0; padding: 0 0 0 20px; }
.mate-razd li {margin: 0 0 5px 0; }
.mate-razd li.active>a { font-weight: bold;}

/* Фильтры */

.filt-razd ul, .filt-razd ol {list-style: none; margin-left: 30px; padding-left: 0;}
.filt-razd>ul, .filt-razd>ol {margin-left: 0;}

.filt-name-item {padding: 0 5px; margin: 0 3px; display: inline-block; color: #000; background: #ccc; border:1px solid #ccc; border-radius: 3px;}

/* iframe */
iframe {height: 500px;}

.extend {margin: 15px 0 0; position: relative; text-align: center; background: #ccc;}
.extend .menu-small {height: 30px; padding: 5px; text-align: right; background: #fff;}
.extend .menu-big {height: 30px; padding: 5px; text-align: right; background: #fff; display: none;}

.extend.fullscreen {margin: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 495;}
.extend.fullscreen .menu-small {display: none;}
.extend.fullscreen .menu-big {display: block;}
.extend.fullscreen iframe {width: 100%; height: calc(100% - 30px);}
.extend.fullscreen video {width: 100%; height: calc(100% - 30px);}



#footer {width: 100%; height: 50px; padding:20px 0; color:#fff; background:#095B46;}
.foot-info {width: 1000px; margin: 0 auto;}
.foot-info .copy {width: 200px; float: right; text-align: right;}