@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic&subset=latin,cyrillic);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time {display: block}
body {line-height: 1}
:focus{outline:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
table {border-collapse: collapse;border-spacing: 0}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/*   end global reset  */
html{height:100%}
body{height:100%; font-family:Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size:14px; color:#3d3d3d; line-height:1.55; background:url(../images/bg.png) 50% 0 no-repeat #fbe476}

.main-nav > ul > li > a, 
.a-newspaper-today, 
input, 
button, 
.block .head h2, 
.title-popular, 
.yellow-link, 
.ul-fast-link, 
.top-news-title, 
.top-near-event{font-family:cuprum, sans-serif; font-weight:400 !important\9}
.no-opacity .main-nav > ul > li > a, 
.no-opacity .a-newspaper-today, 
.no-opacity input, 
.no-opacity button, 
.no-opacity .block .head h2, 
.no-opacity .title-popular, 
.no-opacity .yellow-link, 
.no-opacity .ul-fast-link, 
.no-opacity .top-news-title, 
.no-opacity .top-near-event{font-weight:normal !important}
.short-nav, 
.voting input[type=submit]{font-family: Tahoma, "Geneva CY", sans-serif;}
.poster-day-num .body, 
.poster-day-citate 
.blockquote-body{font-family: Georgia, "Century Schoolbook L", Serif;}

#header ul, 
.popular ul, 
.ul-articles-preview, 
.ul-video-preview, 
.photos-preview ul, 
.news-preview ul, 
.ul-fast-link, 
.ul-archive{list-style:none}

h1{font-size:24px; line-height:1.22; margin:0 0 20px; color:#000}
a{color:#3d3d3d; -moz-transition:color .25s; -webkit-transition:color .25s; -o-transition:color .25s; -ms-transition:color .25s; transition:color .25s}
a:hover{color:#0b768e}
.fl{float:left}
.fr{float:right}
.align-l{text-align:left}
.align-r{text-align:right}
.align-c{text-align:center}
.clearfix{.zoom:1}
.clearfix:after, .clearfix:before{content:"";clear:both;display:table}
.clear{clear:both; height:0}

[class*=ico-], 
.primary-nav > li > a:before, 
.ul-drop-nav li:before,  
.ul-video-preview .photo span:after, 
.cal-prev, 
.cal-next, 
.arrow-prev, 
.arrow-next{background-color:transparent; background-image: url(../images/sprite.png); background-repeat:no-repeat}
[class*=ico-]{display:inline-block; vertical-align:middle}
.ico-rss{width:18px; height:19px; background-position:0 -473px; margin-right:8px}
.ico-ask-small{width:14px; height:14px; background-position:0 0; margin-right:5px; position:relative; top:-2px}
.ico-rating{width:52px; height:38px; background-position:0 -355px; margin-right:5px; position:relative; top:-2px}
.ico-percents{width:41px; height:38px; background-position:0 -395px; margin-right:5px; position:relative; top:-2px}
.ico-president{width:50px; height:50px; background-position:0 -42px}
.ico-uryad-portal{width:50px; height:50px; background-position:0 -94px}
.ico-rada{width:50px; height:50px; background-position:0 -146px}
.ico-hotline{width:50px; height:50px; background-position:0 -198px}
.ico-budjet{width:50px; height:50px; background-position:0 -250px}
.ico-anticorrup{width:50px; height:50px; background-position:0 -302px}
.ico-photo{width:16px; height:14px; background-position:-36px 0; margin-right:6px; position:relative; top:-1px}
.ico-comments{width:16px; height:16px; background-position:-36px -16px; margin-right:6px}
.ico-print{width:16px; height:14px; background-position:-21px -486px; margin-right:6px; position:relative; top:-1px}
.ico-video{width:16px; height:14px; background-position:0 -494px; margin-right:6px; position:relative; top:-1px}
.ico-read-more{width:16px; height:14px; background-position:-36px -510px; margin-right:8px; position:relative; top:-1px}
.ico-read-articles{width:16px; height:14px; background-position:-36px -526px; margin-right:8px; position:relative; top:-1px}
.ico-advert{width:57px; height:58px; background-color:transparent; background-image: url(/static/images/sud.png); background-repeat:no-repeat}
.ico-train{width:57px; height:38px; background-color:transparent; background-image: url(/static/images/train.png); background-repeat:no-repeat}
.ico-covid{width:57px; height:38px; background-color:transparent; background-image: url(/static/images/covid.png); background-repeat:no-repeat; background-size: contain;}
.ico-femida{width:57px; height:38px; background-color:transparent; background-image: url(/static/images/femida.png); background-repeat:no-repeat; background-size: contain;}
.ico-ticket{width:57px; height:38px; background-color:transparent; background-image: url(/static/images/ticket.png); background-repeat:no-repeat; background-size: contain;}
.ico-ukrinform{width:50px; height:50px; background:url(../images/ukrinform.png);}

#wrap{position:relative; width:1222px; margin:0 auto -139px ;min-height:100%; background:url(../images/bg-main.png) 100% 0 repeat-y}

#header{background:url(../images/bg-main.png) 1px 0 no-repeat; padding:0 34px; margin:0 0 20px; position:relative; z-index:25}
	#header .logo{width:409px; height:53px; background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none;text-indent:-9999px; float:left; position:relative; margin:90px 94px 23px 39px}
		#header .logo time{text-indent:0; position:absolute; right:0; top:-11px; line-height:14px; color:#1ab0d0; font-size:12px}

.short-nav{float:left; clear:left; width:auto; height:12px; white-space:nowrap; font-size:9px; margin:0 0 25px 38px; line-height:12px}
	.short-nav a{float:left; width:auto; position:relative; padding:0 7px 0 8px; text-transform:uppercase; text-decoration:none; }
	.short-nav a:before{content:""; position:absolute; left:0; top:1px; height:9px; background:#333; width:1px}
	.short-nav a:first-child{padding-left:0}
	.short-nav a:first-child:before{display:none}
	.short-nav a:hover{text-decoration:underline}

.head-search{float:left; width:291px; margin:75px 0 0}
.a-extended-search{font-size:11px; text-decoration:none}
.a-extended-search:hover{text-decoration:underline}
	.head-search form{margin:8px 0 0; width:291px; height:38px; background:url(../images/search.png) 0 0 no-repeat; position:relative}
	.head-search input[type=text]{position:absolute; left:16px; top:0; height:36px; line-height:36px; width:233px; border:0; font-size:16px; color:#7c7b7b; background:none}
	.head-search input[type=submit]{float:right; width:34px; height:38px; border:0; cursor:pointer; margin:0 4px 0 0; opacity:.99; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=99); background:none}

.a-newspaper-today{float:right; width:182px; height:162px; background:url(../images/newspaper-top.jpg) 0 0 no-repeat; text-decoration:none; margin:42px 32px 0 0; position:relative}


#header menu{position:absolute; top:14px; right:22px; font-size:14px; line-height:16px; font-weight:700; color:#0b768e}
	#header menu a{margin:0 10px; color:#0b768e; text-decoration:none; text-shadow:0 1px #fff}
	#header menu a:hover{color:#13a0bf; text-decoration:underline}

.main-nav{clear:both; width:1155px; background:url(../images/bg-menu.png) 0 0 no-repeat; margin:0 0 20px; height:89px}
	.main-nav > ul{position:relative; height:45px;}
	.main-nav > ul > li{float:left; width: auto;}
		.main-nav > ul > li > a{float:left;  line-height:42px; position:relative; text-decoration:none; font-size:14px; margin-top:3px; height:42px; text-transform:uppercase; font-weight:bold; background:url(../images/gradients.png) 0 42px repeat-x; -moz-transition:background-position .3s, color .3s; -webkit-transition:background-position .3s, color .3s; -o-transition:background-position .3s, color .3s; -ms-transition:background-position .3s, color .3s; transition:background-position .3s, color .3s}
		.secondary-nav > li > a{height:41px; line-height:40px}
		.main-nav > ul > li:hover > a{background-position:0 0; color:#129cba}
.primary-nav, 
.secondary-nav{padding-left:86px}
.primary-nav:hover, 
.secondary-nav:hover{z-index:4}
	.primary-nav > li > a{padding:0 10px 0 25px; color:#fff}
	.primary-nav > li > a:before{position:absolute; content:""; left:10px; top:16px; width:8px; height:8px; background-position:-24px -473px;}
	.main-nav > ul > li:hover > a:before{background-position:-35px -473px;}
	.secondary-nav > li > a{padding:0 10px; color:#000; font-size:12.58px}
.drop-nav{position:absolute; left:0; top:45px; z-index:10; background:#c7e0e0; padding:4px 4px 0; border-bottom:solid 4px #c7e0e0; width:1146px; overflow:hidden; display:table; display:none}
.secondary-nav .drop-nav{top:44px}
.ul-drop-nav{display:table-cell; vertical-align:top; width:267px; text-transform:uppercase; font-size:11px; padding:22px 26px 20px; background:#ebf5f3}
	.ul-drop-nav li{padding:0 0 12px 16px; position:relative}
	.ul-drop-nav li:before{content:""; position:absolute; left:0; top:5px; width:7px; height:6px; background-position:-45px -473px;}
	.ul-drop-nav a{text-decoration:none; color:#000}
	.ul-drop-nav a:hover{text-decoration:underline}
.drop-last-news{display:table-cell; vertical-align:top; width:315px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c7e0e0), to(#b3d2d2)); background: -webkit-linear-gradient(#c7e0e0, #b3d2d2);background: -moz-linear-gradient(#c7e0e0, #b3d2d2); background: -ms-linear-gradient(#c7e0e0, #b3d2d2); background: -o-linear-gradient(#c7e0e0, #b3d2d2); background: linear-gradient(#c7e0e0, #b3d2d2); padding:22px 17px 20px 30px;}
.no-cssgradients .drop-last-news{background:url(../images/gradient-nav.png) 0 100% repeat-x}
.drop-last-title, .drop-top-news h2{font-weight:700; color:#0a7890; text-transform:uppercase; font-size:14px; margin:0 0 19px; line-height:1}
	.drop-last-news .a-more{font-size:11px; font-weight:700; text-decoration:none}
	.drop-last-news .a-more:hover{text-decoration:underline}
	.drop-last-news li{margin:18px 0 0; font-size:12.5px; line-height:1.45}
	.drop-last-news li:first-child{margin:0}
	.drop-last-news time{font-size:11px; margin:0 0 4px}
		.drop-last-news ul a{font-weight:bold; text-decoration:none; color:#000; padding:3px 0}
		.drop-last-news ul a:hover{text-decoration:underline}
.drop-top-news{display:table-cell; padding:22px 25px 20px 35px; text-align:justify; font-size:12.5px; line-height:1.35; color:#000}
	.drop-top-news img{float:left; margin:0 18px .75em 0}
	.drop-top-news img[align=left]{float:left; margin:0 18px .75em 0}
	.drop-top-news img[align=right]{float:right; margin:0 0 .75em 18px}
	.drop-top-news h2 a{text-decoration:none; color:#0a7890}
	.drop-top-news h2 a:hover{text-decoration:underline; color:#000}

#content{padding:0 36px 139px}

.col-right{float:right; width:246px; padding-bottom:1px}
.col-left{float:left; width:310px; margin:0 34px 0 0; padding-bottom:1px}
.col-center{float:left; width:526px; padding-bottom:1px}
.center-right{float:right; width:246px}
.center-left{float:left; width:246px}
.main-col{float:left; width:864px}
.top-news{float:left; width:529px; min-height:356px; margin:0 32px 42px 0}
.popular{float:left; width:312px; margin:0 0 42px; min-height:356px}
.top-near-event{float:right; width:248px; min-height:356px; margin:0 0 42px}
.col-right .top-near-event{float:none}

.popular{background:#ebf5f3; line-height:1.35}
.title-popular{background:#c7e0e0; height:45px; line-height:45px; text-transform:uppercase; color:#000; padding:0 24px 0 27px; font-size:18px; font-weight:400}
	.popular ul{padding:10px 90px 0 27px; font-size:12px}
	.popular li{margin-top:8px}
	.popular li:first-child{margin-top:0}
	.popular time{font-size:9px; color:#0b768e; margin:0 0 2px}
	.popular .stats{float:right; width:50px; line-height:17px; height:17px; text-align:center; background:#1096b4; font-weight:700; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin:0 -66px 0 0; font-size:10px}
		.popular ul a{color:#000; text-decoration:none; padding:2px; font-weight:700}
		.popular ul a:hover{text-decoration:underline}

.top-near-event{background:url(../images/flag-248.jpg) 0 0 no-repeat #ebf5f3}

.ul-articles-preview{background:#ebf5f3; padding:10px 19px; position:relative}
	.ul-articles-preview li{border-top:solid 4px #c7e0e0; font-size:12.5px; line-height:1.45; position:relative; height:130px; overflow:hidden; width:100%}
	.front .ul-articles-preview li:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:114px; background:url(../images/shadow-news.png) 0 100% repeat-x}
	.ul-articles-preview li:hover:after{display:none}
	.ul-articles-preview li > div{position:relative; overflow:hidden; width:100%; padding:18px 0 10px}
	.no-front .ul-articles-preview li{padding:18px 0 10px; height:auto !important;}
	.ul-articles-preview li:first-child > div{padding-top:8px}
	.no-front .ul-articles-preview li:first-child{padding-top:8px}
	.ul-articles-preview li:first-child{border:0;}
	.ul-articles-preview h3{font-size:14px; line-height:18px; margin:0 0 8px}
		.ul-articles-preview h3 a{text-decoration:none; color:#0b768e; text-shadow:0 1px 1px #fff; padding:2px 0}
		.ul-articles-preview h3 a:hover{color:#000; text-decoration:underline}
	.ul-articles-preview p{margin:0 0 1em}
	.ul-articles-preview footer{margin:45px 0 0; font-size:9px; height:16px; line-height:16px}

.ul-video-preview li{margin:20px 0 0}
.ul-video-preview li:first-child{margin:0}
.ul-video-preview a{display:table; width:100%; color:#000; text-decoration:none; font-size:12px; line-height:16px}
.ul-video-preview .photo{display:table-cell; width:80px; vertical-align:top}
	.ul-video-preview .photo span{position:relative; display:inline-block}
	.ul-video-preview .photo span:after{position:absolute; left:50%; top:50%; z-index:4; width:34px; height:34px; background-position:0 -436px; content:""; margin:-18px 0 0 -17px}
	.ul-video-preview .photo img{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}
.ul-video-preview strong{display:table-cell; vertical-align:middle; padding-left:18px}
	.ul-video-preview a:hover strong{text-decoration:underline}

.news-preview h3{font-size:14px; line-height:18px; margin:0 0 10px}
	.news-preview h3 a{color:#000; text-decoration:none; padding:2px 0}
	.news-preview h3 a:hover{color:#0b768e; text-decoration:underline}
.news-preview ul{font-size:12.5px; line-height:1.45}
.news-preview li{ border-bottom:solid 4px #c7e0e0; position:relative;  height:400px; overflow:hidden}
.news-preview li > div{padding-top:16px}
.news-preview li:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:105px; background:url(../images/shadow-article.png) 0 100% repeat-x;}
.news-preview li:hover:after{display:none}
.news-preview li:first-child{padding-top:0}
.news-preview li:first-child > div{padding-top:0}
	.news-preview ul img{max-width:100%; display:block; margin:0 0 10px}
	.news-preview ul p{margin:0 0 6px}
	.news-preview ul footer{height:34px; line-height:34px; font-size:9px}

[class*=poster-day-]{min-height:350px; padding-bottom:7px; border-bottom:solid 4px #c7e0e0}
	[class*=poster-day-] .head{border-bottom:solid 4px #1096b4}
	.poster-day-num .body, .poster-day-citate .blockquote-body{height:200px; width:246px; display:table-cell; vertical-align:middle; text-align:center; padding:0 !important; border:0 !important}
	.poster-day-citate .blockquote-body{height:178px; font-size:19px; line-height:26px; font-style:italic}
	.poster-day-citate .body{height:200px; display:table-cell; vertical-align:top; padding:0 !important; border:0 !important}
	.poster-day-citate blockquote small{display:block; text-align:right; font-size:12px; font-weight:700}
	[class*=poster-day-] .num{font-size:45px; display:block; position:relative; top:-10px; line-height:1}
	[class*=poster-day-] small{font-size:22px; display:block; line-height:1}
.poster-desc{color:#fff; background:#1096b4; padding:8px 20px; font-size:12px; line-height:1.25; position:relative; min-height:77px; margin-top:20px}
.poster-desc:before{content:""; position:absolute; left:26px; top:-24px; border:solid 12px transparent; border-bottom-color:#1096b4}

.voting{background:#ebf5f3; padding:16px 0 0}
	.voting h3{font-size:14px; line-height:18px; color:#0b768e; text-transform:uppercase; margin:0 22px 25px}
	.voting form label{margin:0 22px 12px; display:block; font-size:12px; font-weight:bold}
	.voting form label input{margin:0 15px 0 0; padding:0; float:left}
	.voting .link-result{margin:30px 22px 12px 0; text-align:right; font-size:9px}
		.voting .link-result a{text-decoration:none}
		.voting .link-result a:hover{text-decoration:underline}
	.voting .action-line{background:#c7e0e0; padding:14px 0; text-align:center}
	.voting input[type=submit]{background:#0b768e; font-size:12px; color:#fff; padding:0 16px; overflow:auto; height:28px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:0; cursor:pointer; font-weight:bold}
	.voting input[type=submit]:hover{background:#065b6e}

#calendar{background:#c7e0e0; padding:0 2px 2px}
.cal-head{height:46px; position:relative}
.cal-title{color:#0b768e; text-align:center; line-height:46px; font-weight:normal}
.cal-body{padding:2px 4px; background:#fff; border:solid 1px #ecf5f5}
	#calendar table{width:100%; background:#fff}
		#calendar table th{font-size:13px; font-weight:normal; font-size:13px; text-align:center}
	#calendar table td{border:solid 2px #fff; text-align:center; font-size:13px; color:#505050}
	#calendar table span{display:block; height:24px; line-height:24px; width:31px}
	#calendar table a{display:block; height:24px; line-height:24px; text-decoration:none; color:#505050; background:#ffce00; width:31px}
	#calendar table a:hover{color:#fff; background:#0b768e}
	.cal-disabled-day{background:#ebf5f3; color:#fff !important}
.cal-prev{float:left; width:14px; height:23px; background-position:0 -18px; margin:11px 0 0 12px}
.cal-next{float:right; width:14px; height:23px; background-position:-17px -18px; margin:11px 12px 0 0}

.photos-preview ul{margin:-12px 0 0 -13px}
.photos-preview li{float:left; margin:12px 0 0 13px}

.block{margin:0 0 20px}
	.block .head{min-height:30px; padding-top:10px}
		.block .head .a-more{float:right; font-size:11px; text-decoration:none; margin:3px 0 0}
		.block .head h2{text-transform:uppercase; font-weight:400; font-size:18px; line-height:1}
	.block .body{border-top:solid 4px #1096b4; padding:7px 0 0}

.temp-img{display:block}
.yellow-link{display:table-cell; vertical-align:middle; height:81px; width:246px; text-decoration:none; color:#000; font-weight:700; background:url(../images/yellow-grad.png) 0 0 repeat-y; font-size:16.65px; text-transform:uppercase; line-height:1.2}
	.yellow-link span{font-size:23px}
	.yellow-link strong{display:inline-block; vertical-align:top; width:154px; font-weight:700; font-weight:400\9}
	.yellow-link i{display:inline-block; vertical-align:top; margin:0 10px 0 16px}
	.yellow-link .ico-percents{margin-right:20px; top:3px; left:2px}

.ul-fast-link{padding:14px 0}
	.ul-fast-link li{margin:21px 0 0}
	.ul-fast-link li:first-child{margin:0}
	.ul-fast-link [class*=ico-]{display:table-cell; width:50px; vertical-align:top}
	.ul-fast-link span{display:table-cell; vertical-align:middle; padding-left:15px}
	.ul-fast-link a{display:table; width:100%; text-decoration:none; font-size:15px; text-transform:uppercase; line-height:18px; color:#0b768e; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none}
	.ul-fast-link p{cursor:pointer;display:table; width:100%; text-decoration:none; font-size:15px; text-transform:uppercase; line-height:18px; color:#0b768e; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none}
	.ul-fast-link small{font-size:12px;}
	.ul-fast-link strong{font-size:19px; display:block}
		.ul-fast-link a:hover span{text-decoration:underline; color:#000}

.top-news .head{height:45px;}
#top-news-pager{float:right; text-align:right}
#top-news-pager a{display:inline-block; width:11px; height:11px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; background-color:#c7e0e0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-left:10px; -moz-transition:background-color .25s; -webkit-transition:background-color .25s; -o-transition:background-color .25s; -ms-transition:background-color .25s; transition:background-color .25s}
#top-news-pager a:hover, #top-news-pager .activeSlide{background-color:#1096b4}
.top-news-title{text-transform:uppercase; font-size:18px; line-height:1; font-weight:400; padding:12px 0 0}
#top-news-slider{width:529px !important; height:311px !important; overflow:hidden; position:relative}
	#top-news-slider article{height:297px !important; background:#ebf5f3; padding:14px 20px 0 25px; position:relative; font-size:12.5px; line-height:1.4}
		#top-news-slider footer{position:absolute; left:0; bottom:0; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:45px; background:#c7e0e0; font-size:11px; padding:14px 20px 0 25px}
	#top-news-slider h2{font-size:24px; line-height:1.2; margin:0 0 12px}
		#top-news-slider h2 a{text-decoration:none; color:#000}
		#top-news-slider h2 a:hover{color:#0b768e}
		#top-news-slider article img{float:left; width:auto; margin:0 20px 1em 0; max-height:150px; max-width:150px; width:auto !important; height:auto !important}
		#top-news-slider article time{float:right; margin:10px 0 0; font-size:9px}
	#top-news-slider footer a{text-decoration:none; color:#000}
	#top-news-slider footer a:hover span{text-decoration:underline}

.top-near-event{position:relative; font-weight:bold}
.event-date{color:#fff; font-size:27px; padding:24px 0 2px; line-height:1; text-transform:uppercase}
.event-time{color:#fff; font-size:23px; line-height:1.25; margin-bottom:30px}
.event-name{font-size:16px; text-transform:uppercase; padding:0 20px; margin:0 0 10px; line-height:1.3}
.event-desc{color:#000; text-transform:uppercase; font-size:16px; line-height:1.3; padding:0 14px}
	.event-desc small{text-transform:none}
.event-addr{position:absolute; bottom:0; left:0; width:100%; padding-bottom:20px; font-size:14px; line-height:16px}

.main-col > .block:first-child .head{padding-top:6px}
.main-col .ul-articles-preview{background:none; padding:0; margin:0 0 20px; border-bottom:solid 4px #c7e0e0}
	.main-col .ul-articles-preview li{padding:17px 22px 18px; font-size:14px; line-height:1.6; width:auto !important}
	.main-col .ul-articles-preview li:first-child{padding-top:9px}
	.main-col .ul-articles-preview header{font-size:11px}
	.main-col .ul-articles-preview h3{font-size:16px; line-height:21px; margin-bottom:13px}
		.main-col .ul-articles-preview h3 a{color:#000; margin-right:10px}
		.main-col .ul-articles-preview h3 a i{margin-right:0}
		.ul-articles-preview header time{float:right; margin:0 0 18px}
		.ul-articles-preview header .author{margin:0 0 18px}
	.ul-articles-preview footer{font-size:11px; margin-top:32px}
		.ul-articles-preview footer a{text-decoration:none}
		.ul-articles-preview footer a:hover span{text-decoration:underline}

.pager{padding:0 173px; margin:30px 0}
.pager-prev, 
.pager-next{width:161px; height:29px; line-height:29px; padding:0; border:solid 1px #cdcdcd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-weight:bold; font-size:12px; color:#5a5a5a; text-decoration:none; text-align:center; -moz-transition:all .25s; -webkit-transition:all .25s; -o-transition:all .25s; -ms-transition:all .25s; transition:all .25s}
.pager-prev{float:left; margin-left:-173px}
.pager-next{float:right; margin-right:-173px}
.pager-prev:hover, 
.pager-next:hover{background:#0b768e; border-color:#0b768e; color:#fff}
.arrow-prev, 
.arrow-next{width:14px; height:14px; display:inline-block; vertical-align:middle; position:relative; top:-1px}
.arrow-prev{background-position:0 -510px; margin-right:10px}
.arrow-next{background-position:0 -526px; margin-left:10px}
	.pager-prev:hover .arrow-prev{background-position:-19px -526px;}
	.pager-next:hover .arrow-next{background-position:-19px -510px;}
.pager-body{text-align:center; height:31px; line-height:31px; font-size:14px; font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;}
.pager-divider{margin:0 5px}
	.pager-body span{margin:0 5px}
	.pager-body a{text-decoration:none}
	.pager-body a:hover{text-decoration:underline}

.archive .head h2{margin-right:36px}
.archive .head a{text-decoration:none}
.archive .head a:hover{text-decoration:underline}
.archive .head .current{color:#0b768e; font-weight:700}

.body > .ul-archive{margin-top:-7px}
.ul-archive{border-bottom:solid 4px #c7e0e0}
.ul-archive li{overflow:hidden; padding:19px 0}
.ul-archive li > span,
.ul-archive li > time, 
.ul-archive li > a, 
.ul-archive li > div{float:left; width:auto; height:29px; line-height:29px; border-left:solid 1px #676660; padding:0 29px; font-size:16px}
.ul-archive a{text-decoration:none}
.ul-archive a:hover span{text-decoration:underline}
.ul-archive li > :first-child{border-left:0}
.ul-archive li:nth-child(even){background:#ebf5f3}
.ul-archive li.even{background:#ebf5f3}
.ul-archive.archive-docs li > span,
.ul-archive.archive-docs li > time, 
.ul-archive.archive-docs li > a, 
.ul-archive.archive-docs li > div{float:none; height:auto; border:0; vertical-align:top; display:inline-block;}
.ul-archive.archive-docs li{}
.ul-archive.archive-docs li > time{}
.ul-archive.archive-docs li > a{text-decoration:underline;}
.ul-archive.archive-docs li > span{margin:0 0 8px; width:480px; border-left:solid 1px #676660; border-right:solid 1px #676660}

.article-body{font-size:16px; line-height:1.35}
	.article-body p{margin:0 0 1em; text-indent:2.5em; text-align:justify}
.page header{overflow:hidden; margin:0 0 8px}
.header-photo{float:left; border:solid 8px #ebf5f3; margin:0 28px 0 0}
.header-body{overflow:hidden; position:relative; padding-top:44px}
.article-author, .article-pubdate{position:absolute; left:0; top:7px; font-size:11px}
.article-pubdate{left:auto; right:0}
.article-tag, .article-tag a{text-transform:uppercase; font-size:14px; font-weight:700; color:#0b768e; margin:0 0 14px}
.article-tag a{text-decoration:none; margin:0}
.article-tag a:hover{text-decoration:underline; color:#111}
.article-intro{font-size:16px; font-weight:700; line-height:1.25}
.article-media{display:table; background:#ebf5f3; padding:11px; width:1px; font-size:11px; text-align:center; margin:auto}
.article-media > span{display:table-row; font-size:0}
.article-media figcaption{display:table-row}
.article-media figcaption span{display:table-cell; padding:9px 12px 0}
.article-media.fr{margin:0 0 1em 18px}
.article-media.fl{margin:0 18px 1em 0}
.page footer{padding:20px 0 45px; border-bottom:solid 4px #1096b4; margin:0 0 22px; font-size:11px}
.page footer:after{content:""; clear:both; display:block}
.page .f-social{float:left; margin:0}
.page .f-social .item-social{float:right}

.article-comments{padding:0 0 60px}

.comments-title,
.comments h3{font-size:16px; padding-left:27px; font-weight:400; margin:0 0 22px; position:relative}
.comments-title:before{position:absolute; left:0; top:4px; width:16px; height:16px; background:url(../images/sprite.png) 0 -544px no-repeat; content:""}
.comments{margin:0 0 40px}
	.comments h3{padding-left:0}
	.article-comments p{margin:0 0 1em; font-size:11px; color:#7c7b7b}
.comments_item + .comments_item{margin-top:25px}
	.comments_item p{font-size:14px; line-height:1.15; color:#3d3d3d}
.comments_divider{margin:0 6px}
	.comments_item header{margin:0 0 6px}
		.comments_item header time{display:inline; color:#807f7f}
.sub-comment{margin:16px 0 0 24px !important}

.comments-form{margin:35px 0 10px; padding-bottom:65px; border-bottom:solid 4px #c7e0e0}
	.comments-form input[type=text],
	.comments-form textarea{padding:0 16px; background:#ebf5f3; border-radius:3px; border:0; -moz-box-shadow:inset 1px 1px rgba(0, 0, 0, .26); -webkit-box-shadow:inset 1px 1px rgba(0, 0, 0, .26); box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .26); font:12px/18px arial, sans-serif; vertical-align:top; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; color:#7c7b7b}
	.comments-form input[type=text]:focus,
	.comments-form textarea:focus{color:#000}
	.comments-form input[type=text]{height:36px; line-height:36px;}
	.no-boxshadow .comments-form input[type=text],
	.no-boxshadow .comments-form textarea{border:solid 1px #bec6c4}
	.comments-form textarea{padding:8px 16px}
.comments-form_item + .comments-form_item{margin-top:20px}
.commetns_input-name{width:292px}
.comments_input-captcha{width:168px}
.commetns_area{width:100%}
	.comments-form input[type=submit], .comments-form input[type=reset]{vertical-align:top; width:141px; height:36px; border:0; background:#0b768e; color:#fff; font:12px arial, sans-serif; cursor:pointer; float:right; border-radius:3px}
	.comments-form input[type=reset]{float:none;}
	.comments-form input[type=submit]:hover, .comments-form input[type=reset]:hover{background:#065b6e}
.comments_divider-arrow{display:inline-block; width:16px; height:16px; vertical-align:top; margin:0 16px; background:url(../images/sprite.png) -36px -544px no-repeat; position:relative; top:10px}

#footer{position:relative; z-index:3; width:1154px; padding:0 34px; margin:auto;}
	#footer .wrap{height:108px; margin:auto; border-top:solid 4px #d8d8d8; border-bottom:solid 13px #ffc200; padding:14px 0 0}
.f-social{float:right; margin:0 0 25px}
	.f-social .item-social{float:right; padding:0 7px; border-right:dotted 1px #bbb3b9; height:20px}
	.f-social .item-social:first-child{padding-right:0; border-right:0}
.f-links{float:left; font-size:11px; margin:0 0 25px}
	.f-links a{text-decoration:none}
	.f-links a:hover{text-decoration:underline}
.f-content{clear:both; font-size:9px; line-height:15px}

#overlay{position:fixed; left:0; top:0; width:100%; height:100%; rgba(0,0,0,0); z-index:1234; display:none}
.popup{position:fixed; width:300px; padding:35px 44px; background:#fff; border-radius:6px; box-shadow:0 5px 12px rgba(0, 0, 0, .35); top:30%; left:0; right:0; margin:auto; z-index:12345; border:solid 2px #1096b4; display:none}
.popup-close{position:absolute; right:14px; top:10px; font-size:22px; text-decoration:none; line-height:1}
	.popup .controls{padding:0 0 0 90px}
	.popup .controls + .controls{margin-top:14px}
		.popup .controls .label{float:left; width:80px; margin-left:-90px; text-align:right; line-height:18px; padding-top:5px}
		.popup .controls-group input[type=text],
		.popup .controls-group input[type=password]{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:0 8px; background:#fff; border:solid 1px #1096b4; height:30px; line-height:30px}
		.popup .controls-group input[type=submit]{width:80px; height:30px; border:0; background:#0b768e; color:#fff; font:bold 14px arial, sans-serif; cursor:pointer}
		.popup .controls-group input[type=submit]:hover{background:#065b6e}
	.popup .controls-group a{margin-right:12px; font-size:12px}

.msg-test{position:absolute; top:52px; left:73px; font-size:14px; color:#f00; line-height:1.2}
.no-front .col-right > .block:first-child .head{padding-top:6px}
.block .head h2 a{text-decoration:none;}

.calendar-box{position:relative;}
.cal-title{cursor:pointer;}
#cal-select-date{position:absolute; width:100%; left:0; top:46px; bottom:0; z-index:5; background:#c7e0e0; display:none;}
	#cal-select-date .years,
	#cal-select-date .monthes{position:absolute; top:0; left:0}
	#cal-select-date a{float:left; width:78px; margin:1px; background:#0b768e; color:#fff; height:34px; line-height:34px; color:#fff; text-align:center; text-decoration:none; position:relative; left:3px; font-size:13px}
	#cal-select-date a:hover{background:#0d8ca8}
.archive .head select{width:120px; padding:1px; margin-right:16px}
.archive .head input[type=text]{width:70px; padding:1px 6px; height:18px; line-height:18px; margin:0; border:solid 1px #999; vertical-align:middle;}
.archive .head input[type=submit]{background:#0b768e; font-size:12px; color:#fff; padding:0 12px; overflow:auto; height:22px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:0; cursor:pointer; font-weight:bold; vertical-align:middle;}
.archive .head input[type=submit]:hover{background:#065b6e}
.archive .head nav form{position:relative; top:-3px}

.article-video {
	background: #ebf5f3;
	margin: 0 0 20px;
	padding: 10px;
}

.article-video figure {
	position: relative;
	width: 100%;
	padding: 0 0 56.25%;
	margin: 0;
	height: 0;
}

.article-video figure p,
.article-video figure iframe,
.article-video figure video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}
.article-video figure iframe,
.article-video figure video {
	z-index: 12;
}






/**/