<style type="text/css">
html	{font-size: 100%;}
body 	{background: #008080; Font-Family: verdana, geneva, lucida,  arial, helvetica, sans-serif;}

/* ссылки */
a:link 		{text-decoration: none; color: #004f9d;}
a:hover 	{text-decoration: underline; color: #a52a2a}
a:visited 	{text-decoration: underline; color: #004f9d;}
a.external 	{background: url(img/blank.png) no-repeat 100% 5px; padding-right: 13px;}
a.dot 		{text-decoration: none; border-bottom: 1px dashed #d4d8db;}
a.dot:hover 	{color: #a52a2a; border-bottom: 1px dashed white;}

/* верх */
.header 	{overflow: hidden; padding: 3px;}
.header_menu 	{overflow: hidden; padding: 1px 1px; font-size: 90%;}
.header h1 	{color: navy; font-size: 180%;}
hr 		{display: block; height: 1px; border: 0; border-top: 1px solid navy;}
.divnav 	{background: #f0f5fa; border: 1px solid navy; padding:1px 3px; font-size: 80%}
.divnav_one 	{background: #2c3e50; border: 1px solid navy; padding:1px 3px; 
		color: white; border-radius: 5px; box-shadow: 0px 1px 5px #999;}
.divnav_one a 	{padding: 1px 8px 1px 1px; text-decoration: none; font-size: 15px; color: #d4d8db;
    		transition: 0.3s;}
.divnav_one a:hover 	{color: #ffffff; text-decoration: underline;}

/* основной блок - верх */
.blocktop 	{width: 100%; color:gray;}
.inp 		{background: #f2f2f2; border: 2px solid gray; font-size: 1.2em; padding: 0 40px; 
		-moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; 
		cursor:pointer; color: #004f9d;}
.vred 		{background: #2c3e50; color: yellow;text-align: center; font-family: 'Oswald', sans-serif; font-size: 110%; 
		-moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; border-top: 3px solid blue; padding: 3px 30px;}
.btn1 {background-color: #2c3e50; border-top: 3px solid blue; color: white; padding: 3px 30px;font-family: 'Oswald', sans-serif; font-size: 110%; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;}
.btn2 {display: inline-block; border-radius: 40px; background-color: #2c3e50; border: none; color: #d4d8db; text-align: center; font-size: 110%; padding: 3px; width: 150px; transition: all 0.5s; cursor: pointer;	-moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;  border-top: 3px solid blue;font-family: 'Oswald', sans-serif;}
.btn2 span {cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.btn2 span:after {content: '\2913'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; color: white;}
.btn2:hover span {padding-right: 25px; color: white;}
.btn2:hover span:after {opacity: 1; right: 0;}
.btn3 {display: inline-block; border-radius: 40px; background-color: #2c3e50; border: none; color: #d4d8db; text-align: center; font-size: 110%; padding: 3px; width: 150px; transition: all 0.5s; cursor: pointer;	-moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;  border-top: 3px solid blue;font-family: 'Oswald', sans-serif;}
.btn3 span {cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.btn3 span:after {content: '\226B'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; color: white;}
.btn3:hover span {padding-right: 25px; color: white;}
.btn3:hover span:after {opacity: 1; right: 0;}

.btn10 {background-color: #2c3e50; border-top: 4px solid blue; color: white; padding: 4px 16px; font-size: 110%; font-family: 'Oswald', sans-serif;}
.btn11 {background-color: #2c3e50; border-top: 4px solid blue; color: yellow; padding: 4px 16px; font-size: 110%; font-family: 'Oswald', sans-serif;}
.btn12 {background-color: #2c3e50; border-top: 4px solid blue; color: #d4d8db; padding: 4px 16px; font-size: 110%; cursor: pointer; font-family: 'Oswald', sans-serif;}
.btn12:hover { color: white; background-color: #555;}
.btn12 a:visited { color: #d4d8db;}

.btn13 {background-color: #2c3e50; border-top: 4px solid blue; color: #d4d8db; padding: 4px 16px; font-size: 110%; cursor: pointer; font-family: 'Oswald', sans-serif;}
.btn13:hover { color: white; background-color: #555;}
.btn13 a:link { color: #d4d8db; border-bottom: 1px dashed white;}
.btn13 a:hover 	{color: white;}

/* основной блок */
.middle-content 	{float: left;}
.right-content 		{float: right;}
.middle-content 	{width: 73%;}
.middle-content p 	{margin: 10px 15px; margin-bottom: 1em;}
.data 			{color: gray}
.zag 			{font-family: 'Oswald', sans-serif; font-style: bold; font-size: 110%; line-height: 1.2;}
.zagold			{font-family: 'Oswald', sans-serif; font-size: 110%; line-height: 1.2; color: #c0c0c0;}
.shadow 		{width: 100%;}
.shadow p 		{text-indent:0;}
.shadow h3 		{margin: 0px 15px; text-align: center; color: #405965;}
.shadow_nb 		{background: red; border: 1px solid red; width: 100%;}
.block 			{position: relative; padding:5px; border-radius: 5px; box-shadow: 0px 1px 5px #2c3e50;}
.block_nb		{position: relative; padding:5px; border-radius: 5px; box-shadow: 0px 1px 5px red;}
.block ul, ol 		{margin: 4px 0 5px 40px;}
.block li 		{margin-bottom: 0.5em; text-indent:0;}
.block h3 		{margin: 0px 15px; text-align: center; color: #405965;}
.block a 		{text-decoration: none; color: #004f9d;}
.block a:hover	 	{text-decoration: underline; color: #a52a2a}

.divcite 		{margin: 0; background: #F0F0F1; color: #800000; padding: 12px 15px; 
			position: relative; border-left: 35px solid #2c3e50;}
.divcite:before 	{content: "\201C"; font-family: serif; position: absolute; left: -29px; 
			top: 5px; color: white; font-size: 50px; text-shadow: 1px 2px 0 gray;}

.divcite1 		{text-align: left; padding: 12px 15px; color: #800000; 
			border: 1px solid #800000;background-color:#fffcd0;width: 94%; margin: auto;}

.info 			{box-shadow: 0px 1px 5px #2c3e50; margin: 5px 10px; padding: 10px 10px; 
			position: relative; border-left: 35px solid #2c3e50;background: #f2f2f2; font-size: 1.0em;}
.info:before  		{margin-left: 4px;content: "\f129"; font-family:FontAwesome; position: absolute; 
			left: -25px; top: 5px; color: white; font-size: 21px;}

blockquote 		{box-shadow: 0px 1px 5px #2c3e50; margin: 5px 10px; padding: 1px 1px; 
			position: relative; border-left: 35px solid #2c3e50;background: #F7F7F7;}
blockquote:before  	{margin-left: 4px;content: "\f128"; font-family:FontAwesome; position: absolute; 
			left: -29px; top: 5px; color: white; font-size: 21px;}

.divright 		{margin: 10px 15px; margin-bottom: 1em; text-align: right;}
.divreiting 		{margin: 10px 15px; margin-bottom: 1em; text-align: right;}

/* документ утратил силу */
.del 		{box-shadow: 0px 1px 2px #2c3e50; margin: 5px 10px; padding: 1px 1px; 
		position: relative; border-left: 55px solid #2c3e50; background: red; color: white}
.del:before  	{margin-left: 4px;content: "\f00d"; font-family:FontAwesome; position: absolute; 
		left: -44px; top: 5px; color: red; font-size: 31px;}
.del a 		{text-decoration: underline; color: white;}
.del a:hover	{text-decoration: none; color: blue}
p.old 		{color: #c0c0c0;}
span.old 		{color: #c0c0c0;}
td.old 		{color: #c0c0c0;}
li.old 		{color: #c0c0c0;}
.old i 		{color: #c0c0c0;}
.old a		{text-decoration: underline;color: #c0c0c0;}
.old a:hover 	{text-decoration: none; color: #a52a2a}
p.zagold 		{color: #c0c0c0;}
.zagold i 		{color: #c0c0c0;}
.zagold a		{text-decoration: underline;color: #c0c0c0;}
.zagold a:hover 	{text-decoration: none; color: #a52a2a}

/* меню в КБК */
.razvmenu 		{background-color: #2c3e50; padding-top: 5px; width: 97%; margin: auto;}
.razvmenu a 		{padding: 1px 8px 8px 12px; text-decoration: none; color: #d4d8db;
    			display: block; transition: 0.3s;}
.razvmenu a:hover 	{color: #ffffff;text-decoration: underline;}

/* таблица - зебра */
.zebra 		{border: 1px solid #eee; table-layout: auto; border-collapse: collapse; width: 97%; margin: auto;}
.zebra th 	{font-weight: bold; background: #efefef; border: 1px solid #dddddd;padding: 10px 15px;}
.zebra td	{padding: 10px 15px; border: 1px solid #eee; text-align: left;}
.zebra tbody tr:nth-child(odd)	{background: #fff;}
.zebra tbody tr:nth-child(even)	{background: #F7F7F7;}

/* таблица */
.table 		{border-collapse: collapse; width: 97%; margin: auto;}
.table td, th	{padding: 10px 15px; border: 1px solid #eee; }
.table th 	{background: #efefef; text-align: center; vertical-align: middle; border: 1px solid #dddddd; }

.table1 	{ border-collapse: collapse; width: 97%; margin: auto;}
.table1 td, th	{ padding: 4px; border: 1px solid #eee; }
.table1 th 	{ background: #efefef; text-align: center; vertical-align: middle; border: 1px solid #dddddd; }

/* правый блок */
.right-content {width: 20%; margin: 1px 15px; font-size: 80%; 
	 	border-left: 2px solid #ddd; margin-bottom: 1em; padding: 1px 10px}

.category-wrap 		{padding: 2px; background: #2c3e50; width: 100%; 
			box-shadow: 2px 2px 8px rgba(0,0,0,.1);}
.category-wrap h3	{font-size: 16px; color: white; margin: 0 0 10px; padding: 0 5px; position: relative;}
.category-wrap ul 	{list-style: none; margin: 2; padding: 0; border-top: 1px solid white;}
.category-wrap li 	{margin: 1px 0 0 0px;}
.category-wrap a 	{text-decoration: none; display: block; font-size: 13px; color: #d4d8db; padding: 5px;
  			position: relative; transition: .3s linear;}
.category-wrap a:hover {background: #465e73; color: white; text-decoration: underline;}

/* общие */
.wrapper 	{margin: 10px auto; max-width: 100%; width: 90%; padding: 5px 20px; background: #FFF;}
.centr 		{text-align: center;}
#centr		{text-align: center;}
.radius 	{background: #f2f2f2; font-size: 0.9em; border: 1px solid gray; border-radius: 50px; padding: 15px;}

/* в начало страницы */
.about {overflow: hidden; padding: 1px; text-align: center; clear: both; font-size: 90%;}
#btnup {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 25px; border: none; 
	outline: none; background-color: #2c3e50; color: #d4d8db; cursor: pointer; padding: 15px; border-radius: 50%;}
#btnup:hover {background-color: #555; color: #ffffff;}

/* всплывающая подсказка */
abbr {border-bottom: 1px dashed blue; cursor: default}
[data-tooltip] {position: relative; border-bottom: 1px dashed blue; cursor: help;white-space: pre-wrap;}
[data-tooltip]::after {content: attr(data-tooltip); position: fixed; width: 550px; left: 0; top: 0; background: #2c3e50; color: white; padding: 0.5em; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); pointer-events: none; opacity: 0; transition: 1s;} 
[data-tooltip]:hover::after {opacity: 1; top: 2em; z-index: 1;}

/* подвал */
.footer { overflow: hidden; padding: 1px; text-align: right; clear: both; font-size: 80%;}

/* гамбургер */
.sidenav 		{height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #2c3e50;
    			overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.sidenav a 		{padding: 1px 8px 8px 32px; text-decoration: none; font-size: 15px; color: #d4d8db;
    			display: block; transition: 0.3s;}
.sidenav a:hover 	{color: #ffffff;text-decoration: underline;}
.sidenav .closebtn 	{position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}


/* Нумерованный список с круглыми скобками */
.spisok1 {margin-left: 0; margin-top: 1em; margin-bottom: 1em; padding-left: 40px; list-style-type: none; counter-reset:  item;}
.spisok1 li::before {content: counter(item) ') ';  counter-increment: item; list-style-position: outside;}
.spisok1 li {list-style: none; text-indent: -1.4em; }

/* Список с синими квадратами */
.ul1 li::before {content: '\25A0'; padding-right: 5px; color: blue; list-style-position: outside;}
.ul1 li {list-style: none; text-indent: -1em; }

/* Статья в кодексах */
.tkod {width: 97%; margin: auto; background: #2c3e50; font-family: 'Oswald', sans-serif; color: white; font-size: 120%; border-top: 6px solid blue; padding: 3px 3px;}
.tkod i { color: white; font-style: italic;}

.tkod1 {width: 97%; margin: auto; background: #008080; font-family: 'Oswald', sans-serif; color: white; font-size: 120%; border-top: 6px solid red;  border-bottom: 6px solid red;padding: 3px 3px; text-align: center;}
.tkod1 i { color: white; font-style: italic;}

/* Разв. список с треугольниками */
ul, #myUL {list-style-type: none;}
#myUL {margin: 15;padding: 0;}
.caret {cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.caret::before {content: "\25B6"; color: black; display: inline-block; margin-right: 6px;}
.caret-down::before {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.nested {display: none;}
.active {display: block;}
#myUL ul { margin-left: 0; padding-left: 0;}

.radius0 	{padding: 12px 15px; color: #800000; font-size: 80%; border: 1px solid #800000; 
			background-color:#f2f2f2; margin: auto; border-left: 8px solid blue;}


@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;}.sidenav a {font-size: 15px;}}


/*============================TRANSFORM PROPERTIES====================================*/
@media all and (max-width: 800px)
{
	.right-content { float: none; width: 100%; } /*убираем флотирование чтобы правый блок упал в самый низ и чтобы растянулся на 100%*/
}

@media all and (max-width: 600px)
{
	.middle-content { width: 70%; } /* уменьшили ширину блока чтобы не было скролла */
	.right-content { clear: both; }
}

@media all and (max-width: 480px)
{
.wrapper {
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1; /*фитча чтобы все блоки выстроились в одну колонку-чем больше цифра тем больше колонок*/
	}

	.header-menu {float: left; width: 100%;} /* меню съедет вниз под логотип*/
	.left-content, .middle-content, .right-content { float: none; width: 100%; }/*отменяем флотирование чтобы все колонки выстроились в одну колонку*/
}

.fbba-blue,.fbbb-blue,.fbbc-blue,.fbbd-blue,.fbbe-blue,.fbbg-blue {display:block; overflow:hidden; font-size:1px;}
.fbba-blue {margin:0 5px;}
.fbba-blue,.fbbb-blue,.fbbc-blue,.fbbe-blue,.fbbd-blue {height:1px;}
.fbbb-blue {border-width:0 2px;margin:0 3px;}
.fbbc-blue {margin:0 2px;}
.fbbc-blue,.fbbd-blue {border-width:0 1px;}
.fbbd-blue {margin:0 1px;}
#subscribe_form-blue {width:220px;}
#subscribe_form-blue .fbba-blue,.fbbb-blue,.fbbc-blue,.fbbd-blue {background:#e1ecf3;}
</style>