/* ***************************************************** */
/* ****************** style globalne ******************* */
/* ***************************************************** */
body {
	font-family: Arial,Tahoma,Verdana;
	font-size: 11px;
	color: #000000;
	margin-top: 0px;
}

a
{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

input
{
	background: url(/wyglad/inputBackground.png) no-repeat; 
	width: 103px;
	height: 22px;
	border: none;
	padding: 10px 20px 3px 12px;
}

input.radio
{
	background: none; 
	width: 12px;
	height: 12px;
	border: none;
	padding: 2px;
}

input.submitButton
{
	background: url(/wyglad/submitbutton.png) no-repeat; 
	width: 132px;
	height: 38px;
	border: none;
	text-align: center;
	padding: 0px;
}

input.checkBox
{ 
	width: 15px;
	height: 15px;
	background: none;
}

select
{
	background: url(/wyglad/inputBackground.png) no-repeat;
	width: 121px;
	height: 34px;
	border: none;
	padding: 10px 10px 8px 7px;  	
}

/* ***************************************************** */
/* ******************** top strony ********************* */
/* ***************************************************** */
.top
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 960px;
}

.actionMenu
{
	float: right;
	background: url(/wyglad/actionMenuBackground.png) no-repeat;
	width: 227px;
	height: 45px;
	text-align: center;
	padding-top: 5px;
}

.actionMenu a
{
	font-size: 14px;
	padding: 0px 5px 0px 5px;
}

.actionMenu img
{
	
}

.reklamPoziomTop
{
	margin: 0px auto 0px auto;
	width:750px;
	text-align: center;
}

/* ***************************************************** */
/* ****************** środek strony ******************** */
/* ***************************************************** */
.main
{
	margin: 0px auto 0px auto;
	width: 920px;
	padding-left: 5px;
}


/* ***************************************************** */
/* ****************** style menu *********************** */
/* ***************************************************** */
.reklamInMenu
{
	width: 144px;
	text-align: center;
}

.menu
{
	width: 144px;
	float: left;
}

.menu .menuBox
{
background:#B91E68 url(/wyglad/menuGradient.png) no-repeat 0px 0px;
}

.menu .menuBox a
{
	display:block;
	width: 138px;
	margin-left: 4px;
	height: 10px;
	text-decoration: none;
	padding-top: 5px; 
	padding-bottom: 5px;
	border-top: #E74697 1px solid;
	border-bottom: #A50656 1px solid;
	font-weight:bold;
	text-indent: 3px;
}

.menu a:hover
{
	background-color: #C34481;
}

/* ***************************************************** */
/* ****************** style zawartość ****************** */
/* ***************************************************** */
.content
{
	width: 775px;
	float: left;
}

.content .contentTopBox
{
	width: 776px;
	height: 23px;
	background: url(/wyglad/contentTop.png) no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 6px;
}

.content .contentTopBox a
{
	float: left;
	margin: 0px 1px 0px 1px;
	text-align:center;
	padding: 0px 4px 0px 4px;
	font-size: 11px;
}

.content .contentTopBox a strong
{
	padding-right: 4px;
	padding-top: 4px;
	display: block;
	float: left;
	height: 19px;
}

.content .contentTopBox a.active
{
	background: url(/wyglad/menuCartLeft.png) no-repeat;
	margin: 0px 1px 0px 1px;
	text-align:center;
	padding: 0px 4px 0px 4px;
	display: block;
	float: left;
	height: 23px;
}

.content .contentTopBox a.active strong
{
	background: #F2E8F1 url(/wyglad/menuCartRight.png) no-repeat right top;
	color: #000000;
	padding-right: 4px;
	padding-top: 4px;
	display: block;
	float: left;
	height: 23px;
}

.content .contentTopBox a:hover
{
	background: url(/wyglad/menuCartLeft.png) no-repeat;
	margin: 0px 1px 0px 1px;
	text-align:center;
	padding: 0px 4px 0px 4px;
	display: block;
	float: left;
	height: 23px;
}

.content .contentTopBox a:hover strong
{
	background: #F2E8F1 url(/wyglad/menuCartRight.png) no-repeat right top;
	color: #000000;
	padding-right: 4px;
	padding-top: 4px;
	display: block;
	float: left;
	height: 23px;
}

/* ***************************************************** */
/* ****************** podkategorie ********************* */
/* ***************************************************** */
.gameCategoryMini
{
	background: url(/wyglad/subCategoryBackground.png) no-repeat;
	width: 121px;
	height: 137px;
	padding-left: 1px;
	padding-top: 2px;
	padding-right: 10px;
	text-align: center;
	float: left;
	margin-right: 15px;
	margin-left: 5px;
}

.gameCategoryMini a
{
	color: #9E1456;
	font-weight: bold;
	font-size: 10px;
}

.gameCategoryMini img
{
	border: none;
	float: left;
}

/* ***************************************************** */
/* ********************* lista gier ******************** */
/* ***************************************************** */
.gamesList
{
	border: #AE1858 1px solid;
	float:left;
	background-color: #f2e8f1;
	width: 773px;
	border-top: none;
}

.gamesList .gameBoxMini
{

	margin: 1px;
	float: left;
	width: 373px;
	height: 217px;
	background: url(/wyglad/gameBox.png) no-repeat;
	padding-left: 11px;
	padding-top: 11px;
}

.gamesList .gameBoxMini .gameImageLink
{
	float: left;
}

.gamesList .gameBoxMini .gameImageLink img
{
	border: #fff 1px solid;
}

.gameTitleBox
{
	width: 180px;
	float: left;
	padding-left: 5px;
}

.gameTitleBox a
{
	color: #9e1456;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 175px;
	padding-bottom: 3px;
	border-bottom: #e5d3e3 1px solid;
}
.gameTitleBox .gameStarsBox
{
	font-weight: bold;
	width: 175px;
	border-top: #fff 1px solid;
	float: left;
	
}

.gameDescription 
{
	clear:both; 
	width: 340px;
	height: 58px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(/wyglad/gameMiniBoxDesc.png) no-repeat;
}

/* ***************************************************** */
/* ****************** lista gier MMO******************** */
/* ***************************************************** */
.gamesList .MMO 
{
	width: 97%;
	padding-right: 10px;
	height: 100%;
	padding-bottom: 20px;
	background:none;
}

.MMO .gameTitleBox
{
	width: 98%;
	float: left;
	padding-left: 5px;
}

.MMO .gameTitleBox a
{
	color: #9e1456;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 100%;
	padding-bottom: 3px;
	border-bottom: #e5d3e3 1px solid;
}
.MMO .gameTitleBox .gameStarsBox
{
	font-weight: bold;
	width: 100%;
	border-top: #fff 1px solid;
	float: left;
	margin-bottom: 5px;
	
}

.MMO .gameDescription 
{
	clear:both; 
	width: 94%;
	height: 100%;
	padding-bottom: 20px;
	margin-top: 5px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: #F1E1F0 ;
	border:#FFF 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* ***************************************************** */
/* ****************** szczegóły gry ******************** */
/* ***************************************************** */
.gamesBigBoxContener 
{
	width: 607px;	
}

.gamesBigBoxContener img
{
	float: left;	
}

.gameBigBox
{
	border-left: #fff 1px solid;
	background: url(/wyglad/gameBigBoxMiddle.png) repeat-y right;
	width: 580px;
	margin-left: 6px;
	padding-left: 5px;
	float: left;
}

.gameBigBox .gameImageLink
{
	float: left;
}

.gameBigBoxTitleDesc
{
	float: left;
	width: 420px;
	padding-left: 10px;
}

.gameBigBoxTitleDesc .gameBigBoxTitle a
{
	color: #9e1456;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 440x;
	padding-bottom: 3px;
	border-bottom: #e5d3e3 1px solid;
}

.gameBigBoxDesc 
{
	border-top: #fff 1px solid;
	padding-top: 5px;
	text-align:justify;
	line-height: 15px;
}

.gameBigBoxDesc a
{
	color: #000000;
}

.gameBigBox .gameImageLink img {
border:1px solid #FFFFFF;
}

.gameBigBox .gameImageBox
{
	border: #FFFFFF 1px solid;
	padding: 2px;
	width: 140px;
	height: 140px;
	float: left;
}

.gameBigBox .gameStarsBox
{
	font-weight: bold;
	float: left;	
}

.gameBigBox .gameStarsBox a.addFavorite
{
	width: 202px;
	height: 42px;
	background: url(/wyglad/addFavorite.png) no-repeat;
	display: block;	
}
/* ***************************************************** */
/* ******************* komentarze ********************** */
/* ***************************************************** */
.comentsBox
{
	background:	#DF6FBD;
	padding: 10px;
	float:left;
	width:589px;
}

.comentForm
{
	text-align: center;
}

.comentBox
{
	border: #DF53B5 1px solid;
	background:	#F2E8F1;
	padding: 5px;
	margin: 5px;
	margin-bottom: 0px;
	float:left;
	width: 560px;
}

.avatarBox
{
	border: #DFD1DE 1px solid;
	float:left;
	padding: 2px;
}

.comentTextBox
{
	float:left;
	margin-left: 5px;
}

.comentUser
{
	color: #9e1456;
	font-size:14px;
	font-weight:bold;
}

.comentText
{
}

/* ***************************************************** */
/* ********************* rejestracja ******************* */
/* ***************************************************** */
.registryBox
{
	border: #AE1858 1px solid;
	float:left;
	background-color: #f2e8f1;
	width: 733px;
	border-top: none;
	padding: 20px;
	text-align: center;
}

.registryBox a
{
	color: #B9206A;
}

.registryBox table
{
	border: #FFFFFF 1px solid;
	margin: auto;
	padding: 20px;
	background: #EFE0EE;
}

.registryLeftColumn
{
	text-align: right;
}

.registryRightColumn
{
	text-align: left;
}

.errorBox
{
	color: #FF0022;
}

/* ***************************************************** */
/* ****************** style stopka  ******************** */
/* ***************************************************** */

.footer
{
	clear:both;
}