#tableServer {
   display: inline-block;
   width: 100%;
   margin:30px 0;
}

.normalServerList {
   width: calc(100% - 284px);
   float:right;
   background:#fff;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.16);
   -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.16);
   box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.16);
   padding:24px;
}

ul.ServerList {
   margin:-15px 0;
   padding:0;
   display: inline-block;
   width: 100%;
}

ul.ServerList > li {
   display: inline-block;
   width: 100%;
   border-bottom:1px solid #d4d9dc;
}

ul.ServerList > li:last-child {
   border-bottom:0;
}

.serverNum, .serverName, .serverIp, .serverButton {
    display: table-cell;
    padding: 15px 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.serverNum {
    padding:15px 20px 15px 0;
}

.serverNum span {
    background: rgb(247,137,46);
    background: -moz-linear-gradient(left, rgba(247,137,46,1) 0%, rgba(243,107,36,1) 100%);
    background: -webkit-linear-gradient(left, rgba(247,137,46,1) 0%,rgba(243,107,36,1) 100%);
    background: linear-gradient(to right, rgba(247,137,46,1) 0%,rgba(243,107,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7892e', endColorstr='#f36b24',GradientType=1 );
    display: inline-block;
    padding: 0 15px;
    border-radius: 9px;
    font-size: 13px;
    color:#fff;
    height:30px;
    line-height:30px;
}

.serverName,
.serverIp  {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.serverName {
    font-weight:bold;
    text-align:left;
    min-width: 150px;
    max-width: 150px;
    padding:15px 5px;
    text-transform: uppercase;
}

.serverIp {
    min-width: 190px;
    max-width: 190px;
    padding:15px 5px;
    text-align:left;
}

.serverButton {
   width: 100%;
   text-align:right;
}

.button_glosuj {
    background: rgb(247,137,46);
    background: -moz-linear-gradient(left, rgba(247,137,46,1) 0%, rgba(243,107,36,1) 100%);
    background: -webkit-linear-gradient(left, rgba(247,137,46,1) 0%,rgba(243,107,36,1) 100%);
    background: linear-gradient(to right, rgba(247,137,46,1) 0%,rgba(243,107,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7892e', endColorstr='#f36b24',GradientType=1 );
    display: inline-block;
    padding: 0 15px;
    border-radius: 9px;
    font-size: 13px;
    color:#fff;
    height:30px;
    line-height:30px;
}

.button_glosuj:hover {
    background: #002d76;
    background: -moz-linear-gradient(left, #002d76 0%, #00235c 100%);
    background: -webkit-linear-gradient(left, #002d76 0%,#00235c 100%);
    background: linear-gradient(to right, #002d76 0%,#00235c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d76', endColorstr='#00235c',GradientType=1 );
    color:#fff;
}

.button_gt,
.button_hltv {
    height:29px;
    line-height:29px;
    padding:0 15px;
    display:inline-block;
    border:1px dashed #f47326;
    border-radius: 9px;
    text-align:center;
    margin:0 5px 0 0;
    position: relative;
    top: 2px;
    color:#e76e25;
    cursor:pointer;
}

.button_gt:hover,
.button_hltv:hover {
    border:1px dashed #7b5020; 
    color:#d87a11;
}


.button_gt:after {
  content:"";
  display:inline-block;
  background: url({resource="gt_icon.png" app="core" location="global"}) no-repeat;
  height:11px;
  width:11px;
}

.button_hltvv:after {
  content:"";
  display:inline-block;
  background: url({resource="hltv_icon.png" app="core" location="global"}) no-repeat;
  height:11px;
  width:11px;
}

.promoServer {
   background: url({resource="serwerleftbg.png" app="core" location="global"}) no-repeat;
   float:left;
   width:260px;
   height:300px;
   text-align:center;
   position:relative;
}

.promoServer .PnumerServer {
   left:15px;
   top:15px;
   position:absolute;
   background: rgb(247,137,46);
   background: -moz-linear-gradient(left, rgba(247,137,46,1) 0%, rgba(243,107,36,1) 100%);
   background: -webkit-linear-gradient(left, rgba(247,137,46,1) 0%,rgba(243,107,36,1) 100%);
   background: linear-gradient(to right, rgba(247,137,46,1) 0%,rgba(243,107,36,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7892e', endColorstr='#f36b24',GradientType=1 );
   display: inline-block;
   padding: 0 15px;
   border-radius: 9px;
   font-size: 13px;
   color: #fff;
   height: 30px;
   line-height: 30px;
}

.promoServer .PserverGamer {
   background: url({resource="numberplayers.png" app="core" location="global"}) no-repeat;
   display:inline-block;
   height:88px;
   line-height:88px;
   width:88px;
   color:#fff;
   font-size:16px;
   text-align:center;
   margin: 55px 0 0 0;
}

.promoServer h2 {
   color:#fff;
   font-size:16px;
   margin: 40px 0 0 0;
}

.promoServer p {
   color:#ffffff;
   font-size:16px;
   font-weight:300;
   margin: 5px 0 0 0;
}

.promoServer .Pdolacz {
   background: rgb(247,137,46);
   background: -moz-linear-gradient(left, rgba(247,137,46,1) 0%, rgba(243,107,36,1) 100%);
   background: -webkit-linear-gradient(left, rgba(247,137,46,1) 0%,rgba(243,107,36,1) 100%);
   background: linear-gradient(to right, rgba(247,137,46,1) 0%,rgba(243,107,36,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7892e', endColorstr='#f36b24',GradientType=1 );
    display: inline-block;
    padding: 0 15px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    height: 44px;
    line-height: 44px;
    margin: 15px 0 0 0;
}

.promoServer .Pdolacz:hover {
    opacity:0.7;
}

ul.ServerList > li.teamspeak3 .serverNum span {
    background: #002d76;
    background: -moz-linear-gradient(left, #002d76 0%, #00235c 100%);
    background: -webkit-linear-gradient(left, #002d76 0%,#00235c 100%);
    background: linear-gradient(to right, #002d76 0%,#00235c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d76', endColorstr='#00235c',GradientType=1 );
    color:#fff;
}

ul.ServerList > li.teamspeak3 .button_glosuj {
    background: #002d76;
    background: -moz-linear-gradient(left, #002d76 0%, #00235c 100%);
    background: -webkit-linear-gradient(left, #002d76 0%,#00235c 100%);
    background: linear-gradient(to right, #002d76 0%,#00235c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d76', endColorstr='#00235c',GradientType=1 );
    color:#fff;
}

ul.ServerList > li.teamspeak3 .button_glosuj:hover {
    opacity:0.7;
}

ul.ServerList > li.teamspeak3 .serverIp {
    text-align:center;
}

#ogloTable {
   background: url({resource="ogloszenie.png" app="core" location="global"}) no-repeat;
   background-size: 100% 100%;
   height:137px;
   width:100%;
   text-align:center;
   color:#fff;
   display:inline-block;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   margin-bottom: 30px;
}

#ogloTable h3 {
   font-weight:300;
   font-size:20px;
   margin:50px 0 0 0;
}

#ogloTable h2 {
   font-weight:bold;
   margin:5px 0 0 0;
}

@media screen and (max-width: 1370px) { 
  .serverIp {
    min-width: 120px;
    max-width: 120px;
  }
}

@media screen and (max-width: 1270px) {
  .serverName {
    min-width: 100px;
    max-width: 100px;
  }
}

@media screen and (max-width: 1220px) { 
   .serverName {
    min-width: 70px;
    max-width: 70px;
  }
  
  .button_gt, 
  .button_hltv {
    padding:0 8px;
  }
}

@media screen and (max-width: 1170px) { 
  .serverIp {
    min-width: 70px;
    max-width: 70px;
}
}

@media screen and (max-width: 1100px) {
  .normalServerList {
    width: 100%;
    margin:30px 0 0 0;
  }
  
  .serverName {
    min-width: 150px;
    max-width: 150px;
    padding:15px 5px;
}

.serverIp {
    min-width: 190px;
    max-width: 190px;
    padding:15px 5px;
}
  
  .promoServer {
    width:100%;
    background-size: 100% 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
  }
  
}