/* 
 * ========================================
 * Из 17.3
 * ========================================
 */
 
@import url(../fonts/font.css);
html, html a { -webkit-font-smoothing: antialiased; }

/* 
 * ========================================
 * Из 8.3
 * ========================================
 */
 
html,body{
height:100%;
margin:0px;
padding: 0px;
background: url(../images/chbgcolor.jpg);
font-size: 13px;
font-family: Tahoma,Verdana;
}

h1, h2, h3, h4, h5 {
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	text-decoration:none;
    font-weight: bold;
    font-family: Tahoma,Verdana;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

#wrapper {max-width: 1640px; min-width:970px; overflow-x: hidden;}
* html #wrapper {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 970)? "970px" : "100%")}

table {border:0px;border-collapse:collapse;}
table td {padding:0px;}

.gamesmenu {width:100px; height:75px; padding:3px; border:1px solid #d3d3d3; margin:10px;}

/* 
 * ========================================
 * Топ с картинками
 * ========================================
 */
	.story_line { margin-top: 10px; }
		.story_line .image {
		    text-align: center;
			width: 160px; height: 120px;
			border-radius: 5%;
		}
		.story_line > a { color: inherit; text-decoration: none !important; }	
		.story_line > a * { display: block; cursor: pointer; }
	.topnews { margin-top: 10px; }
		.topnews .image {
		    text-align: center;
			width: 130px; height: 100px;
			border-radius: 5%;
		}
		.topnews > a { color: inherit; text-decoration: none !important; }	
		.topnews > a * { display: block; cursor: pointer; }
	.cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

/* 
 * ========================================
 * Информер с играми на главной стр.
 * ========================================
 */
	.informmain { padding-bottom:10px; text-align: center; }
		.informmain .infimage {
			width: 130px; height: 100px;
			border-radius: 5%;
		}
		.informmain > a { color: inherit; text-decoration: none !important; }	

/* 
 * ========================================
 * Поля для ввода текста
 * ========================================
 */

textarea, input, select, option, button {
  font-family: inherit;
}

.inp100 {width:100px; height:23px; font-family:Tahoma,Verdana; font-size:12px; border:1px; solid #E0E0E0;}
.inp150 {width:150px; height:23px; font-family:Tahoma,Verdana; font-size:12px; border:1px; solid #E0E0E0;}
.inp300 {width:300px; height:23px; font-family:Tahoma,Verdana; font-size:12px; border:1px; solid #E0E0E0;}
.inparea {width:450px; height:150px; font-family:Tahoma,Verdana; font-size:12px; border:1px; solid #E0E0E0;}

.category {
	color: #727272;
	font-size: 12px;
	font-family: Tahoma,Verdana;
	padding-top: 15px;
}
.category a {
	color: #4b719e;
	text-decoration:none;
}
.category a:hover {
	text-decoration: underline;
	}

#cataloque {}
	
#leftbar {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	min-width:220px;
	}
	
#rightbar {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	min-width:220px;
	}
	
.speedbar {
	color: #727272;
	font-size: 12px;
	font-family: Tahoma,Verdana;
	padding-left: 6px;
}
.speedbar a {
	color: #4b719e;
	text-decoration:none;
}
.speedbar a:hover {
	text-decoration: underline;
	}

.zg {
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	text-decoration:none;
    font-weight: bold;
    font-family: Tahoma,Verdana;
}

.linie {
    background-image: url(../images/linie.gif);
	background-repeat: repeat-y;
	min-width: 15px;
}

.slink {
	color: #717171;
	font-size: 12px;
	font-family: Tahoma,Verdana;
}
.slink a:active,
.slink a:visited,
.slink a:link {
	color: #E34000;
	text-decoration:none;
	}

.slink a:hover {
	color: #E34000;
	text-decoration: underline;
	}
.copy {
	color: #232323;
	font-size: 12px;
	font-family: Tahoma,Verdana;
	padding: 5px;
}
.copy a:active,
.copy a:visited,
.copy a:link {
	color: #232323;
	text-decoration:none;
	}
.copy a:hover {
	color: #3333cc;
	text-decoration: none;
	}

.skin {
	font-size: 12px;
	font-family: Tahoma,Verdana;
	padding-left: 60px;
}
select {
	font-size: 12px;
	font-family: Tahoma,Verdana;
}

.bottom {
	color: #232323;
	font-size: 12px;
	font-family: Tahoma,Verdana;
	padding: 5px;
}
.bottom a:active,
.bottom a:visited,
.bottom a:link {
	color: #232323;
	text-decoration:none;
	}
.bottom a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	
.ltitle {
	color: #000000;
	font-size: 13px;
	text-decoration:none;
	font-family: Verdana,Tahoma;
	font-weight: normal;
	padding-left: 6px;
	padding-top:  11px;
}
.ltitle a,
.ltitle a:active,
.ltitle a:visited,
.ltitle a:link,
.ltitle a:hover{
	color: #000000;
	font-size: 13px;
	text-decoration:none;
	font-family: Verdana,Tahoma;
	font-weight: normal;
	padding-left: 6px;
	padding-top:  11px;
}
.more a,
.more a:active,
.more a:visited,
.more a:link{
	color: #3B84D0;
	font-size: 12px;
	text-decoration:none;
	font-family: Verdana,Tahoma;
	font-weight: normal;
	padding-left: 6px;
	padding-top:  11px;
}
.more a:hover{
	color: #ff0000;
	font-size: 12px;
	text-decoration:none;
	font-family: Verdana,Tahoma;
	font-weight: normal;
	padding-left: 6px;
	padding-top:  11px;
}
.stext {
	color: #727272;
	font-size: 12px;
	font-family: Tahoma,Verdana;
}
.stext a:active,
.stext a:visited,
.stext a:link {
	color: #E34000;
	text-decoration:none;
	}

.stext a:hover {
	color: #E34000;
	text-decoration: underline;
	}
.ntitle {
	color: #888888;
	font-size: 18px;
	font-family: Tahoma,Verdana;
	font-weight: bold;
	padding-left: 6px;
	padding-top:  11px;
}
.ntitle a {
	color: #4b719e;
	text-decoration:none;
}
.ntitle a:hover {
	text-decoration: underline;
	}
.ctitle {
	color: #888888;
	font-size: 13px;
	font-family: Tahoma,Verdana;
	padding-left: 6px;
	padding-top:  18px;
}
.ctitle a {
	color: #4b719e;
	text-decoration:none;
}
.ctitle a:hover {
	text-decoration: underline;
	}
.varning {
	font-size:14px; 
	font-family: Verdana,Tahoma;
}
.varning a,
.varning a:active,
.varning a:visited,
.varning a:link,
.varning a:hover{
	font-size:14px; 
	font-family: Verdana,Tahoma;
	text-decoration:none;
}
.news {
	font-size:12px; 
	font-family: Verdana,Tahoma;
}
.news a {
	color: #4b719e;
	text-decoration:none;
}
.news a:hover {
	text-decoration: underline;
	}
.userstop {
	font-family: Tahoma,Verdana;
	font-size:12px;
	color:#606D77;
}
.userstop thead {
	font-family: Tahoma,Verdana;
	font-size:12px;
    font-weight: bold;
	color: rgb(71,117,165);
}
.userstop td {
	padding:3px;
}
.userstop a {
	color: #4b719e;
	text-decoration:none;
}
.userstop a:hover {
	text-decoration: underline;
	}
.hr_line {
	background: url(../images/line.gif);
	width: 100%;
	height: 7px;
	font-size: 3px;
	font-family: Tahoma,Verdana;
	margin-top: 4px;
	margin-bottom: 4px;
}

.navigation {
	color:#666; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:12px
}

.navigation a:hover {
	background:#799AE3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:12px;
}
.speedbar,
.speedbar a:link,
.speedbar a:active {
    font-family: verdana;
	text-align:left;
	text-decoration:none;
	color: #3333cc;
	font-size:12px
}
.speedbar a:visited {
    font-family: verdana;
	text-align:left;
	text-decoration:none;
	color: #cc3300;
	font-size:12px
}
.speedbar a:hover {
    font-family: verdana;
	text-align:left;
	text-decoration:none;
	color: #3333cc;
	font-size:12px
}

.Corners .BoxContents { padding:15px 15px 0 15px; }
.Box         { width:100%; background: url(../images/Corners.gif); }
.BlockIcon { position:absolute; }
.DefaultBlock { margin:0 0 12px 0; }
.BlockTop {
    height:22px;
}
.BlockTopLeft {
    width:1%;
    background: url(../images/BlockHeaderLeft.gif) no-repeat right top;
}
.BlockTopCenterMain {
    width:20px;
    background: url(../images/BlockHeaderCenterMain.gif) no-repeat right top;
}
.BlockTopCenterMainTitle {
    width:60%;
    background: url(../images/BlockHeaderCenterMain.gif) no-repeat right top;
	color: #ffffff;
	font-size: 15px;
	text-decoration:none;
    font-weight: bold;
    font-family: Tahoma,Verdana;
	padding-bottom:3px;
}
.BlockTopCenterMainTitle a,
.BlockTopCenterMainTitle a:active,
.BlockTopCenterMainTitle a:visited,
.BlockTopCenterMainTitle a:link {
    width:60%;
    background: url(../images/BlockHeaderCenterMain.gif) no-repeat right top;
	color: #ffffff;
	font-size: 15px;
	text-decoration:none;
    font-weight: bold;
    font-family: Tahoma,Verdana;
	padding-bottom:3px;
}
.BlockTitleImage {
    margin:0 0 0 25px;
    vertical-align:bottom;
}
.BlockTopCenterM {
    width:50%;
    background: url(../images/BlockHeaderCenter.gif) repeat-x top;
	color: #ffffff;
	font-size: 15px;
    font-weight: normal;
	text-decoration:none;
	font-family: Verdana,Tahoma;
	padding-bottom:3px;
}
.BlockTopCenterM3 {
    width:50%;
    background: url(../images/BlockHeaderCenter.gif) repeat-x top;
	color: #ffffff;
	font-size: 15px;
    font-weight: normal;
	text-decoration:none;
	font-family: Verdana,Tahoma;
}
.BlockTopCenterM2 {
    width:40%;
    background: url(../images/BlockHeaderCenterNews.gif) repeat-x top;
	color: #4b719e;
	font-size: 12px;
    font-weight: normal;
	text-decoration:none;
	font-family: Tahoma,Verdana;
}
.BlockTopCenterM2 a,
.BlockTopCenterM2 a:active,
.BlockTopCenterM2 a:visited,
.BlockTopCenterM2 a:link {
	color: #4b719e;
	text-decoration:none;
}
.BlockTopCenterM2 a:hover {
	color: #ff0000;
	text-decoration:none;
}
.BlockTopRightMain {
    width:1%;
    background: url(../images/BlockHeaderRightMain.gif) no-repeat left top;
}
.BlockTopRight {
    width:1%;
    background: url(../images/BlockHeaderRight.gif) no-repeat left top;
}
.Blocks                { border-collapse:collapse; margin:0 0 12px 0; width:100%; font-size:1px; }
.Blocks .BlockBottomLeft
                        { width:20px; }
.Blocks .BlockBottomCenter
                        { width:100%; background: url(../images/Corners.gif); }
.Blocks .BlockBottomRight
                        { width:20px; }

.Logo {
    text-align: center;
    vertical-align: top;
    width: 220px;
	padding-top: 0px;
}
.SearchFrame {
    background: url(../images/SearchBg.jpg) repeat-x top;
    text-align:center;
    vertical-align:middle;
    padding:0 0 20px 0;
}
.Button {
    width:60px;
    padding:0 15px 0 5px;
    text-align:left;
    vertical-align:middle;
}
.Poisk {
    width:60px;
    padding:0 5px 0 8px;
    color:white;
	font-size: 13px;
	font-family: Tahoma,Verdana;
    text-align:right;
    vertical-align:middle;
}
div.autocomplete        { border:1px solid #999; background-color: white; margin:0px; padding:0px; z-index: 900 }