@font-face {font-family: 'Numbers'; src: url('dejavu/DejaVuSerif.ttf'); unicode-range: U+30-39; format('truetype');}
@font-face {font-family: 'Merriweather'; src: url('Merriweather-Regular.ttf') format('truetype');}
@font-face {font-family: 'MerriweatherBold'; src: url('Merriweather-Bold.ttf') format('truetype');}
@font-face {font-family: 'MerriweatherSans'; src: url('MerriweatherSans-Regular.ttf') format('truetype');}
@font-face {font-family: 'MerriweatherSansBold'; src: url('MerriweatherSans-Bold.ttf') format('truetype');}

html{background: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body
{
	margin: 0px; padding:0px;
	background-image: url('../img/hq.jpg?t=1337');
	  background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 100% auto;
	min-width: 1200px;
}

/* If the screen size is 600px wide or less, hide the element */
b, h4 {font-family: "chaparral-pro";font-weight: normal!important;}
.menulogin{
	
	#transform: scale(0.9);
	transform-origin: left top; margin-bottom: 0px;
	}
.glogo {
 padding: 10px;	
 margin: 10px;	
}	

.stopka_srodek {
	font-size: 15px;
}
.stopka_srodek_2 {
	font-size: 13px;
}
span.bbu {
    text-decoration: underline;
}
.menulogin div > span{font-size: 17px; font-family: "chaparral-pro"; color: rgb(241, 241, 241); padding: 5px; display: block; text-align: left; margin-left: 13px;}

.menulogin div > input[type=image]{width: 130px; height: 30px; padding-top: 10px;}
.menulogin div > input:focus{outline: none;}
.menulogin div > a:link, .menulogin div > a:visited{font-size: 15px;font-family: "chaparral-pro";color: rgb(241, 241, 241);text-align: left;text-decoration: none;}
.menulogin div > a:hover{color: rgb(151, 151, 151);}
.zal:link, .zal:visited{font-size: 14px!important;}
.zal:hover{color: rgb(151, 151, 151);}
.menulogin div:nth-child(1){width: 153px;height: 3px;background: url('loginbox-top.png?ts=16');}
.menulogin div:nth-child(2){background: url('loginbox-background.png?ts=16');width: 153px;min-height: 120px; text-align: center;}
.menulogin div:nth-child(3){width: 153px;height: 4px;background: url('loginbox-bottom.png?ts=16');background-position: 0px 4px; margin-bottom:8px;}

.changelog {transform-origin: left top; width: 909px; margin-bottom: 0px; display: none; font-family: "chaparral-pro"; font-size:17px;}
.changelog div:nth-child(1) {background: url('changelog.png?ts=16'); height: 40px;text-indent: -9999px;


}
.changelog div:nth-child(2) {background: url('changelog-background.png?ts=16'); min-height: 20px; padding: 20px 40px 0px 40px; color: #001100;font-size: 17px;font-family: "chaparral-pro"; line-height: 1.2; text-align: left;}
.changelog div:nth-child(3) {background: url('changelog-bottom.png?ts=16'); height: 4px;background-position: 0px -11px; margin-bottom: 8px}
.changelog div:nth-child(2) > b {font-family: "chaparral-pro";}
.changelog a:link { font-size: 15px; color: #000;font-family: "chaparral-pro"; }
.changelog a:visited  { font-size: 15px; color: #000;font-family: "chaparral-pro";}
.changelog a:hover { font-size: 15px; color: #292929;font-family: "chaparral-pro";}

.changelog .menulink_hs:link { font-size: 17px; color: #000;font-family: "chaparral-pro"; }
.changelog .menulink_hs:visited  { font-size: 17px; color: #000;font-family: "chaparral-pro";}
.changelog .menulink_hs:hover { font-size: 17px; color: #292929;font-family: "chaparral-pro";}
.news {
	min-height: 1132px;
	transform-origin: left top;width: 909px; margin-bottom: 0px;}
.news > div:nth-child(1) {background: url('news.png?ts=16'); height: 40px;text-indent: -9999px;


}
.news > div:nth-child(2) {background: url('news-content.png?ts=16'); 
min-height: 60px;
padding:20px 40px 40px 40px;
font-size: 17px;font-family: "chaparral-pro", sans-serif; line-height: 1.2; text-align: left; color: #001100;border-right-width:0px; 
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: unset;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
text-rendering: optimizeLegibility;

}
.news > div:nth-child(3) {background: url('news-bottom.png?ts=16'); height: 15px;background-position: 0px 0px; }
.news div:nth-child(2) > b {font-family: "chaparral-pro";}
.news img {max-width: 830px;

#margin: 5px;

}
.news a:link {color: #000;font-family: "chaparral-pro";}
.news a:visited {color: #000;font-family: "chaparral-pro";}
.news a:hover {color: #292929;font-family: "chaparral-pro";}


.top-bar
{
	background-image: url("top-bar.png?ts=16");
	background-repeat: no-repeat;
	margin: 0px; padding:0px;
}

.about		li:first-child{background: url("mabout.png?ts=16");}
.community	li:first-child{background: url("mcommunity.png?ts=16");}
.fansites	li:first-child{background: url("mfansites.png?ts=16");}
.home		li:first-child{background: url("home.png?ts=16");}
.library	li:first-child{background: url("mlibrary.png?ts=16");}

.xxbar {

#margin: 5px;

}

/*.motdhide{display: none;}
.motd_top
{
	transform: scale(0.9);
	transform-origin: right top;
	height: 40px;
	width: 890px;
	background: url("msg-of-the-day.png?ts=16") no-repeat;
}
.motd_bottom{transform: scale(0.9);transform-origin: right top;margin-bottom: 0px;height: 5px;width: 890px;background: url("msg-of-the-day-bottom.png?ts=16") no-repeat;background-position: 0px -15px;}
.motd{transform: scale(0.9);transform-origin: right top;min-height: 5px;width: 710px;background: url("msg-of-the-day-background.png?ts=16");font-size: 15px;font-family: "Merriweather";color: rgb(241, 241, 241);line-height: 1.2;text-align: left;padding: 14px 90px;}*/
/*.logo{background: url("logo.png?ts=16") no-repeat;}*/

.motd{transform-origin: left top; display: none;}
.motd > div:nth-child(1){height: 40px;width: 909px;background: url("motd.png?ts=16");

}
.motd > div:nth-child(2){min-height: 5px;background: url("msg-of-the-day-background.png?ts=16");font-size: 17px;font-family: "chaparral-pro", sans-serif;color: rgb(241, 241, 241);line-height: 1.2;text-align: left; padding: 20px 40px 20px 40px;}
.motd > div:nth-child(3){margin-bottom: 8px;height: 6px;background: url("msg-of-the-day-bottom.png?ts=16");background-position: 0px -15px;}
.blue:link{color:#3471eb !important; }
.blue:visited{color:#3471eb !important;}
.blue:hover{color:#2557ba !important;} 

#online_box{cursor: pointer; width: 140px; height: 40px; text-align: center;color: rgb(241, 241, 241);margin-left: 474px;padding-top: 14px;display: inline-block;position: absolute;overflow: Hidden;font-size: 16px;font-family: "MerriweatherBold", sans-serif;box-sizing:padding-box;}
#online_box > div {width:133px; height: 14px; background: url("players-online.png?ts=16") no-repeat;text-indent: -9999px;}
.menu li > a:link, .menu li > a:visited {margin-left: 19px; font-size: 14px;font-family: "MerriweatherBold";color: rgb(241, 241, 241);text-align: left;text-decoration: none;}
.menu li > a:hover {color: rgb(151, 151, 151);}
.menu {
	#transform: scale(0.9);
	transform-origin: left top;list-style-type: none;padding: 0px;margin: 0px 0px 0px 0px;}
.menu li:first-child{width:153px;height: 36px;padding-top: 0px;text-indent: -9999px;}
.menu li:nth-child(2){background: url('razem.png?ts=16'); height: 25px;padding-top: 10px;}
.menu li{background: url('1_2.png?ts=16'); height: 22px; padding-top: 6px;}
.menu li:last-child {background: url('box-bottom.png?ts=16'); height: 15px; padding-top: 0; margin-bottom:4px}

.stopka_bottom
{
	height: 5px;
	width: 1080px;
}
.stopka_top
{
	height: 5px;
	width: 1080px;
	background: url("ramka_tlo.png?ts=16");
	background-position: 0px -15px;
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}
.stopka
{

	position: relative;
	#left:-182px;
	min-height: 5px;
	max-width: 1200px;
	background: url("ramka_tlo.png?ts=16");
	font-size: 14px;
	font-family: "chaparral-pro", sans-serif;
	color: rgb(241, 241, 241);
	line-height: 0.8;
	text-align: center;
	padding: 14px 90px;
	border: 2px solid transparent;
	border-image: url(ramka.png) 2 round;
}
.footerlink:link, .footerlink:visited {color: #c5c5c5!important;text-decoration: bold;}.
.footerlink:hover {color: #c5c5c5!important;}
.sitebox {color: #fefcf0;width: 210px; height: 40px;display: inline-block;position: absolute;font-size: 17px;font-family: "chaparral-pro";line-height: 1.2;}
.sitebox > b {font-family: "chaparral-proBold";}
#box1{margin-left: 20px;}
#box2{margin-left: 301px;margin-top: 11px;}
#box3{margin-left: 649px; margin-top: 11px;}
#box4{margin-left: 850px;}
.yt{margin-left:10px;margin-top: 8px; position: absolute;}
.fb{margin-left:61px;margin-top: 7px; position: absolute;}
.di{margin-left:108px;margin-top: 5px; position: absolute;}
.tw{margin-left:160px;margin-top: 5px; position: absolute;}
#serverstatus{width: 120px; height: 18px; background:url('status.png?ts=16') no-repeat; background-position: 0px 2px; padding-left: 68px;margin-left: 14px;margin-top: 11px;font-size: 17px;font-family: "MerriweatherBold";line-height: 1.2;}


.minput:a {

}	
.minput3 {border: 1px solid #0e0b02; width: 117px; height: 30px; border-radius: 4px;background: #262520; color: #fff; padding-left:13px}
.minput
{
	height: 30px;
	display: inline-block;
	border: 1px solid rgba(0,0,0,0);
	border-radius: 5px;
	background-image: url('minput1.png?ts=16'), url('minput3.png?ts=16'), url('minput2.png?ts=16');
	background-position: left center, right center, center center;
	background-repeat: no-repeat, no-repeat, repeat;
	color: #ae8d06;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
}
.whiteselect {
background:#fff;
color:#000;	
	
}	
.minput2, .minput2 input[type="password"]
{
	font-family: "chaparral-pro";
	height: 25px;
	width: 220px; 
	  font-size: 17px;
	display: inline-block;
	#border: 1px solid rgba(0,0,0,0);
	#border-radius: 5px;
	#background-image: url('minput1.png?ts=16'), url('minput3.png?ts=16'), url('minput2.png?ts=16');
	#background-position: left center, right center, center center;
	#background-repeat: no-repeat, no-repeat, repeat;
	#color: #ae8d06;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
}
.minput:link, .minput:visited {
	color: #ae8d06!important; 
	text-decoration: none;
	padding-top: 10px;
	border-radius: 8px;	
	
}
.minput:hover {color: #725c03!important;}

.menulinkactive:link, .menulinkactive:visited {color: #87754e!important;text-decoration: none; font-family: "chaparral-pro";}.
.menulinkactive:hover {color: #725c03!important;}
.minput:focus{outline: none;}
.tabi tr:first-child {background-color: rgb(38,37,32)!important; color: #fff!important; height:28px; margin-top: 1px;}
.tabi tr:first-child > td > a {color: #fff!important; text-decoration: none;}
.tabi tr:nth-child(odd) {background-color: #b6a47e;}
.tabi tr:nth-child(even) {background-color: #b6a47e;}
.tabi tr {height: 24px; border-spacing:1px; line-height: normal;  }
.tabi td {    padding: 4px 6px;
}
.tabi {border-spacing: 1px;}
.aradio:link,.aradio:active, .aradio:visited {color: #000!important;text-decoration: none; font-family: "chaparral-pro", sans-serif!important; text-decoration: none!important; }
.aradio:hover { text-decoration: none!important; #000!important; font-family: "chaparral-pro", sans-serif!important;  }

.menulink_hs:link,.menulink_hs:active, .menulink_hs:visited {color: rgb(15,31,140)!important;text-decoration: none; font-family: "chaparral-pro";font-weight: normal!important; text-decoration: none!important; }
.menulink_hs:hover { text-decoration: underline!important; color: rgb(05,21,110)!important; font-family: "chaparral-pro";font-weight: normal!important;  }

.row {
display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;	
}	
.col-3 {
	    flex: 0 0 25%;
    max-width: 25%;
}

.submitbtn {
top:10px; 
position: relative;
}