/* =============================== Стандарт */
body
{
	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size:13px;
	/*background:#f6f6f6;
	
	
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;*/

}

.content_style{
	font-family:YanoneKaffeesatz-Light;
	font-size:18px;
	color:#d8d8d8;
}

img
{
	border:none;
}
*, *:after, *:before 
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*Код для корректной работы в IE
@font-face {
font-family: HeliosCondBold;
src: url(../font/HeliosCondBold.otf); /* eot 
}
/*Код для остальных браузеров
@font-face {
font-family: HeliosCondBold;
src: url(../font/HeliosCondBold.ttf);
}

/*Код для корректной работы в IE
@font-face {
	font-family: HeliosCondLight;
	src: url(../font/HeliosCondLight.ttf) format('truetype');
	src: url(../font/HeliosCondLight.otf);
} */
@font-face {
	font-family: YanoneKaffeesatz-Regular;
	src: url(../font/YanoneKaffeesatz-Regular.otf);
}
@font-face {
	font-family: YanoneKaffeesatz-Light;
	src: url(../font/YanoneKaffeesatz-Light.otf);
}
@font-face {
	font-family: YanoneKaffeesatz-Bold;
	src: url(../font/YanoneKaffeesatz-Bold.otf);
}


@font-face {
    font-family: 'yanone_kaffeesatzbold';
    src: url('../font/yanonekaffeesatz-bold-webfont.eot');
    src: url('../font/yanonekaffeesatz-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/yanonekaffeesatz-bold-webfont.svg') format('svg'),
         url('../font/yanonekaffeesatz-bold-webfont.woff') format('woff'),
         url('../font/yanonekaffeesatz-bold-webfont.ttf') format('truetype');
         
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'yanone_kaffeesatzlight';
    src: url('../font/yanonekaffeesatz-light-webfont.eot');
    src: url('../font/yanonekaffeesatz-light-webfont.eot?#iefix') format('embedded-opentype'),
  		 url('../font/yanonekaffeesatz-light-webfont.svg') format('svg'),
         url('../font/yanonekaffeesatz-light-webfont.woff') format('woff'),
         url('../font/yanonekaffeesatz-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'yanone_kaffeesatzregular';
    src: url('../font/yanonekaffeesatz-regular-webfont.eot');
    src: url('../font/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/yanonekaffeesatz-regular-webfont.svg') format('svg'),
		 url('../font/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('../font/yanonekaffeesatz-regular-webfont.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;

}


/* =============================== Основная разметка */
.line
{
	width:auto;
	margin-bottom:0px;
}
.line:after 
{
	content: "";
	display: table;
	clear: both;
}
.row
{
	width:auto;
}
.row:after 
{
	content: "";
	display: table;
	clear: both;
}
	.row>:first-child
	{
		margin-left:0px;
		/*border:1px solid #272d2f;
		background-color:#272d2f;*/
		
	}
	.row>:last-child
	{
		margin-right:0px;
		/*border:1px solid #272d2f;
		background-color:#272d2f;*/
	}
.col
{
	float:left;
	margin-left:5px;
	margin-right:5px;
}
.c1
{
	width:90px;
}
.c2
{
	width:190px;
}
.c3
{
	width:290px;
}
.c4
{
	width:390px;
}
.c5
{
	width:490px;
}
.c6
{
	width:590px;
}
.c7
{
	width:690px;
}
.c8
{
	width:790px;
}
.c9
{
	width:890px;
}
.c10
{
	width:990px;
}
.c11
{
	width:1090px;
}
.c12
{
	width:1190px;
}
.block
{
	width:100%;
	color:#000;
}
.block:after
{
	content: "";
	display: table;
	clear: both;
}
/* =============================== Отступы */
.mrgn5
{
	margin-bottom:5px;
}
.mrgn10
{
	margin-bottom:10px;
}
.mrgn15
{
	margin-bottom:15px;
}
.mrgn20
{
	margin-bottom:20px;
}
.mrgnt5
{
	margin-top:5px;
}
.mrgnt10
{
	margin-top:10px;
}
.mrgnt15
{
	margin-top:15px;
}
.mrgnt20
{
	margin-top:20px;
}
.pad5
{
	padding:5px;
	color:#fff;
}
.pad10
{
	padding:10px;
}
.pad15
{
	padding:15px;
}
.padt5
{
	padding-top:5px;
}
.padt10
{
	padding-top:10px;
}
.padt15
{
	padding-top:15px;
}
.pad20
{
	padding:20px;
}
.padlr5
{
	padding-left:5px;
	padding-right:5px;
}
.padlr10
{
	padding-left:20px;
	padding-right:2px;
}
.padlr15
{
	padding-left:15px;
	padding-right:15px;
}
.padlr20
{
	padding-left:20px;
	padding-right:20px;
}
.padtb5
{
	padding-top:5px;
	padding-bottom:5px;
}
.padtb10
{
	padding-top:10px;
	padding-bottom:10px;
}
.padtb15
{
	padding-top:15px;
	padding-bottom:15px;
}
.padtb20
{
	padding-top:20px;
	padding-bottom:20px;
}
/* =============================== Текст */
.tcenter
{
	text-align:center;
}
.tright
{
	text-align:right;
}
/* =============================== Дизайн */
.shadow1
{
	box-shadow:0px 0px 5px #ccc;
}
.shadow2
{
	box-shadow:0px 5px 5px #ccc;
}
.shadow3
{
	box-shadow:5px 0px 5px #ccc;
}
.gradient1
{
	background: -moz-linear-gradient( top, #eee, #f8f8f8, #eee );
	background: -ms-linear-gradient( top, #eee, #f8f8f8, #eee );
	background: -o-linear-gradient( top, #eee, #f8f8f8, #eee );
	background: -webkit-linear-gradient( top, #eee, #f8f8f8, #eee );
}
.round
{
	border-radius:8px;
}
.roundl
{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.roundr
{
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}
.roundt
{
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
.roundb
{
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
/* =============================== ПРОЕКТ */
body
{
	color:#ededed;
	background:#000;
	background-image:url(../img/body.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment: fixed;
}
a
{
	color:#409eff;
	text-decoration:none;
}
a:hover
{
	color:#409eff;
}
h1
{
	font-family:YanoneKaffeesatz-Light;
	font-size:26px;
	color:#fff;
}
.left_wrap_block{ color:#333;}

.left_wrap_block .block{margin-bottom:10px;}
.left_wrap_block .top-games-title{ margin-bottom:0;}

.block.top-games{margin-bottom:10px;}

.wrapper
{
	width:1202px;
	margin: 0 auto;
	box-shadow: 0px 0px 15px #000;
	/*background:#444d51;
	background-image:url("../img/bgmain.jpg");*/
	background:#343b3e;	
	margin-bottom:15px;
	border-left:1px solid #222;
	border-right:1px solid #222;
	border-bottom:1px solid #222;
}
.wrapper-header
{
	background:#0f0f0f;
	background-image:url("../img/background5.jpg");
}
	.header-banner
	{
		height:60px;
		background:#000;
	}
		.header-banner object
		{
			border:none;
		}
		.header-banner div
		{
			border:none;
		}
	.header-logo .col
	{
		margin-top:5px;
		height:120px;
	}
	.head-auth
	{
		font-size:12px;
		color:#fff;
		height:30px;
		background:#262626;
		padding-top:3px;
	}
		.head-auth input
		{
			font-size:11px;
		}
		.head-auth input[type=text]
		{
			background:#f5f5f5;
			border:1px solid #000;
			height:22px;
			padding:1px;
			color:#000;
		}
		.head-auth input[type=password]
		{
			background:#f5f5f5;
			border:1px solid #000;
			height:22px;
			padding:1px;
			color:#000;
		}
		.head-auth input[type=submit]
		{
			background: -moz-linear-gradient( top, #4a7dff, #1D397E );
			background: -ms-linear-gradient( top, #4a7dff, #1D397E );
			background: -o-linear-gradient( top, #4a7dff, #1D397E  );
			background: -webkit-linear-gradient( top, #4a7dff, #1D397E );
			border:1px solid #000;
			padding:1px;
			color:#E0E0AD;
			cursor:pointer;
			height:22px;
			width:60px;
		}
	.header-menu
	{		
		height:55px;
		background-image:url("../img/hmenu.jpg");
		margin-bottom:0px;
		text-align:center;
		padding-top:15px;
		padding-left:30px;
		padding-right:30px;
		color:#fff;
	}
		.header-menu-link
		{
			font-size:20px;
			/*font-weight:bold;*/
			color:#fff;
			text-decoration:none;
		}
		.header-menu-link:hover
		{
			color:#87ff07;
			border-bottom:1px dotted #87ff07;
		}
		
		
/* самое верхнее меню */

		.top_header-menu-link
		{
			font-size:15px;font-family:YanoneKaffeesatz-Light;
			color:#fff;
			text-decoration:none;
		}
		.top_header-menu-link:hover
		{
			color:#87ff07;
			border-bottom:1px dotted #87ff07;
			font-family:YanoneKaffeesatz-Light;
		}
		
		
	.header-submenu
	{
		background:#bbb;
		background-image:url("../img/background2.jpg");
		padding-top:3px;
		height:25px;
		text-align:center;
	}
		.header-submenu-link
		{
			font-size:12px;
			font-weight:bold;
			color:#222;
			text-decoration:none;
		}
		.header-submenu-link:hover
		{
			color:#0066ff;
		}
	.header-tags
	{
		/*margin-top:10px;*/
		background-image:url("../img/background3-1.jpg");
		height:99px;
	}
		.header-tags-title
		{
			width:134px;
			height:28px;
			background-image:url("../img/tag_title.png");
			padding-top:5px;
			text-align:center;
			margin-left:40px;
		}
			.header-tags-red
			{
				font-family:YanoneKaffeesatz-Light;color:#f00;
				font-size:17px;
				text-decoration:none;
			}
				.header-tags-red:hover
				{
					color:#fff;
				}
			.header-tags-green
			{
				font-family:YanoneKaffeesatz-Light;color:#99ff00;
				font-size:17px;
				text-decoration:none;
			}
				.header-tags-green:hover
				{
					color:#fff;
				}
			.header-tags-blue
			{
				font-family:YanoneKaffeesatz-Light;color:#1E93EE;
				font-size:17px;
				text-decoration:none;
			}
				.header-tags-blue:hover
				{
					color:#fff;
				}
		.header-tags-block
		{
			height:28px;
			padding-top:5px;
			float:left;
			margin-right:5px;
		}
			.header-tags-block-left
			{
				width:28px;
				height:28px;
				float:left;
			}
				.header-tags-block-left img
				{
					margin-top:-5px;
				}
			.header-tags-block-right
			{
				font-size:17px;font-family:YanoneKaffeesatz-Light;
				height:28px;
				float:left;
				padding-left:0px;
			}
				.header-tags-block-right a
				{
					color:#b6b6b6;
				}
				.header-tags-block-right a:hover
				{
					text-decoration:underline;
				}
.wrapper-line
{
	height:7px;
	background:#000;
	margin-top:5px;
	margin-bottom:5px;
}
.wrapper-line-small
{
	height:2px;
	border-top:1px dashed #ccc;
	margin-top:7px;
	margin-bottom:5px;
}
.wrapper-content
{
	min-height:340px;
	padding-bottom:20px;
}
.main-slider
{
	width:890px;
	height:400px;
	background:#f5f5f5;
	overflow:hidden;
	cursor:pointer;
}
	.main-slider-buttons
	{
		width:890px;
		/*box-shadow: 0px 5px 5px #ccc;*/
	}
		.main-slider-button
		{
			font-family:YanoneKaffeesatz-Light;
			width:20%;
			height:45px;
			background:#eee;
			float:left;
			font-size:16px;
			text-align:center;
			color:#333;
			cursor:pointer;
			border-right:1px solid #bbb;
		}
			.main-slider-button:hover
			{
				color:#007dff;
				background:#fff;
			}
			.main-slider-button-checked
			{
				color:#007dff;
			}
			.main-slider-button-active
			{
				height:15px;
				background:#007dff;
				margin-bottom:5px;
			}
			.main-slider-button-passive
			{
				height:15px;
				background:#999;
				margin-bottom:5px;
			}
	.main-slider-shadow
	{
		width:230px;
		margin-left:660px;
		height:400px;
		position:absolute;
		opacity:0.7;
		background:#000;
		z-index:5;
	}
	.main-slider-shadow-text
	{
		width:230px;
		margin-left:660px;
		height:400px;
		position:absolute;
		padding:20px;
		color:#fff;
		font-size:15px;
		z-index:6;
	}
.top-games
{
	background:#dadada;
	background: -moz-linear-gradient( top, #e5e5e5, #fff, #e5e5e5 );
	background: -ms-linear-gradient( top, #e5e5e5, #fff, #e5e5e5 );
	background: -o-linear-gradient( top, #e5e5e5, #fff, #e5e5e5 );
	background: -webkit-linear-gradient( top, #e5e5e5, #fff, #e5e5e5 );
	border:1px solid #ccc;
	padding:5px;
	padding-bottom:4px;

}
	.top-games-link
	{
		color:#0066ff;
		font-size:14px;
	}
		.top-games-link
		{
			color:#0066ff;
			font-size:12px;
		}
	.top-games-date
	{
		color:#555;
		font-size:10px;
		font-style:italic;
	}
.top-games-title
{
	background:#343638;
	text-shadow: 1px 1px #111;
	background: -moz-linear-gradient( top, #343638, #74777A, #343638 );
	background: -ms-linear-gradient( top, #343638, #74777A, #343638 );
	background: -o-linear-gradient( top, #343638, #74777A, #343638 );
	background: -webkit-linear-gradient( top, #343638, #74777A, #343638 );
	background-image: url("../img/background5.jpg");
	/*border:1px solid #343638;*/
	height:34px;
	text-align:center;
	padding:5px;
	font-size:18px;
	color:#fff;
}
.banner-left
{
	width:150px;
	height:150px;
	margin-bottom:10px;
	margin-top:10px;
	background:#999;
}
.vote-submit
{
	width:130px;
	padding:5px;
	font-size:13px;
	color:#fff;
	background: -moz-linear-gradient( top, #4a7dff, #1D397E );
	background: -ms-linear-gradient( top, #4a7dff, #1D397E );
	background: -o-linear-gradient( top, #4a7dff, #1D397E  );
	background: -webkit-linear-gradient( top, #4a7dff, #1D397E );
	border:1px solid #ccc;
	margin-left:5px;
	cursor:pointer;
	font-weight:bold;
}
.vote-line
{
	background: -moz-linear-gradient( top, #4a7dff, #1D397E );
	background: -ms-linear-gradient( top, #4a7dff, #1D397E );
	background: -o-linear-gradient( top, #4a7dff, #1D397E  );
	background: -webkit-linear-gradient( top, #4a7dff, #1D397E );
}
.vote-submit:hover
{
	background:#4a7dff;
}
.title
{
	font-family:YanoneKaffeesatz-Light;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	margin-bottom:10px;
}
.video-online
{
	background:#eee;
	/*border:1px solid #ccc;*/
	min-height:340px;
	/*box-shadow: 0px 3px 5px #999;*/
}
.element
{
	min-height:100px;
	padding:0px;
	/*padding-top:10px;*/
	width:290px;
	border:1px solid #0c0c0c;
	background:#eee;
	background:url(../img/fon_metall_mainstream.jpg);
	margin-bottom:10px;
	/*background-color:#1a1b1c;
	box-shadow: 0px 3px 5px #999;
	background: -moz-linear-gradient( top, #e5e5e5, #fff, #e5e5e5 );
	background: -ms-linear-gradient( top, #e5e5e5, #fff, #e5e5e5 );
	background: -o-linear-gradient( top, #e5e5e5, #fff, #e5e5e5 );
	background: -webkit-linear-gradient( top, #e5e5e5, #fff, #e5e5e5 );*/
}
	.element-checked
	{
		/*background: -moz-linear-gradient( top, #BEDDFF, #fff, #BEDDFF );
		background: -ms-linear-gradient( top, #BEDDFF, #fff, #BEDDFF );
		background: -o-linear-gradient( top, #BEDDFF, #fff, #BEDDFF );
		background: -webkit-linear-gradient( top, #BEDDFF, #fff, #BEDDFF );*/
		background:url(../img/fon_metall_mainstream_on.jpg);
	}
	.element-no
	{
		width:290px;
		height:100px;
		position:absolute;
		cursor:pointer;
		z-index:5;
		margin-top:-10px;
	}
	.element table
	{
		width:100px;
		height:100px;
		border:0px solid #ddd;
		background:#fff;
	}
	.element td
	{
		width:100px;
		height:100px;
		text-align:center;
	}
	.element-left
	{
		float:left;
		width:105px;
	}
	.element-right
	{
		float:left;
		width:175px;
		padding-top:10px;
	}
	.element-title
	{
		color:#0066ff;
		font-size:13px;
		font-weight:bold;
	}
.element2
{
	min-height:100px;
	padding:3px;
	padding-top:10px;
	width:260px;
	padding-bottom:5px;
	border-bottom: 1px dashed #ddd;
}
	.element2 table
	{
		width:80px;
		height:80px;
		/*border:1px solid #ddd;
		background:#fff;*/
	}
	.element2-left
	{
		float:left;
		width:85px;
	}
	.element2-right
	{
		float:left;
		width:165px;
	}
	.element2-title
	{
		color:#272d2f;
		font-size:12px;
		font-weight:bold;
	}
.tabs
{
	border-bottom:1px solid #272d2f;
}
	.tabs-tab
	{
		border-right:2px solid #ccc;
		padding:5px;
		font-size:22px;
		color:#666;
		text-align:center;
		cursor:pointer;
		font-weight:bold;
	}
	.tabs-tab-active
	{
		color:#409eff;
	}
.news
{
	min-height:160px;
	margin-bottom:5px;
}
	.news-image
	{
		float:left;
		width:160px;
	}
	.news-image table
	{
		width:160px;
		height:160px;
		border:none;
		background:#2e3436;
	}
	.news-image td
	{
		text-align:center;
	}
	.news-text
	{
		float:left;
		width:630px;
	}
	
	.news-text .count, block news .count{text-decoration:underline; color:#ededed;}
	
	.news-text2
	{
		float:left;
		width:270px;
	}
	.news-title
	{
		font-size:18px;
		font-family:YanoneKaffeesatz-Light;
		/*font-weight:bold;*/
		color:#7ac5ff;
		border-bottom:1px dotted #7ac5ff;
	}
	.news-date
	{
		font-family:YanoneKaffeesatz-Light;
		font-size:16px;
		color:#898989;
	}
	.news-comments
	{
		color:#0066ff;
	}
	.news-comments u
	{
		color:#333;
	}
.reviews
{
	height:160px;
	margin-bottom:20px;
	background-color:#40484c;
	/*border:1px solid #ccc;
	box-shadow:0px 0px 10px #aaa;*/
}
	.reviews-image
	{
		float:left;
		width:160px;
		height:160px;
		background-image:url(../img/back3.jpg);
	}
	.reviews-image table
	{
		width:160px;
		height:160px;
	}
	.reviews-image td
	{
		text-align:center;
	}
	.reviews-text
	{
		float:left;
		width:370px;
		padding-left:10px;
		height:160px;
		font-size:11px;
		padding-right:5px;
	}
	.reviews-panel
	{
		float:left;
		width:338px;
		background:#999;
		height:160px;
		background-image:url(../img/back3.jpg);
		color:#fff;
	}
.wrapper-footer
{
	min-height:200px;
	background:#000;
	background-image:url(../img/background5.jpg);
}
.footer-text
{
	font-size:11px;
	color:#eee;
}
.footer-middle
{
	height:190px;
}
.chat
{
	background:#111;
	border:1px solid #191919;
	/*box-shadow:0px 0px 15px #222;*/
	width:100%;
	height:390px;
	overflow-y:scroll;
}
.chat-bottom
{
	background:#111;
	border:1px solid #191919;
	border-top:none;
	/*box-shadow:0px 0px 15px #222;*/
	width:100%;
	height:40px;
	padding:5px;
	font-size:11px;
	color:#eee;
}
.chat-info
{
	background:#111;
	border:1px solid #191919;
	border-top:none;
	/*box-shadow:0px 0px 15px #222;*/
	width:100%;
	height:20px;
	padding:3px;
	font-size:11px;
	color:#eee;
}
#chat-online
{

}
	.chat-bottom a
	{
		color:#1E93EE;
		text-decoration:underline;
	}
	.chat-bottom input[type=text]
	{
		background:#333;
		border:1px solid #888;
		/*box-shadow:0px 0px 10px #888;*/
		color:#D5DAFF;
		font-size:12px;
		width:230px;
		height:25px;
	}
	.chat-bottom input[type=button]
	{
		background:#202020;
		border:1px solid #888;
		/*box-shadow:0px 0px 10px #888;*/
		color:#1E93EE;
		font-size:14px;
		width:40px;
		height:25px;
		cursor:pointer;
	}
	.chat-bottom input[type=button]:hover
	{
		/*box-shadow:0px 0px 10px #bbb;*/
		background:#444;
		color:#fff;
	}
.chat-message
{
	background:#222;
	border-bottom:1px dashed #444;
	width:100%;
	font-size:11px;
	color:#D5DAFF;
	min-height:50px;
	padding-top:5px;
	padding-bottom:5px;
}
.chat-message-my
{
	background: #201C41;
}
.chat-message-left
{
	width:50px;
	float:left;
	margin-right:7px;
	height:50px;
	background:#444;
}
	.chat-message-left table
	{
		border-spacing:0px;
		padding:0px;
		width:50px;
		height:50px;
		text-align:center;
	}
	.chat-message-left td
	{
		padding:0px;
	}
	.chat-message-left img
	{
		cursor:pointer;
	}
.chat-message-right
{
	width:280px;
	float:left;
}
.chat-name
{
	color:#1E93EE;
	margin-bottom:3px;
	float:left;
	width:50%;
}
.chat-name-my
{
	color:#FFC98E;
	margin-bottom:3px;
	float:left;
	width:50%;
}
.chat-time
{
	color:#bbb;
	margin-bottom:3px;
	float:right;
	width:50%;
	text-align:right;
}
.chat-smiles
{
	z-index:5;
	background:#555;
	border:1px solid #ddd;
	box-shadow:0px 0px 15px #222;
	width:280px;
	height:300px;
	overflow-y:scroll;
	display:none;
	position:absolute;
}
.chat-smile
{
	width:50px;
	height:50px;
	margin:1px;
	float:left;
	text-align:center;
}
.chat-smile img
{
	cursor:pointer;
};