/* CSS Document */

html, body {margin:0;padding:0;}
/*body {url(../images/body.jpg) center top no-repeat;}*/


#wrapper{ position:relative; min-height:100%;height:auto !important;height:100%; margin:0 auto; width:735px;}

#header{ height:210px;}

#header a{ display:block; height:200px; width:735px;}



#fire{ float:left; width:100%; height:380px; }

#fire_flash{color:#CCFF33; position:relative; top:122px; left:280px; height:88px; width:152px;}

#menu{ float:left;margin:0 0 50px 0;}

#menu ul{list-style:none; margin:0 0 0 15px; padding:0; height:25px; width:716px;}

#menu ul li{ margin:0 35px 0 3px;float:left;} 

#menu ul li a{display:block; text-decoration:none; height:25px; width:110px;}

#menu ul li a:hover{ text-decoration:underline;}

#content{ color:#FFFFFF;}



     

/*====Menu======*/

#menu ul li.item1 a{ /*border:1px dotted #FFFFFF;*/background:url(../images/menu.png) no-repeat;}

#menu ul li.item2 a{/*border:1px dotted  #CC99FF;*/background:url(../images/menu.png) -150px 0 no-repeat;}	

#menu ul li.item3 a{/*border:1px dotted #CCFF00;*/background:url(../images/menu.png) -300px 0 no-repeat;}	

#menu ul li.item4 a{/*border:1px dotted #00CCFF;*/background:url(../images/menu.png) -470px 0 no-repeat;}	

#menu ul li.item5 a{/*border:1px dotted #FF9900;*/background:url(../images/menu.png) -620px 0 no-repeat;}	

#menu ul li.item5{ margin-right:0;}



#menu ul li.item1 a:hover{ /*border:1px dotted #FFFFFF;*/background:url(../images/menu_hov.png) no-repeat;}

#menu ul li.item2 a:hover{/*border:1px dotted  #CC99FF;*/background:url(../images/menu_hov.png) -150px 0 no-repeat;}	

#menu ul li.item3 a:hover{/*border:1px dotted #CCFF00;*/background:url(../images/menu_hov.png) -300px 0 no-repeat;}	

#menu ul li.item4 a:hover{/*border:1px dotted #00CCFF;*/background:url(../images/menu_hov.png) -470px 0 no-repeat;}	

#menu ul li.item5 a:hover{/*border:1px dotted #FF9900;*/background:url(../images/menu_hov.png) -620px 0 no-repeat;}	

		

	#wrapper .empty {height:40px; clear:both;}



#footer{color:#CCC; position:relative;margin:0px auto 0 auto; text-align:center;height:40px;width:735px;}

	#coop{ color: #666666; font-size:11px;float:right; margin-right:20px; width:150px;}



/*======Joomla=========*/

h2.contentheading,h1.componentheadingnews{background:url(../images/title.png) center center no-repeat;color:#f4b11a;font-size:24px; font-weight:500; text-align:center; margin-bottom:40px;}



/*======Slider=========*/

div.podvig{background:url(../images/ten.png) center bottom no-repeat; float:left; margin:0 15px 10px 15px;height:216px;width:151px; text-align:center;}

div.foto{background:url(../images/ten_foto.png) center 98% no-repeat; float:left; margin:0 15px 10px 15px;height:216px;width:151px; text-align:center;}



/*========�������======*/

h2.contentheadingnews{background:url(../images/title_news.png) no-repeat; color:#ffb200; font-size:14px; padding:0 0 0 70px; height:53px;}

div.info_news{ float:left; width:100%; font-size:11px; }

div.blognews{ margin:0 auto; width:800px;}

div.item_blog{ /*float:left; margin:0 30px 40px 30px;*/margin:0 40px 40px 40px; float:left; height:240px; width:300px;}

div.text_news{ border-bottom:1px solid #ffb200; padding-bottom:5px; margin-bottom:10px; text-align:justify; height:110px;}

a.readonnews{ background:url(../images/more.png) right 3px no-repeat;margin-right:10px; float:right; width:100px;}

div.date_news{ float:left; width:150px;}

div#page h2.contentheadingnews{ padding-top:20px;}

div#page div.createdate{ padding-right:25px; text-align:right;}



p.readon_blog{clear:both;}

a.readon_blog{ background:url(../images/back.png) 0 3px no-repeat; padding-left:25px;}



#zvezda{/*background:url(../images/zvezda.png) 100% 100px no-repeat;*/ width:500px; margin:0 0 0 180px;}


/*********************
	owl-carousel
*********************/
/*.owl-item {
  width: 100%
}*/

.owl-carousel .item {
  overflow: hidden;
  /*width: 100%*/
  /*height: 800px*/
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  left: -60px;
  bottom: 0;
  margin: 0;
  border-radius: 0;
  width: 60px;
  z-index: 2;
  background: rgba(0, 0, 0, .3);
  cursor: pointer;
  outline: 0 !important;
}

.owl-carousel .owl-nav .owl-next {
  left: auto;
  right: -60px
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: rgba(0, 0, 0, 0);
}

.owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*@include tablet {
  .owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
  }
}*/

.owl-carousel-full .item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  flex-direction: column-reverse;
}

.owl-carousel-full .owl-stage {
  min-height: 808px
}

.owl-carousel .owl-item img {
  width: auto;
  max-width: 100%
}



.owl-carousel-desktop .owl-item {
  height: 808px
}

.container-grids {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 10px;
    height: 100%;
}

.container-grids a.grid {
  color: #fff;
  padding: 0;
  font-size: 3rem;
  display: block;
  background-size: cover;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background-position: center;
}

.container-grids a.grid:after {
  content: '';
  height: 100%;
  display: block;
  background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.3309698879551821) 71%, rgba(0,0,0,1) 100%);
  opacity: 0.3;
  transition: opacity 200ms;
}

.container-grids a.grid:hover:after {
  opacity: 0.7;
}

.column2 {
  grid-column-end: span 2;
}

ul.pagination li {
  display: inline; /* Отображать как строчный элемент */
  padding: 3px; /* Поля вокруг текста */
 }

 .pic{
	float:left;
	margin:0 15px 15px 0;
	border:5px solid white;
	width:200px;
	height:250px;
}

.pic a{
    background: url(../images/ten_foto.png) 63% 108% no-repeat;
    height: 216px;
    width: 151px;
	text-indent:-99999px;
	display:block;
}
.ksmg_img{
  position: absolute;
  bottom: 100%;
  left: 120%;
  z-index: 1;
  background: url(../images/ksmg.png) center top no-repeat;
  width: 118px;
  height: 130px;
}

#content img {
  max-width: 100%;
  height: auto;
}

#content h1,h2.contentheading{color:#f4b11a;font-size:16px; font-weight:500; text-align:center;}

#page { text-align:justify }
#coop { margin-top: 1em }