a, abbr, acronym, address, applet, b, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, 
label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
	    font: medium/1.4 Verdana, sans-serif;
	color: #000;
}
h1 { font-size: 1.3em; color: #3a3a3a; font-weight: bold; margin: 0 0 5px; }
h2 { font-size: 1.22em; color: #222; font-weight: bold; margin: 14px 0 3px; }
h3 { font-size: 1.06em; color: #091453; font-weight: bold; margin: 5px 0 2px;}

article, td { /*color: #091453*/}

a { color: #1e2bf3; cursor: pointer; }
a:link  { text-decoration: none }
a:visited  { text-decoration: none }
a:hover  { color: #00f; text-decoration: underline }


#wrap-all {
    display: block;
    text-align: center;
    background-color: white
}

#wrap-site {
    display: block;
    position: relative;
     padding-bottom: 10px;
    text-align: center;
    min-width: 489px;
    max-width: 1200px;
    /*min-height: 800px; */
    background-color: #efefef;
}



header {
    display: block;
    position: sticky;
    top: 0;
    text-align: left;
}

nav
	{
	z-index: 999;	
	width:248px;
	}


#logo{
	 display: block;
	 background: #091453;
	width: 267px;
	position: absolute;
    top: 0;

	}

#logo img {
position: absolute;
left: 0;
}

article {
display: block;
margin: 10px;
padding: 20px 25px;
text-align: left;
font-size: 0.9em;
background: #c8cfd5;
border-radius: 30px;
min-height: 625px;
}

article td {
font-size: 0.9em	
}

article p {
padding: 0 0 7px	
}

article ul {
padding: 3px 0
}

article ul.pl {
font-size: 0.9em;
line-height: 120%
}


article ul li {
padding: 0 0 3px	
}

article#cont ul {    padding: 0px 0px 5px 40px;}
article#cont ul li {
padding: 0 	
}


div.two {
width: 419px;
margin: 5px 0px 0;
display: inline-block;
vertical-align: top;
font-size: 0.9em;
   														
}

div.sep {
width: 25px;
height: 25px;
display: inline-block;
}


.w100 {width: 100%}
.w417 {max-width: 100%}
table.br {border: #091453 2px solid; border-collapse: collapse}
table.br td{border: #091453 1px solid;     padding: 1 5px;}


.k1 {min-width: 300px; height: 22px; border: none; text-align: left; padding-left: 10px; FONT-SIZE: 12pt; margin: 5px 0 }
.k2 {width: 100%; height: 250px; border: none; text-align: left; padding-left: 10px; FONT-SIZE: 12pt; margin: 5px 0 }



#icctab td {
	font-size: 9pt;
    font-family: Verdana;
    padding: 3px 6px
}


.on {display: block;}


		@media screen and (min-width: 950px) {
		.w46 {display: inline-table;width: 49%}

		#wrap-site {
		    margin: 20px auto auto;	
		}
		nav
			{
			display: block;
			position: sticky;
			top: 140px;
			float: left;
			margin: 10px 0px 10px 10px; 
			}
		article {
			margin-left: 277px;
		}
		#logo{
		    left:0px;
		    height: 125px;
			}

		#logo img {
		top: 25px;
		}

		#panel {
			display: block;
		    background: url(mimg/dirka.gif);  
		    height: 125px
		}
		#iim {
			display: block;
			width: 100%;
			height: 100%;
		     background: url(mimg/top1.gif)  right no-repeat;
		}
		#mmenu {display: none;}

		#bannertext {
		    position: absolute;
		    top: 20px;
			left: 280px;
			width: 660px;
		}

		#bannertext button{
		    position: absolute;
		    right: 7px;
		    bottom: 7px;
		}

		}

	@media screen and (max-width: 949px) {
	
	#wrap-site {
	    margin: auto;
	}
	@media (orientation: landscape) {
	  header { position: initial; }
	  	nav  {	position: absolute;}
  	}
  	@media (orientation: portrait) {
	  	nav  {	position: fixed;}
  	}
  	.w46 {width: 100%; margin: 3px 0;}
	nav
		{
		display: none;
		top: 80px;
		left: 10px;
		}

	nav ul {	box-shadow: 3px 3px 5px #777;}

	#logo{

	    left:150px;
	    height: 94px
		}

	#logo img {
	top: 10px;
	}

	#panel {
		display: block;
	    background: #091453;
	    height: 94px
	}

	#mmenu {
	background: url(mimg/menu_down.gif) no-repeat;
	 width: 89px;
	 height: 74px;
	 position: absolute;
	top: 12px;
	left: 15px;
	 cursor: pointer;
	}

	#mmenu.up { background: url(mimg/menu_up.gif) no-repeat;}

	#bannertext {
			width: 100%;
			font-size: 9pt;
			line-height: 140%;
			display: block;
	}

	}


 #layout {
  /*  overflow: hidden;  Отменяем действие float */
   }

#bannertext {background-color:#baff79; padding: 10px; box-sizing: border-box; 
			font-size: 9pt;
			line-height: 140%;}

#bannertext button{
    font-size: 12px;
}

#footer {
display: block;
background: #091453;
color: #fff;
padding: 5px;
font-size: 0.8em;
letter-spacing: 0.02em;
 /* 
position: sticky;
bottom: 0;
*/
}

#footer a {
color: #70c4ff;
}





nav *{
 margin: 0;
 padding: 0;
}
nav > ul{
 list-style: none;
 background-color:#c8cfd5;
	border-radius: 30px;
		padding: 10px 0; 
		margin-bottom: 10px
}

nav > ul li{
 position: relative;
}



nav > ul li a{
	 display: block;
	text-align: left;
	font-size:15px;
	padding: 15px 0px 17px 62px;
	color: #091453;
	text-decoration: none;
 }

nav > ul li a{
 background:url(mimg/knopa_off.jpg) center no-repeat ;
}
nav li a:hover{
background:url(mimg/knopa_over.jpg) center no-repeat;
text-decoration: none;
}

/*sub menu*/
nav li ul{
	list-style: none;
	padding: 3px 0 10px;
	    box-shadow: none;
}

nav li > ul li a{
	font-size:13px;
 padding: 7px 0px 7px 56px;
 background:url(mimg/mini_off.jpg) center no-repeat ;
}

nav li > ul li a:hover{
background:url(mimg/mini_over.jpg) center no-repeat;
}

nav li > a.active {
background:url(mimg/mini_on.jpg) center no-repeat;	
}




.yello {background-color:#CF3; }
.prim  { color: #091453; font-size: 0.8em;  font-weight: normal; font-style: normal; text-decoration: none;   }
.tt {
	padding-left: 10px;
border-left: #f96565 3px solid;
}

	
#map
{ 	display:block; 
	width:236px; 
	height:220px;
	border:none;
	background:url(mimg/sxem.gif) center no-repeat ;
	margin: 0px 0px 0px 5px
	}
	
	
#map:hover
	{ 	
	background:url(mimg/sxem_over.gif) center no-repeat;
	}		
	
.txtm {font-size: 0.8em}