/* ÎÑÍÎÂÍÎÅ */
body {
	margin: 0;
	padding: 0;
	/* background-color: #4d7294; */
	background: #020202 url('/files/bg_grey.jpg') repeat scroll left top;
	font-size: 16px;
	font-family: 'Titillium Web', Arial;
	/*font-family: 'Kelly Slab',Andika,'Titillium Web', Arial, Verdana;*/
}
form { margin: 0; padding: 0; }
textarea { font-family: Arial, Verdana; font-size: 15px; }
img { border: 0; border-width: 0; }

ul, ol { margin: 0; padding: 0 0 0 10px; overflow: hidden; }
li { margin-left: 20px; padding: 0 0 10px 5px; }

h1 { font-size: 24px; font-weight: normal; margin: 0 0 15px 0; padding: 0; }
h2 { font-size: 19px; margin: 0; padding: 0; }
h3 { font-size: 16px; margin: 0; padding: 0; }

a:link,a:visited { color: #325683; TEXT-DECORATION: underline; }
a:active,a:hover { color: #1b81ce; TEXT-DECORATION: none; }


/* ØÀÁËÎÍ */
.html-wrapper {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
    margin: 15px auto 15px;
    max-width: 950px;
	min-width: 320px;
    position: relative;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
}

/* Øàïêà */
.html-title {
    background: url(/files/bg_title.jpg) no-repeat left top #2b82b7;
    height: 85px;
    overflow: hidden;
}
.html-title .fio {
    margin: 10px 0 0 30px;
}
.html-title .fio a {
	text-decoration: none;
	font-size: 24px;
	color: #fff;
}
.html-title .fio span {
    font-size: 15px;
    font-family: Verdana, Arial;
    color: #fff;
    display: block;
    margin-top: 0px;
    opacity: 0.7;
}

/* Ìåíþ */
.html-menu {
	background-color: #7299bb;
	overflow: hidden;
	padding: 0 20px;
	color: #fff;
}
.html-menu a {
	text-decoration: none;
	font-size: 17px;
	color: #fff;
	padding: 5px 10px 5px 0;
	margin-right: 10px;
	display: inline-block;
}
.html-menu a.on {
	color: #ffd366;
	font-weight: bold;
}
.html-menu a:hover {
	color: #ffd366;
}



/* Ìåíþ - Ïîëíàÿ âåðñèÿ */
.right-menu {
	overflow: hidden;
	padding: 0 15px;
	color: #fff;
	font-size: 16px;
}
.right-menu a, .right-menu a:link, .right-menu a:visited {
	text-decoration: none;
	color: #333;
	padding: 9px 0 9px 17px;
	display: block;
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	opacity: 0.7;
}
.right-menu a.on {
	font-weight: bold;
	opacity: 1;
}
.right-menu a:active, .right-menu a:hover {
	opacity: 1;
}
.right-menu a:after {
	content: '';
	diplay: block;
	position: absolute;
	left: 0px;
	top: 50%;
	width: 10px;
	height: 3px;
	border-radius: 2px;
	background-color: #ccc;
	margin-top: -1px;
	z-index: 100;
}


.html-body-right .photo {
	padding: 20px 15px 3px 15px;
}
.html-body-right .photo img {
	box-shadow: 2px 2px 0 #ccc;
	width: 100%;
}


/* Ìåíþ - Ìîáèëüíîå */
.html-mobile-menu {
	overflow: hidden;
	padding: 0 0;
	color: #fff;
	font-size: 16px;
	background-color: #f0f0f0;
}
.html-mobile-menu a, .html-mobile-menu a:link, .html-mobile-menu a:visited {
	text-decoration: none;
	color: #333;
	padding: 3px 16px;
	margin: 5px 1px 5px -1px;
	display: inline-block;
	position: relative;
	border: 1px solid #ddd;
	border-width: 0 0 0 1px;
	opacity: 0.7;
}
.html-mobile-menu a.on {
	font-weight: bold;
	opacity: 1;
}
.html-mobile-menu a:active, .html-mobile-menu a:hover {
	opacity: 1;
}




.html-body-right .photo {
	padding: 20px 15px 3px 15px;
}
.html-body-right .photo img {
	box-shadow: 2px 2px 0 #ccc;
	width: 100%;
}





/* Body */
.html-body {
    background-color: #fff;
	position: relative;
	overflow: hidden;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	table-layout: fixed;
}
.html-body-left {
	min-height: 400px;
	overflow: hidden;
	padding: 20px 30px;
	position: relative;
	vertical-align: top;
	word-wrap: break-word;
}
.html-body-right {
	width: 220px;
	overflow: hidden;
	padding: 0 0 20px 0;
	background: url(/files/bg_gradient.png) repeat-x left top #f0f0f0;
	vertical-align: top;
}

/* ÎÁÎ ÌÍÅ */
.vuz_h {
	font-size: 22px;
	font-weight: normal;
	margin: 25px 0 10px 0;
	padding: 0;
}

.vuz_id {
	margin: 10px 0;
	position: relative;
}
.vuz_id .i_vuz {
	background: url(/files/diplom.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 5px;
	width: 16px;
	height: 16px;
}
.vuz_id .i_ser {
	background: url(/files/diplom.png) no-repeat left -134px;
	position: absolute;
	left: 0;
	top: 5px;
	width: 16px;
	height: 16px;
}
.vuz_id .n {
	font-size: 15px;
	font-weight: bold;
	margin-left: 23px;
}
.vuz_id .t {
	margin-top: 3px;
	margin-left: 23px;
	font-size: 14px;
	color: #666;
}
.vuz_i {
	margin: 15px 0 10px 0;
	font-size: 13px;
	color: #333;
	font-style: italic;
}


/* ÑÒÀÒÜÈ */
.article_list {
	margin: 0 0 20px;
	overflow: hidden;
}
.article_list .a {
	font-size: 21px;
}
.article_list div {
	font-size: 16px;
	color: #333;
	margin: 5px 0 0;
}
.article_list div.u {
	font-size: 15px;
	color: #777;
	word-break: break-all;
}

.article_id h1 {
	margin: 0 0 0;
}
.article_id .back {
	font-size: 14px;
	color: #777;
	margin: 0 0 15px;
}
.article_id .back a {
	color: #666;
}
.article_id .tag {
	margin: 10px 0;
	font-size: 15px;
	color: #777;
}

.article_avtor_text {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #333;
    font-size: 16px;
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 10px;
}

/* Ïðåäûäóùàÿ è ñëåäóþùàÿ ñòàòüÿ */
div.art_prev_next { border: 1px solid #dfded9; background-color: #f2f1ec; border-radius: 5px; padding: 0px; margin: 30px 0 20px 0; font-size: 17px; overflow: hidden; }
div.art_prev_next .title { font-size: 13px; padding: 5px 0 5px 10px; background-color: #dfded9; }
div.art_prev_next .title div { float: right; font-size: 12px; margin: 0 10px 10px 10px; font-family: Tahoma; }
div.art_prev_next .title div a { color: #9a9994; text-decoration: none; border-bottom: 1px dotted #909aa8; }
div.art_prev_next .title div a:hover { color: #9a9994; text-decoration: none; border-bottom-color: #d5dfed; }
div.art_prev_next .list { padding: 5px 10px 7px 10px; font-size: 15px; }
div.art_prev_next .list div { padding: 5px 0; background: url('/files/ico_new.gif') no-repeat center left; padding-left: 21px; }
div.art_prev_next .list div a { text-decoration: none; border-bottom: 1px solid #dfded9; color: #000; }
div.art_prev_next .list div a:hover { border-bottom-width: 0; color: #444; }
div.art_prev_next .inf { margin: 10px 10px; color: #445367; font-size: 14px; }
div.art_prev_next .dop { margin: 0 0 5px 10px; padding: 8px 2px; opacity: 0.6; font-size: 13px; transition: opacity 0.2s ease 0s; }
div.art_prev_next:hover .dop { opacity: 0.8; }
div.art_prev_next .dop:hover { opacity: 1; }
div.art_prev_next .dop a { color: #000; }

.kogda_list div { margin: 6px 0; }



/* ÑÏÈÑÎÊ ÊÎÌÌÅÍÒÀÐÈÅÂ */
.comments_list .h {
	font-size: 20px;
	margin: 20px 0 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}
.comments_list .comment {
	border-bottom: 1px dotted #999;
	padding: 7px 0 8px;
	overflow: hidden;
	font-size: 15px;
	word-break: break-word;
}
.comments_list .comment .p {
	float: left;
	margin-top: 2px;
}
.comments_list .comment .p img {
	fwidth: 50px;
	height: 50px;
	padding: 1px;
	border: 1px solid #ccc;
}
.comments_list .comment .r {
	margin-left: 67px;
}
.comments_list .comment .f {
	font-weight: bold;
}
.comments_list .comment .t {
	margin: 6px 0;
}
.comments_list .comment .u {
	color: #666;
	font-size: 14px;
}
.comments_list .quote {
	background: rgba(240, 240, 240, 0.8) none repeat scroll 0 0;
	border: 1px solid #bbb;
	border-radius: 3px;
	box-shadow: 1px 1px 2px #ddd;
	clear: right;
	font-size: 13px;
	margin: 5px 5px 5px 20px;
	overflow: hidden;
	padding: 6px;
}
.comments_list .add {
	margin: 15px 0;
}
.comments_list #add1 {
	margin: 15px 0;
	color: #666;
}
.comments_list #add1 span {
	border-bottom: 1px dotted #999;
	color: #666;
	cursor: pointer;
}
.comments_list #add2 {
	background-color: #fff3d0;
	padding: 5px 10px;;
	border-radius: 5px;
	line-height: 180%;
	box-shadow: 1px 1px 0 #e4d3a1;
	margin-right: 1px;
}






/* ÀÂÒÎÐÑÊÈÉ ÁËÎÊ  */

div.menu-blue-box3 {
	background-color: #F7F8FA;
    border: 1px solid #d3deea;
    border-width: 1px 0 1px 1px;
    border-radius: 5px 0 0 5px;
    font-size: 15px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    position: relative;
}
div.menu-blue-box3 a { text-decoration: none; }
div.menu-blue-box3 .h {
	background: linear-gradient(to bottom, #e5edf5, #d4e1ed);
	background-color: #dee8f2;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c1d2e1;
	border-radius: 5px 0 0;
	color: #404d61;
	font-weight: bold;
    padding: 4px 10px;
}
.avt_block { background-color: #f5f8fb; overflow: visible; margin: 0 0 20px; }
.avt_block .foto { padding: 0 0 8px; border-bottom: 1px dotted #d3deea; }
.avt_block .foto img { border: 1px solid #ccc; padding: 1px; opacity: 0.9; transition: opacity 0.4s ease 0s; }
.avt_block:hover .foto img { opacity: 1; }
.avt_block .fio { margin: 0 0 6px 0; padding-top: 6px; font-size: 16px; }
.avt_block .status { margin: 6px 0; font-size: 13px; color: #777; }
.avt_block .all { border-top: 1px dotted #d3deea; }
.avt_block .all div { margin: 6px 0; }
.avt_block .all a { text-decoration: none; }
.avt_block .all span { color: #666; }

.avt_block .cons { border-top: 1px dotted #d3deea; position: relative; }
.avt_block .cons a.submit_yellow { opacity: 0.6; display: block; margin: 8px 0; padding: 3px 0; text-align: center; }
.avt_block:hover .cons a.submit_yellow { opacity: 0.8; }
.avt_block .cons a.submit_yellow:hover { opacity: 1; }

.avt_block .info0 { position: relative; }
.avt_block .info0 .info { display: none; opacity: 0; transition: opacity 0.2s ease 0s; }
.avt_block .info0:hover .info { display: block; opacity: 1; }
.avt_block .info { background-color: #fdf4bb; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80, 0 0 10px 10px #fff; padding: 8px 15px; position: absolute; right: 195px; top: 0px; width: 300px; }
.avt_block .info::after { content: ''; position: absolute; right: -20px; top: 6px; border: 10px solid transparent; border-width: 8px 10px; border-left: 10px solid #c4bb80; }





/* ÑÏÈÑÎÊ ÑÒÐÀÍÈÖ */
div.page-list {
	overflow: hidden;
	vertical-align: middle;
	font-size: 15px;
	text-align: left;
	font-family: Verdana,Arial;
	margin: 30px 0 10px 0;
}
div.page-list span { display: inline-block; margin: 0 1px; vertical-align: middle; margin: 0 3px; }
div.page-list span a { display: block; text-decoration: none; padding: 1px 7px 2px 7px; color: #000; background-color: #f3f3f3; border: 1px solid #ddd; border-radius: 3px; }
div.page-list span:hover a { color: #000; background-color: #e6e6e6; border: 1px solid #ccc; }
div.page-list span a.on { color: #000; background-color: #a3d0f3; border: 1px solid #9ec9eb; }


/* ÆÅËÒÀß ÊÍÎÏÊÀ */
.submit_yellow {
    background: #fbdf80;
    background: -moz-linear-gradient(top, #fbed93, #fbcc66);
    background: -webkit-linear-gradient(top, #fbed93, #fbcc66);
    background: -o-linear-gradient(top, #fbed93, #fbcc66);
    background: linear-gradient(top, #fbed93, #fbcc66);
    border: 1px solid #6392c2;
    box-shadow: 0 1px 0 #fcf9e1 inset;
    border-radius: 5px;
	display: inline-block;
    padding: 3px 30px;
    position: relative;
    text-shadow: 1px 1px 1px #fdf2b2;
    text-decoration: none;
    transition: box-shadow 0.1s ease 0s;
    cursor: pointer;
    white-space: nowrap;
}
.submit_yellow:hover {
    background: #fbd370;
    background: -moz-linear-gradient(top, #fbdf80, #fbcc66);
    background: -webkit-linear-gradient(top, #fbdf80, #fbcc66);
    background: -o-linear-gradient(top, #fbdf80, #fbcc66);
    background: linear-gradient(top, #fbdf80, #fbcc66);
    box-shadow: 0 1px 0 #fcf9e1 inset, 1px 1px 2px #ccc;
}
.submit_yellow:active {
    background: #fae08d;
}
a.submit_yellow {
	color: #000;
	text-decoration: none;
}


/* ÎÒÇÛÂÛ */
.otzyv_list {
    border-top: 1px solid #ccc;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 0;
}
.otzyv_list .p {
    border: 1px solid #ccc;
    float: left;
    margin-top: 1px;
    padding: 1px;
}
.otzyv_list .right {
    margin-left: 67px;
}
.otzyv_list .f {
    font-weight: bold;
    color: #325683;
}
.otzyv_list .t {
    margin: 9px 0;
}
.otzyv_list .u {
    color: #666;
}
.otzyv_list .o {
    background-color: #e7f0f8;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    margin-top: 15px;
    padding: 5px;
}


/* ÊÎÍÒÀÊÒÛ      */
table.contact { border-collapse: collapse; }
table.contact tr { vertical-align: top; }
table.contact th { padding: 5px 15px 5px 0; }
table.contact td { padding: 5px 15px 5px 0; }
a.contact_vk { display: inline-block; margin: 0 12px 10px 0; padding-left: 20px; position: relative; }
a.contact_vk:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/files/icons.png) no-repeat -32px -16px; border-radius: 2px; }
a.contact_fb { display: inline-block; margin: 0 12px 10px 0; padding-left: 20px; position: relative; }
a.contact_fb:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/files/icons.png) no-repeat -160px 0; border-radius: 2px; }
a.contact_ig { display: inline-block; margin: 0 12px 10px 0; padding-left: 20px; position: relative; }
a.contact_ig:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/files/icons.png) no-repeat -176px 0; border-radius: 2px; }
a.contact_yt { display: inline-block; margin: 0 12px 10px 0; padding-left: 20px; position: relative; }
a.contact_yt:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/files/icons.png) no-repeat -160px -16px; border-radius: 2px; }
a.contact_tg { display: inline-block; margin: 0 12px 10px 0; padding-left: 20px; position: relative; }
a.contact_tg:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/files/icons.png) no-repeat -192px -16px; border-radius: 2px; }


/* Ñïîéëåð */
div.spoiler { background: rgba(240, 240, 240, 0.8) none repeat scroll 0 0; border: 1px solid #bbb; border-radius: 3px; box-shadow: 1px 1px 2px #e6e6e6; clear: right; font-size: 13px; margin: 5px; overflow: hidden; position: relative; }
div.spoiler .h { background-color: #eee; cursor: pointer; padding: 4px 6px 4px 24px; position: relative; }
div.spoiler .h:hover { background-color: #e6e6e6; }
div.spoiler .h:after { position: absolute; top: 50%; left: 6px; margin-top: -7px; width: 13px; height: 13px; display: block; background: url('/files/spoiler.png') no-repeat 0 0; content: ''; }
div.spoiler .t { font-size: 15px; color: #333; display: none; padding: 6px; }
div.spoiler_on .h { background-color: #ddd; }
div.spoiler_on .h:hover { background-color: #dadada; }
div.spoiler_on .h:after { background-position: -13px 0; }
div.spoiler_on .t { display: block; }

div.class_spoiler { background: #f3f3f3; border: 1px solid #bbb; border-color: #ddd #ccc #ccc #ddd; border-radius: 5px; box-shadow: 1px 1px 2px #e6e6e6; clear: right; margin: 7px 0; overflow: hidden; position: relative; }
div.class_spoiler .class_spoiler_h { background-color: #f1f1f1; cursor: pointer; padding: 7px 6px 7px 24px; position: relative; }
div.class_spoiler .class_spoiler_h:hover { background-color: #e6e6e6; }
div.class_spoiler .class_spoiler_h:after { position: absolute; top: 50%; left: 6px; margin-top: -7px; width: 13px; height: 13px; display: block; background: url('/files/spoiler.png') no-repeat 0 0; content: ''; }
div.class_spoiler .class_spoiler_t { font-size: 15px; color: #333; display: none; padding: 10px 6px; }
div.class_spoiler_on .class_spoiler_h { background-color: #ddd; }
div.class_spoiler_on .class_spoiler_h:hover { background-color: #dadada; }
div.class_spoiler_on .class_spoiler_h:after { background-position: -13px 0; }
div.class_spoiler_on .class_spoiler_t { display: block; }



div.box-grey {
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #bbb;
	background-color: #fbfbfb;
	border-radius: 2px;
	overflow: hidden;
}



/* ÑÒÀÒÜß ID */
.from_bb {
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0;
    word-wrap: break-word;
}
.from_bb h1 {
    font-size: 19px;
    margin: 0 0 10px;
    padding: 0;
}
.from_bb h2 {
    font-size: 18px;
    margin: 0 0 8px;
    padding: 0;
}
.from_bb h3 {
    font-size: 17px;
    margin: 0 0 6px;
    padding: 0;
}
.from_bb p {
    margin: 0 0 12px;
    padding: 0;
    text-align: left;
}
.from_bb div.quote {
    background: #f3f3f3 url('/files/quote.png') no-repeat scroll 7px 7px;
    border-radius: 5px;
    border-width: 0;
    box-shadow: 1px 1px 0 #ddd;
    color: #333;
    font-family: Verdana;
    font-size: 14px;
    margin: 10px 0;
    min-height: 25px;
    padding: 4px 5px 4px 55px;
}
.from_bb img, .bb img {
    max-width: 99%;
}
blockquote {
    background: #f3f3f3 url('/files/quote.png') no-repeat scroll 7px 7px;
    border-radius: 5px;
    border-width: 0;
    box-shadow: 1px 1px 0 #ddd;
    color: #333;
    font-family: Verdana;
    font-size: 14px;
    margin: 10px 0;
    min-height: 25px;
    padding: 4px 5px 4px 55px;
}
.from_bb table.bb {
    border: 1px solid #999;
    border-collapse: collapse;
    font-size: 15px;
}
.from_bb table.bb th {
    background-color: #eee;
    border: 1px solid #999;
    padding: 5px;
}
.from_bb table.bb td {
    background-color: #fff;
    border: 1px solid #999;
    padding: 5px;
}

.from_bb .class_avtor  { background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 1px; margin: 15px 0; padding: 10px; font-size: 15px; }
.from_bb .class_gray   { background-color: #f3f3f3; border: 1px solid #dddddd; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_blue   { background-color: #ecf5ff; border: 1px solid #cfe0f1; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_yellow { background-color: #f8f6d4; border: 1px solid #e2e0be; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_green  { background-color: #e7fbd3; border: 1px solid #d1eab8; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_red    { background-color: #fff0f0; border: 1px solid #ffcfcf; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }



.YouTube { margin: 10px 0; max-width: 700px; clear: left; overflow: hidden; }
.YouTube > div { margin: 0 auto; transition: 1s; }
.YouTube > div > div { padding-bottom: 70%; position: relative; }
.YouTube iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


/* Ðåêëàìà */
.rkl1 { margin: 20px 15px; padding: 8px 10px; text-align: center; font-size: 15px; }
.rkl2 { margin: 20px 0 10px 0; padding: 8px 10px; background-color: #fcecad; border: 1px solid #f5e297; border-radius: 5px; text-align: center; font-size: 15px; }
.rkl3 { margin: 20px 0 10px 0; padding: 8px 10px; background-color: #fcecad; border: 1px solid #f5e297; border-radius: 5px; text-align: center; font-size: 15px; }
.rkl1 img, .rkl2 img { margin: 0 0 5px 0; }
.rkl1 a, .rkl2 a { display: block; overflow: hidden; }

/* HTML */
.html1 { margin: 15px 10px; overflow: hidden; max-width: 200px; }



/* ÌÎÁÈËÜÍÀß ÂÅÐÑÈß */
.only-mobile { display: none; }

@media screen and (max-device-width: 700px) {
	.no-mobile, .html-body-right {
		display: none;
	}

	.html-mobile-menu {
		display: block !important;
	}

	.only-mobile {
		display: block;
	}

	.html-wrapper {
		margin: 0 auto;
		border-radius: 0;
	}

	.html-title .fio {
		margin: 10px 0 0 15px;
	}

	.html-body-left {
		padding: 20px 15px;
	}
}