@font-face { font-family: "OpenSansReg"; src: url("/history_nlr/dep/fonts/OpenSans-Regular.eot");}
 @font-face { font-family: "OpenSansReg"; src: url("/history_nlr/dep/fonts/OpenSans-Regular.ttf");} 
 @font-face { font-family: "OpenSansBold"; src: url("/history_nlr/dep/fonts/OpenSans-Bold.eot");}
 @font-face { font-family: "OpenSansBold"; src: url("/history_nlr/dep/fonts/OpenSans-Bold.ttf");}
 @font-face { font-family: "OpenSansSemiBold"; src: url("/history_nlr/dep/fonts/OpenSans-SemiBold.eot");}
 @font-face { font-family: "OpenSansSemiBold"; src: url("/history_nlr/dep/fonts/OpenSans-SemiBold.ttf");}
 
BODY, HTML {background-color:#fff; font-family:"OpenSansReg", Helvetica, Arial, sans-serif; font-size:16px; font-weight: normal; font-style: normal; color:/*#585858*/#212529; line-height: 1.42857143;}

#divHeader {height:180px;background:url(/history_nlr/dep/img/history/logo/head1.jpg) no-repeat #DFDFDF center top; position:relative;} 
#sitezagl {font-family: "OpenSansSemiBold", sans-serif; font-size: 120%; color:rgba(0,0,0,0.7); font-weight:500; text-transform:uppercase; letter-spacing:0.08em; line-height:1.2em; position:absolute; bottom:20px; left: 0px; z-index:100; /*background-color:rgba(255,255,255,0.6);*/padding:4px 4px; width:100%;text-align:center;}
#sitezagl span {font-family: "OpenSansBold", sans-serif; font-size: 270%; /*letter-spacing:0.2em;*/}
#sitezagl a {text-decoration:none; color:rgba(0,0,0,0.7);}

  @media (max-width: 850px) {
   #sitezagl {padding:4px 0px 4px 20px;} 
  }
  @media (max-width: 767px) {
    #sitezagl {font-size: 100%; padding:4px 4px 4px 10px;}
	#sitezagl span {font-size: 180%;}
  }

#divFooter {background-color:/*#DDDCDA*/#DFDFDF; /*color:#512F12;*/padding-top:20px;padding-bottom:2px; font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; margin-top:40px;}

#divContent {min-height: 600px}
@media (min-width: 2000px) {
#divContent {min-height: 1200px}
}

#divTextgen {text-align:justify}
#row1textmain {text-align:justify;}
@media (max-width: 480px) {
  #row1textmain {text-align:left;}
}
#row1textmod {padding-bottom:30px;}
#top_menu a {color:#777;}

#top_rnb span.zag_rnb {font-family: "Times New Roman", serif; font-size: 160%; color:rgba(78,78,78,0.7); font-weight:500; text-transform:uppercase; letter-spacing:0.1em; padding-left: 20px; line-height:1.5em}
     .slabovid {float:right; margin-top:5px;}
	 .slabovid  .glyphicon {font-size:22px;}
	 .slabovid  span {font-size:14px;}
	 .slabovid a {color:#777;}
     @media (max-width: 991px) {
       .slabovid {display:none;}
       #top_rnb span.zag_rnb {font-size: 130%;}
	 }

#rnb_mob {display:none;}
	 @media (max-width: 767px) {
         #rnb_mob {display:block;}
		 #top_rnb {display:none;}
	 }

/*.sh1 {padding-top: 60px;}
@media (max-width: 767px) {
  .sh1 {padding-top: 30px;}
}*/

/* Заголовки */
/*H1 {font-family: "Times New Roman", serif; font-size: 180%; color:#333; text-align: left; margin-bottom:10px;}
H2 {font-size:140%;}*/
h1 {font-family:"OpenSansSemiBold", Helvetica, Arial, sans-serif; font-size:1.675rem; text-align:left;}
h2 {font-family:"OpenSansSemiBold", Helvetica, Arial, sans-serif; font-size:1.375rem; text-align:left;}

H2.margtop {margin-top:40px}
H3 {font-size:120%;font-weight:bold;}

/* навигация  */
.navbar {min-height: 38px; margin-top: 0; margin-bottom:0; border-radius: 0;}
.navbar-default {background-color: #fff; border-color: /*#d9d1bd*/#fff;}
.navbar-default .navbar-nav > li > a {color: #000;}
.navbar-default {background-color: rgba(255,255,255,0.75); border-top:1px solid #ddd}
	  @media (max-width: 767px) {
         .navbar-default {background-color: rgba(255,255,255,1); z-index:10000;}
	  }
.navbar-header {background-color: #ec3f33;}
.navbar-brand { height: 38px;  padding: 10px 10px; background-color: #ec3f33; font-family: "Times New Roman", serif; letter-spacing:0.1em; font-size: 24px; color:#fff;}

.navbar-default .navbar-brand {color: #fff;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #CCC; background-color:#ec3f33}
.navbar-toggle {margin-top: 2px;   margin-bottom: 2px;}

#menu_collapse {background-color:transparent;}
.container > .navbar-collapse {margin: 0 -15px;}
.navbar-nav li a {font-size:16px; font-weight:normal; color:#000;}
.navbar-nav > li > a {padding-top: 9px;  padding-bottom:9px;}

 /*@media (min-width: 768px) {
       .navbar .container {width: 765px;}
     }
     @media (min-width: 992px) {
       .navbar .container {width: 990px;}
     }
	 @media (min-width: 1200px) {
       .navbar .container {width: 1170px;}
     }*/

.nav > li:first-child > a {padding-left:0;}
     @media (max-width: 767px) {
       .nav > li:first-child > a {padding-left:15px;}
	 }

#menu_dop li.active A {background-color:#fff; color:#512F12}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand { margin-left: 0; }
}

#top_menu {/*position:absolute;top:10px;right:60px;*/float:right; color:#777; margin-top:10px;}
#top_menu .glyphicon {padding-left:10px;}
	 @media (max-width: 991px) {
	      /*#top_menu {background-color: rgba(255,255,255,0.75); width:34px;}
		  #top_menu .glyphicon {padding:10px 10px;}*/
		  }
     @media (max-width: 767px) { 
		#top_menu {background-color: transparent; position:absolute; top:40px; right:15px; width:auto; text-align:right;}
		#top_menu .glyphicon {padding-left:10px;}
		#menu_collapse {border-bottom:2px solid #EC3F33;}
	 }

#menu_vertical {  list-style-type: none;  position: relative;  margin: 0;  padding: 0;}
#menu_vertical > li > a, #menu_vertical > li > span {  background-color: #E8E8E8;  padding: 10px 10px 10px 20px;  margin-bottom: 4px;  /*text-transform: uppercase;*/  display: block; /*border:1px solid #E8E8E8;*/ border-radius:5px;}
/*#menu_vertical > li > a:hover, #menu_vertical > li > span:hover {background-color: #E8E8E8;}*/
 
.dropdown-menu_vertical {display: none; margin-bottom:4px; padding:0;}
.dropdown-menu_vertical > li {list-style: none; padding: 0 0 4px 0; font-size:0.9rem;}
.dropdown-menu_vertical > li > a { padding: 0 10px 0 20px; display: block;}
.dropdown-menu_vertical > li > span { background-color: #fff; padding: 0 10px 0 20px; display: block;}
.open > .dropdown-menu_vertical {display: block;}

/*.menu_history .dropdown-menu_vertical > li {display: inline-block;}
.menu_history .dropdown-menu_vertical > li > a {display: inline-block;}
.menu_history .dropdown-menu_vertical > li > span {display: inline-block;}*/

/* 1 страница */
section {padding: 40px 40px;}
.parallax-section{	min-height: 300px;	width: 100%;	background-position: 50% 0;	background-repeat: no-repeat;	background-attachment: fixed;	background-size: cover;}
#arhitekture {background-image: url(/history_nlr/dep/img/history/fon4.jpg) }
#mypublichka {/*background-image: url(/history_nlr/dep/img/history/fon3_1.jpg*/)}
#lyudi-istorii {}
#progulki {background-image: url(/history_nlr/dep/img/history/fon3_1.jpg)}

/* Шкала времени */
.timeline-event-content DIV.im_block {/*display:inline-block;*/float:left; text-align:center; color:#4b4b4b; margin:10px 10px 20px 10px; width:300px}
@media (max-width: 767px){
  .timeline-event-content DIV.im_block {float:none; width:100%;}
}
DIV.im_block DIV.cap, DIV.im_block DIV.cap_t {background: #777;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px; color:#fff; margin-top:5px; padding: 10px 10px; font-size:0.9rem;}
DIV.im_block DIV.cap_t {width:300px}
@media (max-width: 767px){
   DIV.im_block DIV.cap, DIV.im_block DIV.cap_t {width:95%}
}
DIV.im_block DIV.img_fon {width:300px; height:200px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
@media (max-width: 767px){
  DIV.im_block DIV.img_fon {width:95%; height:300px;}
}
.timeline-wrapper h2 {font-family: "OpenSansSemiBold", sans-serif; font-size: 1.5rem;}
.timeline-series dt {text-align:left;}

/*  */
.abc {text-align:center; margin-top:30px;margin-bottom:30px;}
.auth {font-style:italic; text-align:right;}
.big {font-size:120%}
@media (max-width: 991px){
.big_img IMG {width:100%; height:auto;}
.big_img .bl_center IMG {padding:0 0;}
}
.block {margin-left:40px}
.breadcrumb {padding-left:0; color:#999; background-color:#fff; margin-bottom: 5px;}
.btn A {text-decoration:none;}
.btn-primary {background-color: #69a5d6; border:1px solid #CCC;}
.btn-more {display:inline-block;  width:20px; height:20px; padding:2px; border:1px solid #fff; position:relative;vertical-align:bottom; }
.btn-more i { position:absolute; font-size:14px; top:2px; /*right:-10px;*/}
/*.btn-more span {font-size:12px; position:absolute;top:-1px; opacity:0; transition: opacity 2s;}*/
.btn-more:hover { border:1px solid #337AB7; border-radius:10px; }
/*.btn-more span:hover {opacity:1}*/
/*.btn-more1 { background-color:#ccc; padding:2px; display:inline-block; width:20px; height:20px; position:relative; vertical-align:bottom;}*/
/*.btn-more1 i {position:absolute; top:-10px; left:1px; font-size:22px; font-weight:normal; color:#626262; transition: font-weight 1s, color 1s;}
.btn-more1 i:hover {font-weight:bold; color:#000;}*/
.btn-more1 {
display: inline-block;
  padding: /*6px 12px*/ 0 3px 2px 3px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: /*1.42857143*/1.2;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: /*4px*/2px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  }
.btn-more1:hover {
  color: /*#333*/#000;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.dop_menu {background-color:#e8e8e8;padding:10px}
.dop_menu_mobil {height:60px;}
@media (max-width: 767px){
    .dop_menu_mobil {height:10px;}
}
.center {text-align:center}
.clear {clear:both}

/*.consult {position:fixed; bottom:20px; left:0; z-index:1000;}
.consult_mobil {display:none;}
@media (max-width: 767px){
  .consult {display: none;}
  .consult_mobil {display:block; position:fixed; bottom:2px; left:0; z-index:1000;}
}
.consult IMG {width:38px; height:auto;}*/
.copy {font-size:90%; letter-spacing:1px;text-align:left;}
.desc {text-align:center; margin-top:10px;}
@media (max-width: 767px){
   .desc {margin-bottom:20px;}
}
.left {text-align:left;}
.linkMore { /* кнопка-подробнее  */
display: inline-block;  padding: 6px 12px;  margin-bottom: 0;  font-size: 14px;  font-weight: normal;
  line-height: 1.42857143;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -ms-touch-action: manipulation;      touch-action: manipulation;  cursor: pointer;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 4px;
  color: #337ab7;  background-color: #fff;  border-color: #ccc;}
.linkMore:focus {  color: #23527c;  background-color: #e6e6e6;  border-color: #8c8c8c;  text-decoration: none;}
.linkMore:hover {  color: #23527c;  background-color: #e6e6e6;  border-color: #adadad;  text-decoration: none;}
.razdelit {height:2%; clear:both}
.razdelit_bot {height:20px;border-bottom:1px solid #ccc}
.razdelit_top {height:20px;border-top:1px solid #ccc}
.red {color:red}
.right {text-align:right;}
/*.rond {border:1px solid red;font-size: 14px; border-radius:10px; width:20px; height:20px; display:inline-block;}*/
.rubric {color:#acacac; text-transform:uppercase; margin:40px 0 20px 0; border-bottom:1px solid #eee; padding-bottom:10px;}
.sm {font-size:85%}
.sm_margin {margin-bottom:7px}
.totop {z-index:1; text-align:center; font-size:14px; line-height:26px; border:1px solid #ccc; border-radius:20px; width:30px; padding:0; /*background-color:transparent;*/background-color:#69A5D6; display: none; cursor: pointer; position: fixed; bottom: 2px; right: 20px;}
.totop a {color:#fff}
#obl {margin:20px 0;}
#obl IMG {display:inline-block; padding:5px 10px;}
#tableft TD {text-align:left;}

button, button:active, button:focus {outline: none !important;}
BIG {font-size:130%;}
LABEL {font-weight:normal;}
blockquote {font-style:italic; font-size: 1rem;}
blockquote span {font-style:normal;}
IMG.hid {display:none;}
LI.marg {padding-bottom:20px;}


/* отдельные страницы */
#zal .thumbnail {padding:5px; border: 1px solid #EDEDED;}
#zal .thumbnail:hover {box-shadow:0 6px 6px 0 #D5D5D5;}
#zal .thumbnail {height:250px}
#zal .caption {text-align:center; font-size:80%}
/*#zal .thumbnail:hover {background-color:#ebebeb}*/
#zal .thumbnail IMG, #zal .content IMG {width:100%; height:auto;}
#zal .thumbnail iframe {width:100%; height:180px;}
@media (max-width: 991px) {
  #zal .thumbnail {height:200px}
  #zal .thumbnail iframe {height:110px;}
  #zal .img_991 IMG {width:100%;height:auto;}
  #zal .img_991 .bl_center IMG {padding:0 0;}
}
@media (max-width: 767px) {
  #zal .thumbnail {height:auto;}
  #zal .thumbnail iframe {height:400px;}
  #zal .img_767 IMG {width:100%;height:auto; }
  #zal .img_767 .bl_center IMG {padding:0 0;}
}
@media (max-width: 500px) {
  #zal .thumbnail iframe {height:300px;}
  #zal .img_500 IMG {width:100%;height:auto; }
  #zal .img_500 .center IMG {padding:0 0;}
}

/*#zal .fon1 {background:url(/history_nlr/dep/img/history/fon2.jpg) no-repeat center center; background-size:cover; padding-top:20px; padding-bottom:20px;}*/

#walk .content .center IMG {width:100%; height:auto; margin:0 0;}
@media (min-width: 768px) {
#walk .content IMG:hover {transform:scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); opacity:0.9; filter:alpha(opacity=90)}
}
#walk .content {font-size:14px;}
#walk .content IMG {width:100%; height:auto;}
#walk .img_zal {position:relative; text-align:center;}
#walk .img_zal .sq {position:absolute; left:0; bottom:0;}
#walk .img_zal .sq1 {position:absolute; left:30px; bottom:0;}
#walk .sq, #walk .sq1 {border:1px solid #ff8c40;font-size: 14px; width:20px; height:20px; display:inline-block; background-color:#d04502; color:#FFFF66; text-align:center;}

#pers_photos .col-sm-3 {text-align:center; padding-bottom:20px;}
#pers_photos .fio {text-align:center;font-size:0.9rem; padding-top:8px;}
#pers_photos IMG {height:150px; width:auto;}
#pers_photos IMG:hover {transform:scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); opacity:0.9; filter:alpha(opacity=90)}
#pers_search .col-sm-1 {text-align:right}
@media (max-width: 767px) {
  #pers_search .col-sm-1 {text-align:left}
}

/* Вставка изображений */
.img_100 IMG, .img_100_menu IMG {width:100%; height:auto;}
.img_100 .bl_center IMG, .img_100_menu .bl_center IMG {padding:0 0;}
.img_100_menu .bl_center{ margin:0 10px;}


/* позиционирование блоков  */
.bl_left { float:left; margin: 0 20px 10px 0;  cursor: default; text-align: center;}
.bl_right  { float: right; margin: 0 0 10px 20px; cursor: default; text-align: center;} 
.bl_center {text-align:center; margin: 20px 0;}
.bl_center IMG {padding:4px 4px;}
.thumbnail .bl_center, .content .bl_center {margin:0 0;} /* если изображения вставляются в область */
.thumbnail .bl_center IMG, .content .bl_center IMG {padding:0 0}

@media (max-width: 320px) {
div.bl_left, div.bl_right {float:none; width:100%; text-align:center; margin:0 0;}
}
  
/* поиск по сайту */
.gsc-input { background: #fff !important; *background: #fff !important; /*IE 7*/
height: 24px !important;}
/*input.gsc-search-button {height: 24px !important;}*/
.gsc-search-button-v2 {height:30px !important;}

/*Адаптивное видео на сайте*/
.myvideo {
position:relative;
padding: 0 0 56.25% 0;
height:0;
overflow:hidden;
}
.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:80%;
height:100%;
}
@media (max-width: 767px) {
 .myvideo iframe,.myvideo object,.myvideo embed {width:100%;}
}

/* Сравнение изображений */
@media (max-width: 991px) {
 .ba-slider {margin-top:20px; margin-bottom:20px;}
}

/* новости  */
@font-face { font-family: "a_AntiqueTrady"; src: url("/history_nlr/dep/fonts/a_AntiqueTrady.eot");}
@font-face { font-family: "a_AntiqueTrady"; src: url("/history_nlr/dep/fonts/a_AntiqueTrady.ttf");}
article {margin-bottom:20px; margin-top:10px;}
article .data {color:#787878}
article h3 {margin-top:0;margin-bottom:10px;font-size: 20px; font-weight:normal; font-family: a_AntiqueTrady, "Times New Roman", serif;}
@media (max-width: 480px){
  article {text-align:left;}
}

IMG.img_news {width:100%; height:auto; padding-top:10px;}
@media (max-width: 767px) {
  IMG.img_news {padding-top:20px;}
}

#form_search input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: searchfield-cancel-button;}
#btn_subscribe {text-transform:uppercase;}
.news_menu {background-color:#e8e8e8;padding:10px}
.news_menu br.clear{display:none;}
.news_menu .btn {margin-right:10px;}
.cmi_menu {background-color:#e8e8e8;padding:10px; margin-bottom:5px; text-align:center;}

.page_nav_area .nav_item {  display: block;  margin-right: 10px;  position: relative;  font-size: 16px;  float: left;  width: 38px;  height: 38px;  line-height: 38px;  text-align: center;    border: 1px solid #dae0e6;}
.nav_item.dots { width: 22px; height: 40px; border: none;}
.page_nav_area a.nav_item.current:link, .page_nav_area a.nav_item.current:active, .page_nav_area a.nav_item.current:visited, .page_nav_area a.nav_item.current:hover { cursor: default; background: #eef2f6 !important; color: #b0b0b0 !important;}
.show_count { float: right;}
.show_count select { width: 57px; height: 34px; padding: 2px 2px; font-size: 14px; line-height: 1.42857143;  color: #555;  background-color: #fff;  background-image: none; border: 1px solid #ccc;
border-radius: 4px;}

/* вывод изображений на квадратном фоне  */
.sq_itm, .sq_itm_gor {display: inline-block; width:370px; height:370px; position:relative; border: 1px solid #ccc; border-radius: 10px; text-align:center; margin:2px 2px; line-height:370px; box-sizing:border-box;}

@media (max-width: 420px){
.sq_itm, .sq_itm_gor {width:300px; height:300px; line-height:300px;}
}
.sq_itm .sq_fon, .sq_itm_gor .sq_fon {background-size: cover; background-position: center center; background-repeat: no-repeat; filter: blur(5px); position:absolute; top:9px; left:9px; width:350px; height:350px; opacity:0.5; filter:alpha(opacity=50); }
.sq_itm IMG {height:350px; width:auto; position:relative;}
.sq_itm_gor IMG {width:350px; height:auto; position:relative;}
.gallery_sly .sq_itm IMG, .gallery_sly .sq_itm_gor IMG {margin:-15px 0 0 0;}
.center .block_sq .sq_itm IMG, .center .block_sq .sq_itm_gor IMG {margin:-5px 0 0 0;}

@media (max-width: 420px){
.sq_itm .sq_fon, .sq_itm_gor .sq_fon {width:280px; height:280px;}
.sq_itm IMG {height:280px; width:auto;}
.sq_itm_gor IMG {width:280px; height:auto;} 
}

