/*
*	Kodowanie: Szymon (KoYGeR)
*	Numer GG:  24569566
*	
*	Grafika:   Jakub (ATS)
*	Numer GG:  56237985
*/


/*
#=======================#
	G��WNE OBIEKTY
#=======================#
*/
@font-face
{
    font-family: DroidSerif;
    src: url(../font/DroidSerif-Regular.ttf);
}



body{min-width: 980px;margin: 0;background: #000 url(../img/tlo.jpg) no-repeat center top;font-family: DroidSerif;color:#ffe09e;}
a{outline: none; text-decoration: none;}
p{background: -webkit-linear-gradient(#ffe09e, #936b48); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
span{background: -webkit-linear-gradient(#ffe09e, #936b48);text-align:center; -webkit-background-clip: text;-webkit-text-fill-color: transparent;/*text-shadow: 0 0 1px #ffe09e, 0 0 0.2em #936b48;*/}
main{width: 1000px;position: relative;top: 420px;margin: auto; height: 1000px;background: url(../img/news_bg.png) no-repeat center top;}
/*
#=======================#
	OBIEKTY KONIEC
#=======================#
*/


/*
#========================#
		CA�E MENU
#========================#*/
.menu{width: 652px;height: 127px;margin: auto;background: url(../img/menu.png);}
.menu .mleft{width: 200px;float: left;height: 12px;position: relative;top: 56px;left: 70px;}
.menu .mright{width: 200px;float: right;height: 17px;position: relative;top: 56px;right: 35px;}
.home{width:54px;height:11px;background:url(../img/home.png);float:left;}
.home:hover{background-position: 0px -11px;}
.forum{width:65px;height:11px;background:url(../img/forum.png);float:left;margin-left:30px;}
.forum:hover{background-position: 0px -11px;}
.dolacz{width:72px;height:16px;background:url(../img/dolacz.png);float:left;}
.dolacz:hover{background-position: 0px -16px;}
.ranking{width:85px;height:12px;background:url(../img/ranking.png);float:left;margin-left:20px;}
.ranking:hover{background-position: 0px -12px;}
.downloadBtn{transition-duration: 0.3s;width:203px;height:137px; background:url(../img/dlBtn.png) center center no-repeat;outline:none; border:none; background-position: 0px 0px; margin:auto;left:20px;top:-16px;float: left;position: relative;

    -webkit-animation: pulse 2s infinite ease-in-out;
    -o-animation: pulse 2s infinite ease-in-out;
    -ms-animation: pulse 2s infinite ease-in-out; 
    -moz-animation: pulse 2s infinite ease-in-out; 
    animation: pulse 2s infinite ease-in-out;

}
.downloadBtn:hover{opacity:1.0;transition-duration: 0.3s;}
/*
#========================#
	   KONIEC MENU
#========================#*/

/*.text-gradient{background: -webkit-linear-gradient(#ffe09e, #936b48);text-align:center; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}*/


/*
#========================#
	   STYL POSTA
#========================#*/
.title{font-size: 20px;background: -webkit-linear-gradient(#ffe09e, #936b48);text-align:center; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.line{width:492px;height:4px;background:url(../img/line.png);margin-bottom:15px;margin-top:15px;}
.line2{width:492px;height:4px;background:url(../img/line.png);}
.content {width:100%; margin-top:25px; position: relative; max-height:550px;}
.content .post{clear:both;margin: auto; background: -webkit-linear-gradient(#ffe09e, #936b48);text-align:center; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.content-is {max-height: 400px; position:relative;}
.post .author{position:relative;left:20px;background: rgba(255, 224, 158, 0.1); border-radius: 10px; float: left; padding: 0 20px 0 20px;}
.post .data{position:relative;right:20px;background: rgba(255, 224, 158, 0.1); border-radius: 10px; float: right; padding: 0 20px 0 20px;}
.post label{background: -webkit-linear-gradient(#ffe09e, #936b48);text-align:center; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/*
#========================#
	   POST KONIEC
#========================#*/


.green{color:#339900;background:none;}


.register{background: rgba(255, 224, 158, 0.1); border-radius: 10px; width: 250px; margin: auto; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}


.logo{width: 465px;height: 244px; position: absolute;top: 120px;right: 0;left: 0;background: url(../img/logo.png) no-repeat;margin:auto;opacity:0.75;transition-duration: 0.4s;}
.logo:hover{opacity:1.0;transition-duration: 0.4s;}


.rank-box{width:150px;height:160px;margin-left:20px;margin-top:65px;font-size:12px;text-align:center;}
.rank-box tr:nth-child(2n-1){background: rgba(0,0,0,0.5);border-radius:2px;}
.rank-box tr:nth-child(2n){background: rgba(0,0,0,0.3);border-radius:2px;}
.rank-box td{padding:0;}

.regulamin{max-height:470px; max-width:90%; margin: auto; text-align: left;}
.special_link{color:#66CC33;}

.user-box{position:relative;margin-left:30px;margin-top:55px;text-align:center;}

.login-btn{width:158px;height:54px; background:url('../img/zalogujBtn.png') center center no-repeat;outline:none; border:none; background-position: 0px 0px;margin-left:40px;margin-top:100px;}
.login-btn:hover{background-position: 0px -54px;}

.btn {
  display: inline-block;
  width: 203px;
  height: 49px;
  text-align: center;
  font-size: 23.333px;
  font-family: "Sitka";
  line-height: 1.2;
  text-align: center;
  border: 0;
  outline: none;
  margin: 0 auto;
  text-shadow: 0px 0px 1.84px rgba(0, 0, 0, 0.5);
  background: url(../img/btn1.png) no-repeat;
  line-height: 49px;
  cursor: pointer;
  color: #a88948;
}

.btn:hover {
  background-position: 0 -49px;
}

.btn2 {
  display: inline-block;
  width: 86px;
  height: 42px;
  text-align: center;
  font-size: 23.333px;
  font-family: "Sitka";
  line-height: 1.2;
  text-align: center;
  border: 0;
  outline: none;
  margin: 0 auto;
  text-shadow: 0px 0px 1.84px rgba(0, 0, 0, 0.5);
  background: url(../img/btn2.png) no-repeat;
  line-height: 42px;
  cursor: pointer;
  color: #a88948;
}

.btn2:hover {
  background-position: 0 -43px;
}

.register-btn{width:236px;height:53px; background:url('../img/registerBtn.png') center center no-repeat;outline:none; border:none; background-position: 0px 0px;}
.register-btn:hover{background-position: 0px -53px;}

.left{clear: both;float: left; margin-left: 30px; margin-top: 115px; width: 220px; height: 271px;background: url(../img/lewo.png);}

.center{float: left;margin: auto; width: 500px; height: 600px; margin-top: -10px;background: rgba(0,0,0,0.5);text-align:center;border-radius:15px;}

.right{width: 220px;height: 271px; margin-top: -50px;float: left; background: url(../img/prawo.png) -35px;}

.right .dane{width:111px;height:11px;margin:auto;position:relative;top:75px;background:url(../img/dane.png);left:12px;}

.user-options {margin-top:15px;}

.user-options a {margin-top:15px;background: -webkit-linear-gradient(#ffe09e, #936b48);text-align:center; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.user-options a:hover {text-shadow: 0 0 3px #FFFF99;}

.ofert-is tr td {
  font-size: 12.71px;
  font-family: "Times New Roman";
  line-height: 1.18;
  text-align: center;
  text-transform: none;
  padding: 4px;
  background: rgba(255, 255, 255, 0.11);
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-shadow: none;
  width: 80%;
  margin: 20px auto;
  text-align: center;
  font-family: 'arial'
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.is-scale {
  transform: scale(1.5);
  -webkit-transform: scale(0.6);
  -moz-transform:scale(0.6);
  -o-transform:scale(0.6);
}




.download-tab {
  font-size: 12px;
  text-transform: none;
  color: rgb(240, 214, 185);
  padding:  0 23p 23p 23px;
  text-align: center;
}

.download-tab .item {
  display: inline-block;
   background: rgba(0, 0, 0, 0.32);
  padding: 7px;
  border-radius: 5px;
  margin: 15px;
  text-align: center;
}

.download-tab .item img,
.download-tab .item .desc {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding-right: 5px;
  color: #ffe09e;
}





.payments {
  padding: 0 0 0 30px;
}

.payment1 {
  margin: 0 auto;
  font-size: 12.71px;
  font-family: "Times New Roman";
  color: rgb(242, 206, 168);
  background-color: rgba(0, 0, 0, 0.38);
  padding: 5px 0 20px 0;
  border-radius: 10px;
  max-width: 440px;
}

.payment1 .payment-desc {
    width: 345px;
    vertical-align: top;
    padding-top: 23px;
}

.payment1 img,
.payment1 .payment-desc {
  display: inline-block;
}

.payment {
  margin: 0 auto;
  font-size: 12.71px;
  font-family: "Times New Roman";
  color: rgb(242, 206, 168);
  background-color: rgba(0, 0, 0, 0.38);
  padding: 5px 0 20px 0;
  border-radius: 10px;
  max-width: 440px;
  cursor: pointer;
}

.payment .payment-desc {
    width: 345px;
    vertical-align: top;
    padding-top: 23px;
}

.payment img,
.payment .payment-desc {
  display: inline-block;
}

.payment-tab {
  max-height: 500px;
    overflow: hidden;
}


.input {width:163px;height:19px;background: none;background: url(../img/input.png);border: none;outline: none;text-align: center;margin-bottom: 10px;}

.input-login {border: none; background: none;width:114px;height:15px;outline: none;padding-left:23px;background: url(../img/login.png);top:85px;left:55px;position:relative;}
.input-haslo {border: none; background: none;width:114px;height:15px;outline: none;padding-left:23px;background: url(../img/haslo.png);top:95px;left:55px;position:relative;}
.input-normal{width:163px;height:19px;background: none;background: url(../img/input.png);border: none;outline: none;text-align: center;margin-bottom: 10px;}
input{color:#ffe09e;}


/* PAGE LOADER */
loader {padding: 0px;background-color: #002031; z-index: 100; width:100%; height: 100%;position:fixed;}
.s2 {position: absolute;height: 10em;width: 10em;background-color: transparent;top: 50vh;left: 50%;transform: translate(-50%, -50%);}
.s1 {position: absolute;height: 10em;width: 10em;top: 50vh;left: 50%;transform-origin: center;transform: translate(-50%, -50%) rotate(45deg);background-color: transparent;}
.bigcon {position: absolute;height: 9.5em;width: 9.5em;top: 50vh;left: 50%;transform-origin: center;transform: translate(-50%, -50%) rotate(-45deg);background-color: transparent;animation: bigcon 2s infinite linear;animation-delay: 0.25s;}
.b {border-radius: 50%;position: absolute;}
.s {width: 2em;height: 2em;animation: small 2s infinite ease;box-shadow: 0px 2px rgba(0,0,0,0.3); background-color: #46b9ff;}
s:nth-child(1) {top: 0%;left: 0%;}
.s:nth-child(2) {top: 0%;right: 0%;}
.s:nth-child(3) {right: 0%;bottom: 0%;}
.s:nth-child(4) {bottom: 0%;left: 0%;}
.big {width: 1.5em;height: 1.5em;border-radius: 15px;box-shadow:0px 0px 10px #54f7f8, 0px 0px 20px #54f7f8, 0px 0px 30px #54f7f8, 0px 0px 50px #54f7f8, 0px 0px 60px #54f7f8 ;z-index: 1;background-color: #54f7f8;animation: bigball 1s infinite linear;}
.sb1{animation-delay: -1.75s;}
.sb2{animation-delay: -1.25s;}
.sb7{animation-delay: -1s;}
.sb3{animation-delay: -0.75s;}
.sb8{animation-delay: -0.5s;}
.sb4{animation-delay: -0.25s;}
.sb5{animation-delay: -0s;}
@keyframes bigcon {0% {transform-origin: center;transform: translate(-50%, -50%) rotate(45deg);}100% {transform-origin: center;transform: translate(-50%, -50%) rotate(405deg);}}
@keyframes small{0% {transform: scale(1);background-color: #46b9ff;}10% {transform: scale(1.3);background-color: #54f7f8;}15% {transform: scale(1);}25% {transform: scale(1);background-color: #46b9ff;}100% {transform: scale(1);background-color: #46b9ff;}}

.btn-pres {
  position: absolute;
  top: 327px;
  right: 0;
  left: 0;
  color: #ffbdf6;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 51px;
}

.ranking1 tr td {
    color: #ffe09e;
}