@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin,latin-ext);
.initial_hide{display:none;}
body {
   background: #02070D url('/gfx/bg.jpg?v=1') no-repeat top center;
   background-size: cover;
   background-attachment: fixed;
}
.ib{display:inline-block;}
.p0 {padding: 0px !important;}
.clr{clear:both;}
a{
	color:orange;
}
#discord{
	position:absolute;
	top:280px;
	left:35px;;
}
#lang_box{
	background:rgba(0,0,0,0.1);
	box-shadow:0 0 3px grey;
	position:absolute;
	top:20px;
	left:20px;
	border-radius:5px;
	color:white;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
	text-transform:uppercase;
	padding:5px;
}
.lang{
	float:right; 
	height:36px;
	margin-left:10px;
	padding-top:6px;
	padding-left:5px;
}
.lang button{
	border:none;
	background:none;
	color:white;
	width:128px;
	height:22px;
	text-align:left;
	text-transform:uppercase;
	border:1px solid grey;
}
#lang_box:hover .lang_submenu{
	display:block;
}
.lang .lang_submenu{
	position:absolute;
	padding:0px 10px;
	width:128px;
	list-style-type:none;
	padding-top:5px;
	display:none;
	background:rgba(0,0,0,0.5);
}
.lang .lang_submenu a{
	color:white;
	text-align:left;
	display:block;
}
.flag{
	width:12px;
	height:12px;
	display:inline-block;
	position:relative;
}
.flag.pl{
	background: url('/gfx/main.png?v=1');
}
.flag.en{
	background: url('/gfx/main.png?v=1') -12px 0;
}
header.notLogged {
  width: 960px;
  height: 241px;
  margin: 0 auto;
  position: relative;
}
header.notLogged #logo {
  position: absolute;
  top: 33px;
  left: 82px;
}
header.notLogged #panel {
  position: absolute;
  top: 30px;
  right: -13px;
}
#login_captcha{
	position:relative;
	width:300px;
	height:100px;
	z-index:9999;
	left:60px;
	top:-20px;
}
header.notLogged #panel .notLogged {
  width: 442px;
  height: 190px;
  background: url('/gfx/main.png?v=1') 0 -427px;
  padding: 11px 13px 10px 40px;
}

header.notLogged #panel .notLogged #logout {
  position: absolute;
  top: 148px;
  left: 289px;
  font-family: 'Play', sans-serif;
  text-decoration: none;
  color: #69aae4;
  font-size: 13px;
  background:none;
  border:none;
}
header.notLogged #panel .notLogged form .input {
  width: 237px;
  height: 31px;
  line-height: 31px;
  z-index: 2;
}
header.notLogged #panel .notLogged form .input label.label {
  float: left;
  width: 50px;
  height: 31px;
  line-height: 31px;
  text-align: right;
  font-family: 'Play', sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight:normal;
}
header.notLogged #panel .notLogged form .player_name {
  position: absolute;
  top: 67px;
  left: 100px;
  width: 120px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-family: 'Play', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight:bold;
  margin-left:10px;
}

header.notLogged #panel .notLogged form .input input[type="text"],
header.notLogged #panel .notLogged form .input input[type="password"] {
  width: 174px;
  height: 31px;
  float: right;
  background: url('/gfx/main.png?v=1') 0 -365px;
  border: none;
  padding: 0 15px;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  color: #376288;
}
header.notLogged #panel .notLogged form .input.login {
  position: absolute;
  top: 37px;
  left: 71px;
}
header.notLogged #panel .notLogged form .input.password {
  position: absolute;
  top: 80px;
  left: 71px;
}
header.notLogged #panel .notLogged form .input.serwer {
  position: absolute;
  top: 123px;
  left: 71px;
}
header.notLogged #panel .notLogged form .input select {
  margin: 0;
  background: url('/gfx/main.png?v=1') 0 -396px;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: '';
  appearance: none;
  cursor: pointer;
  width: 133px;
  padding: 0 0 0 14px;
  height: 31px;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  color: #376288;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  header.notLogged #panel .notLogged form .input select {
    padding-right: 18px;
  }
}
header.notLogged #panel .notLogged form .input label.select {
  position: relative;
  margin: 0 0 0 13px;
}
header.notLogged #panel .notLogged form .input label.select:after {
  content: '';
  right: 10px;
  top: 10px;
  padding: 0;
  position: absolute;
  pointer-events: none;
  width: 10px;
  height: 10px;
  background: url('/gfx/main.png?v=1') -70px 0;
}
header.notLogged #panel .notLogged form .input label.select:before {
  content: '';
  right: 25px;
  top: 6px;
  position: absolute;
  pointer-events: none;
  display: block;
  width: 2px;
  height: 17px;
  background: url('/gfx/main.png?v=1') -81px 0;
}
header.notLogged #panel .notLogged form input[type="submit"] {
  position: absolute;
  top: 8px;
  right: 19px;
  z-index: 1;
  width: 135px;
  height: 116px;
  background: url('/gfx/main.png?v=1') 0px -26px;
  border: none;
  padding: 0;
  margin: 0;
}

#shade{
  position: absolute;
  top: 25px;
  right: 40px;
  z-index: 0;
  width: 80px;
  height: 80px;
  border: none;
  padding: 0;
  margin: 0;
	animation: shadowThrob 5s infinite;
	animation-direction: alternate;
	-webkit-animation: shadowThrob 5s ease-out infinite;
	-webkit-animation-direction: alternate;
	border-radius:100px;
}

@keyframes shadowThrob {
  from {}
  to {box-shadow: 0 0 50px 20px orange;}
}
@-webkit-keyframes shadowThrob {
  from {}
  to {box-shadow: 0 0 50px 20px orange;}
}

header.notLogged #panel .notLogged form input[type="submit"]:hover {
  background: url('/gfx/main.png?v=1') 0px -142px;
}
header.notLogged #panel .notLogged form #no_account {
	position: absolute;
	top: 150px;
	left: 80px;
	color: #69aae4;
	font-size: 14px;
	text-align:center;
	width:300px;
}
header.notLogged #panel .notLogged form .checkbox {
  position: absolute;
  top: 110px;
  left: 140px;
}
header.notLogged #panel .notLogged form .checkbox label {
  font-family: 'Play', sans-serif;
  text-decoration: none;
  color: #69aae4;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  margin: 0 0 0 0;
  width: 157px;
  height: 16px;
  display: block;
  line-height: 18px;
}
header.notLogged #panel .notLogged form .checkbox input[type="checkbox"] + label span {
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  position: absolute;
  left: -5px;
  top: 2px;
  background: url('/gfx/main.png?v=1') -38px 0;
 
}
header.notLogged #panel .notLogged form .checkbox input[type="checkbox"]:checked + label span {
  background: url('/gfx/main.png?v=1') -54px 0;
}
/*MENU BAR*/
nav.notLogged {
  width: 960px;
  height: 48px;
  margin: 45px auto 10px;
  position: relative;
  z-index: 2;
}
nav:before {
  content: '';
  width: 1055px;
  height: 165px;
  background: url('/gfx/main.png?v=1') 0 -709px;
  position: absolute;
  top: -43px;
  left: -48px;
  z-index: -1;
}
nav.notLogged #freeRegister {
  width: 182px;
  height: 103px;
  display: block;
  font-family: 'Play', sans-serif;
  background: url('/gfx/main.png?v=1') -152px -0;
  position: absolute;
  top: -15px;
  left: 0;
  right:0;
  font-weight:bold;
  margin-left:auto;
  margin-right:auto;
  text-transform:uppercase;
  color:white;
  text-shadow:1px 1px 1px #000;
  font-size:15px;
  text-align:center;
  padding-top:17px;
  padding-left:10px;
  padding-right:10px;
}
nav.notLogged #freeRegister:hover {
  color:yellow;
  text-decoration:none;
  background: url('/gfx/main.png?v=1') -152px -110px;
}
nav.notLogged ul.nav {
  position: absolute;
  top: 0;
}
nav.notLogged ul.nav li {
  display: block;
  float: left;
  position: relative;
}
nav li.sep{
	background: url('/gfx/main.png?v=1') -83px 0;
	width:16px;
	height:17px;
	margin-top:15px;
}
nav.notLogged ul.nav li a.link {
  padding: 0 15px;
  display: block;
  line-height: 48px;
  height: 48px;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  font-weight: Bold;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
}
nav.notLogged ul.nav li a.link:hover {
  background: none;
  color:orange;
}
nav.notLogged ul.nav li.submenu ul {
  display: none;
  position: absolute;
  top: 48px;
  left: 0;
  background: rgba(255,254,31,0.47);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 5px 0;
}
nav.notLogged ul.nav li.submenu ul li {
  display: block;
  width: 100%;
}
nav.notLogged ul.nav li.submenu ul li:hover {
  background: #fffe1f;
}
nav.notLogged ul.nav li.submenu ul li a {
  height: 21px;
  line-height: 21px;
  white-space: nowrap;
  padding: 0 15px;
  display: block;
  font-family: 'Play', sans-serif;
  font-size: 12px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
nav.notLogged ul.nav li.submenu:hover > ul {
  display: block;
}
nav.notLogged ul.nav.left {
  left: 29px;
}
nav.notLogged ul.nav.right {
  left: 575px;
}
/*CONTENT*/
.wiedza_img {
  box-shadow: 0 0 2px 2px #274968;
  border-radius:3px;
  float: left; 
  margin: 0 10px 10px 0;
  width:170px;
  height:170px;
}
#content {
  width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background: #020e1a;
  border-radius: 5px;
  padding: 7px 0 0 0;
}
#content .partners{
	padding:40px;
	min-height:200px;
}
#content #helloStatsBox {
  width: 960px;
  padding: 0 0 20px 0;
}
#content #helloStatsBox #helloBox {
  width: 600px;
  float: left;
  position: relative;
}
#content #helloStatsBox #helloBox:before {
  width: 579px;
  height: 92px;
  position: absolute;
  top: 0;
  left: -111px;
  content: '';
  background: url('/gfx/main.png?v=1') 0 -617px;
}
#content #helloStatsBox #helloBox article {
  margin: 81px 0 0 36px;
  font-family: 'Play', sans-serif;
  color: #477aa7;
  font-size: 14px;
}
#content #helloStatsBox #helloBox article strong {
	color: gold;
}
#content #helloStatsBox #helloBox article ul{
	list-style-type: circle; 
	padding-left:20px;
	float:left;
	display:block;
}
#content #helloStatsBox #statsBox {
  float: left;
  width: 360px;
}
#content #helloStatsBox #statsBox table {
  margin: 81px 0 0 45px;
}
#content #helloStatsBox #statsBox table tbody tr td {
  font-family: 'Play', sans-serif;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 2px 0;
}
#content #helloStatsBox #statsBox table tbody tr td:first-child {
  width: 180px;
  color: #4779a6;
}
#content #helloStatsBox #statsBox table tbody tr td:last-child {
  font-weight: Bold;
  color: #ecd61c;
}
#content #helloStatsBox #statsBox #events {
  margin: 18px 0 0 38px;
}
#content #helloStatsBox #statsBox #events h2 {
  float: left;
  margin: 5px 6px 0 0;
  font-family: 'Play', sans-serif;
  font-size: 17px;
  font-weight: Bold;
  color: #ecd61c;
  text-transform: uppercase;
}
#content #helloStatsBox #statsBox #events ul {
  float: left;
  width: 260px;
  list-style:none;
}
#content #helloStatsBox #statsBox #events ul li {
  margin: 0 11px 5px 0px;
  height: 26px;
  line-height: 26px;
  background: url('/gfx/events-bg.png');
  padding: 0 2px;
  position: relative;
  font-family: 'Play', sans-serif;
  color: #ecd61c;
  font-size: 13px;
  font-weight: Bold;
  text-shadow:
   0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
#content #helloStatsBox #statsBox #events ul li strong {
  font-size: 11px;
  text-transform: uppercase;
  color: aqua;
  font-weight:3000;
}
#content #helloStatsBox #statsBox #events ul li:before {
  width: 6px;
  height: 26px;
  background: url('/gfx/main.png?v=1') -24px 0;
  content: '';
  position: absolute;
  top: 0;
  left: -6px;
}
#content #helloStatsBox #statsBox #events ul li:after {
  width: 7px;
  height: 26px;
  background: url('/gfx/main.png?v=1') -31px 0;
  content: '';
  position: absolute;
  top: 0;
  right: -7px;
}
#content #helloStatsBox #statsBox #events ul:after {
  clear: both;
  content: "";
  display: block;
}
#content #helloStatsBox #statsBox #events:after {
  clear: both;
  content: "";
  display: block;
}
#content #helloStatsBox .box {
  position: relative;
}
#content #helloStatsBox .box .title {
  position: absolute;
  top: 30px;
  left: 45px;
  height: 30px;
  font-family: 'Play', sans-serif;
}
#content #helloStatsBox .box .title h2 {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  margin-top:0;
  margin-bottom:0;
}
#content #helloStatsBox .box .title h3 {
  font-size: 17px;
  font-weight: Bold;
  text-transform: uppercase;
  color: #ecd61c;
  margin-top:0;
  margin-bottom:0;
}
#content #helloStatsBox:after {
  clear: both;
  content: "";
  display: block;
}
#content .threeBoxes {
  padding: 0 0 20px 0;
}
#content .threeBoxes .box {
  position: relative;
  float: left;
}
#content .threeBoxes .box .title {
  font-family: 'Play', sans-serif;
  height: 60px;
  width: 100%;
  display: block;
  position: relative;
  background: #04182c;
}
#content .threeBoxes .box .title:before {
  content: "";
  background: url('/gfx/main.png?v=1') 0px -258px;
  width: 95px;
  height: 59px;
  position: absolute;
  top: 0;
  left: 11px;
}
#content .threeBoxes .box .title h2 {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  left: 63px;
  top: 14px;
  margin-top:0;
  margin-bottom:0;
}
#content .threeBoxes .box .title h3 {
  font-size: 17px;
  font-weight: Bold;
  text-transform: uppercase;
  color: #ecd61c;
  position: absolute;
  left: 63px;
  top: 28px;
  margin-top:0;
  margin-bottom:0;
}
#content .threeBoxes .box ul.news li {
  margin: 0 0 20px;
}
#content .threeBoxes .box ul.news li .newsTitle {
  padding: 0 0 0 22px;
  margin: 0 0 10px 0;
  position: relative;
  height: 17px;
  line-height: 17px;
  background: url('/gfx/main.png?v=1') -37px 0;
}
#content .threeBoxes .box ul.news li .newsTitle time {
  float: left;
  font-family: 'Play', sans-serif;
  color: #477aa7;
  font-size: 12px;
}
#content .threeBoxes .box ul.news li .newsTitle h2 {
  float: left;
  font-family: 'Play', sans-serif;
  font-size: 15px;
  font-weight: Bold;
  color: #ecd61c;
  margin: 0 0 0 5px;
}
#content .threeBoxes .box ul.news li .newsTitle:after {
  clear: both;
  content: "";
  display: block;
}
#content .threeBoxes .box ul.news li article {
  font-family: 'Play', sans-serif;
  color: #477aa7;
  font-size: 13px;
  line-height: 16px;
}
#content .threeBoxes .box ul.news li article a.more{
	width:72px;
	height:23px;
	margin:5px 0 0 0;
	float:right;
	overflow:hidden;
	display:block;
	background:url(../img/more_button.png) no-repeat;
}
#content .threeBoxes .box ul.news li article a.more_en{
	width:72px;
	height:23px;
	margin:5px 0 0 0;
	float:right;
	overflow:hidden;
	display:block;
	background:url(../img/more_button_en.png) no-repeat;
}
#content .threeBoxes .firstBox {
  width: 100%;
  padding-bottom:20px;
}
#content .threeBoxes .firstBox .title {
  border-bottom-left-radius: 5px;
}
#content #passwordPage{
	min-height:700px;
}
#regulamin{ font-family: 'Play'; font-size: 15px;  color: #85ACD1; padding:10px;}
#regulamin h1{font-size: 20px; text-transform:uppercase; color:#46a6de; margin-bottom:10px;}
#regulamin a {color: orange; font-family: 'Play'; font-size: 15px; text-decoration:none; cursor:pointer;}
#content #passwordPage #title {
  width: 100%;
  height: 68px;
  display: block;
  background: url('/gfx/password-title-bg.png');
  font-family: 'Play', sans-serif;
  text-transform: uppercase;
}
#content #passwordPage #title h1 {
  font-size: 13px;
  color: #fff;
  text-align: center;
  display: block;
  padding: 15px 0 0 0;
  margin:0;
}
#content #passwordPage #title h2 {
  color: #e8da23;
  text-align: center;
  display: block;
  font-size: 22px;
  font-weight: Bold;
  margin:0;
}
.rank{
	padding-left:7px;
}
.rank_player{
	width:185px;
	background: #010b14 url('/gfx/main.png?v=1') -222px -200px;
	float:left;
	margin-right:5px;
	text-align:center;
	margin-top:5px;
	padding-bottom:10px;
}
.rank_player .rank_pic{
	width:100px;
	height:100px;
	margin:auto;
	box-shadow: 0 0 2px 2px #274968;
	border-radius:3px;
	margin-bottom:5px;
}
.rank_player .place {
  line-height: 46px;
  font-family: 'Play', sans-serif;
  color: #e8da23;
  font-size: 28px;
  font-weight: Bold;
}
.rank_player .name {
  font-family: 'Play', sans-serif;
  color: #e8da23;
  font-size: 16px;
  font-weight: Bold;
}
.rank_player .level {
  font-family: 'Play', sans-serif;
  color: #2b4f70;
  font-size: 14px;
}
.rank_player .level .lval{
	color:orange;
}
.rank_player .rserwer {
  font-family: 'Play', sans-serif;
  color: #B1CBE2;
  font-size: 14px;
}
.single_news{
	width:300px;
	float:left;
	margin:1px;
	padding:10px;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));
	position:relative;
	
}
.single_news img{
	width:280px;
	height:200px;
}
.single_news:hover{
	background:rgba(0,0,0,0.6);
}
.single_news .news_date{
	position:absolute;
	top:180px;
	right:25px;
	font-size:16px;
	color:yellow;
	text-shadow:
   0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.single_news .news_title{
	color:white;
	font-size:20px;
}
.single_news .news_title:hover{
	color:red;
	text-decoration:none;
}
.single_news .autor{
	font-size:15px;
	color:silver;
}
/*FOTTER*/
footer {
  position: relative;
  z-index: 0;
  width: 960px;
  margin: 0 auto;
  height: 75px;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
footer #copy {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  color: #46a6de;
  text-transform: uppercase;
  font-weight: 900;
  top: 10px;
  left: 35px;
  position: absolute;
  text-decoration:none;
}
footer ul {
  position: absolute;
  top: 10px;
  right: 35px;
}
footer ul li {
  float: left;
  margin: 0 0 0 40px;
}
footer ul li a {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  color: #46a6de;
  text-transform: uppercase;
  font-weight: 900;
  text-decoration: none;
}
footer:before {
  content: "";
  width: 1901px;
  height: 283px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -950px;
  background: url('/gfx/footer-bg.png');
  z-index: -1;
}
/*COMMONS*/
.nebula{
	position:absolute; 
	width:400px;
	height:307px;
	float:left;
	background:url('/gfx/nebula.png');
	z-index:-1;
	top:0px;
	left:200px;
	-webkit-animation:spin 100s linear infinite;
    -moz-animation:spin 100s linear infinite;
    animation:spin 100s linear infinite;
	display:none;
}

.nebula2{
	position:absolute; 
	width:308px;
	height:324px;
	float:left;
	background:url('/gfx/nebula2.png');
	z-index:-1;
	top:20px;
	left:700px;
	-webkit-animation:spin 200s linear infinite;
    -moz-animation:spin 200s linear infinite;
    animation:spin 200s linear infinite;
	display:none;
}

.nebula3{
	position:absolute; 
	width:448px;
	height:450px;
	float:left;
	background:url('/gfx/nebula3.png');
	z-index:-1;
	top:-100px;
	left:800px;
	-webkit-animation:spin 300s linear infinite;
    -moz-animation:spin 300s linear infinite;
    animation:spin 300s linear infinite;
	display:none;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#quick_reg{
	display:none;
	position:fixed; 
	top:20%;
	left:0; 
	right:0;
	margin-left:auto;
	margin-right:auto;
	background: rgba(0,0,0,0.8); 
	padding:20px; 
	box-shadow:0 0 3px 3px black;
	z-index:9999;
	border-radius:10px;
	font-family:'Play';
	font-size:14px;
	color:silver;
	width:500px;
}
#quick_reg h2{
	font-size:20px;
	font-weight:bold;
	color:orange;
}
#quick_reg button{
	background:orange;
	color:black;
	padding:3px 20px;
}
#quick_reg .check_test{
	position:relative;
	width:200px;
}
#quick_reg input{
	color:black;
}
#quick_reg input.good{
	border:1px solid lime;
}
#quick_reg input.bad{
	border:1px solid red;
}
.popover-title {
    color: blue;
    font-size: 15px;
}
.popover-content {
    color: red;
    font-size: 10px;
}
#kom{
	display:none; 
	position:absolute; 
	right:0;
	left:0; 
	top:30%;
	margin-left:auto;
	margin-right:auto;
	background: rgba(70,128,193,0.9); 
	padding:20px; 
	box-shadow:0 0 3px 3px black;
	z-index:9999;
	font-family:'Play';
	font-size:14px;
	text-align:center;
	width:500px;
	color:white;
	text-shadow:
   0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
#close_kom{
	position:absolute;
	right:-15px;
	top:-15px;
	cursor: pointer;
	background:black;
	border-radius:50px;

}
#close_kom img{
	width:50px;
	height:50px;
}
#close_kom:hover{
	background:red;
	border-radius:50px;
}
#loader{
	display:none;
	position:fixed;
	top:45%;
	left:0;
	right:0;
	width:128px;
	height:128px;
	margin-left:auto;
	margin-right:auto;
	z-index:98999999999999;
}

#loader img{
	width:128px;
	height:128px;
}
#cookies{
	display:none;
	position:fixed;
	bottom:0;
	text-align:center;
	background:rgba(0,0,0,0.7);
	width:100%;
	color:white;
	padding: 10px;
	z-index:9999999;
}

#cookies #cookie_accept{
	background:#33CCFF;
	padding:5px;
	border-radius:5px;
	box-shadow:0 0 3px black;
	cursor:pointer;
	margin-left:50px;
}
.fb-page{
	width:400px;
	height:100px;
}
.rR{color:#E6E600;}
.rG{color:#B30000;}
.rU{color:#002EB8;}
.rS{color:#33FF66;}
.rH{color:#CC99FF;}
.rM{color:#FF8000;}