html,body 			{ width:100%; margin: 0; padding: 0; font: normal 20px Arial;}
body {background-image: linear-gradient(to bottom, rgb(32,42,48) 5em, rgb(96,96,96));}

h1,h2,h3,h4,h5,h6 	{color: rgb(196,0,0); text-shadow: 0px 1px 2px rgb(255,255,255); letter-spacing:-1px; font-family:Arial; font-weight:normal; padding:20px;}
h2.white	{color:white;text-shadow: 0px 1px 4px rgba(0,0,0,0.5);}
a,a:visited			{	color: rgb(196,0,0);	text-decoration:none;}
a:hover				{	color: rgb(220,0,0);	}

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

.fl_left {float:left;}
.fl_right {float:right;}
.cl_both {clear:both;}
.dialog_close:before {font:bold 17px Arial; content:'x';position:absolute;top:5px;right:10px;border-radius:12px; background-color:#ed3333; padding:0 7px; color:black;}
.dialog_close:hover:before {background-color:black;color:#ed3333;}

#small-logo {
        background: url('/forumvb/i/flag.png'); 
        background-size: 2em; 
        background-repeat: no-repeat;
        height:1.8em;
        background-position:1.8em -.8em;
       }

#small-logo a {color:white; text-shadow:0px 0px 2px rgba(0,0,0,0.5);}
#small-logo a strong {color: red;}

#main, #footer, #forum-posts	{	background:rgb(240,240,240); width: 1250px; margin: 48px auto; padding: 20px 10px;  position: relative; z-index:90;}
#main, #forum-posts { color: #000;}
#header { width: 1270px; margin-top:48px; padding:0; margin: 48px auto; text-align:center;}
#last-pages {background-color:rgba(0,0,0,0.4); /*width:100%;*/ text-align:center;}
#last-pages>div{width:90%; margin:0 auto; text-align:left;}
#last-pages h2{color:white; text-shadow:1px 2px 2px rgba(0,0,0,0.5);}
#last-pages p {color:rgb(210,210,210); text-shadow:1px 2px 2px rgba(0,0,0,0.5); font-size: 0.85em;}
#footer {box-shadow:none; background:transparent; border:none;}
#page   {	height:100%; /*width:1150px;*/ text-align:justify;  float:left; padding:0 25px; color:#000; font: normal 17px Arial; }
#page,.page {line-height:1.4em !important; letter-spacing: 0.04em;}
.headerScroller {display:none; height: 20em; overflow:hidden;}


.headerScroller img  {width: 1272px; 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%);
}

@keyframes hoverImage
{
	from{filter: grayscale(70%) brightness(70%);}
	to {filter: grayscale(0%) brightness(100%);}
}


.topNews 	{   
  	margin:1em 3em;
   position: absolute;
   text-align: justify;
   top: 0;
   color:white;
	margin-top:4em;
    }


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

.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:#ed3333; position:absolute; top:1.5em; cursor:pointer; z-index:100; text-shadow: 1px 1px 4px rgba(0,0,0,.6);}
.leftArrow { left:20px;}
.rightArrow { right:20px;}
.leftArrow:hover, .rightArrow:hover { color:#ed3333; 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:0 0 0 -620px;padding-top:.5em;}


#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(0,0,0,0.7); top:0; text-align:center; /*box-shadow:0 0 30px 10px rgba(0,0,0,0.5);*/ vertical-align:middle;}
#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 #ee9797;
        background: linear-gradient(#e63d3d,#d01e1e);
        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(#d01e1e,#e63d3d); 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;}

#page img { max-width:99%; /*margin: 30px 21px;*/}

.newsMain, .imgThumb { width:277px; margin:0 13px 15px 0; height:400px;}
.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;border: #fff 2px solid;border-radius: 8px;box-shadow: 0 0 10px 0 #000;cursor: pointer;}
.newsThumb {float:left; margin: 0 15px 5px 0;}
.popupImg {width:100%;}

.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: 10px 15px; margin: 15px 0 0 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; }
.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; left:1em; right:1em;}
.popup2 img {border-radius:12px; box-shadow:2px 2px 10px 8px rgba(0,0,0,0.4);}



.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 #ffa3a3;
        background: linear-gradient(#e63d3d,#d01e1e);
        border-radius:4px;
        text-indent:0;
        border:1px solid #ed3333;
}
#forum-register a {color:white; text-shadow:1px 1px 2px #ed3333 !important;}
#shareIt {padding:1px 20px 10px 20px; margin:20px 0; background:rgba(255,255,255,0.5); border-radius:4px;}

.pageByLink { box-shadow: 0 0 50px 20px rgba(0, 0, 0, 0.8) inset; 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 #ee9797;
    background: linear-gradient(#e63d3d,#d01e1e);
	border-radius:4px;
	text-indent:0;
	border:1px solid #ed3333;
	display:inline-block;
	color:#ffffff !important;
	font:bold 14px Arial;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 2px #ed3333 !important;
	padding:8px 10px;
	margin: 5px 2px;
	cursor:pointer;	
}

.bButton:hover {
	background: linear-gradient(#d01e1e,#e63d3d);
}

.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;}

#menu-select + label,#menu-select {display:none;}

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

@media screen and (max-width: 1270px) 
{       
	#main, #footer, #last-pages, #forum-posts {font-size:1em; width:95%; padding:0 2%;}
	#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); font-size:70%;}
        #menu:hover > ul {display:block; position:absolute; right:0;top:46px;}
        #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: #ed3333;}
        #menu li ul.dropDown { top:1.6em; margin:0;}

	#menu li {padding:.25em .5em;}*/

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

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

@media screen and (orientation: portrait)
{
	#main, #footer, #last-pages, #header,#forum-posts {font-size:.75em; width:100%; padding:0; margin:0; border:0;border-radius:0;}
	#page h1, #page h2, #page h3 {font-size:140%; margin:0; padding:0;}
	#header > div {width:100%;}
 	.headerScroller img {margin-top:0; width:auto; height:16em;}

	#small-logo {position: absolute; left:5%; font-size:1em;}
	
	#menu-select + label {display:block; color:white;}
	#menu-select + label:after { content:'≡'; padding:0 .5rem; font-size:2rem;line-height: 2.2rem;	}
	#menu-select:checked + label:after	{ content:'✕';}
	
	#menu-select + label + ul {display:none; background-color:rgba(0,0,0);}
	#menu-select:checked + label + ul {display:flex; flex-flow:column; position:absolute; top:48px; right:0; left:30%; margin:0;padding:0; text-align:left;}
	#menu-select:checked + label + ul > li > ul {position:relative; margin:0; padding:0; top:0;}
	#menu {
	        display: flex;
            flex-flow: row-reverse;
            background-color:rgb(0,0,0);
            position:relative;
	}
	
	/*
		#menu {height:2.5em; font-size:1.2em; width:100%;}
        #menu:hover > ul {display:block; width:100%; position:absolute; right:0;top:3.2em; overflow-y:scroll; height:380px;}
        #menu > ul > li { display: block; position:relative; }
        #menu:after {position:absolute; top:5px; 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 {width:96%; font-size:1em; margin:0; padding:2%;}
	.pageThumb, .pageByLink, .newsMain {width:96%; 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%;*/}
	/*#main {margin-top:3em;}*/
}