* {box-sizing: border-box;} 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%; font: inherit; vertical-align: baseline; }

ol, ul {list-style: none;}

a {color: #3a83c1; text-decoration: none;}
a:hover {color: #2d2d2d;}

html, body { max-width: 100%;overflow-x: hidden;}

html { height: 100%; background-color: #2d2d2d; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

body {
    font-family: "Roboto" ,"Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
}

.clr {clear: both;}
.wrapper {
	max-width: 1090px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
    background-color: #fff;
    padding: 20px 30px;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
 margin: 0 0 20px 0; height: 80px; 
}

.logo {display: block }
.logo img {float: left;}
.logo .title {float: left; margin: 4px 0 0 10px;}
.logo .title span { font-size: 28px;  font-weight: 900;}
.logo a {color: #2d2d2d;}


.scrollmenu {overflow: auto; white-space: nowrap; }
.scrollmenu a { display: inline-block; text-align: center; text-decoration: none; color: #333333; padding: 2px 8px; margin-top: 20px; }

.scrollmenu .online  {border: 3px solid #3a83c1; border-radius: 5px; margin-left: 20px;}
.scrollmenu .dowen {border: 3px solid #ead032; border-radius: 5px; margin-left: 10px;}
.scrollmenu span { padding: 4px 8px 5px 8px;}

.scrollmenu::-webkit-scrollbar { display: none; }



/*adcomment*/
.adscom { padding-top: 10px;}

.comment { margin: 10px 0 30px 0; border-bottom: 1px dashed #ccc; padding: 0 0 30px 0;}
.comment a {font-weight: bold;}
.comment .infocom { font-size: 13px; text-transform: uppercase;}
.comment img {float: left; margin: 0 20px 10px 0; display: block; }
/*com main*/
.commain { border: 3px solid #3a83c1; border-radius: 5px; padding: 20px 20px 0 20px; margin: 20px 0;}
.commaintitle {font-size: 24px; font-weight: 500; margin-top: -41px; background-color: #fff; float: left; padding: 0 5px;}

.nowmain {border: 3px solid #ead032; border-radius: 5px; padding: 20px 0 0 20px; margin: 20px 0;}
.nowmain .short {

	height: 250px;
}

@media screen and (max-width: 690px) {
    .header { height: 114px}
    .logo {display: block; padding-bottom: 70px }
    .logo img {float: left; width: 70px; height: 70px;}
    .logo .title span { font-size: 28px;  font-weight: 900;}
    .logo .title {font-size: 12px;}
    .scrollmenu .online  {margin-left: 0;}
    .wrapper { padding: 20px;}
    .nowmain {padding: 20px 20px 0 20px;}
}

/*knopko*/
.btn, .bbcodes {border: 3px solid #ead032; border-radius: 5px; margin: 10px 0; padding: 3px 8px; font-size: 16px;}
button, input { border: none; background: none; cursor: pointer;}
button.vvoott { background-color: #FFFFFF;}
/* Left column */
.leftcolumn {   
    float: left;
    width: 70%;
}

.blockinfo .bltitle { font-size: 18px; margin-bottom: 5px;}

.SpeedBar { overflow: auto; font-size: 13px; white-space: nowrap;}
.SpeedBar a { display: inline-block; } .SpeedBar::-webkit-scrollbar { display: none; }
/*
.fullstory h1 {margin-top: -10px;}
*/
.blockinfo .table {
	width: 100%;
	margin-bottom: 20px;
	border: 5px solid #F2F8F8;
	border-collapse: collapse; 
}
.blockinfo .table td {
	padding: 5px;
	border: none;
	border-bottom: 5px solid #F2F8F8;
}

.story h1 {font-size: 28px; font-weight: 500; line-height: 1em; margin-bottom: 10px;}
.story h2 {font-size: 24px; font-weight: 500;}
.story h3 {font-size: 24px; font-weight: 500;}

.story p {margin-bottom: 10px;}
.story b, .story strong { font-weight: bold;}
.story i {font-weight: bold; font-style: italic;}

.story .text li { margin: 0 0 4px 16px; }
.story .text li:before { color: #ead032; content: "#"; padding-right: 10px; }
.story .text li a, .text ol li a {color: #3a83c1;}

.story .text ol{ counter-reset: myCounter; margin: 0 0 20px 0; }
.story .text ol li{ list-style: none; }
.story .text ol li:before { counter-increment: myCounter; content:counter(myCounter); color: #2b2b2b;  background-color: #ead032; border: 1px solid #292929; display: inline-block; text-align: center; margin: 5px 10px 5px -8px; line-height: 25px; width: 25px; height: 25px; padding: 0; border-radius: 50%; font-size: 15px; }

/*full*/
.full {border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
.full h1 { line-height: 1em; margin-bottom: 10px;}
.fullimg img{ width: 100%; border-radius: 8px;}
.full iframe { width: 100%; border-radius: 8px;}

/*cat*/
.pagecat h1 {font-size: 26px; font-weight: 500;}
.pagecat p {margin-bottom: 10px;}

/*foto*/

.short {width: 50%; float: left; padding: 0 30px 0 0;}
.short  .foto {width: 100%; height: 180px; position: relative; display: block}

.short  .foto img { height: 180px; position: absolute; border-radius: 8px;}

.short .category { opacity: .9; background-color: #fff; border: 2px solid #ead032; border-radius: 5px; position: absolute; padding: 0 8px;}
.short .category { top: 10px; left: 10px; }

.short .date {  position: absolute; padding: 0 8px; color: #fff; font-weight: bold;}
.short .date { bottom: 10px; right: 10px; }

.short a {text-decoration: none; cursor: pointer;}
.short .stitle { color: #333333; margin: 10px 0 0 0;  display: block; font-weight: bold; }

.short {
	overflow: hidden;
	position: relative;
	height: 300px;
}
.short:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1.2em;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
	pointer-events: none;
}




@media screen and (max-width: 690px) {
.short {width: 100%; margin-bottom: 20px; padding: 0 0 0 0;}
.short  .foto {width: 100%; }

}

/* Right column */
.rightcolumn {
    float: left;
    width: 30%;
    padding-left: 30px;
}

/* Fake image */
.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
}



/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Footer */
.footer {
    padding: 20px 20px 0 10px;
    text-align: center;
    border-top: 2px solid #F2F8F8;
    margin: 0 -30px;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
    .leftcolumn, .rightcolumn {   
        width: 100%;
        padding: 0;
    }
}


/*--- Рейтинг - Звездами ---*/
.nizpole .shara {  float: right; margin-top: 15px}
.nizpole .rate {float: left;}
.nizpole .rate .rinf {font-size: 11px; text-align: center;}

.rating, .unit-rating { width: 150px; height: 30px;}
.rating { font-size: 11px; }
.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAACKBAMAAAAnGmX8AAAALVBMVEX///+RkZH+12L/w0//7cP/5aj+24X/+u7/9d2tra3Jycne3t7/zGn5+fnx8fHkdmbhAAACEUlEQVRIx+2UuUsDQRTGF+8bp4yiyKDRUhiNFikW73LxwsIiRETL4F2KilpYmFYQklIE0VYbIQQsY2kjWkbwfzDjzvhm3rzCJiCSr1p+SfY7HsT7w2rYp3ltQPO6HpqPDdA8GSVxPeckr+HcJ205T1D8gHPSeJbzPopz7hrvnk4sSL4wcboLdIpb6v0ZxuY+LGB/HRY2ubn2MeB1a5ukxtEUGkEp4bSVchtvhLzfORaE/NV7VCDnlFzJPSKPJmEcczpffhg4x13zvB2nVxXvDdP2oKNHU+FOAyi+r/xRgWn9sOVVRKv8/ycJmlc/0nx8iOYrMRLXC5EibYUIKN4iBGl8KMQoaSsEaZwTIo7Z3tHkoihpdX7mBOiysJSHhJYCWMDExho1JjfXPgP8ZG2T0zhub7SjecJpK+U23gz5iHMsHRJpLuTDzmoqjnNEJRXTbByTv/Gd48YD+WHgHHddtsMnrhb5MO0gih/b/7ZfQQWWA+WPCizph22vojKr7Y3mTec0L7bT/K6T5ukIbctYgbRlLEPxRsbOSVvGuimeZYw0ZiVh9vpwfyX5xfXDJ1CJDHVAQlOQtvXOxMYazSa/9UDvGqIOrWmNI/ZxXjS/xCOrjHjSZ3g7Wg1CmsZZ6Eq9P1LAR1RCXDaOpKGtOV2mGUaD48pGRXliFL8jTNuF4odB2tKoQDaj/FGBG/3w4f0LfQHtX5JXyZBVcwAAAABJRU5ErkJggg==);
-webkit-background-size: 30px auto; background-size:  30px auto;}
.unit-rating {list-style: none;margin: 0; padding: 0;position: relative;background-position: 0 -60px;}
.unit-rating li {text-indent: -90000px;padding: 0; margin: 0;float: left;}
.unit-rating li a {display: block;width: 30px; height: 30px;text-decoration: none;border: 0 none !important;text-indent: -9000px;z-index: 17;position: absolute;padding: 0;}
.unit-rating li a:hover {background-position: 0 -30px;z-index: 2;left: 0;}
.unit-rating a.r1-unit { left: 0; }
.unit-rating a.r1-unit:hover { width: 30px; }
.unit-rating a.r2-unit { left: 30px; }
.unit-rating a.r2-unit:hover { width: 60px; }
.unit-rating a.r3-unit { left: 60px; }
.unit-rating a.r3-unit:hover { width: 90px; }
.unit-rating a.r4-unit { left: 90px; }
.unit-rating a.r4-unit:hover { width: 120px; }
.unit-rating a.r5-unit { left: 120px; }
.unit-rating a.r5-unit:hover { width: 150px; }
.unit-rating li.current-rating {background-position: 0 0;position: absolute;height: 30px;display: block;text-indent: -9000px;z-index: 1;padding: 0px;}
.ratingplus {color: #70bb39;}
.ratingminus {color: red;}
.ratingzero {color: #6c838e;}

/* --- Вывод результатов голосования на сайте --- */

.voteprogress, .pollprogress {
	overflow: hidden;
	height: 6px;
	margin-bottom: 10px;
	background-color: #fff;
	border-radius: 3px;
	margin-top: 6px;
}
	.voteprogress span, .pollprogress span {
		text-indent: -9999px;
		height: 6px;
		display: block;
		overflow: hidden;
		background: #3394e6;
	}
	.voteprogress .vote2, .pollprogress .poll2 { background-color: #dd514c; }
	.voteprogress .vote3, .pollprogress .poll3 { background-color: #5eb95e; }
	.voteprogress .vote4, .pollprogress .poll4 { background-color: #4bb1cf; }
	.voteprogress .vote5, .pollprogress .poll5 { background-color: #faa732; }

/* Блок: Опросы */
.block_grey { padding: 20px; margin-bottom: 20px;
background-color: #e5e5e5; border-radius: 5px; }
.block_grey .titlevot { margin: 0 0 10px 0; font-size: 20px; padding: 0; }

.vote_more {  margin: 0 0 -20px 0}

		.vote_list { margin: 8% 0 0 0; }
		.vote_list .vote, .vote_list .pollanswer { margin: .6em 0 .2em 0; }
		.vote_list .vote > input, .vote_list .pollanswer > input { display:none;  }
		.vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before {
			display:inline-block;
			width: 8px; height: 8px;
			border: 4px solid #3b3b3b;
			background-color: #fff;
			margin: -3px 4px 0 0;
			vertical-align:middle;
			cursor:pointer;
			content: "";
			border-radius: 2px;
		}
		.vote_list .vote > input[type="radio"] + label:before,
		.vote_list .pollanswer > input[type="radio"] + label:before { border-radius: 50%; }
		.vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before { border-color: #3394e6; }
		.vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before {
			background-color: #3394e6;
			border-color: #3394e6;
		}
		.vote_list .vote > input + label:before, .vote_list .vote > input:checked + label:before,
		.vote_list .pollanswer > input + label:before, .vote_list .pollanswer > input:checked + label:before
		{ -webkit-transition: border-color ease .2s; transition: border-color ease .2s; }

		.btn-border .icon-votes { width: 16px; height: 14px; margin: -3px 0 0 0; vertical-align: middle; }
		.vote_votes, .pollallvotes { font-size: .9em; }

		#dlevotespopupcontent { height: auto !important; overflow: visible !important; }

/*---Быстрый поиск на сайте---*/
#searchsuggestions {
	z-index: 2200;
	width: 300px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; border-color: rgba(0,0,0,0.2);
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#searchsuggestions a, #searchsuggestions span.notfound { padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
	#searchsuggestions a { color: inherit; }
	#searchsuggestions a:hover { background-color: #f7f7f7; }
	#searchsuggestions a span { display: block; cursor: pointer; }
	#searchsuggestions span.searchheading { display: block; font-weight: bold; margin-bottom: .2em; }
	#searchsuggestions span.seperator { display: block; }
	#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; }
	#searchsuggestions span.notfound { padding: 15px 25px; display: block; }
	#searchsuggestions .break { display: none; }

/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-front { z-index: 1000; }
.ui-widget-overlay {
	background: #000;
	opacity: 0.5;
	left: 0; top: 0; right: 0; bottom: 0;
	position: fixed;
	}
	.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
	.ui-helper-clearfix { display: inline-block }
	* html .ui-helper-clearfix { height: 1% }
	.ui-helper-clearfix { display: block }
	.ui-dialog {
		text-align: left;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 370px;
		border-radius: 2px;
		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
		background-color: #f7f7f7;
		background-clip: padding-box;
		outline: none;
	}
	.ui-dialog-titlebar { padding: 20px 20px; position: relative; }
	.ui-dialog-title { float: left; font-weight: bold; font-size: 1.15em; }
	.ui-dialog-titlebar-close {
		position: absolute;
		right: 10px; top: 50%;
		margin-top: -16px !important;
		height: 23px !important;
		width: 32px;
		border: 0 none !important;
		background-color: inherit !important;
		box-shadow: none !important;
		padding: 0px !important;
	}
	.ui-dialog-titlebar-close .ui-icon {
		display: block;
		margin: 10px auto 0 auto;
		width: 12px; height: 12px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);
		-webkit-background-size: 12px auto; background-size: 12px auto;
		opacity: .5;
	}
	.ui-button {
		float: right;
		border: 0 none;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		height: 36px;
		border-radius: 18px;
		line-height: 22px;
		outline: none;
		background-color: #3394e6;
		color: #fff;
		border: 0 none;
		padding: 7px 22px;
		text-decoration: none !important;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		-webkit-transition: all ease .1s; transition: all ease .1s;
	}
	.ui-dialog-titlebar-close:hover .ui-icon { opacity: 1; }
	.ui-icon, .ui-button-icon-only { overflow: hidden; text-indent: -9999px; }
	.ui-dialog label { color: #575757; }
	.ui-dialog-content { padding: 20px; border: 1px solid #fff; overflow: auto; position: relative; zoom: 1; }
	.loginbox.ui-dialog, .loginbox .ui-dialog-content { overflow: visible !important; }
	.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
	.ui-dialog .ui-dialog-buttonpane { padding: 20px; text-align: center; }
	.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
	.ui-draggable .ui-dialog-titlebar { cursor: move; }
	.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }
	.ui-button { margin: 0 3px; }
	.ui-helper-hidden-accessible{display: none;}