@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,500,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,700&subset=cyrillic');
html, body{width: 100%;height:100%;font-family:"Roboto", Arial, sans-serif;font-weight:300;font-size:16px;color:#4b4b4b;line-height:24px;min-width:320px;}
a{color:#004990;font-family:"Roboto", Arial, sans-serif;}
p{text-align:left;}
ul{list-style:disc;}
strong{font-weight:500;}
.cl{clear:both;}
.shapka{width:100%;position:relative;height:100px;border-bottom:1px solid #a9a9a9;}
.shapka_vn{width:100%;height:100%;max-width:1024px;margin:0 auto;position:relative;}
.logo{width:200px;height:100%;position:relative;float:left;}
#logo{position:absolute;width:166px;height:80px;top:50%;margin-top:-40px;left:0;background:url(/images/logo.png) no-repeat;}
#logo:hover{opacity:0.9;}
#logo a{display:block;width:100%;height:100%;}
.menu{position:relative;float:left;width:calc(100% - 300px);display:table;height:100%;}
#menu{display:table-cell;vertical-align:middle;text-align:right;line-height:20px;padding-top:25px;}
#menu a{text-decoration:none;font-weight:400;border-bottom:1px solid #4b4b4b;margin-left:10px;display:inline-block;}
/*#menu a:hover{color:#004990;border-bottom:1px solid #004990;}*/
.mobile_icon{width:100px;height:100%;position:relative;float:right;}
#mob{position:absolute;top:50%;margin-top:-24px;right:0;background:url(/images/menu.svg) no-repeat;background-size:100%;width:48px;height:48px;cursor:pointer;}
#mob:hover{opacity:0.9;}
.content{width:100%;max-width:1024px;margin:0 auto;position:relative;margin-top:40px;}
.left{width:calc(100% - 280px);float:left;height:100%;}
.right{width:250px;float:right;height:100%;}
.right a{font-weight:400;display:block;margin:5px 0;border-left:2px solid #004990;padding-left:10px;}
.right a:hover{text-decoration:none;}
h1{line-height:36px;font-size:24px;font-weight:400;font-family:"Roboto Slab", Arial, sans-serif;}
h2{font-weight:400;font-size:20px;line-height:30px;font-family:"Roboto Slab", Arial, sans-serif;}
h3{font-weight:400;font-size:18px;line-height:24px;}
.quote{margin:0;padding:10px 20px;border-left:2px solid #004990;background:#f3f3f3;border-right:1px dashed #e2e2e2;border-top:1px dashed #e2e2e2;border-bottom:1px dashed #e2e2e2;}
.cit{background:#a0c3e4;padding:1px 5px;color:#fff;border-radius:4px;}
.link{margin:3px auto;}
.link a{font-weight:400;}
.footer{width:100%;border-top:1px solid #a9a9a9;margin-top:40px;font-size:12px;line-height:15px;padding:20px 0 10px 0;}
.footer_vn{width:100%;max-width:1024px;margin:0 auto;}
.copy{width:calc(100% - 220px);max-width:1024px;float:left;}
.fss{width:200px;height:100%;float:right;text-align:right;}

.cntr{margin:30px 0;text-align:center;}
.cntr img{max-width:80%;}

.right .fixed { position: fixed; top: 10px; width:240px;}

.right .floating a{color:#fff;border-left:0;}
.rek{background:#fbffc3;padding:20px;text-align:center;font-weight:bold;font-size:24px;border:4px dashed #eff15d;margin-bottom:20px;line-height:30px;margin-top:20px;}
.rek a{display:inline-block;padding:10px 20px;background:#ff3d38;border-radius:4px;border-bottom:2px solid #d91b16;text-decoration:none;color:#fff;margin-top:20px;}
.rek a:hover{background:#d91b16;}
.rek > span{display:block;}
.rek > span > span{display:inline-block;}
.rek1{background:#dedede;padding:10px 20px;font-weight:500;}
.rek1 a{font-weight:700;}
.rek_bot{margin-top:20px;}

.rek2{background:#ddfbdb;border:4px dashed #8ec88c;font-size:18px;line-height:25px;}
.rek2 a{padding:5px 10px;margin-top:10px;}
.rek3{background:#d2fdff;border:4px dashed #a1dadc;}


.navi{font-size:14px;font-style:italic;}

@media only screen and (max-width:1150px){
	.shapka_vn,.content,.footer_vn{max-width:930px;width:100%;}

}

@media only screen and (max-width:1000px){
	.shapka_vn,.content,.footer_vn{max-width:730px;width:100%;}
	.left{float:none;width:100%;}
	.right{display:none;}

}

@media only screen and (max-width:800px){
	.shapka_vn,.content,.footer_vn{max-width:540px;width:100%;}
	#menu{padding-top:0;}
}

@media only screen and (max-width:640px){
	#mob{margin-top:-20px;}
	.logo{width:180px;}
	.shapka_vn,.content,.footer_vn{padding:0 5%;width:90%;}
	#menu{padding-top:0;text-align:center;width:100%;display:block;}
	.menu{position:absolute;float:none;width:90%;padding:0 5%;display:block;height:auto;left:0;top:100px;background:#fff;z-index:2;box-shadow:0 5px 10px #dedede;display:none;}
	#menu a{display:block;margin-left:0;width:100%;padding:10px 0;border:0;border-bottom:1px solid #ededed;}
	#menu a:last-child{border-bottom:0;margin-bottom:20px;}
	#menu a:hover{color:#fff;border-bottom:0;background:#004990;}
	.copy{width:100%;max-width:1024px;float:none;text-align:center;}
	.fss{width:100%;float:none;text-align:right;text-align:center;margin-top:10px;}
}