.external{
  margin: 0 auto;
  width: 960px; }

.header,
.main,
.footer {
  float: left;
  clear: both;
  width: 960px; }

.header {
  position: relative;
  height: 409px;
margin:0 auto;
display:block;
  }

.header h1,
.header h2,
.header ul.menu {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  text-shadow: 1px 2px 1px rgba(0,0,0,0.33);
  font-weight: normal; }

.header h1 {
  font-size: 60px;
  color: #e3e3e3;
  background: 0 0 no-repeat #0000FF url("../images/header_h1_bkg.png"); 
  padding: 10px 20px; }

.header h1 a,
.header h1 a:hover {
  text-decoration: none;
  color: #e3e3e3; }

.header h1 span {
  width: 34px;
  height: 34px;
  background: #fff;
  position: absolute;
  top: 0;
  right: -34px;
  display: block; }

.header h2 {
  font-size: 30px;
  color: #e3e3e3;
  line-height: 50px;
  background: 0px 0 repeat-x url("../images/header_h2_bkg.png"); 
  height: 105px;
  top: 80px;
  left: 55px; }

.header h2 span {
  display: block;
  height: 105px;
  padding: 0 20px;
  background: 0 0 no-repeat url("../images/header_h2_span_bkg.png"); }


.header ul.menu {
  background: #5e6286;
  font-family: "Myriad Pro", Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  list-style: none;
  right: 0;
  bottom: 0;
  width: 900px;
  height: 50px; }

.header ul.menu li {

  display: block;
  margin: 0;
  padding: 0;
  float: left;
  clear: none; }

.header ul.menu li.active {
  background: #0000FF; }

.header ul.menu li a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  color: #e3e3e3; }

.header ul.menu li a:hover {
  text-decoration: underline; }

.header div {
  width: 34px;
  height: 34px;
  display: block;
  position: absolute;
  background-color: #dedede;
  right: 620px;
  bottom: 0; }

.main {
  background: #fff; 
  border-bottom: 10px #d8d8d8 solid;}

.main .sidebar {
  display: block;
  width: 695px;
  float: left; }

.main .sidebar ul.menu {
  font-family: "Myriad Pro", Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  list-style: none;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  display: block; }

.main .sidebar ul.menu li {
  background: #cbc4bb;
  display: block;
  border-bottom: 1px solid #fff;
  margin: 0;
  padding: 0; }

.main .sidebar ul.menu li.active {
  background: #c1b8ad; }

.main .sidebar ul.menu li a {
  display: block;
  line-height: 30px;
  text-align: right;
  font-weight: bold;
  padding: 10px 15px;
  color: #fff; }

.main .sidebar ul.menu li a:hover {
  text-decoration: underline;}

.main .sidebar h3,
.main .sidebar p {
  padding: 0 0 0 40px;
  text-align: right; }

.main .content {
  display: block;
  width: 860px;
  position: relative;
  right: 60px;
  float: right;
  margin: 0;
  padding: 50px 0; }

.footer {
  display: block;
  margin: 0;
  padding: 0; }

.footer p {
  padding: 10px 0;
  color: #b0b0b0; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  




#nws {
position: absolute;
top: 18.8em;
left: 3.8em;
background-position: center;
wight: 120px;
height: 169px;
color: #000000;
background-color: ;
border: 0px solid #000000;

}




#bossesld {
position: relative;
padding-top: 155px;
padding-bottom: 175px;
margin: auto;
display: inline;

}








#bossesldp {

padding-top: 35px;
padding-bottom: 45px;
font: bold 150% Arial Black, sans-serif;
color: #038ff0;
text-shadow: 2px 1px #000000;
}



#wn {
padding-top: 5px;
padding-bottom: 30px;

}






#blokworld {
position: relative;
opacity: 1.0;
margin-top: 275px;
margin-left: 357px;
margin-bottom: 20px;
width: 849px;
height: 55px;




background-image: url(Images/bg_bs.png);
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
background-color: #000000;
border: 3px solid #FFFFFF;
padding: 1em;
color: #FFFFFF;
border-radius: 1em 4em 1em 4em / 2em 1em 2em 1em;
-moz-border-radius: 1em 4em 1em 4em / 2em 1em 2em 1em;
-webkit-border-radius: 1em 4em 1em 4em / 2em 1em 2em 1em;
font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.input {
font-size: 1.7em;
background-color:#00CC66;
} 

    



a:link {text-decoration: none;
color: #0099FF;
}
a:visited {text-decoration: none;
color: #0099FF;
}
a:active {text-decoration: none;}
a:hover {

text-decoration: none;}


#dat {
   background-color: ;
   color: #FFFFFF;
  font: bold 100% Arial Black, sans-serif;
}




#mw {
   background-color: ;
   color: #ffffff;
  font: bold 100% Arial Black, sans-serif;

text-shadow: 2px 1px #000000;
}





#c1 {
   background-color: #ffffff;

background-position: center center;
   color: #0099FF;
  font: bold 100% Arial Black, sans-serif;
text-shadow: 0px 0px #000000;
}




#gbld {

width: 100px;
   background-color:#ffffff;
   color:#000000;
   
  font: bold 200% Arial Black, sans-serif;
text-shadow: 0px 0px #000000;
}






#id {

width: 20px;
color:#000000;
font: bold 100% Helvetica;
text-shadow: 0px 1px #000000;
}








#cw {
	width: 70px;
   background-color: #ffffff;
   color: #000000;
   border: 0px solid #000000;
   border-radius: 50px; /* Zaokrąglenie wszystkich rogów tabeli */
font: bold 100% Arial Black, sans-serif;

}


#ne {

width: 150px;
   background-color: #FFFFFF;
   color:#000000;
  font: bold 100% Helvetica;
text-shadow: 0px 0px #000000;
}





#cwglobal {
   background-color: #ffffff;
   color: #000000;
font: bold 100% Arial Black, sans-serif;


}
.box {
	font-family: "Roboto", Tahoma, sans-serif;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
text-shadow: 2px 1px #FFFFFF;
text-align: center;
border: 0px solid #000000;
   border-radius: 0px; /* Zaokrąglenie wszystkich rogów tabeli */
}


.box td {
font: bold 100% Arial Black, sans-serif;

padding: 0.625em;
text-align: center;
text-decoration: none;
border: 0px solid #000000;
color: #000000;
background-color: #ffffff;
border-radius: 50px #272b91;  /* Zaokrąglenie wszystkich rogów tabeli */
border-collapse: separate; /*  Aby zaokrąglenie działało poprawnie */
text-shadow: 0px 0px #000000;
}

.box tr {
background-color: #F7F7F7;
border: 1px solid #dbdbdb;
padding: 0.35em;
font: bold 100% Arial Black, sans-serif;
padding: 0.625em;
text-align: center;
text-decoration: none;
border: 0px solid #000000;
color: #000000;
background-color: #ffffff;
border-radius: 50px #272b91;  /* Zaokrąglenie wszystkich rogów tabeli */
border-collapse: separate; /*  Aby zaokrąglenie działało poprawnie */
text-shadow: 0px 0px #000000;
}


.gbld td {
font: bold 100% Arial Black, sans-serif;

text-align: center;
text-decoration: none;
font-size: 40px;
color: #FFFFFF;
padding: 35px;
background-color: #FFFFFF;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

border-top-right-radius: 0px;
border-top-left-radius: 0px;
text-shadow: 0px 0px #FFFFFF;
}




.box th {
font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
padding: 10px;
text-shadow: 0px 1px #FFFFFF;
border: 0px solid #000000;
background-color: #272B91;
background: linear-gradient(90deg,rgba(39, 43, 145, 1) 0%, rgba(9, 9, 121, 1) 45%, rgba(0, 212, 255, 1) 100%);
border-radius: 50px; /* Zaokrąglenie wszystkich rogów tabeli */
border-collapse: separate; /*  Aby zaokrąglenie działało poprawnie */
}




.box caption {
font: bold 5.9em "Times New Roman", Times, serif;
background-color: #B0C4DE;
color: #33517A;
padding-top: 6px;
padding-bottom: 3px;
border: 1px solid #789AC6;

border-radius: 10px; /* Zaokrąglenie wszystkich rogów tabeli */
border-collapse: separate; /*  Aby zaokrąglenie działało poprawnie */

}


@media (max-width: 768px) {
  table {
    font-size: 14px;
  }
  th, td {
    padding: 5px;
  }
}

@media (max-width: 480px) {
 
 table {
		border: 0;
	}

	table  thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: 0.625em;
	}

	table  td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: 0.8em;
		text-align: right;
	}

	table  td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	table td:last-child {
		border-bottom: 0;
 
  }
}












#cw2 {

   background-color: #0000FF;
   color: #000000;
font: bold 150% Arial Black, sans-serif;

}


#ne2 {


width: 100px;
   background-color:;
   color:#0099FF;
  font: bold 150% Helvetica;
text-shadow: 2px 1px #000000;
}

#wt {
width: 60px;

width: 60px;
text-shadow: 2px 1px #FFFFFF;
}


#c12 {
   background-color: #0000FF;
background-image: url(hourglass.gif);
background-repeat: no-repeat;
background-position: center center;
   color: #ffffff;
  font: bold 240% Arial Black, sans-serif;
text-shadow: 4px 2px #000000;
}

#stat {

width: 60px;
text-shadow: 2px 1px #FFFFFF;
}



.box2 {
position: relative;
width: 860px;
border: 0px solid #F7EB08;
border-collapse: collapse;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

}

.box2 td {

font: bold 100% Arial Black, sans-serif;
border: 1px solid #000000;
text-align: center;
text-decoration: none;
text-shadow: 2px 1px #FFFFFF;
color: #33517A;
padding: 35px;
background-color: #FFF70F;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

border-top-right-radius: 0px;
border-top-left-radius: 0px;

}

.box2 th {

font: 110% Verdana, Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #000000;
background-color: #0F9BFF;
color: #000000;
font-weight: bold;
text-algin: center;
text-decoration: none;
padding: 5px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
text-shadow: 2px 1px #FFFFFF;
}

.box2 caption {

font: bold 5.9em "Times New Roman", Times, serif;
background-color: #B0C4DE;
color: #33517A;
padding-top: 6px;
padding-bottom: 3px;
border: 1px solid #789AC6;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
text-shadow: 2px 1px #FFFFFF;
}