* {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
}

html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

#body_id {
	background-color: #d3d3d3;
}

div.header {
	min-height: 152px;
	height: auto!important;
	height: 152px;
	background-color: #FFF;
}

div.main {
	
    min-height: 100%;
    height: auto!important;
    height: 100%;
    margin: 0 auto;
    width: 1273px;
    border: 1px solid #808080;
}

div.container {
        width: 1273px;
	margin: 0 auto;
	background-color: #FFF;
}

div.left {
	float: left;
	width: 242px;
}

div.left-menu {
	margin-left: 1px;
}

div.left-menu-header {
	height: 26px;
	width: 240px;
	background-color: #808080;
	color: #FFF;
	font-size: 11px;
	font-weight:bold;
}

div.left-menu-header span {
	display:block;
	padding-left: 10px;
	padding-top: 6px;
	color: #FFF;
	text-decoration:none;
}

div.left-menu ul {

	font-size: 11px;
	font-weight:bold;
	list-style:square;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
}

div.left-menu ul li {
	padding-left: 2px;
}

div.left-menu ul li a {
	display:block;
	height:18px;
	padding-left:2px;
	color:#383838;
	text-decoration:none;
}

div.left-menu ul li a:hover {
	color: #808080;
	background-color: #d3d3d3;
}

div.center {
	float: left;
        width: 789px;
}

div.right {
	float: left;
        width: 242px;
	background-color: #FFF;
}

div.right-menu {
	margin-left: 1px;
}

div.right-menu-header {
	height: 26px;
	width: 240px;
	background-color: #808080;
	color: #FFF;
	font-size: 11px;
	font-weight:bold;
}

div.right-menu-header span {
	display:block;
	padding-left: 10px;
	padding-top: 6px;
	color: #FFF;
	text-decoration:none;
}

div.right-menu ul {
	font-size: 11px;
	font-weight:bold;
	list-style:square;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;	
}

div.right-menu ul li {
	padding-left: 2px;
}

div.right-menu ul li a {
	display:block;
	height:18px;
	padding-left:2px;
	color:#383838;
	text-decoration:none;
}

div.right-menu ul li a:hover {
	color:#FFF;
	background-color: #000;
}

div.search {
	margin-left: 24px;
	margin-top: 8px;
	margin-bottom: 8px;

}

div.search1 {
	margin-left: 0px;
	margin-top: 14px;
	margin-bottom: 14px;

}

div.search2 {
        margin: 0px 0px 0px 0px;
}

div.jarlinks {
	margin-top: 10px;
}

div.jarlinks span.download {
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
}


div.button{text-align:center; border:1px solid #000; width: 410px; margin-top: 10px; background:#fed900; padding:5px}

div.button a{color:#000; font-weight:bold; font-size: 14px; text-decoration:none}



ul.menu {

    display: block;
	margin: 0px;
	padding: 0px;
}

ul.menu li {
	display: inline-block;
	font-size: 10px;
	font-weight:bold;
	list-style-type: none;
	/*text-shadow: 2px 2px 2px #000;*/
	margin: 1px 0px 1px 1px;
	padding: 0px;
	/*border: 1px solid #000;*/
	height:26px;
	width: 105px;
	background-color: #808080;
	text-align: center;
	vertical-align:top;
	float:left;
}

ul.menu li:hover {
	background-color: #d3d3d3;
}

ul.menu li#active {
	/*background:url(../images/top_menu.png) no-repeat;*/
	background-position: center top;	
}

ul.menu li a {
    display: block;
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000;
	text-decoration: none;
	margin-top: 6px;

}

ul.menu li a:hover {
	
	/*text-decoration: underline;*/

}

div.logo {
	width: 250px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	float:left;
}
	
div.logo img {	
	margin-top: 0px;
        border: 0px;
}
	
div.ban {

	width: 341px;
	height: 100x;
	float:left;
	margin-top: 0px;
}
	
div.res {
	font-size: 10px;
	width: 1272px;
	height: 17px;
	margin-left: 1px;
        float:left;
}

div.res1 {
	font-size: 10px;
	width: 1272px;
	height: 27px;
	margin-left: 1px;
        float:left;
        font-weight: normal;
}


div.res1 h3 {
	font-size: 10px;
	height: 10px;
	display:block;
	border: 1px solid #ffffff;
	margin-left: 1px;
        float:left;
        font-weight: normal;
}

div.res span.middle {
	height: 10px;
	display:block;
	border: 1px solid #ffffff;
}

div.res span.middle a {
    color:#383838;
    text-decoration: none;

}

div.res span.middle a:hover {
    color:#383838;
    text-decoration: underline;
}

div.short-menu {

	width: 118px;
	height: 104px;
	margin-left:1px;
	float:left;
}

div.short-menu ul {

    display: block;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #F00;*/
}

div.short-menu ul li {
	display: block;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	/*text-shadow: 2px 2px 2px #000;*/
	margin: 0px 0px 1px 0px;
	padding: 0px;
	/*border: 1px solid #000;*/
	height:34px;
	width: 118px;
	background-color: #F00;
	text-align: center;
	vertical-align:top;
	float:left;
}

div.short-menu ul li:hover {
	background-color: #0C99CE;
}

div.short-menu ul li a {
    display: block;
	color:#FFF;
	text-decoration: none;
	margin-top: 9px;

}

div.short-menu ul li a:hover {
	
	/*color:#FFF;*/

}



div.topic {

}

div.topic-header {
	height: 26px;
	width: 789px;
	background-color: #808080;
	color: #FFF;
	font-size: 10px;
	font-weight:bold;
	margin: 0px 0px 1px 0px;
}

div.topic-header h1 {
	display:block;
	padding-left: 10px;
	padding-top: 4px;
	text-align: center;
        color: #FFF;
	font-size: 14px;
	text-decoration:none;
}

div.topic-header h2 {
	display:block;
	padding-left: 10px;
	padding-top: 6px;
	color: #FFF;
	text-decoration:none;
}

div.topic-header h2 a {
	display:block;
	color: #FFF;
	font-size: 11px;
	text-decoration:none;
}

div.topic-header h2 a:hover {
	display:block;
	color: #FFF;
	font-size: 11px;
	text-decoration: underline;
}


div.topic-content {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	padding-bottom:10px;
	line-height: 18px;
}

div.topic-content span a {
	color: #383838;
	text-decoration: none;
}

div.topic-content span a:hover {
	color: #383838;
	text-decoration: underline;
}

div.topic-content div.preview {
	float: left;
	margin-right:10px;
	font-size: 0px;
	line-height: 0px;
width:176px; height:208px; padding:3px; background:#eeeeee; border:1px solid #cccccc;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
}

div.topic-content div.preview img {	
border:0px;
}

div.topic-content div.preview-left {
	float: left;
	margin-top:6px;
	margin-right:4px;
	font-size: 0px;
	line-height: 0px;
}

div.topic-content div.preview-left img {
        border: 0px;
}

div.topic-content span.name {
    padding-top: 3px;
    padding-bottom: 3px;    
}

div.topic-content span.add_date {
    padding-top: 3px;
    padding-bottom: 3px;
}

div.topic-content span.producer {
    padding-top: 3px;
    padding-bottom: 3px;
}

div.topic-content span.locales {
    padding-top: 3px;
    padding-bottom: 3px;
}

div.topic-content span.categories {
    padding-top: 3px;
    padding-bottom: 3px;
}

div.topic-content span.resolutions {
    padding-top: 3px;
    padding-bottom: 3px;
}

div.topic-content span.downloads {
    float: left;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.topic-content span.descr_short {

}

div.topic-content span.mark {
    padding-top: 3px;
    padding-bottom: 3px;
}

div.topic-content span.mark a {
	color:#808080;
	background:#d3d3d3;
	text-decoration:none;
}

div.pager {
	height: 18px;
	width: 789px;
	background-color: #808080;
	color: #FFF;
	font-size: 10px;
	font-weight:bold;
	text-align: center;
	padding-top: 6px;
	margin: 0px 0px 1px 0px;
}

div.pager a {
	color: #FFF;
	text-decoration: none;
}





div.clear {
	clear:both !important;
}

div.footer {
	
	height: 135px;
	width: 1271px;
	border: 1px solid #ffffff;
	background-color: #808080;
}

div.footer div.panel {
	display: block;
	height: 90px;
	width: 1263px;
	text-align:justify;
	color: #FFF;
	font-size: 11px;
	background-color: #808080;
        margin-left: 4px;
        margin-top: 4px;
}

div.footer div.panel a {
        color: #FFF;
	text-decoration: none;
}

div.footer div.counter {
	display: block;
	height: 40px;
	width: 1263px;
	text-align:center;
	background-color: #808080;
        margin-left: 4px;
}
div.top_games a {
        font-size: 12px;
	color: #383838;
	text-decoration: none;
}