/*
				~~~~~~~~~~~~~~
 THIS IS SKIN CREATED BY AZUU [otland: topa2] 
                GOOD LUCK GUY ;				
				~~~~~~~~~~~~~~
	            _____
                   |  I  |
                   |--i--|
               ____|     |____
              |              |
              |______________|		*/	  
:root{
	--first-color:#3a3f4b;
	--second-color:#4f535d;
}
.time{
	font-size: 30px;
}
.timer{
	display: block;
	width: 80%;
	margin-left: 50px;
	background-color: #8B98AB; 
}
.timer span{
	margin: 0 10px;
}
.newtitle { 	
color: #6caece;
font-weight: bold;
font-size: 250%;
}		
@font-face {
  font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}
#buypoints_button{
	background-color:999ca1;
}
.menu-top{
background: #b0bdcd;
border: 1px solid #B0BDCD;
border-radius: 3px;
height: 14px;
line-height: 14px;
padding: 3px;
margin-top: 3px;
margin-left: auto;
margin-right: auto;
margin-left: 2px;
font-weight:bold;
width: 205px;
margin-bottom: -11px;
text-shadow: 0px 1px 0px #C8C7C7;
}
#error{
position: absolute;
top: 0px;
left: 0px;
border-bottom: 3px solid #000;
background-color: #FFFFE1;
color: #000;
font-weight: bold;
background-image: url('skins/modern-site/warning.png');
}
html {
margin: 0;
padding: 0;
}
body {
background: url('skins/modern-site/bg.webp') no-repeat fixed center center / cover #CCC;
--background: linear-gradient(180deg, rgba(24,31,40,1) 0%, rgba(31,35,45,1) 100%);
font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif;
font-size: 13px;
color: #eee;
margin: 0;
padding: 0;
}
#container {
background:white;
--background: #99CCCC;
--background: linear-gradient(to bottom, #8B98AB 0%, #D1D1D1 2%, #97A7B5 4%, #94A3B1 50%, #7B8EA2 100%) repeat scroll 0% 0% transparent;
background: linear-gradient(180deg, rgba(72,90,117,1) 0%, rgba(31,35,45,1) 100%);
border-radius: 4px;
margin: auto;
margin-top: 5px;
width: 900px;
min-height: 200px;
padding: 5px;
}
#container2 {
min-height: 1300px;
}

#header {
border-radius: 4px;
width: 900px;
height: 220px;
background: url(skins/modern-site/header.png) no-repeat;
margin-bottom: 10px;
}
#server_name {
display: none;
}
#panel {
width: 218px;
position: absolute;
border: 1px solid #7E7D7D;
border-radius:3px;
}
#content{
width: 675px;
margin-left: 223px;
border: 1px solid #7E7D7D;
min-height: 1500px;
border-radius:3px;
border-right:none;
background-color:#212932;
}
#navigation{
background-color:#212932;
}
#navigation a{
	font-family: "Lato";
}
#container2{
background-color:#212932;
}
.top {
height: 30px;
line-height: 30px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-family: "Lato";
text-shadow: 1px 1px 0px #333;
font-weight: 900;
text-align: center;
--background: linear-gradient(180deg, rgba(33,41,50,1) 0%, rgba(77,79,82,1) 100%);
--background: linear-gradient(180deg, rgba(72,90,117,1) 0%, rgba(31,35,45,1) 100%);
background: linear-gradient(180deg, rgba(54,57,63,1) 0%, rgba(68,68,68,1) 100%);
}
#panel .top {
width: 218px;
}
.mid {
padding: 3px;
}
#server_state {
text-align: center;
font-weight: bold;
}
.online {
color: green;
font-size: 20px;
}
.offline {
color: red;
font-size: 20px;
}
a {
color: #ddd;
text-decoration:none;
}
a:hover {
color:#CC0000;
}
#menu_head, #footer {
border-radius: 3px;
--background-color: #52565c;
background: linear-gradient(180deg, rgba(54,57,63,1) 0%, rgba(68,68,68,1) 100%);
border: 1px solid #B0BDCD;
text-align:center;
}
#menu_head {
margin-bottom: 10px;
}
#panel li {
list-style:none;
--background: url(skins/modern-site/kropka.png) left no-repeat;
padding: 2px 0;
font-size: 14px;
margin-bottom: 2px;
margin-left: -30px;
}
	#panel .PORADNIKI a, .AUTO-EVENT a, .Black a{
		font-size: 14px;
		color:red;
		font-family:'Roboto';
	}
	#panel .ANDROID a{
		font-size: 14px;
		color:blue;
		font-family:'Roboto';
	}
	#panel .BOSS a{
		font-size: 14px;
		color:green;
		font-family:'Roboto';
	}

span {
}
/* LIST-ITEM [domyslne] */
.task-menu{
	cursor: pointer;
}
.task-menu li{
	list-style-type: none;
	height: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
}
.task-menu li:hover {
font-weight: bold;
}
/* USTAWIENIA IOBOX */
#form #iobox{
	position: fixed;
	/*IE position: absolute;*/
	background-color: #333;
	border: 1px solid #000;
	margin-top:-4px;
}
#form #iobox fieldset {
	cursor: default;
}
/* TABELKI */
.color0, .color1, .color2 {
text-align: center;
}
.color0 {
background: var(--first-color);
}
.color1, .color2 {
background: var(--second-color);
}
tr.color1>td,tr.color2>td,tr.color0>td {
border: 1px solid #7E7D7D;
height: 16px;
}
/* INPUT ;d */
input[type=text], input[type=password]
{
    background-color: #fff;
    border:solid 1px #92b9cd;
    padding-left:10px;
    box-shadow: 2px 2px 0 #828181 inset;
}
input[type=button], input[type=submit]
{
    background-color: var(--second-color);
    color: #bbbbbb;
    box-shadow:-1px 2px var(--second-color) inset;
}

input[type=button], input[type=text], input[type=submit], input[type=password]
{
    border: 0;
    border-radius:5px;
}
/* MAŁE FIXY - li itd */
.mid>li {
margin-left: 10px;
}
/* ADVERSITING */
.adv {
font-size: 0px;
background: red;
width: 20px;
height: 20px;
border: 1px solid black;
margin:auto;
}
.adv>img{
display: none;
}
.adv:hover {
margin: auto; border: 1px solid black; background: linear-gradient(to bottom, #8B98AB 0%, #D1D1D1 2%, #97A7B5 4%, #94A3B1 50%, #7B8EA2 100%) repeat scroll 0% 0% transparent;
width: auto;
height: auto;
font-size: 11px;
}
.adv:hover>img {
display: block;
}