@charset "utf-8";
/* CSS Document */

/* BLOK INFORMACYJNY DOTYCZĄCY IMPLEMENTACJI SYSTEMU PROMOCYJNEGO - TYMCZASOWY!!! */
#information{
	display: block;
	position: fixed;
	color: rgba(255,255,255,0.8);
	background: #9B9999;
	z-index: 9999;
	width: 100%;
	padding: 5px 0px;
	font-family: 'Orbitron', serif;
	font-size: 0.8em;
	text-align: center;
	border-bottom: 2px solid green;
	height: auto;
}
#information .left_img{
	position: relative;
	height: 45px;
}
#information .left_img i{
	position: absolute;
	top: 50%;
	font-size: 4em;
	transform: translateY(-50%);
	color: #5bc0de;
}
@media all and (max-width: 992px){
	#information .left_img i{
		left: 50%;
		transform: translate(-50%, -50%);
	}
}
#information .left_img i:before{
	display: block;
	height: 46px;
	width: 46px;

	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.5);
	animation-name: information;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
}
#information .right_kontent{
	position: relative;
	height: 45px;
	color: rgba(0,0,0,0.8);
}
@media all and (max-width: 768px){
	#information .right_kontent{
		height: 80px;
		margin-bottom: 15px;
	}
}
#information .right_kontent p{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	letter-spacing: 1px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#information span{
	cursor: pointer;
}
@media all and (max-width: 992px){
	#information span{
		position: absolute;
		top: 0px;
		cursor: pointer;
	}
}
body{
	background: black url(../img/space-1422642_1280.jpg) no-repeat top center;
	background-size: cover;
}
/* AKTYWACJA KONTA */
#aktywacja-konta .box .content .right{
	position: relative;
	height: 100px;
}
#aktywacja-konta .box .content .right .kurtyna{
	position: absolute;
	z-index: 3; /* kurtyna górna */
	background: transparent;
	height: 80px;
	width: 100%;
	cursor: pointer;
}
#aktywacja-konta .box .content .right img.img-1{
	position: absolute;
	z-index: 2; /* środkowy */
}
#aktywacja-konta .box .content .right img.img-2{
	position: absolute;
	z-index: 1; /* sam dół */
}
@media all and (max-width: 992px){
	#aktywacja-konta .box .content .right{
		margin-top: 10px;
	}
}
#aktywacja-konta .box .content .right img:hover{
	box-shadow: 0px 0px 10px #2F68F8;
	transition: 0.5s all ease-in-out;
	cursor: pointer;
}
#aktywacja-konta .box .content .right a{
	color: rgba(255,255,255,0.3);
}
#aktywacja-konta .box .content .right a:hover{
	text-decoration: none;
	animation-name: code;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
#aktywacja-konta .box .content .right span{
	position: absolute;
	top: 5px;
	left: 25px;
	z-index: 3;
}
#aktywacjaKonta .blad{
	margin-top: 50px;
}
#aktywacjaKonta .aktywne{
	margin-top: 50px;
}

#aktywacja-konta .box .content .center{
	position: relative;
	height: 100px;
}
#aktywacja-konta .box .content .center i{
	position: absolute;
	top: 50%;
	font-size: 5.2em;
	transform: translateY(-50%);
}
#aktywacja-konta .box .content .center i:after{
	content: "";
	display: block;
	position: absolute;
	background: white;
	top: 50%;
	left: 0;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	z-index: -1;
	transform: translateY(-50%);
	animation-name: informationn;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
#aktywacja-konta .box .content .left{
	position: relative;
	height: 100px;
	display: inline-block;
}
#aktywacja-konta .box .content .left p{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'Orbitron', serif;
	letter-spacing: 1px;
}
/* KOMUNIKATY NA STRONIE */
#komunikaty .komunikat{
	display: none;
	position: fixed;
	top: 0;
	height: 40px;
	width: 100%;
	background: rgba(0,0,0,0.9);
	color: green;
	text-align: center;
	z-index: 100;
	border-bottom: 2px solid silver;
	opacity: 0.9;
	padding: 0;
	margin: 0;
}
#komunikaty .komunikat > div.empty_div{
	display: block;
	background: #BEDBFB;
	opacity: 0.1;
}
#komunikaty .komunikat span button.close{
	position: relative;
	top: 8px;
	right: 10px;
	color: silver;
	opacity: 1;
}
#komunikaty .komunikat > p{
	margin-top: 7px;
	font-family: 'Orbitron', serif;
	letter-spacing: 2px;
}
/* MENU DLA ZALOGOWANEGO URZYTKOWNIKA */
#menu_zalogowany .menu_zalogowany_box{
	display: block;
	width: 280px;
	padding: 0;
	background: transparent;
	position: fixed;
	top: 0;
	z-index: 100;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
@media all and (max-width: 1200px){
	#menu_zalogowany .menu_zalogowany_box{
		display: block;
		width: 280px;
		padding: 0;
		background: transparent;
		position: fixed;
		top: 0px;
		z-index: 100;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
}
@media all and (max-width: 768px){
	#menu_zalogowany .menu_zalogowany_box{
		display: block;
		width: 280px;
		padding: 0;
		background: transparent;
		position: fixed;
		top: 0px;
		z-index: 100;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
}
#menu_zalogowany .menu_zalogowany_box .menu_header{
	display: none;
	width: 280px;
	height: 620px;
	background: silver;
	padding: 10px 5px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	opacity: 0.3;
	transition: 0.5s all ease-in-out;
}
@media all and (max-width: 1200px){
	#menu_zalogowany .menu_zalogowany_box .menu_header{
		display: none;
		width: 280px;
		height: 570px;
		background: silver;
		padding: 10px 5px;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		opacity: 0.3;
		transition: 0.5s all ease-in-out;
	}
}
@media all and (max-width: 768px){
	#menu_zalogowany .menu_zalogowany_box .menu_header{
		display: none;
		width: 280px;
		height: 590px;
		background: silver;
		padding: 10px 5px;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		opacity: 0.3;
		transition: 0.5s all ease-in-out;
	}
}
#menu_zalogowany .menu_zalogowany_box .menu_header:hover{
	opacity: 1;
	transition: 0.5s all ease-in-out;

}
#menu_zalogowany .menu_header .menu_header_close{
	color: white;
	background: silver;
	border: 0px;
	outline: 0;
}
#menu_zalogowany .menu_header .menu_header_close:active{
	color: green;
}
#menu_zalogowany .menu_zalogowany_box .menu_header h5{
	margin:0;
	padding: 5px;
	color: red;
	font-family: 'Orbitron', serif;
	letter-spacing: 1px;
}
#menu_zalogowany .menu_zalogowany_box .menu_header ul{
	width: 100%;
}
#menu_zalogowany .menu_zalogowany_box .menu_header ul li{
	margin-left: -35px;
	list-style: none;
	font-family: 'Old Standard TT', serif;
	overflow:auto;
}
#menu_zalogowany .menu_zalogowany_box .menu_header p{
	font-weight: bold;
	padding: 0px 5px;
	text-align: left;
	color: green;
}
#menu_zalogowany .menu_zalogowany_box .menu_footer{
	position: relative;
	height: 35px;
	border-top: 1px solid black;
	background: rgba(0,0,0,0.8);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;	
}
#menu_zalogowany .menu_zalogowany_box .menu_footer span{
	position: absolute;
	top: 50%;
	left: 50%;
	color: green;
	transform: translate(-50%, -50%);
	opacity: 0.9;
	font-weight: bold;
	letter-spacing: 1px;
}
#menu_zalogowany .menu_zalogowany_box .menu_header_box{
	height: auto;
	background: rgba(255,255,255,0.2);
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 3px;
	margin: 5px 0px;
	transition: 0.5s all ease-in-out;
	font-family: 'Old Standard TT', serif;
	text-transform: uppercase;
}
#menu_zalogowany .menu_zalogowany_box .menu_header_box:hover{
	background: green;
	color: white;
	transition: 0.5s all ease-in-out;
	cursor: pointer;
}
#menu_zalogowany .menu_zalogowany_box .menu_header_box:hover p{
	transition: 0.5s all ease-in-out;
	color: white;
}
#menu_zalogowany .menu_zalogowany_box .menu_header_box .top i{
	float: left;
	font-size: 2.2em;
}
#menu_zalogowany .menu_zalogowany_box .menu_header_box .bottom p{
	float: left;
	margin-top: 5px;
	margin-bottom: 0px;
}
#menu_zalogowany .menu_zalogowany_box .margin_top{
	margin-top: 50px;
}
/* AKTUALIZUJ DANE */
#aktualizuj_dane hgroup h2{
	font-size: 2em;
	line-height: 0.5em;
}
#aktualizuj_dane hgroup h4{
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 1px;
	color: #FE5603;
	opacity: 0.5;
}
#aktualizuj_dane .aktualizuj_dane_box{
	opacity: 0.3;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.3);
	padding: 10px 10px;
	border-radius: 3px;
}
#aktualizuj_dane .aktualizuj_dane_box span.format{
	color: #FE5603;
	font-size: 0.7em;
}
/* ZAMOWIONE GRY */
#zamowione_gry .niestety{
	margin-top: 50px;
}
/* LINIE OZDOBNE */
.line_orange{
	position: relative;
	z-index: 2;
	border-bottom: 2px solid #FE5603;
}
.line_gray{
	position: relative;
	z-index: 2;
	border-bottom: 2px solid #4C4B4B;
}
/* HEADER NA STRONIE */
#header{
	height: 130px;
	padding: 25px 20px;
}
#header_row{
	height: 80px;
	width: 100%;
}
#logo{
	height: 80px;
	width: 350px;
	background: transparent;
	color: white;
	font-family: 'Orbitron', serif;

}
#logo:hover #logo_img{
	animation-name: pulse;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
}
#logo:hover a{
	color: #03B5FF;
}
#logo a{
	color: white;
}
#logo_lista ul{
	list-style: none;
	padding: 10px 5px 5px 5px; 
}
#logo_lista ul li{
	letter-spacing: 10px;
	font-weight: bold;
	text-shadow: 0px 0px 25px #0379FE;
}
#logo img{
	height: 80px;
	background: transparent;
}
#logo_img{
	padding: 0px;
}

/* GÓRNE MENU W HEDERZE */

#menu{
	position: relative;
	top: 50%;
	background: transparent;
	transform: translateY(-50%);
}
@media all and (max-width: 1200px){
	#menu{
		position: relative;
		top: 0px;
		background: transparent;
	}
}
.nav-pills > li{
	width: 108px;
	height: 70px;
	border-radius: 50%;
	margin: 0px 10px;
	border: 1px solid black;
	padding-left: 5px; 
	background: #020000; 
}
.nav-pills > li > a{
	width: 108px;
	height: 70px;
	border-radius: 50%;
	position: relative;
	top: 50%;
	background: #EEEDED;
	transform: translateY(-50%);
	font-size: 1em;
	font-family: 'Old Standard TT', serif;
	border: 1px solid rgba(0,0,0,0.5);
	outline: 0;
	color: black;
}
.nav-pills > li > a > span{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.nav-pills > li > a > span.item_1{
	font-size: 1em;
	padding-left: 8px;
}
.nav-pills > li > a > span.item_2{
	font-size: 1em;
	padding-left: 5px;
}
/* aktywny odnosnik (a) w menu */
.nav-pills > li.active > a{
	background: #6F6F6Fy;
	box-shadow: inset 0px 0px 10px white;

}
/* aktywny odnosnik (a) w menu po najechaniu */
.nav-pills > li > a:hover{
	background: #FE5603;
	color: white;
	box-shadow: inset 0px 0px 10px white;
	transition: all 0.2s ease-in-out;    /* SPWOLNIENIE PRZEJSCIA W PRZYCISKU */
}
/* aktywny odnoścnik (a) po nacisnieciu */
.nav-pills > li.active > a:focus{
	background: yellow;
}

/* SEKCJA MENU ŚRODKOWEGO TOP POLECANE */

#menu_srodkowe .left ul li{
	float: left;
	display: inline;
	border: 1px solid rgba(0,0,0,0.3);
	padding: 5px 25px;
	border-radius: 3px;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 2px;
	background: #4C4B4B;
	color: white;
	margin: 0px 5px 5px 0px;
}
@media all and (max-width: 992px){
	#menu_srodkowe .left ul li{
		width: 100%;
		position: relative;
		left: -5px;
	}
}
@media all and (max-width: 480px){
	#menu_srodkowe .left ul li{
		position: relative;
		left: -20px;
	}
}
#menu_srodkowe .left ul li:hover{
	background: #FE5603;
	cursor: pointer;
	animation: pulse 0.3s;
}
#menu_srodkowe .left ul li i{
	position: relative;
	top: 3px;
}

#menu_srodkowe .right ul li{
	float: right;
	display: inline;
	border: 1px solid rgba(0,0,0,0.3);
	padding: 5px 25px;
	border-radius: 3px;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 2px;
	background: #4C4B4B;
	color: white;
	margin-bottom: 5px;
	margin: 0px 5px 5px 0px;
}
#menu_srodkowe .right ul li i{
	position: relative;
	top: 3px;
}
@media all and (max-width: 992px){
	#menu_srodkowe .right ul li{
		width: 100%;	
	}
}
@media all and (max-width: 480px){
	#menu_srodkowe .right ul li{
		position: relative;
		left: -75px;
	}
}
#menu_srodkowe .right ul.two > li.blink_li:hover{
	cursor: pointer;
}

#menu_srodkowe ul li.active_link_orange{
	background: #FE5603;
}
#menu_srodkowe ul li.active_link_gold{
	background: #FE5603;
	color: black;
	font-family: 'Old Standard TT', serif;
	font-weight: 900;
}
#menu_srodkowe ul li.active_link_green{
	background: #03A319;
}
@media all and (max-width: 480px){
	#menu_srodkowe .right{
		width: 100%;
	}
	#menu_srodkowe .left{
		width: 100%;
	}
	#menu_srodkowe .right ul li{
		position: relative;
		left: -15px;
	}
}
/* SEKCJA POLECANE PIĘĆ KAFELKÓW I EFEKTY */

#thumbnails{
	background: #4C4B4B;
	position: relative;
	z-index: 2;
}
#thumbnails .thumbnail{
	margin-top: 20px;
	background: transparent;
	
}
#thumbnails .thumbnail{
	/*animation: pulse 0.5s;*/
	background: #E6E3E3;
	box-shadow: inset 0px 0px 25px #4C4B4B;
	//border: none;
}
#thumbnails .thumbnail > img{
	transform: scale(0.8,0.8);
	transition-duration: 0.2s;
	height: 167px;
	width: 146px;
	border-radius: 5px;
}
#thumbnails .thumbnail:hover > img{
	transform: scale(1,1);
	transition-duration: 0.2s;
	animation: fadeIn 0.3s;
	border-radius: 3px;
}
/* itemy */
#polecane{
	margin-top: 25px;
}
#polecane div.polecaneBeck a{
	font-size: 2em;
	margin-left: 20px;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 10px;
	border-radius: 5px;
	background: rgba(255,255,255,0.2);
}
#polecane div.polecaneBeck a i{
	transition: 0.5s all ease-in-out;
	color: silver;
}
#polecane div.polecaneBeck a:hover > i{
	color: green;
	transform: rotate(-360deg);
	transition: 0.5s all ease-in-out;
}
#polecane hgroup h2{
	line-height: 0.7em;
}
#polecane hgroup h6{
	line-height: 0.7em;
	color: #FE5603; 
}
#polecane .polecane_outline{
	display: inline-block;
	padding: 10px 0px;
	height: auto;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 3px;
	overflow: hidden;
}
#polecane .left{
	position: relative;
	left: -300px;
	height: auto;
	background: rgba(255,255,255,0.6);
	opacity: 0.8;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
@media all and (max-width: 992px){
	#polecane .left{
		background: none;
	}
}
#polecane .left .inside_img{
	position: relative;
	height: 200px;
}
@media all and (max-width: 992px){
	#polecane .left .inside_img img{
		position: relative;
		left: 86px;
	}
}
#polecane .left .inside_opis{
	height: auto;
	padding-bottom: 5px;
}
#polecane .left .inside_opis p{
	text-align: center;
}
@media all and (max-width: 992px){
	#polecane .left .inside_opis p{
		text-align: left;
	}
}
#polecane .left .inside_opis span{
	text-align: left;
	margin-left: 8px;
	color: #FE5603; 
}
#polecane .left .inside_opis ul{
	display: table;
	width: 100%;
	margin: 5px 0px;
	padding: 0px;
}
#polecane .left .inside_opis ul li{
	display: table-cell;
	text-align: center;
	font-size: 0.9em;
	padding: 2px 5px 5px 5px;
}
#polecane .left .img-thumbnail{
	background: rgba(0,0,0,0.5);
	border-color: rgba(0,0,0,0.1);
}
#polecane .left img{
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	height: 180px;
	width: 150px;
	color: red;
	transform: translate(-50%, -50%);
}
#polecane .right{
	position: relative;
	height: auto;
}
#polecane .right h3{
	color: green;
}
#polecane .zamowienie_ocena{
	text-align: center;
	color: green;
}
/* SEKCJA ZWIĄZANA Z DOLNYM MENU ILOŚĆ GIER */
/* box pomocniczy pod menu dolne */
.box_padding{
	width: 100%;
	height: 1px;
	display: block;
	margin-bottom: 18px;
	background:transparent;
}
section > .menu_dolne{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: auto;
	display: none;  /* włączenie i wyłaczenie zwijanego menu_dolnego */
	background: rgba(0,0,0,0.9);
	background-size: cover;
	padding: 10px;
	z-index: 10;
	border-top: 2px solid #FE5603;
}
@media all and (max-width: 480px){
	section > .menu_dolne{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 100%;
		display: none;
		background: black;
		background-size: cover;
		padding: 10px;
		z-index: 10;
		opacity: 0.5s;
		overflow: scroll;
	}
}
section .menu_dolne h4{
	color: white;
	font-family: 'Orbitron', serif;
	font-size: 1.5em;
	width: 100%;
}
.menu_close{
	background: transparent;
	border: none;
	color: white;
	margin: 0px 20px;
}
#menu_dolne i.gwiazdy{
	color: #FDE801;
}
#menu_dolne .outline{
	text-align: center;
	padding: 20px 5px;
	
}
#menu_dolne .item{
	display: block;
	height: auto;
	background: #E6E3E3;
	box-shadow: inset 0px 0px 25px #4C4B4B;
	position: relative;
	padding: 5px 10px 5px 10px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px; 
}
#menu_dolne .item .top{
	color: red;
	width: 100%;
	height: 80px;
	background: transparent;
	margin-bottom: 10px;
}
#menu_dolne .item:hover .top span{
	color: red;
	transition: 0.5s all ease-in-out;
	text-shadow: 0px 0px 55px red;

}
#menu_dolne .item .top > span{
	position: relative;
	top: 25px;
	font-family: 'Orbitron', serif;
	letter-spacing: 1px;
	color: white;
	text-shadow: 0px 0px 3px black;
	font-size: 2.8em;
	transition: 0.5s all ease-in-out;
}
#menu_dolne .item .bottom{
	width: 100%;
	height: auto;
	background: transparent;
	margin-top: 5px;
	letter-spacing: 2px;
	border-radius: 3px;
}
.orange{
	background: #FF4800;
	color: white;
	border-radius: 3px;
}
.green{
	background: #03A319;
	color: white;
	border-radius: 3px;
}
.blue{
	background: blue;
	color: white;
	border-radius: 3px;
}
#menu_dolne .item .bottom p{
	font-family: 'Orbitron', serif;
	font-size: 1em;
}
@media all and (max-width: 1200px){
	#menu_dolne .item .bottom p{
		font-family: 'Orbitron', serif;
		font-size: 0.8em;
	}
}
@media all and (max-width: 992px){
	#menu_dolne .item .bottom p{
		font-family: 'Orbitron', serif;
		font-size: 0.6em;
	}
}
.content_active .row{
	margin: 5px 0px;
}

#mini_menu{
	font-size: 2em;
	border: 1px solid rgba(0,0,0,0.3);
	padding: 5px;
}
.title-font{
	font-family: 'Old Standard TT', serif;
}
h5.title-font {
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: -5px;
	color: rgba(255,255,255,0.8);
	text-shadow: 0px 0px 10px #FE5603;
}

/* GŁÓWNY KONTENT TRESCI NA STRONIE - content_center */

/* wspólne style dla tresci kontentu */

.changing_content{
	display: none;
	color: #4B4B4B;
	font-weight: bold;
	background: rgba(0,0,0,0.8);
	height: auto;
	padding: 15px 5px 45px 5px;
	margin-bottom: -20px;
}
#content_center hgroup h2{
	font-size: 2em;
	line-height: 0.5em;
}
#content_center hgroup h4{
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 1px;
	color: #FE5603;
	opacity: 0.5;
}

#content_center{
	position: relative;
	top: 0px;
	display: block;
	margin-top: 20px;
}
@media all and (max-width: 480px){
	#content_center{
		position: relative;
		top: 20px;
		bottom: 100px;
	}
}
@media all and (max-width: 768px){
	#content_center{
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
@media all and (max-width: 992px){
	#content_center{
		position: relative;
		bottom: 500px;
	}
}
@media all and (max-width: 1200px){
	#content_center{
		position: relative;
		bottom: 20px;
	}
}

/* POD KONTENEREM DLACZEGO WARTO */

/* STRONA GŁÓWNA */
#strona_glowna{
	display: block;
	height: auto;
}
#strona_glowna .left{
	height: 120px;
	position: relative;

}
@media all and (max-width: 992px){
	#strona_glowna .left{
		margin-bottom: 0px;
	}
}
#strona_glowna img{
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(-50%, -50%);
	opacity: 0.3;
}
@media all and (max-width: 992px){
	#strona_glowna img{
		left: 50%;
	}
}
#strona_glowna .table{
	border: 0px solid white;
	background: transparent;
	border-top-left-radius: 10px;
}
#strona_glowna table thead tr th{
	color: red;
	font-weight: bold;
	font-family: 'Old Standard TT', serif; 
}
#strona_glowna table thead tr th{
	background: white;
	text-align: center;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
#strona_glowna table tr:nth-child(even){
	background: black;
	opacity: 0.9;
	border-bottom: 1px solid white;
}
#strona_glowna table tr:nth-child(odd){
	background: black;
	opacity: 0.9;
	border-bottom: 1px solid white;
}

#strona_glowna table tr td:last-child{
	position: relative;
	background: transparent;
	width: 20%;
}
#strona_glowna table tr td:last-child > img{
	position: absolute;
	top: 18px;
	left: 50%;

}
#strona_glowna .right{
	height: 120px;
	position: relative;
}
#strona_glowna p{
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
}
#strona_glowna .item_first{
	height: 120px;
}
#strona_glowna table tr td > img{
	position: relative;
	top: 10px;
	left: 0px;
	opacity: 1;
	display: block;
	height: 20px;
	width: 20px;
}
#strona_glowna .item_two{
	height: 120px;
	margin-bottom: 15px;
}
#strona_glowna .strona_glowna_table{
	height: 220px;
}
@media all and (max-width: 992px){
	#strona_glowna .strona_glowna_table .left,
	#strona_glowna .strona_glowna_table .right{
			height: 250px;
	}
}

/* O NAS */

#o_nas{
	margin-left: -15px;
	width: 100%;
}
@media all and (max-width: 768px){
	#o_nas{
		padding: 0px 15px;
	}
}
#two_row{
	position: relative;
	top: 20px;
	display: block;
	margin-bottom: 0px;
}
.two_row_item{
	height: auto;
	opacity: 0.3;
	padding: 5px 10px;
}
@media all and (max-width: 1200px){
	.two_row_item{
		float: left;
	}
}
.two_row_item:hover{
	opacity: 1;
	transition: 0.5s all ease-in-out;
}
.two_row_item:hover img{
	box-shadow: 0px 0px 15px white;
}

/* GRY */
/* podstrona playstation 3 (spis gier) */
#spis_gier .outline_box{
	padding: 0;
	margin: 5px 0px; 
}
#spis_gier .outline_box .btn_ps3{
	background: blue;
	color: white;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 1px;
	font-weight: bold;
	border: 1px solid rgba(255,255,255,0.2);
}
#spis_gier .outline_box .btn_psp{
	background: #FE5603;
	color: white;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 1px;
	font-weight: bold;
	border: 1px solid rgba(255,255,255,0.2);
}
#spis_gier .outline_box .btn_xbox360{
	background: green;
	color: white;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 1px;
	font-weight: bold;
	border: 1px solid rgba(255,255,255,0.2);
}
#spis_gier .sort_box{
	background: silver;
}
#spis_gier .belt_navigation{
	display: none;
	float: left;
	margin-bottom: 3px; 
}
#spis_gier table{
	width: 100%;
	opacity: 1;                         /* opacity dla tabelek ze spisem dostępnych gier */
	border-bottom: 1px solid white;
	color: white;
}
#spis_gier table thead th{
	color: white;
	text-align: center;
	border: 1px solid rgba(255,255,255,0.2);
	font-family: 'Old Standard TT', serif;
}
#spis_gier table thead.thead_ps3 th{
	background: blue;
}
#spis_gier table thead.thead_psp th{
	background: #FE5603;
}
#spis_gier table thead.thead_xbox360 th{
	background: green;
}
#spis_gier table tbody tr td img{
	width: 105px;
	height: 115px;
}
#spis_gier table tbody tr td:nth-child(2){
	border-bottom: 1px solid rgba(255,255,255,0.2);
	font-family: 'Orbitron', serif;
	background: silver;
	opacity: 0.7;
	color: black;
	width: 480px;
}
#spis_gier table tbody tr td:nth-child(1){
	border: 1px solid rgba(255,255,255,0.2);
	width: 100px;
}
#spis_gier table tbody.body_ps3 tr td:nth-child(1){
	background: blue;
}
#spis_gier table tbody.body_psp tr td:nth-child(1){
	background: #FE5603;
}
#spis_gier table tbody.body_xbox360 tr td:nth-child(1){
	background: green;
}
#spis_gier table tbody tr td:nth-child(3){
	border: 1px solid rgba(255,255,255,0.2);
	font-family: 'Orbitron', serif;
	background: silver;
	opacity: 0.6;
	color: black;
}
#spis_gier table tbody tr td.zalogowany_ps3:nth-child(4){
	border-right: 1px solid rgba(255,255,255,0.2);
	font-family: 'Orbitron', serif;
	width: 130px;
	background: blue;
	opacity: 1;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#spis_gier table tbody tr td.zalogowany_psp:nth-child(4){
	border-right: 1px solid rgba(255,255,255,0.2);
	font-family: 'Orbitron', serif;
	width: 130px;
	background: #FE5603;
	opacity: 1;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#spis_gier table tbody tr td.zalogowany_xbox360:nth-child(4){
	border-right: 1px solid rgba(255,255,255,0.2);
	font-family: 'Orbitron', serif;
	width: 130px;
	background: green;
	opacity: 1;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#spis_gier table tbody tr td > a{
	color: white;
}
#spis_gier table tbody tr td > a:hover{
	text-decoration: none;
	color: red;
}
#spis_gier table tbody tr td a span > i{
	visibility: hidden;
	position: relative;
	top: 0px;
	color: white;	
}
#spis_gier table tbody tr td a span:hover > i{
	visibility: visible;
	animation: fadeInLeft 0.5s;
}
#spis_gier p > a{
	font-family: 'Orbitron', serif;
	text-decoration: none;
}
#spis_gier p > a.pagination_ps3{
	font-family: 'Orbitron', serif;
	color:white;
	display: inline-block;
	height: 22px;
	width: 22px;
	border: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	margin: 0px 1px;
	background: blue;
	text-decoration: none;
}
#spis_gier p > a.pagination_psp{
	font-family: 'Orbitron', serif;
	color: white;
	display: inline-block;
	height: 22px;
	width: 22px;
	border: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	margin: 0px 1px;
	background: #FE5603;
	text-decoration: none;
}
#spis_gier p > a.pagination_xbox360{
	font-family: 'Orbitron', serif;
	color: white;
	display: inline-block;
	height: 22px;
	width: 22px;
	border: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	margin: 0px 1px;
	background: green;
	text-decoration: none;
}
#spis_gier span.pagination_ps3{
	font-family: 'Orbitron', serif;
	color: #FE5603;
	display: inline-block;
	height: 22px;
	width: 22px;
	border: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	margin: 0px 1px;
	background: black;
}
#spis_gier span.pagination_psp{
	font-family: 'Orbitron', serif;
	color: #FE5603;
	display: inline-block;
	height: 22px;
	width: 22px;
	border: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	margin: 0px 1px;
	background: black;
}
#spis_gier span.pagination_xbox360{
	font-family: 'Orbitron', serif;
	color: #FE5603;
	display: inline-block;
	height: 22px;
	width: 22px;
	border: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	margin: 0px 1px;
	background: black;
}
#spis_gier p{
	font-family: 'Old Standard TT', serif;
}
/* PROMOCJA */

#promocja div.lvpoints{
	display: block;
}
#promocja div.lvpoints > .btn-primary{
	background: url("../img/anioły2.png") no-repeat;
	border: 1px solid white;
	box-shadow: inset -1px -1px 5px white;
	color: white;
	font-weight: bold;	
}
#promocja div.lvpoints > .btn-primary:hover{
	cursor: default;
	outline: 0;
	border: 1px solid white;
}
#promocja{
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
}
#promocja:hover{
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
#promocja .skala{
	position: relative;
	top: -20px;
	width: 100%;
}
#promocja .skala span.skala_center{
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
#promocja table{
	width: 100%;
}
#promocja table thead tr th{
	border: 1px solid rgba(255,255,255,0.3);
	background: rgba(255,255,255,0.2);
	color: rgba(255,255,255,0.6);

}
#promocja table tbody tr td{
	text-align: center;
	border: 1px solid rgba(255,255,255,0.3);
}
/* left */
#promocja #promocja_kontent{
	height: 575px;
	width: 100%;
	background: url("../img/anioły2.png") no-repeat;
	background-size: cover;
}
@media all and (max-width: 1200px){
	#promocja #promocja_kontent{
		height: 575px;
		width: 100%;
		background: url("../img/anioły2-967px.png") no-repeat;
		background-size: cover;
	}
}
@media all and (max-width: 1200px){
	#promocja #promocja_kontent{
		height: 575px;
		width: 100%;
		background: url("../img/anioły2-768px.png") no-repeat;
		background-size: cover;
	}
}
#promocja #promocja_kontent .left{
	display: block;
	margin: 10px 0px;
	padding: 5px;
}
#promocja #promocja_kontent .left > div.stage-circle{
	display: block;
	height: 85px;
	width: 100%;
	background: white;
	border-radius: 50%;
	position: relative;
	border: 1px solid rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 50px orange;
}
#promocja #promocja_kontent .left > div.stage-circle-active{
	display: block;
	height: 85px;
	width: 100%;
	background: green;
	border-radius: 50%;
	position: relative;
	border: 1px solid white;
	box-shadow: inset 0px 0px 20px white;
	color: white;	
}
#promocja #promocja_kontent .left div.stage-circle > span.number{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Old Standard TT', serif;
	font-size: 2.5em; 
}
/* right */
#promocja #promocja_kontent .right{
	display: block;

}
#promocja #promocja_kontent .right{
	display: block;
	height: 95px;
	margin: 10px 0px;
	padding: 5px;
}
@media all and (max-width: 768px){
	#promocja #promocja_kontent .right{
		display: block;
		height: 110px;
		margin: 10px 0px;
		padding: 5px;
	}
}
#promocja #promocja_kontent .right .promocja_item .item_1,
#promocja #promocja_kontent .right .promocja_item .item_2,
#promocja #promocja_kontent .right .promocja_item .item_3,
#promocja #promocja_kontent .right .promocja_item .item_4,
#promocja #promocja_kontent .right .promocja_item .item_5{
	color: rgba(0,0,0,0.3);
	background: yellow url("../img/suprice_cart.png");
	width: 163px;
	text-align: left;
	border: 1px solid orange;
	height: 85px;
	transition: all 0.2s ease-in-out;
	overflow: hidden;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
#promocja #promocja_kontent .right .promocja_item a .item_1:hover,
#promocja #promocja_kontent .right .promocja_item a .item_2:hover,
#promocja #promocja_kontent .right .promocja_item a .item_3:hover,
#promocja #promocja_kontent .right .promocja_item a .item_4:hover,
#promocja #promocja_kontent .right .promocja_item a .item_5:hover{
	transform: scale(0.95,0.95);
	transition: all 0.2s ease-in-out;
	border: 1px solid white;
	font-weight: bold;
}
#promocja #promocja_kontent .right .promocja_item .item_1 > div.active_points{
	color: green;
	opacity: 1;
}
#promocja #promocja_kontent .right .promocja_item .item_1:hover > p.active_points,
#promocja #promocja_kontent .right .promocja_item .item_2:hover > p.active_points,
#promocja #promocja_kontent .right .promocja_item .item_3:hover > p.active_points,
#promocja #promocja_kontent .right .promocja_item .item_4:hover > p.active_points,
#promocja #promocja_kontent .right .promocja_item .item_5:hover > p.active_points{
	animation-name: promotionColor;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
@media all and (max-width: 992px){
	#promocja #promocja_kontent .right .promocja_item .item_1,
	#promocja #promocja_kontent .right .promocja_item .item_2,
	#promocja #promocja_kontent .right .promocja_item .item_3,
	#promocja #promocja_kontent .right .promocja_item .item_4,
	#promocja #promocja_kontent .right .promocja_item .item_5{
		color: green;
		background: url("../img/suprice_cart.png") no-repeat;
		background-size: cover;
		background-position: -28px;
		width: 20%;
		text-align: left;
		border: 1px solid black;
		height: 85px;
	}
}
@media all and (max-width: 768px){
	#promocja #promocja_kontent .right .promocja_item .item_1,
	#promocja #promocja_kontent .right .promocja_item .item_2,
	#promocja #promocja_kontent .right .promocja_item .item_3,
	#promocja #promocja_kontent .right .promocja_item .item_4,
	#promocja #promocja_kontent .right .promocja_item .item_5{
		position: relative;
		color: green;
		background: url("../img/suprice_cart.png") no-repeat;
		background-size: contain;
		width: 33.333%;
		text-align: left;
		border: 0px solid red;
		height: 63px;
		margin: 1px 0px;
	}
}
@media all and (max-width: 768px){      /* część odpowiedzialna za wyrównanie pasków promocyjnych ekran 768px */
	#promocja #promocja_kontent .right .promocja_item_1{
		height: 63px;
		clear: both;
	}
	#promocja #promocja_kontent .right .promocja_item_2{
		height: 63px;
		clear: both;
	}
	#promocja #promocja_kontent .right .promocja_item_3{
		height: 63px;
		clear: both;
	}
	#promocja #promocja_kontent .right .promocja_item_4{
		margin-top: -65px;
		height: 63px;
		clear: both;
	}
	#promocja #promocja_kontent .right .promocja_item_5{
		margin-top: -130px;
		height: 63px;
		clear: both;
	}
}
#promocja #promocja_kontent .right .promocja_item .item_1 > p,
#promocja #promocja_kontent .right .promocja_item .item_2 > p,
#promocja #promocja_kontent .right .promocja_item .item_3 > p,
#promocja #promocja_kontent .right .promocja_item .item_4 > p,
#promocja #promocja_kontent .right .promocja_item .item_5 > p{
	position: relative;
	top: 10px;
	color: black;
	font-size: 1.5em;
	font-family: 'Orbitron', serif;
	opacity: 0.1;
}
#promocja #promocja_kontent .right .promocja_item .item_1 > p.active_points,
#promocja #promocja_kontent .right .promocja_item .item_2 > p.active_points,
#promocja #promocja_kontent .right .promocja_item .item_3 > p.active_points,
#promocja #promocja_kontent .right .promocja_item .item_4 > p.active_points,
#promocja #promocja_kontent .right .promocja_item .item_5 > p.active_points{
	color: green;
	opacity: 1;
}
.active_points{
	color: green;
	opacity: 1;
}
#promocja #promocja_kontent .right .promocja_item .item_1 > p,
#promocja #promocja_kontent .right .promocja_item .item_2 > p,
#promocja #promocja_kontent .right .promocja_item .item_3 > p,
#promocja #promocja_kontent .right .promocja_item .item_4 > p,
#promocja #promocja_kontent .right .promocja_item .item_5 > p{
		position: relative;
		top: 12px;
		color: red;
		font-size: 1.3em;
		font-family: 'Orbitron', serif;
	}
@media all and (max-width: 992px){
	#promocja #promocja_kontent .right .promocja_item .item_1 > p,
	#promocja #promocja_kontent .right .promocja_item .item_2 > p,
	#promocja #promocja_kontent .right .promocja_item .item_3 > p,
	#promocja #promocja_kontent .right .promocja_item .item_4 > p,
	#promocja #promocja_kontent .right .promocja_item .item_5 > p{
		position: relative;
		top: 12px;
		color: red;
		font-size: 1.3em;
		font-family: 'Orbitron', serif;
	}
}
@media all and (max-width: 768px){
	#promocja #promocja_kontent .right .promocja_item .item_1 > p,
	#promocja #promocja_kontent .right .promocja_item .item_2 > p,
	#promocja #promocja_kontent .right .promocja_item .item_3 > p,
	#promocja #promocja_kontent .right .promocja_item .item_4 > p,
	#promocja #promocja_kontent .right .promocja_item .item_5 > p{
		position: relative;
		top: 3px;
		color: red;
		font-size: 1em;
		font-family: 'Orbitron', serif;
	}
}
#promocja #promocja_kontent .right .promocja_item .item_1 > span,
#promocja #promocja_kontent .right .promocja_item .item_2 > span,
#promocja #promocja_kontent .right .promocja_item .item_3 > span,
#promocja #promocja_kontent .right .promocja_item .item_4 > span,
#promocja #promocja_kontent .right .promocja_item .item_5 > span{
	position: relative;
	top: 8px;
	line-height: 0px;
	float: right;
}
@media all and (max-width: 992px){
	#promocja #promocja_kontent .right .promocja_item .item_1 > span,
	#promocja #promocja_kontent .right .promocja_item .item_2 > span,
	#promocja #promocja_kontent .right .promocja_item .item_3 > span,
	#promocja #promocja_kontent .right .promocja_item .item_4 > span,
	#promocja #promocja_kontent .right .promocja_item .item_5 > span{
		position: relative;
		top: 12px;
		line-height: 0px;
		float: right;
	}
}
@media all and (max-width: 768px){
	#promocja #promocja_kontent .right .promocja_item .item_1 > span,
	#promocja #promocja_kontent .right .promocja_item .item_2 > span,
	#promocja #promocja_kontent .right .promocja_item .item_3 > span,
	#promocja #promocja_kontent .right .promocja_item .item_4 > span,
	#promocja #promocja_kontent .right .promocja_item .item_5 > span{
		position: absolute;
		left: 80px;
		top: 50px;
		line-height: 0px;
		color: green;
	}
}
/* akordeon w dziale promocja na dole po zalogowaniu */
#promocja .panel-heading{
	background: silver;
	border: 1px solid black;
	border-radius: 5px;
}
#promocja .panel-heading h4{
	text-align: center;
}
#promocja .panel-heading a{
	color: black;
	text-decoration: none;
	font-family: 'Orbitron', serif;
	letter-spacing: 3px;
}
#promocja .panel-body{
	background: url("../img/anioły2.png") no-repeat;
	color: black;
}
#promocja .panel-body table thead th{
	color: black;
}
/* PROMOCJA FOOTER CZĘŚĆ WIDOCZNA DLA NIE ZALOGOWANYCH UŻYTKOWNIKÓW - TRESC REKLAMOWA */
#promocja .footer{
	clear: both; 
}
#promocja .promocja_img{
	position: relative;

}
#promocja .promocja_img img{
	background: black;
	margin-bottom: 20px;
}
#promocja .left .tekst_zastempczo{
	position: relative;
	left: 50%;
	display: none;
	width: 400px;
	height: 200px;
	transform: translateX(-50%);
}
#promocja .left .tekst_zastempczo h3{
	color: green;
}
#promocja .left .tekst_zastempczo ul li{
	font-family: 'Orbitron', serif;
	letter-spacing: 2px;
}
#promocja .right .tekst_zastempczo{
	position: relative;
	left: 50%;
	display: none;
	width: 400px;
	height: 200px;
	transform: translateX(-50%);
}
#promocja .right .tekst_zastempczo h3{
	color: green;
}
#promocja .right .tekst_zastempczo ul li{
	font-family: 'Orbitron', serif;
	letter-spacing: 2px;
}
/* KONTAKT */
#kontakt .mapa-wraper h3{
	font-family: 'Old Standard TT', serif;
	font-size: 2.5em;
	letter-spacing: 5px;
	color: pink;
	margin-top: 0px;
}
#kontakt .mapa-wraper p{
	letter-spacing: 1px;
	line-height: 1.5em;
	font-weight: bold;
	font-family: 'Old Standard TT', serif;
	font-size: 1.2em;
	color: pink;
}
#kontakt .mapa-box{
	height: auto;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 3px;
	padding: 0px 0px;
	background: rgba(255,255,255,0.1);
	margin-bottom: 20px;
}
#kontakt .mapa-box-header{
	padding: 15px 0px;
	width: 100%;
	height: 156px;
	background: black url(../img/mapa_img.png) no-repeat top left;
	background-position: 0px -15px;
	background-size: cover;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	opacity: 0.8;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
@media all and (max-width: 1200px){
	#kontakt .mapa-box-header{
		width: 100%;
		background-size: 100% 170px;
		background-position: 0px -7px;
	}
}
#kontakt .mapa-box-header .opis{
	width: 50%;
	margin-right: 70px;
}
#kontakt{
	padding: 0px 15px 0px 0px;
}
@media all and (max-width: 768px){
	#kontakt{
		padding: 0px 15px;
	}
}
#kontakt .kontakt_box{
	opacity: 0.2;
}
#kontakt form textarea{
	width: 100%;
}
#kontakt .kontakt_box span.kontakt_box_gwiazdka{
	color: yellow;
	font-weight: bold;
	font-size: 0.7em;
	font-family: 'Old Standard TT', serif;
	letter-spacing: 1px;
}
#kontakt .kontakt_box form input:hover{
	cursor: pointer;
}
#kontakt .kontakt_box form input:focus{
	background: green;
	color: white;
}
/* SKUP GIER */

#skup_gier{
	margin-left: -15px;
	width: 100%;
}
@media all and (max-width: 768px){
	#skup_gier{
		padding: 0px 15px;
	}
}
#skup_gier .two_row{
	margin: 15px 0px; 
}
#skup_gier .two_row h4{
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 1px;
	color: #FE5603;
	opacity: 0.5;	
}
#skup_gier .skup_gier_outline{
	position: relative;
	height: auto;

}
@media all and (max-width: 992px){
	#skup_gier .skup_gier_outline{
		margin: 10px 0px; 	
	}
}
#skup_gier .skup_gier_outline .center_div{
	position: relative;
	width: 95%;
	height: 80%;
	margin: 0 auto;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.3);
	padding: 0px;
	border-radius: 3px;
}
#skup_gier .skup_gier_outline .center_div:hover{
	opacity: 1;
	background: rgba(0,0,0,0.2);
	
}
#skup_gier .skup_gier_outline a{
	text-decoration: none;
}
#skup_gier .skup_gier_outline .center_div .top_img{
	height: 80%;
	width: 100%;
	padding: 0px;
	opacity: 0.3;
}
#skup_gier .skup_gier_outline .center_div .top_img img{
	position: relative;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
#skup_gier .skup_gier_outline .center_div .bottom_H5{
	height: 20%;
	background: white;
	text-align: center;
	padding: 5px;
	font-family: georgia;
	color: black;
	opacity: 0.2;
}
#skup_gier .three_row{
	margin: 0px;
	padding: 15px 0px 15px 0px;
}
#skup_gier .three_row h5{
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 1px;
	color: #FE5603;
	opacity: 0.5;	
}

/* SPRZEDAŻ GIER */

@media all and (max-width: 768px){
	#sprzedaz_gier{
		padding: 0px 15px;
	}
}
#sprzedaz_gier h4{
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 1px;
	color: #FE5603;
	opacity: 0.5;	
}

/* WYMIANA GIER */

@media all and (max-width: 768px){
	#wymiana_gier{
		padding: 0px 15px;
	}
}
#wymiana_gier h4{
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 1px;
	color: #FE5603;
	opacity: 0.5;	
}

/* STREFA VIP */
#strefa_vip{
	opacity: 0.5;
}
#strefa_vip .strefa_vip_box{
	color: green;
}
.strefa_vip_item1,
.strefa_vip_item2,
.strefa_vip_item3,
.strefa_vip_item4,
.strefa_vip_item5{
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 10%;
}
/* ZALOGUJ */

#zaloguj .center{
	opacity: 0.3;
}
#zaloguj #ikona{
	position: relative;
	font-size: 5em;
	background: #03A319;
	height: 204px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
@media all and (max-width: 768px){
	#zaloguj #ikona{
		position: relative;
		font-size: 6em;
		background: #03A319;
		height: 204px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 0px;
	}
}
#zaloguj #ikona.ikona_zaloz_konto{
	position: relative;
	font-size: 5em;
	background: #03A319;
	height: 388px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;	
}
@media all and (max-width: 1200px){
	#zaloguj #ikona.ikona_zaloz_konto{
		font-size: 4em;
	}
}
@media all and (max-width: 768px){
	#zaloguj #ikona.ikona_zaloz_konto{
		font-size: 6em;
	}
}
#zaloguj #ikona i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}
@media all and (max-width: 992px){
	#zaloguj #ikona i{
		font-size: 1em;
	}
}
#zaloguj #form{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.3);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
@media all and (max-width: 768px){
	#zaloguj #form{
		position: relative;
		top: 0px;
		left: 0px;
		padding: 10px;
		border: 1px solid rgba(255,255,255,0.3);
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;	
	}
}
#zaloguj #form label div.error_form{
	color:red;
	font-size: 0.8em;
}




/*-------------------------------------------------------*/
#menu_srodkowe ul li.no-loged{
	background: red;
}
#menu_srodkowe ul li i.no-loged-ikons{
	position: relative;
	top: 2px;
	font-size: 1.2em;
}
/*-------------------------------------------------------*/





/* VOUTHERS PO ZALOGOWANIU */

#vouthers{
	opacity: 0.9;
}
#vouthers table thead tr th{
	border: 1px solid rgba(255,255,255,0.3);
	background: green;
	color: rgba(255,255,255,0.6);

}
#vouthers table tbody tr td{
	border: 1px solid rgba(255,255,255,0.3);
	background: none;
}
#vouthers table tbody tr td:nth-child(1),
#vouthers table tbody tr td:nth-child(2),
#vouthers table tbody tr td:nth-child(3){
	text-align: center;
}
#vouthers table tbody tr td a{
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(0,0,0,0.7);
	background: rgba(255,255,255,0.3);
	padding: 2px;
	border-radius: 5px;
}
#vouthers table tbody tr td a:hover{
	text-decoration: none;
}
#vouthers table tbody tr td:nth-child(3):hover > a{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	color: white;
	background: green;

	overflow: hidden;
}
#vouthers table tbody tr td:nth-child(3):hover > a > i{
	position: relative;
	top: 0;
	animation-name: zanikanie;
	animation-duration: 2s;
	animation-iteration-count: infinite;	
}
#vouthers table tbody tr td > a > i{
	color: rgba(0,0,0,0.7);
}
/* GENERATE VOUTHERS - vouther do wydrukowania */
#generateVouthers{
	color: silver;
	background-size: 100% 100%;
	background-position: -200px;
	letter-spacing: 2px;
}
#generateVouthers .margin_top i{
	font-size: 2em;
	margin-top: 15px;
}
#generateVouthers .log_left{
	display: block;
	position: relative;
	height: 722px;
	background: red;
	text-align: center;
	border-left: 3px solid black;
	border-right: 2px solid black;
	color: white;
	opacity: 0.5;
}
@media all and (max-width: 768px){
	#generateVouthers .log_left{
		height: 200px;
	}
}
#generateVouthers .log_left hgroup{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#generateVouthers .log_left i{
	color: yellow;
	opacity: 0.8;
	font-size: 1.5em;
}
#generateVouthers .margin_top{
	height: 60px;
	background: black;
	border-top: 2px solid red;
	opacity: 0.8;
}
#generateVouthers .margin_bottom{
	height: 60px;
	background: black;
	border-bottom: 2px solid red;
	opacity: 0.8;
}
#generateVouthers .con_right .generateVouthersIMG{
	margin-top: 20px;
	opacity: 0.7;
}
#generateVouthers .con_right span{
	font-weight: bold;
	font-size: 2em;
	font-family: 'Old Standard TT', serif;
	color:red;
}
#generateVouthers .con_right .generateVouthersDATA{
	margin-top: 5px;
}
#generateVouthers .generateUserData{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	color: silver;
	font-family: 'Orbitron', serif;
	letter-spacing: 5px;
	font-size: 1.2em;
}
#generateVouthers .con_right .generateUserData span{
	font-size: 0.7em;
	color: silver;
}
#generateVouthers .con_right .oswiadczenie p{
	font-size: 0.8em;
}
#generateVouthers .con_right .oswiadczenie p.generatePodpis{
	color: white;
	text-align: center;
}
#generateVouthers .con_right .oswiadczenie div.podpis_box{
	display: block;
	width: auto;
	height: auto;
}
#generateVouthers .con_right .oswiadczenie div.podpis{
	display: block;
	height: 40px;
	width: 200px;
	background: white;
	border: 2px solid black;
}
/* REZERWACJE PO ZALOGOWANIU */
#rezerwacje #box{
	position: relative;
	height: 100px;
}
#rezerwacje i{
	font-size: 4em;
}
#rezerwacje table tr td{
	border: 1px solid rgba(255,255,255,0.3);
}
#rezerwacje table thead tr td{
	border: 1px solid rgba(255,255,255,0.3);
	background: green;
	color: rgba(255,255,255,0.6);
}
#rezerwacje table tbody tr td a{
	text-decoration: none;
}
#rezerwacje table tbody tr td i{
	font-size: 1em;
}
#rezerwacje #box_coment{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#rezerwacje #box_coment i{
	border: 1px solid rgba(255,255,255,0.3);
	padding: 15px;
	border-radius: 5px;
	background: white;
	color: rgba(0,0,0,0.3);
	opacity: 0.5;
	margin-top: 20px;
}
#rezerwacje #box_coment span.else{
	position: relative;
	top: -12px;
	padding: 3px 10px;
	border-radius: 5px;
	font-family: 'Orbitron', serif;
	font-size: 1.5em;
	letter-spacing: 1px;
}

/* ZAMÓWIONE GRY - ZALOGOWANY UŻYTKOWNIK */
#showRechPromotion table thead tr th{
	border: 1px solid rgba(255,255,255,0.3);
	background: green;
	color: rgba(255,255,255,0.6);
}
#showRechPromotion table tbody tr td{
	border: 1px solid rgba(255,255,255,0.3);
}
/* SEKCJA FOOTER */

#footer{
	display: block;
	height: auto;
	width: 100%;
	background: rgba(0,0,0,0.8);
	padding: 10px 0px 5px 0px;
	color: white;
	font-family: 'Orbitron', serif;
	letter-spacing: 1px;
}
#footer .left{

}

#footer .left .column_1,
#footer .left .column_2,
#footer .left .column_3{
	position: relative;
	height: 130px;
	background: transparent;
	text-align: justify;
	border-left: 1px solid rgba(255,255,255,0.2);
}
@media all and (max-width: 992px){
	#footer .left .column_1,
	#footer .left .column_2,
	#footer .left .column_3{
		position: relative;
		height: 130px;
		background: transparent;
		text-align: justify;
		border-left: 0px solid rgba(255,255,255,0.2);
	}
}
@media all and (max-width: 768px){
	#footer .left .column_1,
	#footer .left .column_2{
		position: relative;
		width: 50%;
		height: 130px;
		background: transparent;
		text-align: justify;
		border-left: 0px solid rgba(255,255,255,0.2);
	}
	#footer .left .column_3{
		width: 100%;
	}
}
@media all and (max-width: 480px){
	#footer .left .column_1,
	#footer .left .column_2{
		width: 100%;
		border-bottom: 0px solid red;
		margin: 0 auto;
		position: relative;
	}
	
}
#footer .left .column_1:nth-child(1){
	border-left: 0px;
}
#footer .left .column_1 > ul,
#footer .left .column_2 > ul{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	list-style: none;
}
@media all and (max-width: 768px){
	#footer .left .column_1 > ul li,
	#footer .left .column_2 > ul li{
		font-size: 0.9em;
	}
}

#footer .left .column_3 > p{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
	color: rgba(255,255,255,0.3);
}
@media all and (max-width: 992px){
	#footer .left .column_3{
		margin-top: 10px;
		clear: both;
	}
}
@media all and (max-width: 480px){
	#footer .left .column_3{
		margin-top: 50px;
		clear: both;
	}
}
#footer .left a:hover{
	color: #FE5603;
	text-decoration: none;
}
#footer .mapa{
	height: 130px;
	position: relative;
}
#footer .mapa span{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2em;
}
#footer .mapa a:hover{
	color: #FE5603;
	text-decoration: none;
}
/* REGULAMIN ŚWIADCZENIA USŁUG */


#regulamin hgroup h2{
	font-size: 2em;
	line-height: 0.5em;
}
#regulamin hgroup h4{
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 1px;
	color: #FE5603;
	opacity: 0.5;
}
#regulamin .row{
	padding: 20px;
	border-radius: 3px;
}
#regulamin h5{
	margin-left: 16px; 
}
#regulamin ul{
	list-style: none;
}
#regulamin .pierwszy{
	background: rgba(255,255,255,0.2);
	color: rgba(0,0,0,0.8);
}
@media all and (max-width: 768px){
	#regulamin .pierwszy{
		margin: 0px 10px;
	}	
} 
#regulamin .drugi{
	background: rgba(255,255,255,0.3);
	color: rgba(0,0,0,0.8);
}
@media all and (max-width: 768px){
	#regulamin .drugi{
		margin: 0px 10px;
	}	
}
#regulamin .trzeci{
	background: rgba(255,255,255,0.4);
	color: rgba(0,0,0,0.8);
}
@media all and (max-width: 768px){
	#regulamin .trzeci{
		margin: 0px 10px;
	}	
}
/* MAPA DOJAZDU */
#mapa{

}
#mapa h2,p{
	margin: 0px;
}
@media all and (max-width: 768px){
	#mapa h2,p{
		margin: 10px;
	}
}
#mapa h4{
	margin: 10px 0px;
}
@media all and (max-width: 768px){
		#mapa h4{
			margin: 10px;
		}
	}
#mapa .mapa-wraper h3{
	font-family: 'Old Standard TT', serif;
	font-size: 2.5em;
	letter-spacing: 5px;
	color: pink;
	margin-top: 0px;
}
#mapa .mapa-wraper p{
	letter-spacing: 10px;
	line-height: 1.5em;
	font-weight: bold;
	color: pink;
}
#mapa .mapa-box{
	height: 390px;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 3px;
	padding: 0px 0px;
	background: rgba(255,255,255,0.1);
}
#mapa .mapa-box-header{
	padding: 15px 0px;
	width: 100%;
	height: 141px;
	background: black url(../img/mapa_img.png) no-repeat top left;
	background-size: cover;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	opacity: 0.8;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
@media all and (max-width: 1200px){
	#mapa .mapa-box-header{
		width: 100%;
		background-size: 100% 140px;
	}
}
#mapa .mapa-box-header .opis{
	width: 50%;
	margin-right: 70px;
}
#mapa .mapa-box-fotter{
	margin-left: 0px;
	margin-right:  10px;
}
#mapa .mapa-box-fotter iframe{
	margin-top: -20px;
	height: 230px;
}

/* INFORMACJE O COOKIE */
#cookie_info{
	width: 100%;
	height: auto;
	border: 1px solid white;
	position: fixed;
	bottom: 0;
	color: black;
	font-size: 0.9em;
	font-family: 'Old Standard TT', serif;
	padding: 5px 10px;
	background: #9B9999;
	letter-spacing: 1px;
	z-index: 2;
}
#cookie_info button.menu_close{
	margin: 0;
	padding: 0;
	float: right;
}
#cookie_info .cookie_info_box .left{
	position: relative;
	height: 50px;
	text-align: center;
}
#cookie_info .cookie_info_box .left p{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media all and (max-width: 992px){
	#cookie_info .cookie_info_box .left p{
		position: relative;
		height: 50px;
	}
}
#cookie_info .cookie_info_box .right{
	position: relative;
	height: 50px;
}
@media all and (max-width: 992px){
	#cookie_info .cookie_info_box .right{
		position: relative;
		height: 70px;
	}
}
@media all and (max-width: 768px){
	#cookie_info .cookie_info_box .right{
		position: relative;
		height: 104px;
		background: transparent;
	}
}
#cookie_info .cookie_info_box .right button.rozumiem{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*------------------------------------------------------*/