@CHARSET "UTF-8";

@font-face {
	font-family: MetaPro-Normal;
	src: url('/templates/default/fonts/MetaPro-Normal.otf');
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, sans-serif;
	margin: 0px;
}

h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 38px;
	line-height: 1.1;
	margin-bottom: 20px;
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: 10px;
}

h3 {
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 25px;
}

p{
	font-size: 13px;
	line-height: 1.4;
	color: #555555;
	margin-bottom: 20px;
}

ul li 
{ 
	float : left ; margin-right : 15px; cursor: pointer; 
}

select {
	
	/*
	background: url(/templates/vodafone/images/background_input.png) no-repeat;
	*/
	
	width: 232px;
	/*color: #999999;
	*/
	border: 1px solid #d9d9d9;
	font-size: 14px;
	height: 27px;
	outline:none;
	margin-bottom: 22px;
}



#sortedlist { 
	
	display: none
}

#addgamediv{
	display:block;
}
#addinstructiondiv{
	display:none;
}
#addtutorialdiv{
	display:none;
}
#addreviewdiv{
	display:none;
}
#addawarddiv{
	display:none;
}
#addfaqdiv{
	display:none;
}
#addcommentdiv{
	display:none;
}
#adddescriptiondiv{
	display:none;
}

#separation_vertical:hover{
		color: green;
}

a {
	text-decoration:none;
	color: #0066BB;
}

a.active, a:hover {
	cursor: pointer;
	text-decoration: underline;
}

table {
	margin-bottom: 32px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 11px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid #DDDDDD;
}

th {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
	border-top: 0;
	border: 1px solid #DDDDDD;
	border-bottom: 2px solid #E5E5E5;
	border-bottom-width: 2px;
	color: #333333;
	padding: 6px;
	height: 30px;
	font-weight: bold;
	background-color: #FBFBFB;
	background-image: linear-gradient(to bottom, #FFFFFF, #F5F5F5);
	background-repeat: repeat-x;
	float: none;
	display: table-cell;
	box-sizing: border-box;
}

td {
	padding: 8px;
	height: 30px;
	border: 1px solid #DDDDDD;
	display: table-cell;
	vertical-align: inherit;
	color: #424242;
	font-size: 14px;
	line-height: 21px;
	box-sizing: border-box;
}

table.imagelist, table.noBorder {
	border: none;
	box-shadow: none;
}

table.noBorder td {
	border: none;
	padding-left: 0px;
	padding-right: 0px;
}

table.imagelist td {
	border-left: none;
	border-right: none;
	width: 760px;
}

table.imagelist td .thumb {
	width: 120px;
	height: 120px;
	overflow: hidden;
}

table.imagelist td .thumb img {
	max-width: 100%;
}

hr {
	width: 400px;
	margin-left: 96px;
}

label {
	width: 96px;
	display: inline-block;
	font-size: 14px;
	line-height: 21px;
	color: #333333;
}

input {
	width: 393px;
	color: #999999;
	border: 1px solid #d9d9d9;
	padding: 0px 0px 0px 5px;
	font-size: 14px;
	height: 27px;
	outline:none;
	margin-bottom: 20px;
}

input:hover {
	border: 1px solid #b3b3b3;
}

input:focus {
	border: 1px solid #4688f1;
}

input.mandatory {
	border: 1px solid #FF0000;
}

input.half {
	width: 129px;
}

input.third {
	margin-right: 20px;
	width: 113px;
}

input.last {
	margin-right: 0px;
}

input[type="submit"]{
	float:none;
	background: #0f68b9;
	margin-right: 8px;
}

input.button {
	width: 100px;
	cursor: pointer;
	color: #FFFFFF;
	border-radius: 3px;
	font-size: 12px;
	padding: 0px;
	border: none;
}

input.button:hover {
	opacity: 0.7;
}

span.iconSort::before {
	content: '\f0aa';
	font-family: FontAwesome;
}

.comments{
	width: 388px;
	color: #999999;
	border: 1px solid #d9d9d9;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	height: 81px;
	outline:none;
	resize:none;
}

.comments:hover {
	border: 1px solid #b3b3b3;
}

.rating {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
}

.rating-input {
    float: right;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 0 0 -18px;
    opacity: 0;
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}

.rating-star,
.rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 18px;
    height: 18px;
    background: url('/templates/default/images/XXX_star.png') 0 -18px;
    background-size: 18px 36px;
    cursor: pointer;
}

#dialog{ opacity: 0.0; }

td img.ratings {
	cursor: pointer;
	height: 18px;
}


div .clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}

div .firstOfTwo .image{
	width:200px;
	height:50px;
	margin-bottom:25px;
}

.description {
	font-size: 14px;
	line-height: 21px;
	color:#000000;
	margin-bottom: 32px;
}

.description span, .description div, .description p {
	font-size: 14px !important;
	line-height: 21px !important;
}

.description .wikipedia {
	font-size: 12px !important;
	line-height: 18px;
}

.instagram {
	margin-bottom: 30px;
}

#header {
	font-size: 14px;
}

#footer-stretch {              
	height: 41px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	background-color: #F2F2F2;
	border-top: 1px solid #E4E4E4;
}

#footer-stretch #footer-wrap #footer {
	margin-bottom:50px;
}

#footer-stretch #footer-wrap #footer a {
	font-size: 14px;
}

/* autocomplete */

.ui-widget {
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.ui-widget-content {
	background: #FFFFFF;
	color: #000000;
}

.ui-widget-content .ui-state-focus {
	border: none;
	background: #EEEEEE;
	color: #000000;
}

.ui-menu {
	padding: 0px;
}

.ui-widget-content .ui-state-focus {
	margin: 0px;
	font-weight: normal;
}

.ui-menu .ui-menu-item {
	float: none;
	padding-top: 7px;
	padding-bottom: 7px;
}

.ui-corner-all {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.filter {
	float: left;
	width: 100%;
}

.filter label {
	clear: both;
	float: left;
	font-weight: bold;
	padding-top: 5px;
	width: auto;
	margin-right: 8px;
	font-size: 11px;
}

.filter label:nth-child(13) {
	margin-right: 19px;
}

.filter a {
	color: #000000;
	padding: 6px 9px;
	display: inline-block;
	border: 1px solid #d9d9d9;
	border-right: 0px;
	float: left;
	margin-bottom: 10px;
	font-size: 11px;
}

.filter a:nth-child(2), .filter a:nth-child(5), .filter a:nth-child(9) {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.filter a:nth-child(3), .filter a:nth-child(7), .filter a:nth-child(12) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right: 1px solid #d9d9d9;
}

.filter a:hover, .filter a.active {
	background-color: #0066BB;
	color: #FFFFFF;
	text-decoration: none;
}

.filter a.active {
	font-weight: bold;
}

.filter input {
	border-radius: 4px;
	height: 26px;
	font-size: 12px;
	width: 233px;
	color: #000000;
	float: left;
}

/* 1 element */
@media screen and (min-width: 300px) {
	h2 {
		font-size: 21px;
	}
	
	#headerdiv a{
		cursor: pointer; 
		font-size:small;
		margin-right:15px;
	}

	#header-stretch #header-wrap {
		margin: 0px auto;
		width: 300px;
		overflow: hidden;
	}
	
	#content-stretch #content-wrap {
		margin: 0px auto;
		width: 300px;
		overflow: hidden;
	}
	
	#footer-stretch #footer-wrap {
		margin: 0px auto;
		width: 300px;
	}
	
	div.firstOfTwo {
		display: none;
	}
	
	div.secondOfTwo{
		float: left;
		width: 300px;
	}
	
	div.firstBigOfTwo {
		display: none;
	}
	
	div.secondBigOfTwo{
		float: left;
		width: 300px;
	}
	
	div.firstOfThree {
		display: none;
	}
	
	div.secondOfThree{
		float: left;
		width: 300px;
		margin-right: 32px;
	}
		
	div.thirdOfThree {
		display: block;
		float: left;
		width: 300px;
		text-align: center;
		margin-bottom:25px;
	}
	div.centered, div.centeredSmall, div.centeredMiddle {
		margin: 0px auto;
		text-align: center;
		width: 300px;
	}
	
	#logo {
		width: 200px;
	}
	
	iframe.banner468_index {
		display: none;
	}
	
	iframe.banner728_index {
		display: none;
		margin-bottom: 80px;
	}
	
	iframe.banner468_details {
		display: none;
	}
	
	iframe.banner728_details {
		display: none;
	}

	.search, .searchSmall {
		width: 195px;
		background: url('/templates/default/images/magnifying_glass.png') right center no-repeat;
		background-size:26px 20px;
		padding-right:30px;
		
	}
	
	#searchNazwaGry {
		width:129px;
	}

	#comments {
		width:124px;
	}
	
	#file {
		width:129px;
	}
	
	#searchWybierzGre{
		width:129px;
	}

	#comments2{
		width:124px;
	}
	
	
	#awardName{width:129px;}
	
	#comments3{
		width:124px;
	}
	
	#comments4{
		width:124px;
	}
	
	.instagram img {
		width: 147px;
	}
}

/* 2 elements */
@media screen and (min-width: 496px) {
	h2 {
		font-size: 25px;
	}
	
	#headerdiv a{
		cursor: pointer; 
		font-size:small;
		margin-right:25px;
	}

	#header-stretch #header-wrap {
		width: 496px;
	}
	
	#content-stretch #content-wrap {
		width: 496px;
	}
	
	#footer-stretch #footer-wrap {
		width: 496px;
	}

	div.firstOfTwo {
		display: block;
		float:left;
		width:232px;
	}
	
	div.secondOfTwo {
		width: 232px;
		float:left;
	}
	
	div.secondBigOfTwo {
		width: 496px;
	}
	
	div.secondOfThree {
		width: 496px;
	}
	
	div.thirdOfThree {
		display: block;
		float: left;
		width: 100%;
		text-align:center;
		margin-bottom:25px;
	}
	
	div.centered, div.centeredSmall, div.centeredMiddle {
		width: 496px;
	}
	
	#logo {
		width: 400px;
	}
	
	iframe.banner120_index {
		display: none;
	}
	
	iframe.banner468_index {
		display: inline-block;
	}
	
	iframe.banner120_details {
		display: none;
	}
	
	iframe.banner468_details {
		display: inline-block;
	}
	
	.search {
		width: 452px;
		background: url('/templates/default/images/magnifying_glass.png') right center no-repeat;
		background-size:26px 20px;
    	padding-right:30px;

	}
/*	
	div.centered {
		column-count:1;
		-moz-column-count:1;
		-webkit-column-count:1;
		text-align:center;
	}
*/	
	#searchNazwaGry {
		width:393px;
	}

	#comments {
		width:388px;
	}
	
	#file {
		width:393px;
	}
	
	#searchWybierzGre{
		width:393px;
	}

	#comments2{
		width:388px;
	}
	
	#awardName{width:393px;}
	
	#comments3{
		width:388px;
	}
	
	#comments4{
		width:388px;
	}
	
	#searchfaq {
	
		margin-left: 29px;
	}
	select { 
	
		width: 150px;
		margin-left: 346px;
		margin-top: -61px;
	}
	
	.instagram img {
		width: 166px;
	}
}

/*
	

@media screen and (min-width: 760px) {

#headerdiv {
		width: 640px;
	}
}
	
@media screen and (min-width: 916px) {
	
	#headerdiv {
		width: 705px;
	}
}
*/

	
/* 3 elements */
@media screen and (min-width: 760px) {

	#header-stretch #header-wrap {
		width: 760px;
	}
	
	#content-stretch #content-wrap {
		width: 760px;
	}
	
	#footer-stretch #footer-wrap {
		width: 760px;
	}
	
	div.firstOfTwo {
		display: block;
		float: left;
		width: 232px;
		margin-right: 32px;
	}
	
	div.secondOfTwo {
		width: 496px;
		float:left;
	}
	
	div.firstBigOfTwo {
		display: block;
		float: left;
		width: 496px;
		margin-right: 32px;
	}
	
	div.secondBigOfTwo {
		width: 232px;
	}
	
	div.firstOfThree {
		display: block;
		float: left;
		width: 232px;
		margin-right: 32px;
	}
	
	div.secondOfThree {
		width: 232px;
	}
	
	div.thirdOfThree {
		display: block;
		float: left;
		width: 232px;
		padding-top: 61px;
		text-align: center;
		
		margin-bottom:80px;
	}
	
	div.centeredMiddle {
		width: 760px;
	}
	
	div.centered {
		width: 760px;
	}
/*
	div.centered {
		width: 760px;
		text-align:left;
		column-count:2;
		-moz-column-count:2;
		-webkit-column-count:2;
	}
*/
	iframe.banner468_index {
		display: none;
	}
	
	iframe.banner728_index {
		display: inline-block;
	}
	
	iframe.banner120_details {
		display: inline-block;
	}
	
	iframe.banner468_details {
		display: none;
	}

	#searchfaq {
	
		margin-left: 181px;
	}
	
	select { 
	
		width: 230px;
		margin-left: 531px;
		margin-top: -61px;
	}
	
	.filter label {
		clear: none;
		font-size: 12px;
	}
	
	.filter a {
		font-size: 12px;
	}
	
	.filter input {
		width: 689px;
	}
}


/* 4 elements */
@media screen and (min-width: 1024px) {

	#searchfaq {
	
		margin-left: 444px;
	}
	
	select { 
	
		width: 230px;
		margin-left: 662px;
		margin-top: -61px;
	}
	
	
	#header-stretch #header-wrap {
		width: 1024px;
	}
	
	#content-stretch #content-wrap {
		width: 1024px;
	}
	
	#footer-stretch #footer-wrap {
		width: 1024px;
	}
	
	div.secondOfTwo{
		width: 758px;
	}
	
	div.firstBigOfTwo{
		width: 758px;
	}
	
	div.secondOfThree{
		width: 496px;
	}
	
	div.thirdOfThree {
		padding-top: 61px;
	}
	
	iframe.banner120_details {
		display: none;
	}
	
	iframe.banner468_details {
		display: inline-block;
	}
	

}

/* 5 elements */
@media screen and (min-width: 1288px) {

	#searchfaq {
	
		margin-left: 707px;
	}
	
	select { 
	
		width: 230px;
		margin-left: 1058px;
		margin-top: -61px;
	}
		
	#header-stretch #header-wrap {
		width: 1288px;
	}
	
	#content-stretch #content-wrap {
		width: 1288px;
	}
	
	#footer-stretch #footer-wrap {
		width: 1288px;
	}
	
	div.secondOfTwo {
		width: 1022px;
	}
	
	div.firstBigOfTwo{
		width: 1022px;
	}
	
	div.secondOfThree {
		width: 760px;
	}
	
	div.thirdOfThree {
		padding-top: 91px;
	
	}
	
	div.centered {
		width: 1288px;
	}
	
/*
	div.centered {
		width: 1288px;
		text-align:left;
		column-count:3;
		-moz-column-count:3;
		-webkit-column-count:3;
	}
*/
	#logoSmall {
		padding-top: 12px;
	}
	
	iframe.banner468_details {
		display: none;
	}
	
	iframe.banner728_details {
		display: inline-block;
	}
	
}