A {text-decoration: none; color: #161616;}
A:visited {color: #161616;}
.img {text-align: center;}

/*------------------------------------*\
	    НАВИГАЦИЯ
\*------------------------------------*/
.navi {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	/*background-color: lightcoral;*/
	border:4px solid lightcoral;
	border-radius: 25px;
}
.navi>div {
	position: relative;
	height: 70px; width: 100px;
	text-align: center;
	text-transform: uppercase;
}
.navi>div:hover {
	background-color: white;
	border-radius: 50px 50px 0 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.navi>div>a {
  	display: block;
  	line-height: 70px !important;
	font-weight: bold;
	font-family: ekibastuz,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 10px;
	color:darkred;
}
.navi>div:nth-child(3)>a, .navi>div:nth-child(5)>a, .navi>div:nth-child(6)>a, .navi>div:nth-child(7)>a, .navi>div:nth-child(11)>a {
  	line-height:35px !important;
}
.navi>div>div {
	position: absolute;
	left: -40;
	visibility: hidden;
	z-index: 10;
}
#a0 {left: 0;}
#a11 {left: -300;}
.navi>div:hover div a{
	opacity: 1;
	transition: all .3s linear;
	background-color: white;
	visibility: visible;
}
.navi>div>div a{
	display:block;
	line-height:26px !important;
	width: 350px;
	font-weight: bold;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 12px;
	color: grey;
	border-bottom:1px solid #ddd;
}
.navi>div>div a:hover {
	background-color: lightcoral;
	color: black !important;
}

/*------------------------------------*\
	   ЗАГОЛОВОК
\*------------------------------------*/

.hdr {
	font-family: Verdana, serif;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-shadow:
		0 1px 0 #CCCCCC,
		0 2px 0 #C9C9C9,
		0 3px 0 #BBBBBB,
		0 4px 0 #B9B9B9,
		0 5px 0 #AAAAAA,
		0 6px 1px rgba(0,0,0,.1),
		0 0 5px rgba(0,0,0,.1),
		0 1px 3px rgba(0,0,0,.3),
		0 3px 5px rgba(0,0,0,.2),
		0 5px 10px rgba(0,0,0,.25),
		0 10px 10px rgba(0,0,0,.2),
		0 20px 20px rgba(0,0,0,.15);
}

.zag11 {
	font-size: 20px;
	margin-top: 10px; padding: 10px;
	width: 100%; 
	background-color:steelblue;
	color: whitesmoke;
	text-align: center;
}
.zag1 {
	text-align: center;
	color: darkslateblue; /*#f4f4f4;*/
    line-height: 1.2;
    letter-spacing: .1em;
    margin: 15px 0;
    font-size: 2vw;
    font-weight: lighter;
    text-transform: uppercase;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, .08), 2px 2px 1px rgba(0, 0, 0, .075), 4px 4px 1px rgba(0, 0, 0, .07), 6px 6px 1px rgba(0, 0, 0, .065), 8px 8px 1px rgba(0, 0, 0, .06), 10px 10px 1px rgba(0, 0, 0, .055), 12px 12px 1px rgba(0, 0, 0, .05), 14px 14px 1px rgba(0, 0, 0, .045), 16px 16px 1px rgba(0, 0, 0, .04), 18px 18px 1px rgba(0, 0, 0, .035), 20px 20px 1px rgba(0, 0, 0, .03), 22px 22px 1px rgba(0, 0, 0, .025), 24px 24px 1px rgba(0, 0, 0, .02), 26px 26px 1px rgba(0, 0, 0, .015), 28px 28px 1px rgba(0, 0, 0, .01), 30px 30px 1px rgba(0, 0, 0, .005), 32px 32px 1px rgba(0, 0, 0, .0025), 34px 34px 1px rgba(0, 0, 0, .002), 36px 36px 1px rgba(0, 0, 0, .0015), 38px 38px 1px rgba(0, 0, 0, .001);
}

.texo {
	text-indent: 1.5em;
	text-align: justify;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
.warn {
	border: 2px solid #511269;
	border-radius: 5px;
	width: 70%; margin-left: 15%; margin-top: 5px; margin-bottom: 5px;
	padding: 5px 15px 15px 15px;
	color: #511269;
	text-align: justify;
}
.warn>span {
	font-size: 3vw;
}

/*картинка посередине*/
a img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #ddd;
}
/*картинку сбросить*/
.dow {
	display:inherit;

}
.flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}



/*------------------------------------*\
	    ВКЛАДКИ В РАЗДЕЛЕ
\*------------------------------------*/
.wrapper {
	width: 100%;
	margin-top: 30px;
/*	max-width:600px;*/
}
.wrapper label {
		cursor:pointer;
		float: left;
		margin-right: 5px;
		display: block;
		padding: 10px 40px;
		background-color: #ecf0f1;
		border-radius:10px;
	}
.wrapper input {
		display: none;
}
	/*залупилась выделять кнопку при нажатии*/
.wrapper>input:checked + .wrapper>label {
		background-color: #e74c3c;
			color:#fefefe;
	}

.wrapper input[id="tab-1"]:checked ~ .content .tab-1,
.wrapper input[id="tab-2"]:checked ~ .content .tab-2,
.wrapper input[id="tab-3"]:checked ~ .content .tab-3,
.wrapper input[id="tab-4"]:checked ~ .content .tab-4,
.wrapper input[id="tab-5"]:checked ~ .content .tab-5,
.wrapper input[id="tab-6"]:checked ~ .content .tab-6,
.wrapper input[id="tab-7"]:checked ~ .content .tab-7,
.wrapper input[id="tab-8"]:checked ~ .content .tab-8,
.wrapper input[id="tab-9"]:checked ~ .content .tab-9,
.wrapper input[id="tab-10"]:checked ~ .content .tab-10
	{
		display: block;
	}
	.content {
		clear:both;
		position: relative;
		width: 100%;
	}
	article {
		width: 95%;
		padding: 30px 30px;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		display: none;
		/*min-height: 200px;		
		border-top:5px solid #e74c3c;
		border-radius:0 10px 10px 10px;*/
	}

/*------------------------------------*\
	   УВЕЛИЧЕНИЕ КАРТИНКИ НА ВЕСЬ ЭКРАН (LIGHTBOX MARKUP)
\*------------------------------------*/
.lightbox {
	display: none;	/** Default lightbox to hidden */
	position: fixed;	/** Position and style */
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox img {
	max-width: 97%;		/** Pad the lightbox image */
	max-height: 95%;
	margin-top: 2%;
}
.lightbox:target {
	outline: none;		/** Remove default browser outline */
	display: block;		/** Unhide lightbox **/
}


/*------------------------------------*\
	   ТАБЛИЦА ДЛЯ ЭЛЕКТРОННЫЙ БЮДЖЕТ - ПОЛЬЗОВАТЕЛИ И ПОЛНОМОЧИя
\*------------------------------------*/

.tabol, .tabol td, .tabol th {
	border: 1px solid lightcoral;
	border-collapse: collapse;
	padding: 15px;
}
.tabol td:nth-child(2) {
	width: 30%;
}