/* ::::: http://vasserman.blog-mail.ru/normalize.css ::::: */

body { margin: 0px; }
article, aside, footer, header, nav, section { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
figcaption, figure, main { display: block; }
a { background-color: transparent; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
audio:not([controls]) { display: none; height: 0px; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] {  }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0px; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted buttontext; }
/* ::::: http://vasserman.blog-mail.ru/style.css ::::: */

html { color: rgb(34, 34, 34); font-size: 1em; line-height: 1.4; }
*::-moz-selection { background: rgb(179, 212, 252) none repeat scroll 0% 0%; text-shadow: none; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
a { color: dodgerblue; text-decoration: underline; }
a:hover { color: crimson; text-decoration: none; }
a:visited { color: dodgerblue; }
body { background-color: rgb(10, 18, 57); }
.clearfix { content: ""; display: table; clear: both; }
.wrapper { width: 1200px; margin: 0px auto; background-color: rgb(255, 255, 255); }
.top-header { background: transparent url('../images/background_header.jpg') repeat scroll 0% 0%; width: 100%; height: 127px; }
.top__right-header { width: 364px; height: 172px; background: transparent url('../images/live_tringle.png') no-repeat scroll 0% 0%; float: right; padding: 0px; margin-top: -30px; position: relative; }
.text-header { position: absolute; top: 28px; left: 145px; font-family: "Arial Black",sans-serif; font-weight: 900; line-height: 40px; font-size: 20px; }
.text-header a { text-decoration: none; color: rgb(255, 255, 255); }
.news { position: absolute; top: 91px; left: 130px; }
.menu { width: 100%; height: auto; background-color: rgb(247, 141, 56); margin-top: -17px; position: relative; z-index: 1; }
.menu ul { width: 95%; margin: 0px; }
.menu-item { display: inline-block; padding: 4px 10px 0px; font-family: "Arial Black",sans-serif; font-weight: 900; line-height: 40px; font-size: 20px; }
.menu-item:hover { background-color: rgb(255, 255, 255); }
.menu-item a { color: rgb(255, 255, 255); text-decoration: none; }
.menu-item a:hover { color: rgb(0, 0, 0); }
.categories { width: 100%; height: auto; background-color: rgb(255, 255, 255); }
.categories-menu-item { display: inline-block; padding: 4px 0px; font-family: "Arial",sans-serif; line-height: 23px; font-size: 17px; }
.categories-menu-item a { color: rgb(65, 65, 65); text-decoration: none; background-color: rgb(233, 233, 233); padding: 4px 10px 0px; border-radius: 2px; }
.categories-menu-item a:hover { background-color: rgb(136, 136, 136); }
.background-sergey { width: 100%; height: auto; min-height: 230px; background: transparent url('../images/20160601_territoriya_zablujdeniy_1200x230.jpg?v=1') no-repeat scroll 0% 0% / cover ; }
.main-text { float: left; width: 60%; border: 1px solid rgb(204, 204, 204); border-radius: 2px; padding: 20px; margin: 20px; }
.main-text h1 { font-family: "PT Sans",sans-serif; line-height: 32px; font-size: 24px; color: rgb(6, 0, 0); font-weight: bold; }
.main-text h2 { font-family: "PT Sans",sans-serif; line-height: 30px; font-size: 22px; color: rgb(6, 6, 0); font-weight: bold; }
.main-text p { font-family: "PT Sans",sans-serif; line-height: 27px; font-size: 18px; color: rgb(6, 0, 0); font-weight: normal; }
.image-main-content img { width: 100%; }
.link-blue { color: dodgerblue; text-decoration: underline; }
.link-blue:hover { color: crimson; text-decoration: none; }
.sidebar { float: left; width: 25%; border: 1px solid rgb(204, 204, 204); border-radius: 2px; padding: 20px; margin: 20px; }
.attenrion { border: 2px solid darkred; padding: 20px; margin-bottom: 10px; }
.vk-container { font-family: tahoma,arial,verdana,sans-serif,Lucida Sans; font-size: 16px; color: black; text-decoration: none; }
.vk-header { background: rgb(218, 226, 232) none repeat scroll 0% 0%; padding: 4px 4px 4px 6px; margin-bottom: 18px; }
.vk-logo { background: transparent none no-repeat scroll 0% 0%; width: 16px; height: 16px; float: right; margin-top: -1px; }
.vk-header-text { padding: 2px 3px 1px; line-height: 100%; color: rgb(69, 104, 142); font-weight: bold; }
.vk-avatar img { float: left; margin-right: 10px; }
.vk-comment, .vk-comment-load { margin-bottom: 15px; position: relative; border-bottom: 1px solid rgb(218, 225, 232); padding-bottom: 15px;    padding-left: 8px;
    padding-right: 8px; }
.vk-comment-name { color: rgb(43, 88, 122); font-weight: bold; font-size: 14px;margin-bottom: 3px;}
.vk-comment-text { margin-left: 60px; }
.vk-comment-date { margin-left: 60px; color: rgb(153, 153, 153); }
table { max-width: 800px; min-width: 220px; margin: 0px auto; box-shadow: 2px 3px 8px 0px rgba(105, 105, 105, 0.39); }
th, td { border-color: rgb(189, 189, 189); }
.tg { border-collapse: collapse; border-spacing: 0px; }
.tg td { font-family: Arial,sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; }
.tg th { font-family: Arial,sans-serif; font-size: 14px; font-weight: normal; padding: 10px 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; }
.tbg1 { background: rgb(180, 237, 255) none repeat scroll 0% 0%; }
.tbg2 { background: rgb(235, 250, 255) none repeat scroll 0% 0%; }
.mobile-menu { display: none; }
@media screen and (max-width: 1200px) {
	.wrapper { width: 100%; }
	.main { width: 100%; }
}
@media screen and (max-width: 1110px) {
	.sidebar { display: none; }
	.main-text { float: none; width: 93%; margin: 0px; }
	.menu ul { padding: 0px; }
	.background-sergey { background-image: url('../images/20160601_territoriya_zablujdeniy_medium.jpg?v=1'); }
}
@media screen and (max-width: 860px) {
	.top__right-header { display: none; }
}
@media screen and (max-width: 630px) {
	.menu { display: none; }
	.mobile-menu { display: block; text-align: center; width: 100%; height: auto; background-color: rgb(247, 141, 56); }
	.mobile-menu a { text-decoration: none; color: rgb(255, 255, 255); }
	.background-sergey { background-image: url('../images/20160601_territoriya_zablujdeniy_small.jpg'); }
	.menu { display: none; }
	.main-text { width: 94%; margin: 0px 0px 0px 8px; padding: 0px; }
	.categories { display: none; }
	.main-text h1 { font-size: 20px; line-height: 27px; }
	.main-text p { font-size: 17px; line-height: 26px; }
	.tg th { font-size: 12px; padding: 0px; }
	.tg td { font-size: 13px; padding: 4px 3px; }
	.mobile-small { width: 100%; }
	.main-text h1, .main-text p {     padding: 5px;
    padding-left: 12px;
    padding-right: 12px;}
}
@media screen and (max-width: 522px) {
	.top-header { background: rgb(25, 28, 32) url('../images/20160601_territoriya_zablujdeniy_very_small.jpg') no-repeat scroll center center / contain ; }
}
@media screen and (max-width: 480px) {
	.background-sergey { display: none; }
}
.clearfix::before, .clearfix::after { content: " "; display: table; }
.clearfix::after { clear: both; }
@media only screen and (min-width: 35em) {
}
@media print, not all, (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
}
/* ::::: http://vasserman.blog-mail.ru/css-family=Open+Sans-400,400italic,700&subset=latin,cyrillic.css ::::: */

html { overflow-y: initial !important; }
body { position: initial !important; }
.iframe { width: 100%; height: auto; background: rgb(0, 85, 143) none repeat scroll 0% 0%; overflow: hidden; margin-top: 30px; }
.iframe .titl { padding: 15px; color: rgb(255, 255, 255); font-size: 18px; line-height: 120%; text-transform: uppercase; }
.ifr_button { font-family: Arial; cursor: pointer; padding: 0px; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(192, 57, 43); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; display: block; margin: 20px auto; color: rgb(255, 255, 255); font-size: 24px; text-decoration: none; text-align: center; width: 180px; height: 51px; line-height: 51px; background: rgb(231, 76, 60) none repeat scroll 0% 0%; font-weight: 700; border-radius: 3px; }
.ifr_button:hover { background: rgb(231, 92, 78) none repeat scroll 0% 0%; }
.ifr_button:active { background: rgb(192, 57, 43) none repeat scroll 0% 0%; }

@media (max-width: 767px) {
	.main {
		box-sizing: border-box;
		width: 100%;
		padding: 2%;
	}

	.main-text {
		margin: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.main-text ul {
		padding: 0;
		padding-left: 28px;
	}

	.vk-comment-text img{
		width: 300px;
	}
}

@media (max-width: 480px) {
	.clearfix {
		display: block;
	}

	.vk-comment-text img {
		width: 100%;
	}

	th img {
	width: 40%
	}

	.tg td,
	.th th {
    font-size: 11px;
    padding: 4px 3px;
	}

	.tg-yw4l {
		font-size: 10px !important;
	}
} 


    @media screen and (max-width: 428px) {



    	}