@font-face {
        font-family: 'Icons';
        src: url(/fonts/icons.ttf) format('truetype');
        font-weight: normal;
        font-style: normal;
}

#yandex_rtb_R-A-295713-1
{
	
    padding: 0 0 1em .5em;

}

#page .page ul li
{
        list-style-type:square;
}

html,body 			{ width:100%; margin: 0; padding: 0; font: normal 20px Arial;}
html { /*background: url(gfx/background.jpg);*/ } 
body { /*background: url(gfx/gradient.png) repeat-x scroll center top rgba(0, 0, 0, 0);*/ background-color:rgb(58,69,76);}

section {width:99%; display:flex;}

h1,h2,h3,h4,h5,h6 	{color:#71e5ff; /*text-shadow: 0px 1px 2px rgb(255,255,255);*/ letter-spacing:-1px; font-family:Arial; font-weight:normal; padding:0;}
.page > h1, .page > h2, .page > h3, .page > h4, .page > h5, .page > h6, #forum-posts > h2 {color:#337fed;} 
h2.white	{color:white;text-shadow: 0px 1px 4px rgba(0,0,0,0.5);}
a,a:visited			{	color: #337fed;	text-decoration:none;}
a:hover				{	color: #000;	}

.video-youtube {width:100%; height:700px;}

.fl_left {float:left;}
.fl_right {float:right;}
.cl_both {clear:both;}
.dialog_close:before {font:.75em icons; content:'\e36b';position:absolute;top:10px;left:10px;color:white;
    background-color: #337fed;
    padding: .5em;
    border-radius: 1em;
	box-shadow: 0 0 10px 0 #000;
	cursor:pointer;
}
.dialog_close:hover:before {background-color:white; color:#337fed; box-shadow: none;}

.newsinfo {color: black;    font-size: .55em;}
.newsinfo span { color: #585f61; font-weight:bold; margin-right:.5em;}

#main, #footer, #forum-posts	{	background:rgb(255,255,255); margin: 48px auto; padding: 20px 10px; /*box-shadow: 0 0 15px 10px rgba(64,64,64,0.5), inset 0px -11px 50px 10px rgba(128,128,128,0.2); border: solid 1px #fff; border-radius:4px;*/ position: relative; z-index:90;}
#main, #forum-posts { /*box-shadow: 0 20px 27px 0 rgba(1, 1, 1, 0.3) inset, 0 0 15px 2px rgba(0, 0, 0, 0.3);*/ color: #000;}
/*#suggest-pages.fixed {position:fixed; top:0; width: 35%; right:1em;    margin-top: 23px;     z-index: 99;}*/
#suggest-pages.fixed {position:sticky;top: 2.45em;}
#header { width: 100%; margin-top:48px; padding:0; margin: 48px auto; text-align:center;}
#suggest-pages,#edit-pages, #last-pages {background-color:rgb(88 95 97); /*width:100%;*/ text-align:center;     margin-top: 1.4em;}
#suggest-pages>div, #edit-pages>div, #last-pages>div{width:90%; margin:0 auto; text-align:left;}
#suggest-pages h2,#edit-pages h2,#last-pages h2{color:white; text-shadow:1px 2px 2px rgba(0,0,0,0.5); padding:1rem 0;}
#suggest-pages p,#edit-pages p,#last-pages p {color:rgb(210,210,210); /*text-shadow:1px 2px 2px rgba(0,0,0,0.5);*/ font-size: 0.85em;     padding: 0;
    margin: 0;
/*    height: 84px;*/
    /*overflow-y: hidden;*/}
#footer {box-shadow:none; background:transparent; border:none;}
#page   {	/* height:100%; width:1150px;*/ text-align:justify;  float:left; padding:0 .5em; color:#000; font: normal 17px Arial; }
#page,.page {line-height:1.4em !important; letter-spacing: 0.04em;}
.headerScroller {display:none; height: 30em; overflow:hidden;}

section > #main {width:69%; margin:1.4em 0 0 1em; }
section > aside {width:30%; padding:0 .5em;}
section > aside > #forum-posts {padding:.5rem;     font-size: .85em}
#forum-posts ul {margin:0;padding:0;}

.headerScroller img  {width: 100%; margin-top:-15%;box-shadow: 0 60px 80px 40px rgba(0, 0, 0, 0.9) inset;
	filter: grayscale(70%) brightness(70%);
}

.headerScroller img:hover {
	box-shadow: 0 160px 80px 40px rgba(0, 0, 0, 0.8) inset;
	animation: hoverImage .3s;
	filter: grayscale(0%) brightness(100%);
	margin-top:-16%;
}

@keyframes hoverImage
{
	from{filter: grayscale(70%) brightness(70%); margin-top:-15%;}
	to {filter: grayscale(0%) brightness(100%); margin-top:-16%;}
}


.topNews 	{   
  	margin:1em 3em;
   position: absolute;
   text-align: left;
   top: 0;
   color:white;
	margin-top:4em;
	background: rgba(0,0,0,.6);
	    padding: 1.5em;
    }


.topNews span {    
    font-size: .8em;
    letter-spacing:.08em;
	line-height: 1em; 
    text-shadow: 0px 0px 4px rgb(0,0,0);		
	display:block;
}


.topNews h2 {color:#fff !important; text-shadow: 1px 1px 4px rgb(0,0,0);
/*background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));*/
margin:0; padding:0;
}
  
.topNews a 	{color:rgb(250,250,250);text-shadow: 0px 0px 2px rgb(0,0,0);}

.leftArrow,.rightArrow {font: normal 100px Sans-serif; color:#337fed; position:absolute; top:1.5em; cursor:pointer; z-index:100; text-shadow: 1px 1px 4px rgba(0,0,0,.6);}
.leftArrow { left:.1em;}
.rightArrow { right:.1em;}
.leftArrow:hover, .rightArrow:hover { color:rgb(255,255,255); text-shadow: 0 0 4px rgba(0,0,0,0.5);}

.common_news{height:300px; float:left; overflow:hidden;padding:0;
box-shadow: 0 60px 80px 40px rgba(0, 0, 0, 0.8) inset;
 filter: grayscale(100%);
}

/*.common_news>a {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));}*/

.common_news:hover{/*box-shadow:none;*/filter: grayscale(0%);box-shadow: 0 160px 80px 40px rgba(0, 0, 0, 0.8) inset;}



.news-top0 {width:100%;}
.news-top1,.news-top2,.news-top3,.news-top4 {width:50%;}
.news-top5,.news-top6 {width:33%;}
.news-top7 {width:34%;}

#logo {position:absolute; border:0; outline:none; top:60px; left:120px; z-index:800; }
#small-logo {position: absolute; left:50%; margin:6px 0 0 -620px;}

#copyright 	{ color:#eee;text-align: left; font: normal 12px Arial; width: 500px; padding: 10px; text-shadow: 0px 1px 3px #000;}
#copyright a 	{ color: #fff; }

#counters		{ margin: -28px 0 0 0; float:right; clear:both; width:300px;}
#counters a		{float:left;}

#menu { margin:0; padding:0; width:100%; height:48px; position:fixed; z-index:1000; background:rgba(37,44,45); top:0; text-align:center; /*box-shadow:0 0 30px 10px rgba(0,0,0,0.5);*/}
#menu ul {list-style:none; margin:2px 0 0 195px;padding: 0;}
#menu li { padding:10px 20px; display:inline-block; }
#menu li ul.dropDown li a,#menu li a {color:white; text-shadow:0px 0px 5px #000;}
#menu li:hover { background:white; border-radius:2px;}
#menu li ul.dropDown li:hover a, #menu li:hover a {color:#000; text-shadow:none;}

#menu li .downArrow {
width: 0;
height: 0;
display: inline-block;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #fff;
margin-bottom: 2px;
margin-left: 2px;
}

#menu li:hover .downArrow { border-top: 6px solid #000;}

#menu li ul.dropDown {display:none; position:absolute; z-index:950; top:45px; text-align:left; background:rgba(0,0,0,0.7); margin:0 0 0 -20px; padding:0; border-radius:4px; color:white; /*box-shadow:0 3px 5px 2px rgba(0,0,0,0.5);*/}
#menu li:hover ul.dropDown {display:block; transition: display .25s;}
#menu li ul.dropDown li {display:block; transition: display .25s;}
#menu li.selected 
{
        box-shadow:inset 0px 1px 0px 0px #97b4ee;
        background: linear-gradient(#3d7ae6,#1e62d0);
        border-radius:4px;
        text-indent:0;
        color:#fafafa;
        text-decoration:none;
        text-align:center;
        text-shadow:1px 1px 2px #1570cd !important;
}
 
#menu li.selected:hover { background: linear-gradient(#1e62d0,#3d7ae6); color:white;}
#menu li.selected:hover > a {color:white;}


.news		{ list-style: none; margin:-15px 0 0 0; padding:0 15px 0 5px; }
.news a		{ text-decoration: none; }
.news .border 	{ border-bottom: 1px solid #97a7c3; }	

#news, #lastPages {background:rgba(0,0,0,0.1); padding:1px 15px 24px 24px; border-radius:6px; margin:40px 0 0 0;}
#last-pages span {color:black;}

#page img { max-width:100%; width:100%; /*margin: 0;*/}

.newsMain, .imgThumb { width:250px; margin:0 2rem 15px 0;     height: 280px;
    line-height: .85em;}
.newsMain { float:left; }
.newsMain span, .imgThumb span {position:relative;/*margin: -140px 30px 0 14px; margin:-180px 0 0 30px; float:left; background:rgba(0,0,0,0.6);padding:2px 6px;border-radius:3px;*/}
.newsMain a, .imgThumb a{/*color:#fff; text-shadow:0px 1px 4px #000; font:normal 14px Arial;*/ letter-spacing:0;}
.newsMain p {/*font:12px normal Arial; padding:0 10px 0 10px; text-align:left;*/ color:black; text-shadow:none;}

.pageThumb, .newsThumb, .category_image, .album img { /*margin:5px 10px !important;border: #fff 2px solid;border-radius: 8px;box-shadow: 0 0 10px 0 #000;*/cursor: pointer;     max-width: initial !important;
    width: initial !important;}
.newsThumb {float:left; margin: 0 15px 5px 0;}
.popupImg {max-width:100%; cursor:pointer; height:600px;}

.album img.image		{ float:left;}
.album.start 		{	clear:both; }
.cl_both	{ clear:both; }

.t1 {   font: bold 12px Tahoma; }
.t2 { font: normal 13px Verdana;}
.t3 { font: normal 14px Arial Black; letter-spacing: -1px;}
.t4 { font: bold 15px Arial; letter-spacing: -1px;}
.t5 { font: bold 14px Verdana; text-transform: uppercase;}
.t6 {   font: bold 12px Sans; text-transform: uppercase;}
.t7 {   font: bold 15px Tahoma; letter-spacing: -1px;}
.t8 { font: normal 16px Verdana; letter-spacing: -1px;}
.t9 { font: normal 17px Arial Black; letter-spacing: -1px;}
.t10 { font: bold 12px Arial; }
.t11 { font: bold 15px Verdana; text-transform: uppercase; letter-spacing: -1px;}
.t12 {   font: bold 17px Sans; text-transform: uppercase; letter-spacing: -1px;}

#main_doc { list-style: none;        padding: 0;        margin: 0;text-shadow:none;	color: #000;}
#main_doc li a {display:block;}
#main_doc li {padding-top: 25px; height:180px; margin-left:25px;}
#main_doc li div { margin: 30px 0 0 10px;}
#main_doc p { text-align:left; padding: 0; margin: 0;}
#main_doc a, #last_doc a { border:0; color: #456; text-decoration:none; text-shadow:0px 0px 0px #000;}
#main_doc a:hover, #last_doc a:hover {text-shadow:0px 0px 0px #000; color:#000;}
#main_doc h2 a {color:white; text-shadow:0px 0px 5px #000;}

#main_doc .newsDate {float:left; padding: 10px 15px; margin: 0px 20px 5px 0; clear: both; font:bold 28px Arial; color:#fff; letter-spacing: -2px; text-shadow: 0 0 4px #000; background: rgba(0,0,0,0.2); border-radius:6px;}
#main_doc .newsDateImage {float:left; padding: 10px 15px; margin: -70px 20px 5px 10px; clear: both; font:bold 28px Arial; color:#fff; letter-spacing: -2px; text-shadow: 0 0 4px #000; background: rgba(0,0,0,0.25); border-radius:6px;}
#main_doc .goto {float:right; color:#fff; padding:10px 15px; text-shadow:0 0 3px #000; background: rgba(0,0,0,0.1); border-radius:4px;}
#main_doc .goto:hover{background: rgba(255,255,255,0.1);}

#navi_line    { background: rgba(0,0,0,0.4); padding: .5em 1em; margin: 0; border-radius: 4px; }
.navi_line    { list-style:none; font:normal 17px Arial; color:#fff; letter-spacing:2px;}
.navi_line li   { display:inline; }
.navi_line a    { color:#fff; text-decoration:none; text-shadow:0px 1px 3px #000;}
.navi_line a:hover    { color:#fff; text-shadow:0px 1px 5px #000;}


.naviLine {list-style:none; clear:both;}
.naviLine li {display:inline; margin:0; padding:5px 10px; border-radius:4px; background:rgba(0,0,0,0.4);}
.naviLine a, .naviLine li {color:white; text-shadow:0px 0px 4px #000;}
.naviLine .selected {background:rgba(0,0,0,1);}

.black_wnd { position: fixed;           top:0;          left:0;         right:0;                bottom:0;               background: rgba(0,0,0,0.6);                       z-index: 200; }

#popupWindow2,.popup2 
{
	z-index:400; 
	position:fixed;border-radius:12px; 
	top:3em; overflow:hidden;
	left: calc(50% - 60% / 2);
	    width: 60%;
}
.popup2 img {border-radius:12px; box-shadow:2px 2px 10px 8px rgba(0,0,0,0.4); max-width:100%;}



.tags {padding: 15px; margin: 30px 0 40px 0; background:rgba(0,0,0,0.2); border-radius:4px;}
.tags a {color:#fff; text-shadow:0px 0px 3px #000;}

.category_image {float:left; margin:0 25px 5px 0;}

#scroller {display: none; cursor:pointer; 
padding:10px 20px; background:rgba(0,0,0,0.5); color:white; 
text-shadow:1px 0 4px #000; border-radius:6px;position:fixed; right:2%; bottom:5%; z-index:200;}
#scroller:hover {background:#000;}
#scroller span { font: bold 14px Arial Black; padding: 0 10px 0 0;}
#forum-register {left:2%; bottom:5%; z-index:200; position:fixed; padding:10px 20px; display:none; box-shadow:inset 0px 1px 0px 0px #97b4ee;
        background: linear-gradient(#3d7ae6,#1e62d0);
        border-radius:4px;
        text-indent:0;
        border:1px solid #337fed;
}
#forum-register a {color:white; text-shadow:1px 1px 2px #1570cd !important;}
#shareIt {padding:1px 20px 10px 20px; margin:20px 0; background:rgba(255,255,255,0.5); border-radius:4px;}

.pageByLink {box-shadow: inset 0 0 85px 70px rgba(0, 0, 0, .7); border-radius: 4px; color: #FFFFFF; text-shadow: 1px 1px 2px #000; float: left; margin: 15px 15px 20px 0; padding: 0 20px 10px 20px; width: 350px; min-height:150px; /*font: normal 14px Arial;*/}

.pageByLink a {color:white;}

.bButton {
	box-shadow:inset 0px 1px 0px 0px #97b4ee;
	background: linear-gradient(#3d7ae6,#1e62d0);
	border-radius:4px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff !important;
	font:bold 14px Arial;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 2px #1570cd !important;
	padding:8px 10px;
	margin: 5px 2px;
	cursor:pointer;	
}

.bButton:hover {
	background: linear-gradient(#1e62d0,#3d7ae6);
}

.bButton:active {
	position:relative;
	top:2px;
}

.table_param { border-collapse: collapse; }
.table_param a {font:normal 20px Arial; color:white; text-shadow:1px 1px 2px rgb(64,64,64);}
.table_param tbody tr {border-bottom:1px solid rgb(160,160,160);}
.table_param td {padding:20px; vertical-align:top;text-align:left; font: normal 15px Arial;}
.table_param td:first-child {width:40%;}
#yandex_ad_header {width:1060px;float:left;}

.googleAdv {width:140px;float:left;margin-top:80px;}

img.pagemore {width:380px !important;padding:0;margin:0 40px 0 0;}

.spanLeft, .spanRight {padding: 0 10px 0 0;}
.spanLeft {float:left; margin-right:1.1em;}
.spanRight {float:right; margin-left:1.1em;}


/*body.reg*/ #regme {
    display: block;
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: rgba(0,0,0,.7);
    color: white;
    padding: 2em 0;
    z-index: 100;
    font-size: 1em;
    line-height: 2em;
    text-shadow: 0 0 0.2em rgb(0,0,0);
    letter-spacing: .1em;
}

#regme, body.reg #regme.hidden {
    display: none;
}

body.reg #closeme {
    float: right;
    font-size: 0.6em;
    color: white;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: .5em;
}

body.reg #regme a {
    background-color: #3275e5;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    padding: .5em 2em;

}

body.reg #regme a.enter {
    background-color: #d20000;
}

#bitstore-recommendations h4, 
#bitstore-recommendations p
{margin:0;}

#bitstore-recommendations h4 {font-size:120%;}
#bitstore-recommendations h4 > a {color: rgb(126 186 255);}
#bitstore-recommendations p > a {color:rgb(210 210 210);}


@media screen and (max-width: 1270px) 
{       
	#main, #footer, #last-pages, #forum-posts {font-size:1em; width:95%; padding:0 2%;}
        section > #main{width:66%;}
        section > aside  {width:34%; padding:0;}
	#suggest-pages.fixed {width:26%;}
	#last-pages>div {width:100%;}
	#header { font-size:1em; width:100%; padding:0;}
        #menu > ul  {display:none; background:rgba(0,0,0,0.6); box-shadow:0 0 30px 10px rgba(0,0,0,0.5);}
        #menu:hover > ul {display:block; width:200px;position:absolute; right:0;top:48px;}
        #menu > ul > li { display: block; position:relative; }
        #menu:after {position:absolute; top:0; right:12px; content:'≡';  color: white; font:bold 1.6em Verdana;}
	#menu:hover:after {color: #337fed;}
        #menu li ul.dropDown {width:200px; right:200px; top:0; margin:0;}

	#small-logo {position: absolute; left:5px;top:6px; margin:0;}

	#page, .page { width:94%; font-size:1em;}	
	.video-youtube { width:100%; height:auto;}
}

@media screen and (max-width: 990px)
{
	section > #main, #footer, #last-pages, #header, section > aside > #forum-posts {font-size:1em; width:100%; padding:0; border:0;border-radius:0; margin: 2.5em 0;}
	section {flex-flow:column; width:auto; text-align:center;}
	section > aside  {width:100%;padding:0;}
	
	#suggest-pages.fixed {position:relative; width:100%;padding:1em 0;}

	#header > div {width:100%; height: 14rem;}
 	.headerScroller img {margin-top:0; width:auto; height:16em;}

	#small-logo {position: absolute; left:0;top:20%;}
	#small-logo img {width:80%;}
	#menu {/*height:2.5em;*/ font-size:1em; width:100%;}
        #menu:hover > ul {display:block; width:100%; position:absolute; right:0;top:2.2em; height:12em; overflow-y:scroll;}
        #menu > ul > li { display: block; position:relative; }
        #menu:after {position:absolute; top:0; right:12px; content:'≡';  color: white; font:bold 1.8em Verdana;}
        #menu:hover:after {color: #337fed;}
        #menu li ul.dropDown {position:relative; width:100%;left:0; margin:0;padding:0;}
	#header {font-size: 1.1em;}
        #page, .page { font-size:.85em; margin:0 auto; padding:2%;}
	.pageThumb, .pageByLink, .newsMain {width:96% !important; height:auto; margin:2%; padding:0;}
	.pageByLink {width:92%; padding:2%;}
	#counters {margin:0; float:none;}
	.video-youtube {/*width:550px;*/ width:100%; height:auto;}
	.bButton {    margin: 10% auto;   font-size: 1.5em;}
	#copyright {width:90%;}
	#forum-register {bottom:12%;}
	#page > .page img {width:97% !important;}
	img.pagemore {width:96% !important;padding:0;margin:0 0 .5em 0 !important;}
	h1,h2,h3,h4,h5,h6 {padding:0;}
	.spanLeft, .spanRight {margin:0; padding:0;}
	.spanLeft {float:none;}
	.spanRight {float:none;}
	.mNews {font-size:.6em;	}
	.topNews {padding:.5em .8em;}
	.topNews a {margin-bottom:0;}
	.topNews h2 {font-size:1.2em;}
	.topNews span { font-size: .75em;}
	.topSites {margin:.2em 0;font-size:1em; display:block;}

body.reg #scrollup, body:not(.reg) #scrolldown {
    bottom: .2em;
    padding: .2em .5em;
    right: .2em;
}

body.reg #regme a {line-height:2.5em;}
}

}

.page > img.newsThumb, 
.page > img.pageThumb {margin-right:.25em;}

.newsMain h4 {margin:0; padding:.25em 0;}

#suggest-pages img 
{
	width:35% !important;
	float:left;
	margin-right:.25em;
}

#suggest-pages .newsMain {width:100%; height:auto;}