<style type="text/css">
html	{ font-size: 100%; }
body 	{background: #F9F9F9; Font-Family: verdana, geneva, lucida,  arial, helvetica, sans-serif; }

a:visited {text-decoration: underline; color: #004f9d;}
a:link { text-decoration: underline; color: #004f9d;}
a:hover { text-decoration: underline; color: #a52a2a}
a.external {background: url(img/blank.png) no-repeat 100% 5px;padding-right: 13px;}
#link a {text-decoration: underline;}
#link a:hover {text-decoration: none;}
a.dot {text-decoration: none; border-bottom: 1px dashed #004f9d;}
a.dot:hover {color: #a52a2a; border-bottom: 1px dashed #a52a2a;}

blockquote 	{border-left: solid 3px #cc0000;padding-left:1px;margin: 5px 10px;}
blockquote p 	{margin: 0; padding: 1px; text-align: left;}
blockquote b	{color: #cc0000}


.wrapper 	{ margin: 10px auto;
		max-width: 100%;
		width: 90%;
		padding: 5px 20px; 
		background: #FFF; }

.header 	{ overflow: hidden; 
		padding: 3px; }

.header_menu 	{ overflow: hidden; 
		padding: 1px 1px; font-size: 90%;}
.header_menu a	{ text-decoration: none; color: #004f9d; }


.header h1 	{color: navy; font-size: 180%; }
.header a	{ text-decoration: none; color: #004f9d; }
.header a:hover { text-decoration: underline; color: #a52a2a}

hr 		{display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid navy;}

.inp {background: #f0f0f0; border: 2px solid #004f9d; font-size: 1.2em; padding: 0 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; cursor:pointer; color: #004f9d;}

table 	{ border-collapse: collapse; width: 97%; margin: auto;}
td, th	{ padding: 4px; border: 1px solid navy; }
th 	{ background: #f0f5fa; text-align: center; vertical-align: middle }


.tab {font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.message{border:2px solid red; background:#FFFFFF; padding:10px; margin-bottom:20px; border-radius:10px; -moz-border-radius:8px; -webkit-border-radius:8px;}

.divnav {background: #f0f5fa; border: 1px solid navy; padding:1px 3px; font-size: 80%}

.content {}

.middle-content { float: left; }
.right-content { float: right; }

.middle-content {width: 75%;}

.middle-content p {margin: 10px 15px; margin-bottom: 1em;}
.divright 	{margin: 10px 15px; margin-bottom: 1em; text-align: right;}
.divreiting 	{margin: 10px 15px; margin-bottom: 1em; text-align: right;}
.divcite1 {text-align: left; padding: 12px 15px; color: #800000; border: 1px solid #800000;background-color:#fffcd0;width: 94%; margin: auto;}

.divcite2 {
margin: 0;
background: #fbfbfb;
color: #800000;
padding: 12px 15px;
position: relative;
border-left: 35px solid #DFDEDE;
font-size: 90%; 
}
.divcite2:before {
content: "\201C";
font-family: serif;
position: absolute;
left: -29px;
top: 5px;
color: #BCBCBC;
font-size: 50px;
text-shadow: 1px 2px 0 white;
}
.data {color: gray}

.noborder {border: 0}
.bred {color:red; background-color:#fffcd0; text-align: center;font-weight: 600;border: 1px solid red;}


.centr {text-align: center}

.shadow 	{background: #bbb; border: 1px solid #ddd; width: 100%;}
.shadow h3 	{margin: 0px 15px; text-align: center; color: #405965;}
.shadow p 	{margin: 10px 15px; margin-bottom: 0.5em; text-indent:10;}
.shadow ul, ol 	{ margin: 4px 0 5px 40px; }
.shadow li 	{ margin-bottom: 0.5em; text-indent:0; }

.block 		{background:#fff; border:1px solid #6b6b6b;  position:relative;  padding:5px;  top:-5px;  left:-5px;}

.shadow_nb 	{background: red; border: 1px solid red; width: 100%;}
.block_nb	{background: #fff; border:1px solid red;  position:relative;  padding:5px;  top:-5px;  left:-5px;}

.right-content { width: 15%; margin: 1px 15px; font-size: 80%; 
	 	border-left: 2px solid #ddd; margin-bottom: 1em; padding: 1px 10px}
.category-wrap 		{padding: 15px; 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;}

.about { overflow: hidden;
	padding: 1px; 
	text-align: center;
	clear: both;
	font-size: 90%;}

.footer { overflow: hidden;
	padding: 1px; 
	text-align: right;
	clear: both;
	font-size: 80%;}

span.f_BoldCentr { font-weight: bold; color: #800000;}
span.f_Kursiv { font-size: 8pt; font-style: italic;}
.p_BoldCentr { text-align: center;}
.p_Kursiv { text-align: left; text-indent: 0px;}
span.f_Old { color: #c0c0c0;}
.p_Old {}

#nav,#nav li ul{margin:0px;  padding:0px; list-style:none;}
#nav li{float:left;}
#nav li ul{display:none;position:absolute;z-index:100;width:300px;}
#nav li:hover ul{display:block}
#nav li ul{background-color:#ffffff;border:1px solid blue;padding:5px 5px 5px 15px;}

/* гамбургер */
.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;}

@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>