@keyframes cf4FadeInOut {  0% {    opacity:1;  }  17% {    opacity:1;  }  25% {    opacity:0;  }  92% {    opacity:0;  }  100% {    opacity:1;  } } 
#cf4a {
  position:relative;
  	height:300px;
	display:block;
	overflow:hidden;

  margin:0 auto;
  display:block;
  clear:both;
}
#cf4a div {
  position:absolute;
  left:0;
}

#cf4a > div {
  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 32s;
}
#cf4a div:nth-of-type(1) {
  animation-delay: 25s;
}
#cf4a div:nth-of-type(2) {
  animation-delay: 20s;
}
#cf4a div:nth-of-type(3) {
  animation-delay: 15s;
}
#cf4a div:nth-of-type(4) {
  animation-delay: 10s;
}
#cf4a div:nth-of-type(5) {
  animation-delay: 5s;
}
#cf4a div:nth-of-type(6) {
  animation-delay: 0s;
}
#cf4a > div > div{position:absolute;
  top:200px;left:50px;
  color:white;
  text-shadow: 5px 5px 7px #000000;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}
#cf4a > div > div > h1 {font-size:2em;margin-bottom:0px;border-bottom:1px solid white}
  
#lban{position:absolute;width:100%;text-align:center;top:0px;padding-top:100px;z-index:9;animation-name:none;text-shadow: -1px -1px 1px #FFF,1px -1px 1px #FFF,-1px 1px 1px #FFF,1px 1px 1px #FFF;}

#breaknews {
	display:none;
	background:yellow;
	min-height:100px;
}
#bnwebb {
	margin:auto;
}
#bnwebb h1{
	margin:0;font-family: Exo-Bold,Tahoma;
}
#bnwebb p{
	margin:0;
}

  body {margin:0;font-family: Exo,Tahoma;
	  background:#82a1d0;
	  margin:0px;
	  padding:0px;
  }
  
  #webb{
	border:0px solid gray;
	margin:auto;
	width:100%;
	background:rgba(255, 255, 255, 0.9);
  }
  #ban{
	heig ht:170px;
	display:block;
	border:0px dashed red;
	font-family:Exo-Bold;
	font-size:4em;
	font-style:italic;
	text-shadow: 1px -1px 0px #F0F0F0,-1px 1px 0px #F0F0F0,1px 1px 0px white,-1px -1px 1px #F0F0F0,5px 5px 5px black;/**/
	color:#404080;
	color:#8ed6ff;
	color:#202090;
	background: linear-gradient(white,#b5ceec); 
	
	
padding-top:30px;padding-bottom:10px;background:url("ban3.jpg");background-position: 0px 0px;  }
  #ban img {padding:20px 10px 10px 15px;float:left}
  #ban p{margin:0px;margin-top:-10px;padding:0px;font-size:.27em;}
  
  #banmenu{
	  float:right;
	  background: rgba(255, 255, 255, 0.85);
	  padding-left:.5em;
	  padding-right:.5em;
  }
  #banmenu a{
	  color:black;
	  text-decoration:none;
  }
  
  #capt{padding:5px;padding-top:15px;}
  #capt font{letter-spacing:3px}
  #hms{height:37px;display:block;}
  #hmenu{
	width:100%;
	border:0px dashed red;
	background: navy;
	background: linear-gradient(to bottom, #000070, #004090,#000070);
	color: white;
	font-family:Exo-Bold;
	z-index:32;
	margin:auto;
	  position:relative;
	  transition: height 1s;
  }
  #hmenu a{
	  padding:10px 8px 8px 10px;
	  border-right:0px solid blue;
	  color:white;
	  text-decoration:none;
  }
  #hmenu a:hover{
	background: #000;
  }
  .cls {display:inline-block;}
  .cls a {display:inline-block;}
  .cls a:nth-of-type(1) {display:none;}
  .scls {display:none;}
  
  
  .opn {display:block;float:none;}
  .opn a{display:block;float:none;}
  .sopn {display:block;float:none;}
  .sm{padding:0px;position:absolute;top:37px;left:0px;z-index:64;float:none;width:100%;
  background:#404080;
  //background: linear-gradient(to bottom, #404080, #04c5ff);
  //background: linear-gradient(to bottom, #404080, #0485bf);
  background: linear-gradient(to bottom, #404080, #6281b0);
  color:gray;
  padding-bottom:20px;
  }	
  .sm a{padding:10px;display:inline-block;float:left;width:31%;border-right:1px solid red;}	
  .sm a:nth-of-type(1) {display:block;}
  .sm p{display:block;font-family:Exo-Light;font-size:.8em;margin-top:0px;margin:0px;}
 	.exp {display:none;}
	.stit {clear:both;display:none;}
	.sm img{float:left;padding-right:5px;border:0px;}

  #stred{
	border:0px dashed black;
	font-family:Exo-Light;
	//background:yellow;
	position:relative;
	width:100%;
  }
  
  #vmenu{
	width:220px;
    font-family:Exo-Light;
    font-size:.9em;
	border:0px solid red;
	display:block;
	float:left;
	hei ght:100%;
	position:absolute;
	  top:0;
  left:0;
  }
  #vmcont{
	width:220px;
	display:block;
	border:0px dashed red;
	float:left;
	background: #DDEEFF;
	background: #FAFAFA;
	hei ght:500px;
	overflow:auto;
  }
  #vmcont h1{margin: 10px 0px 0px 5px;}
  
.vmpol{
	padding:5px;
	padding-left:8px;
	border-top:1px solid #F0F0F0;
}
.vmpola{
	padding:5px;
	border-left:3px solid red;
	border-top:1px solid #F0F0F0;
	background:linear-gradient(to bottom, #ffffff, #e0e0FF);
}

#vpm {
	background:navy;
	color: white;
	font-family:Exo-Bold;
	margin-top:2px;
	font-size:1.1em;
	
}
#vpm a {
	  color:white;
	  text-decoration:none;
		display:block;
		padding:3px;
		border-bottom:1px solid #404080;
	
}
#vpm a:hover {
	  background:black;
	
}
#vpm > a > img {width:18px;padding:3px;vertical-align: text-bottom;border:0px;}
#vpm h1 {
	  font-size:1.3em;
	
}


  #cont {
  margin-left:230px;
  margin-right:160px;
  padding:5px;
	min-height:600px;  
	line-height: inherit;
  }

  #cont b{
	font-family:Exo-Bold;
  }
  #cont h1{font-family:Exo-Bold;margin-bottom:5px;}
  #cont h2{font-family:Exo-Bold;margin-bottom:5px;}
  #cont h3{font-family:Exo-Bold;margin-bottom:5px;}
  #rbox{
	margin:auto;
	display: block;
	border-left:1px solid #E0E0E0;
	width:150px;
	position:absolute;
  top:0;
  right:0;
  text-align:center;
  font-size:.8em;
  }
  #rbox > div {margin-top:15px;margin-bottom:15px;z-index:999;
}
  
  #patka{
	  border-top:1px solid #dddddd;
	  margin-top:10px;
	width:100%;
	clear:both;
	text-align:center;
	display:inline-block;
	padding-top:10px;
	font-size:.9em;
	z-index:99;
  }
	#pobr{
	width:100%;
	clear:both;
	text-align:center;
	padding-top:3px;
	color:white;
	font-size:.7em;
	text-align:center;
    display: block;

	}
	#pobr a{
		color:white;
	}
	.pbox{
		width:30%;
		dis play:inline-block;float:left;
		border:0px dashed red;
		hei ht:120px;
		margin:5px;
		text-align:left;
		padding-left:20PX;
	}
	.pboxn{
		font-family:Exo-Bold;
		font-size:1.1em;
		display:block;;	
		color:red;
		color:#607090;
		margin:0px;			
	}

	.port{float:right;margin:10px;padding:5px;border:1px solid #EEEEEE;}
	.pcnt{display: block;margin:auto;}
	.ods {text-align:justify;margin-top:5px;margin-bottom:5px;}
	.fce {width:130px;display:inline-block;vertical-align: top;}
	.jm {width:230px;display:inline-block;}
	.tel {width:230px;display:inline-block;white-space: nowrap;}
	.tel a{color:black;text-decoration:none;}
	.eml {width:230px;display:inline-block;white-space: nowrap;}

	.line {clear:left;display:block;margin-top:10px;}
	.po {display:inline-block;;vertical-align: middle;}
	.pod {display:inline-block;vertical-align: middle;width:80%}
	.fi {wi dth:90px;display:inline-block;vertical-align: middle;padding:5px;}
	.fi a{disp lay:block;}

	p.news{margin:0;}
	.pub {font-size:.8em;margin-top:0px;padding-top:0px;}
//white-space: nowrap;
	.ico {vertical-align:middle;}
	
	.obs {min-width:350px;float:left;}
	.obs a{display:block;text-decoration:none;clear:left;padding-bottom:15px;padding-top:15px;}
	.obs a > p {margin:0px;font-size:.8em;}
	.obs a > img {float:left;filter: invert(.5);padding-right:10px;filter:progid:DXImageTransform.Microsoft.BasicImage(invert='.5');}
	
	.date{background:white;width:50px;display:inline-block;text-align:center;padding:4px;margin-right:10px;border:1px solid gray;vertical-align: middle}
	.den{font-size:2em;font-family:Exo-Bold;}
	.mes{font-size:.8em;margin-top:-5px;}
	.kp {width:70%;display:inline-block;border:1px dashed red}
	
	.dlin {margin-bottom:10px;border:1px solid green}
	.dadr {display:inline-block;width:70%;border:1px solid orange}
	.dfil {display:inline-block;;;border:1px solid blue}
#akt {display:inline-block;width:50%;min-width:300px;vertical-align:top}
#dsk {display:inline-block;width:48%;min-width:200px;vertical-align:top}
.imgl {float:left;padding-right:5px;}

#news h3{padding-bottom:0px;margin-bottom:0px;color:navy;}
#news p{padding-top:0px;margin:4px 0 7px 0;}
#news ol,#news ul{padding-top:0px;margin:4px 0 6px 0;}

	
@media screen and (min-width: 1100px){
	body{
	  background:#82a1d0 url("bg_jaro2.jpg") center no-repeat;
	  background-position: bottom;
	
	}

	#ban{padding-top:40px;padding-bottom:10px;}
	#webb{width:1100px;	box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	#bnwebb{width:1100px;}
	
  #pobr{
	width:100%;
	clear:both;
	text-align:center;
	padding-top:520px;
	color:white;
	font-size:.7em;
	text-align:center;
    display: block;
	text-shadow: 1px 1px 3px black,-1px -1px 2px black;

  }
  #hmenu{
	width:1100px;
    margin:auto;
  }
  
   #cont{background:url("bg_page3.png") center top no-repeat}
   //.po {display:inline-block;width:590px;;vertical-align: middle;}
}
@media screen and (max-width: 900px){
	#cont{margin-right:0;}
	#rbox{display:none;}
	
}

@media screen and (max-width: 640px){
	#cf4a{display:none;}
	
	#patka div:nth-of-type(1){display:none;}
	.cls a{display:none;}
	.cls a:nth-of-type(1) {display:block;}
	.opn a {display:block;float:none;}
	.sm{text-indent:00px;position:relative;top:0px;left:0px;overflow:auto;}
	.sm a{width:30%;min-width:280px;display:inline-block;}
	  .sm a:nth-of-type(1) {display:inline-block;}

	.sm p{padding-left:30px;;display:inline-block;width:90%;text-overflow: ellipsis;      white-space: nowrap;    overflow: hidden;}
	.exp {display:inline-block;}
	.stit{display:none}
	.sm img{width:24px;disp lay:none;}
	.pbox {margin:0px;padding:0px;width:40%;min-width:310px;text-align:left;}
	.pbox table{width:100%;}
	#ban {font-size:2em;text-shadow: 0px 0px 1px white,3px 3px 3px gray;
	background: linear-gradient(white,#b5ceec);
	padding-top:0px;
	padding-bottom:0px;
	}
    #ban p{margin-top:-5px;}
	
	#ban img {width:40px;padding:10px 5px 5px 7px;float:left}
  #capt{padding:5px;padding-top:10px;}

	  #capt font{letter-spacing:1px}


	#vmenu,#vmcont{width:35px;}
	#vpm > a > span {display:none;}
	#cont{margin-left:40px;}
	#cont h1 {font-size:1.3em;}
	#cont h2 {font-size:1.1em;}
	#cont h3 {font-size:1.0em;}
	#rbox{display:none;}

	.po {display:inline-block;vertical-align: middle;}
	.pod {display:inline-block;vertical-align: middle;width:75%}

	.fi {display:block;width:auto;}
	.fi a{display:inline-block;}

}
@media print {
  #hms,hmenu,#vmenu,#rbox{display:none;}
  #patka{display:none;}
  #cont{margin-left:0px;margin-right:0px;
  #pobr{padding-top:0px;}
}
}

#Editor {overflow: auto;}
#Editor php{color: gray;display:none}
#Editor pre {font-family:Segoe UI}
#Editor table{border:1px solid gray}
#Editor th{border-bottom:1px solid gray}
#Editor td{border-top:1px solid gray}
#edtool{height:24px;width:100%;display:block;position:fixed;top:0px;left:0px;background:#DDEDFF;background-image: linear-gradient(#fff, #afe0ff);text-align:center;z-index:999;border:1px solid #7f98ff}
#edtool img{vertical-align:middle;margin:0px;padding:0px;border:0px solid #CCCCCC}
#albar {background:#FFFFE0;border:1px solid #1EAFF4;padding:5px;border-left:10px solid #1EAFF4;padding:5px;}
#albar > ul > li:hover {color: blue;background:white;cursor:default}
.cmnt{color:green;background:#E0FFE0;width:max-content}
.php{color:blueviolet;background:#FFE0FF;width:max-content}
//#edmt{background:white;border:1px solid black;border-radius:6px;padding:3px;cursor:default}
#edmt{max-width:300px;position:absolute;z-index:300;background-image: linear-gradient(#fff, #afe0ff);border:1px solid #7f98ff;;border-top:5px solid #7f98ff;padding:3px;cursor:default;box-shadow: 3px 3px 15px black;font-size:1em;
	transition: 1s opacity;}
#edmt img{vertical-align:middle;}
#edmt ul{margin:0;padding:0;display:inline}
#edmt li{list-style-type: none;display:inline;margin:1px;border:0px solid #98c0ff;}
#edmt li:hover{background:#f2dd9e;border:1px solid orange;display:inline;margin:0;}
.selcmd {
	border: 1px solid #ff8300;
	background-image: linear-gradient(#f9a300,#ffd8a6);
	margin: 0;
}