body {
	margin: 0;
	padding: 0;
	font: 12px Verdana, Tahoma, Arial, sans-serif;
	background: #fdfbf7 url(http://www.grymix.pl/img/bg-body.gif) repeat-x 0 0;
	text-align: center;
}

div,img,h1,h2,h3,h4,h5,h6,p,a,form,ul,ol,dl {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

div.spacer {
	clear: both;
	height: 0px;
	font-size: 1px;
	background: none;
	width: 100%;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	border: 0;
	color: #70b0f1;
}
a span{
	color: #00458b;
}
div.img{
	border: 3px solid #cecece;
	float: left;
}
div.img img{
	border: 1px solid #fff;
}











div#holder{ 
	width: 988px;
	margin: 0 auto;
	text-align: left;
}













div#holder div#header h1{
	float: left;
	width: 249px;
}

div#holder div#header h1 span{
	display: block;
	margin-top: 3px;
	color: #fff;
	background: #ada997;
	font: normal 12px "Arial Black", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
* html div#holder div#header h1 span{
	margin-top: -2px;
}







div#holder div#header div#search-box{
	float: left;
	width: 200px;
	margin-left: 11px;
	display: inline;
}

div#holder div#header div#search-box label{
	display: block;
	float: left;
	
}

div#holder div#header div#search-box label span{
	display: none;
}
div#holder div#header div#search-box input.txt{
	border: 1px solid #00458b;
	margin-right: 3px;
	width: 120px;
	font-size: 11px;
	padding: 2px;
}
* html div#holder div#header div#search-box input.submit{
	margin-top: 1px;
}




div#holder div#header div#login-box{
	_float: right;
}
div#holder div#header div#login-box h2{
	float: left;
	font: bold 11px Arial, sans-serif;
	margin: 4px 5px 0 0;
}
div#holder div#header div#login-box ul{
	list-style: none;
}
div#holder div#header div#login-box li{
	float: left;
}
div#holder div#header div#login-box label{
	display: none;
}
div#holder div#header div#login-box input.txt{
	border: 1px solid #00458b;
	margin-right: 3px;
	width: 80px;
	font-size: 11px;
	padding: 2px;
}
div#holder div#header div#login-box li.login-box-set-autologin{
	font: normal 9px Verdana, sans-serif;
	text-align: right;
}
div#holder div#header div#login-box li.login-box-set-autologin label{
	display: block;
	margin-top: -2px;
	color: #00458b;
	text-decoration: underline;
}
div#holder div#header div#login-box li.login-box-set-autologin label input{
	display: block;
	float: left; 
	margin-top: 1px;
}
* html div#holder div#header div#login-box li.login-box-set-autologin label input{
	margin-top: -1px;
}
div#holder div#header div#login-box li.login-box-set-autologin a{
	color: #d00;
}
div#holder div#header div#login-box li.login-box-submit{
	margin: 0 3px;
	display: inline;
}
div#holder div#header div#login-box li.login-box-create-account a{
	display: block;
	width: 83px;
	height: 21px;
	background: transparent url(http://www.grymix.pl/img/btn-create-account.gif) no-repeat 0 0;
	text-indent: -666em;
	overflow: hidden;
}




div#holder div#header ul#main-nav{
	width: 730px;
	float: right;
	list-style: none;
	margin-top: 3px;
}

div#holder div#header ul#main-nav li{
	display: inline;
	padding: 4px;
}

div#holder div#header ul#main-nav li a span{
	font: bold 14px Arial, sans-serif;
}
div#holder div#header ul#main-nav li a.women span{
	color: #b434b6;
}
div#holder div#header ul#main-nav li a span.blue{
	color: #0094bf;
}
div#holder div#header ul#main-nav li a span.orange{
	color: #ff7800;
}
div#holder div#header ul#main-nav li a span.green{
	color: #6b9d00;
}
div#holder div#header ul#main-nav li a span.red{
	color: #e00000;
}
div#holder div#header ul#main-nav li a span.violet{
	color: #b434b6;
}











div#holder div#sub-holder{
	background: transparent url(http://www.grymix.pl/img/bg-sub-holder.gif) repeat-y 0 0;
	margin-top: 15px;
}




div#holder div#sub-holder div#popular{ 
	width: 321px;
	float: left;
}
div#holder div#sub-holder div#popular h2.category_head{
	height: 22px;
	background: transparent url(http://www.grymix.pl/img/h2-najpopularniejsze-gry.gif) no-repeat 0 0;
	text-indent: -666em;
	overflow: hidden;
	margin-bottom: 10px;
}
div#holder div#sub-holder div#popular ul{
	list-style: none;
}
div#holder div#sub-holder div#popular ul li{
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
div#holder div#sub-holder div#popular ul li h2 a{
	padding-right: 15px;
	background: transparent url(http://www.grymix.pl/img/triangle-big.gif) no-repeat 100% 50%;
	font-weight: normal;
	text-decoration: none;
}
div#holder div#sub-holder div#popular ul li h2 a span{
	font: normal 24px "Arial Black", Arial, sans-serif; 
}
div#holder div#sub-holder div#popular ul li div.tags{
	margin: 5px 0;
	padding: 5px;
	background: #efefef;
}
div#holder div#sub-holder div#popular ul li div.tags h3{
	display: inline;
	font: bold 14px Arial, sans-serif;
	padding-right: 5px;
}
div#holder div#sub-holder div#popular ul li div.tags ul{
	list-style: none;
	display: inline;
}
div#holder div#sub-holder div#popular ul li div.tags ul li{
	display: inline;
	padding: 0 7px 0 3px;
	background: transparent url(http://www.grymix.pl/img/dot.gif) no-repeat 100% 50%;
	border: none;
}
* html div#holder div#sub-holder div#popular ul li div.tags ul li{
	padding: 0 4px 0 5px;
}
div#holder div#sub-holder div#popular ul li div.tags ul li.last{
	background: none;
}
div#holder div#sub-holder div#popular ul li div.tags ul li a{
	color: #00458b;
}


div#holder div#sub-holder div#popular ul li dl.numbers{
	margin-top: 10px;
}
div#holder div#sub-holder div#popular ul li dl.numbers dt{
	font: bold 14px Arial, sans-serif;
	float: left;
	padding: 0;
	margin: 0 4px 0 0;
	display: inline;
}
div#holder div#sub-holder div#popular ul li dl.numbers dd{
	font: bold 18px Arial, sans-serif;
	float: left;
	color: #ff7e00;
	padding: 0;
	margin: -3px 15px 0 0;
	display: inline;
}
div#holder div#sub-holder div#popular ul li dl.numbers dd img{
	float: left;
	margin-top: 3px;
}








div#holder div#sub-holder div#category{ 
	width: 656px;
	float: right;
}

div#holder div#sub-holder div#category h1{
	font: bold 24px Arial, sans-serif;
	text-transform: uppercase;
	color: #000;
	/*float: left;*/
	padding: 3px 2px 3px 6px;
	display: inline;
}
div#holder div#sub-holder div#category .head_category small{
	font: bold 20px Arial, sans-serif;
	padding: 6px 3px 0px 0px;
	color: #00458b;
	/*float: left;*/
}
div#holder div#sub-holder div#category ul.category-nav{
	width: 644px;
	float: left;
	padding: 6px;
	display: inline;
	background: #fff9da;
	list-style: none;
	font: bold 14px Arial, sans-serif;
	margin: 5px 0;
}
div#holder div#sub-holder div#category div.category-nav li{
	
}
div#holder div#sub-holder div#category ul.category-nav li.current{
	text-align: center;
}
div#holder div#sub-holder div#category ul.category-nav li.all{
	text-align: center;
}
div#holder div#sub-holder div#category ul.category-nav li.prev{
	float: left;
}
div#holder div#sub-holder div#category ul.category-nav li.next{
	float: right;
}
div#holder div#sub-holder div#category ul.category-nav li a{
	color: #b434b6;
}
div#holder div#sub-holder div#category ul.category-nav li ul{
	list-style: none;
}
div#holder div#sub-holder div#category ul.category-nav li ul li{
	padding: 0 8px;
}

div#holder div#sub-holder div#category ul.games-list{
	list-style: none;
}
div#holder div#sub-holder div#category ul.games-list li{
	background: #efefef;
	float: left;
	width: 162px;
	height: 140px;
	margin: 0 9px 10px 0;
	padding: 15px 25px
}
div#holder div#sub-holder div#category ul.games-list li.last{
	margin: 0 0 10px 1px;
}
div#holder div#sub-holder div#category ul.games-list li a{
	display: block;
	clear: both;
	/*float: left;*/
	font-weight: normal;
	text-decoration: none;
}
div#holder div#sub-holder div#category ul.games-list li a span{
	font: bold 14px "Arial", Arial, sans-serf;
}


div#holder div#sub-holder div#category ul.games-list li.spacer_list {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	width: 658px;
	background-color: #FDFBF7;
	margin: 0px;
	padding: 0px;
	
}

div#no-result {
	text-align: center;
	font-weight: bold;
	margin: 20px auto 400px auto;
	width: 650px;
}

div#holder div#sub-holder div#category h2 span.women{
	color: #b434b6;
}
div#holder div#sub-holder div#category h2 span.blue{
	color: #0094bf;
}
div#holder div#sub-holder div#category h2 span.orange{
	color: #ff7800;
}
div#holder div#sub-holder div#category h2 span.green{
	color: #6b9d00;
}
div#holder div#sub-holder div#category h2 span.red{
	color: #e00000;
}
div#holder div#sub-holder div#category h2 span.violet{
	color: #b434b6;
}
