body 
{
	background:url(../images/back.png) repeat-x #202020;
	
    margin:0;
	padding:0;
	font:12px Arial, Tahoma, Verdana;
	line-height:18px;
	color:#ccc;
   // background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: top center ; 
    
    
}
#container 
{
	margin:0 auto;
	width:904px;
}
ul,ol,p,h1,h2,h3,h4,blockquote,fieldset 
{
	margin:0;
	padding:0;
}
a 
{
	text-decoration:none;
	outline:none;
	color:#77B6CD;
}
a:hover 
{
	color:#0D8AAA;
}
img 
{
	border:none;
}
.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.left-img 
{
	float:left;
	border:1px solid #000;
	margin:4px 7px 0 0;
}
.right-img 
{
	float:right;
	border:1px solid #000;
	margin:5px 0 0 7px;
}
blockquote 
{
	background:url(../images/blockquote.gif) no-repeat top left;
	padding:10px 0 0 40px;
	font-style:italic;
}

/* -- [ hacks ] ------------------------ */

.safari #navigation a 
{
	padding:16px 15px 18px 15px;
}
.safari #contactform .send 
{
	padding:9px 0 9px 0;
}
.ie6 #right 
{
	margin-right:-20px;
}
.ie6 .left-box-content 
{
	width:510px;
}
.ie6 .columns 
{
	width:510px;
}
.ie6 .box-column 
{
	margin-right:7px;
	position:relative;
}
.ie6 #navigation a /*in here i gave a static width to nav buttons. because of display:block issue in ie6*/
{
	text-align:center;
	height:1%;
	width:80px;
	text-align:center;
	padding:16px 0 19px 0;
}
.ie6 #navigation a.selected 
{
	background:url(../images/nav-buttons.jpg) 0 -101px repeat-x;
	border-right:1px solid #050505;
	border-left:1px solid #050505;
	border-bottom:1px solid #0d0d0d;
	margin-bottom:-1px;
	position:relative;
}
.ie6 #navigation ul li ul li 
{
	margin-bottom:-1px;
}
.ie6 #featured-tabs li a 
{
	background:url(../images/featured-dots.png) 0 -8px no-repeat;
}
.ie7 #main
{
	padding-bottom:15px;
}
.ie7 #navigation ul li ul li 
{
	border-bottom:1px solid #000;
}
.chrome #navigation a.selected 
{
	border-bottom:2px solid #0d0d0d;
}
.chrome #contactform .send 
{
	padding:7px 0 7px 0;
}
.opera #featured-tabs
{
	margin:-22px 0 0 475px;
}

/* -- [ header ] ------------------------ */

#header 
{
	width:902px;
	height:150px;
}
#logo 
{
	width:243px;
	height:60px;
	position:absolute;
	margin-top:74px;
}

/* -- [ navigation ] ------------------------ */

#navigation 
{
	width:902px;
	height:99px;
	padding-top:0px;
	border-bottom:1px solid #050505;
	background:url(../images/navigation.jpg) no-repeat;
}
#navigation ul 
{
	list-style:none;
	margin-left:10px;
}
#navigation li 
{
	float:left;
}
#navigation a 
{
	display:block;
	padding:16px 15px 19px 15px;
	font:12px Verdana, Arial, Tahoma;
	color:#bbb;
}
#navigation a:hover 
{
	background:url(../images/nav-buttons.jpg) 0 -51px repeat-x;
}
#navigation a.selected 
{
	background:url(../images/nav-buttons.jpg) 0 -101px repeat-x;
	border-right:1px solid #050505;
	border-left:1px solid #050505;
	border-bottom:1px solid #0d0d0d;
}

/* -- [ navigation > dropdown ] ------------------------ */

#navigation ul li ul
{	
	position: absolute;
	display:none;
	margin:0;
	z-index:101;
}
#navigation ul li ul li
{	
	float: none;
	display: block;
	padding:0;
}
#navigation ul li ul li a
{	
	border:1px solid #000;
	border-top:none;
	width: auto;
	background: #080808;
	display: block;
	padding:5px !important;
}
#navigation ul li ul li a:hover
{	
	background: #191919;
}

/* -- [ main content ] ------------------------ */

#main 
{
	width:860px;
	border-right:1px solid #2e2e2e;
	border-left:1px solid #2e2e2e;
	padding:10px 20px 0 20px;
	background:#0D0D0D;//#0D0D0D
}

/* -- [ left menu ] ------------------------ */

#left 
{
	width:200px;
	height: 540px;
	margin-top: 1px;
	float:left;
	//color:#999;
	background:url(../images/ng/menu-lave.png) no-repeat;
}
#archive-rss 
{
	width:210px;
	margin:-10px 0 20px 7px;
}
#archive-rss a 
{
	background:url(../images/buttons.jpg) no-repeat;
	display:block;
	width:83px;
	text-align:center;
	padding:6px 0 6px 0;
	text-transform:uppercase;
	float:left;
	color:#77B6CD;
	margin-right:20px;
	font-size:11px;
}
#archive-rss a:hover 
{
	background:url(../images/buttons.jpg) 0 -30px no-repeat;
}
.left-box 
{
	margin-bottom:5px;
}
.left-box h3
{
	//background:url(../images/title-short.jpg) no-repeat;
	width:200px;
	padding:8px 0 7px 33px;
	font:12px Arial, Tahoma, Verdana;
	text-transform:uppercase;
	color:#6ec2d1;
}
.left-box ul 
{
	//background:url(../images/rounded-small.jpg) bottom left no-repeat #141414;
	list-style:none;
	margin-left: 19px;
	margin-top: 73px;
	margin-right: 19px;
}
.left-box li 
{
	
}
.left-box li:last-child 
{
	padding:0;
	margin:0;
	border-bottom:none;
}
.left-box a 
{
	display:block;
	width: 163px;
	height: 47px;
	background:url(../images/ng/menu-lave-button.png) no-repeat;
	line-height: 47px;
	text-align: center;
	font-size: 15px;
}
.left-box a:hover 
{
	width: 163px;
	height: 47px;
	//color:#77B6CD;
	background:url(../images/ng/menu-lave-button.png) bottom left no-repeat;
}
.left-box a:active
{
	position: relative;
	top: 1px;
}
	
.left-box span 
{
	display:block;
	text-align:right;
}
.more-link 
{
	display:inline !important;
	color:#77B6CD;
}


/* -- [ right part (content) ] ------------------------ */

#right 
{
	float:right;
	width:640px;
	margin-left:20px;
}
#left p 
{
	margin-bottom:15px;
}
.right-box 
{
	//background:url(../images/rounded-big.jpg) bottom left no-repeat #141414;
	margin-bottom:5px;
}
.right-box h2 /*this is box's title*/ 
{
	background:url(../images/ng/win-rhead.png) no-repeat;
	width:607px;
    height: 25px;
	padding:13px 0 7px 20px;
    padding-right: 20px;
	font:12px Arial, Tahoma, Verdana;
	text-transform:uppercase;
    text-align: center;
	color:#6ec2d1;
}
.right-box-content 
{	//text-align: center;
	padding:15px 15px 5px 15px;
    background:url(../images/ng/win-r.png) no-repeat;
    height: 467px;
}

.right-box-content-scroll 
{	//text-align: center;
	padding:15px 15px 15px 15px;
    background:url(../images/ng/win-r.png) no-repeat;
    height: 465px;
	//overflow-y:scroll;
}

.right-box-content-long 
{	//text-align: center;
	padding:25px 25px 25px 25px;
    background:url(../images/ng/win-r-long.png) repeat-y;

}

.right-box-footer{
    background: url(../images/ng/win-r-footer.png) no-repeat;
    //width: 607px;
    height: 25px;
}

.right-box-content h3 
{
	border-bottom:1px solid #333;
	padding-bottom:2px;
	margin-bottom:5px;
	font:18px arial;
}
.right-box-content h4 
{
	border-bottom:1px solid #333;
	padding-bottom:2px;
	margin-bottom:5px;
	font:16px arial;
}
.right-box-content h5 
{
	border-bottom:1px solid #333;
	padding-bottom:2px;
	margin-bottom:5px;
	font:14px arial;
}
.right-box-content ul 
{
	margin:10px 0 10px 30px;
	list-style:circle;
}
.right-box-content ol 
{
	margin:10px 0 10px 30px;
}
.work-image 
{
	border:1px solid #000;
	display:block;
	margin-bottom:15px;
}

/* -- [ featured ] ------------------------ */
#featured 
{
	width:540px;
	height:272px;
	margin-bottom:10px;
	margin-top: 5px;
	margin-left: 30px;
	border: 3px solid #313131;
}
.featured-images img 
{
	display:block;
}
.featured-images p 
{
	width:540px;
	padding:11px 0 13px 15px;
	position:absolute;
	background:url(../images/featured-description.png) no-repeat;
	color:#fff;
	margin-top:-39px;
}
#featured-tabs 
{
	position:absolute;
	margin:-42px 0 0 500px;
	z-index:100;
}
#featured-tabs a 
{
	display:block;
	text-indent:-9999pt;
	background:url(../images/featured-dots.png) no-repeat;
	width:8px;
	height:8px;
	float:left;
	margin-right:3px;
}
#featured-tabs a:hover, .activeSlide 
{
	background:url(../images/featured-dots.png) 0 -8px no-repeat !important;
}

/* -- [ columns (in the index.html inside left-box) ] ------------------------ */

.columns 
{
	width:625px;
}
.columns h3 
{
	font:12px Arial, Tahoma, Verdana;
	text-transform:uppercase;
	margin-bottom:5px;
}
.columns img 
{
	display:block;
	margin-bottom:5px;
}
.box-column 
{
	width:160px;
	float:left;
	margin-right:15px;
}

/* -- [ contact form ] ------------------------ */

#contactform fieldset 
{
	border:none;
}
#contactform textarea 
{
	border:1px solid #333;
	background:#222;
	font:12px Arial, Tahoma, Verdana;
	padding:5px;
	color:#bbb;
	width:600px;
	height:150px;
}
#contactform input 
{
	width:150px;
	border:1px solid #333;
	font:12px Arial, Tahoma, Verdana;
	padding:5px;
	background:#222;
	margin-bottom:10px;
	color:#bbb;
	display:block;
}
#contactform label 
{
	margin-bottom:2px;
	display:block;
}
#contactform input:focus, #contactform textarea:focus 
{
	border:1px solid #0F7393;
}
#contactform .send 
{
	font:11px Arial, Tahoma, Verdana;
	padding:7px 0 7px 0;
	text-align:center;
	background:url(../images/buttons.jpg) no-repeat;
	text-transform:uppercase;
	margin-top:5px;
	width:83px;
	color:#77B6CD;
	border:none;
	cursor:pointer;
}
#contactform .send:hover 
{
	background:url(../images/buttons.jpg) 0 -30px no-repeat;
}
#contactform .send:focus 
{
	border:none;
}

/* -- [ footer ] ------------------------ */

#footer 
{
	width:860px;
	height:20px;
	padding:15px 20px 10px 20px;
	background:url(../images/footer.jpg) no-repeat;
	margin-left:1px;
	margin-bottom:30px !important;
}
#footer-copyright 
{
	float:left;
}
#footer-menu 
{
	float:right;
	color:#77B6CD;
}
#footer-menu a 
{
	margin:0 5px 0 5px;
}

.fbfooter{
	float: right;
}

#fbfooter{
	width: 14px;
	height: 14px;
	margin-right: 3px;
}

.fbfooter span{
	margin: auto;

}
.login{
    width:150px;
    margin: auto;
    text-align: center;  
	margin-top: 70px;
}
 .loginheslo{
    margin-bottom: 10px; 
}       
.loginusername{
	margin-bottom: 10px; 
}  
.b_login{
    margin-top: 10px;
    height: 40px;
    text-align: center; 
    padding-left: 40px;
}  


#containertop { 
    overflow: hidden;
    display: table;
    margin: 0 auto; 
}


.button_build {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.button_build:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.button_build:active {
	position:relative;
	top:1px;
}

.button_destroy {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #de8678), color-stop(1, #b34332));
	background:-moz-linear-gradient(top, #de8678 5%, #b34332 100%);
	background:-webkit-linear-gradient(top, #de8678 5%, #b34332 100%);
	background:-o-linear-gradient(top, #de8678 5%, #b34332 100%);
	background:-ms-linear-gradient(top, #de8678 5%, #b34332 100%);
	background:linear-gradient(to bottom, #de8678 5%, #b34332 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#de8678', endColorstr='#b34332',GradientType=0);
	background-color:#de8678;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #873333;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7a2a1d;
}
.button_destroy:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b34332), color-stop(1, #de8678));
	background:-moz-linear-gradient(top, #b34332 5%, #de8678 100%);
	background:-webkit-linear-gradient(top, #b34332 5%, #de8678 100%);
	background:-o-linear-gradient(top, #b34332 5%, #de8678 100%);
	background:-ms-linear-gradient(top, #b34332 5%, #de8678 100%);
	background:linear-gradient(to bottom, #b34332 5%, #de8678 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b34332', endColorstr='#de8678',GradientType=0);
	background-color:#b34332;
}
.button_destroy:active {
	position:relative;
	top:1px;
}


.button_build_old {
  padding: 5px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #999;
}

.button_build_old:hover {background-color: #3e8e41}

.button_build_old:active {
  background-color: #3e8e41;
  box-shadow: 0 1px #666;
  transform: translateY(2px);
}

.button_destroy_old {
  padding: 5px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #c15454;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #999;
}

.button_destroy_old:hover {background-color: #833333}

.button_destroy_old:active {
  background-color: #c15454;
  box-shadow: 0 1px #666;
  transform: translateY(2px);
}


progressBar {
  width: 100px;
  margin: 10px auto;
  height: 22px;
  background-color: #aed1d8;
    
  background: #233c52;
	border: 1px solid #111;	
	border-radius: 5px;	
	overflow: hidden;
	box-shadow: 0 0 5px #333;	 
    position: relative;
}

.progressBar div {
  height: 100%;
  text-align: center;
  padding: 0 0px;
  line-height: 22px; 
  width: 0;
  background-color: #326e79;
    
  background-color: #1a82f7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099FF), to(#1a82f7)); 
	background: -webkit-linear-gradient(top, #0099FF, #1a82f7); 
	background: -moz-linear-gradient(top, #0099FF, #1a82f7); 
	background: -ms-linear-gradient(top, #0099FF, #1a82f7); 
	background: -o-linear-gradient(top, #0099FF, #1a82f7);    
}

    
.progressBar span {
    position: absolute;
    display: block;
    width: 535;
    color: #f8f8f8;
}    

progressBarshort {
  width: 100px;
  margin: 10px auto;
  height: 22px;
  background-color: #aed1d8;
    
  background: #233c52;
	border: 1px solid #111;	
	border-radius: 5px;	
	overflow: hidden;
	box-shadow: 0 0 5px #333;	 
    position: relative;
}

.progressBarshort div {
  height: 100%;
  text-align: center;
  padding: 0 0px;
  line-height: 22px; 
  width: 0;
  background-color: #326e79;
    
  background-color: #1a82f7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099FF), to(#1a82f7)); 
	background: -webkit-linear-gradient(top, #0099FF, #1a82f7); 
	background: -moz-linear-gradient(top, #0099FF, #1a82f7); 
	background: -ms-linear-gradient(top, #0099FF, #1a82f7); 
	background: -o-linear-gradient(top, #0099FF, #1a82f7);    
}
 
.progressBarshort span {
    position: absolute;
    display: block;
    width: 342;
    color: #f8f8f8;
}   

#label {
    text-align: center; /* If you want to center it */
    line-height: 30px; /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: white;
}


.info-ludia {
    background-color: #74bed0;
    float: left;
    font-size: 12pt;
    color: black;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 5px;
   // width: 50;
    text-align:center;
    border: 2px solid #cdd4d4;
}

.info-komodity {
    background-color: #74bed0;
    float: left;
    font-size: 12pt;
    color: black;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 5px;
   // width: 50;
    text-align:center;
    border: 2px solid #cdd4d4;
}

.mainbarimg {
    width: 35px; 
    height: 35px; 
    background: #326e79; 
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    border-radius: 50px;
    border: 3px solid #ccc;
    margin-top: -40px;
}

.mainbarstat {
    
    height:15px;
    width: 50px;
    color:black;
    background: #e2f1f4;
    margin-top:   0px;
    margin-left: 20px;
    border: 3px solid #326e79;
    border-radius: 10px;
    padding-left: 35px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 12px;

    
}

.statusbar {
    height: 80px;
    padding: 10px;
    padding-top: 5px;
    margin-top: 0px;
    align-content: center;
}





.secondbarimg {
    background: #326e79;
    border-radius: 15px;
    max-width: 43;
    margin-left: 0px;
    margin-top: -36px;
    border: 3px solid #326e79
    
}

.secondbarstat {
    height:12px;
    width: 60px;
    color:black;
    background: #aed1d8;
    margin-top:   10px;
    margin-left: 0px;
    border: 3px solid #326e79;
    border-radius: 10px;
    padding-left: 50px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 12px;
}

#tablestat {
  border-collapse: collapse;
    margin: 0 auto;
}
.tabulka {
    background: #242424;
    border-radius: 10px;
    padding: 10px; 
    margin-top: 10px;
    margin-bottom: 10px;
}

table{
    font-size: 13px
}
table.soldiers{
	border: 2px solid #585858;
	border-collapse: collapse;
    width:100%;
}

table.soldiers tr{
    padding: 3px;
	height: 35px;
    font-size: 12px; 
    border: 1px solid #585858;
    text-align: center;
}

table.soldiers td{
    font-size: 12px;
    margin:5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #585858;
}

table.soldiers tr:nth-child(even){background-color: #101010}
table.soldiers tr:first-child{font-weight: bold;background:#454545;}
table.soldiers td:first-child{text-align: left;}
table.soldiers td:nth-child(5){width:100px;}
table.soldiers td:nth-child(6){width:80px;border: 1px solid #585858;}
input.insoldier{
    width:90px;
}

.mybut{
    background:url(../images/buttons.png) no-repeat;
    height: 30px;
    width: 83px;
    border: none;
    font-size:12px;
    
    text-align: center;
    padding: 6px 0 6px 0;
    float: left;
    color: #77B6CD;
    margin: 0 auto;
  
}
.mybut:hover{
    background: url(../images/buttons.png) 0 -30px no-repeat;
}
.mybut:active{
    position:relative;
	top:1px;
}

.mybutr{
    background:url(../images/buttonsr.png) no-repeat;
    height: 30px;
    width: 83px;
    border: none;
    font-size:12px;
    
    text-align: center;
    padding: 6px 0 6px 0;
    float: left;
    color: #ef8888;
    margin: 0 auto;
  
}
.mybutr:hover{
    background: url(../images/buttonsr.png) 0 -30px no-repeat;
}
.mybutr:active{
    position:relative;
	top:1px;
}

.button_build {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.button_build:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.button_build:active {
	position:relative;
	top:1px;
}

.button_destroy {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #de8678), color-stop(1, #b34332));
	background:-moz-linear-gradient(top, #de8678 5%, #b34332 100%);
	background:-webkit-linear-gradient(top, #de8678 5%, #b34332 100%);
	background:-o-linear-gradient(top, #de8678 5%, #b34332 100%);
	background:-ms-linear-gradient(top, #de8678 5%, #b34332 100%);
	background:linear-gradient(to bottom, #de8678 5%, #b34332 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#de8678', endColorstr='#b34332',GradientType=0);
	background-color:#de8678;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #873333;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7a2a1d;
}
.button_destroy:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b34332), color-stop(1, #de8678));
	background:-moz-linear-gradient(top, #b34332 5%, #de8678 100%);
	background:-webkit-linear-gradient(top, #b34332 5%, #de8678 100%);
	background:-o-linear-gradient(top, #b34332 5%, #de8678 100%);
	background:-ms-linear-gradient(top, #b34332 5%, #de8678 100%);
	background:linear-gradient(to bottom, #b34332 5%, #de8678 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b34332', endColorstr='#de8678',GradientType=0);
	background-color:#b34332;
}
.button_destroy:active {
	position:relative;
	top:1px;
}


.button_build_old {
  padding: 5px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #999;
}

.button_build_old:hover {background-color: #3e8e41}

.button_build_old:active {
  background-color: #3e8e41;
  box-shadow: 0 1px #666;
  transform: translateY(2px);
}

.button_destroy_old {
  padding: 5px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #c15454;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #999;
}

.button_destroy_old:hover {background-color: #833333}

.button_destroy_old:active {
  background-color: #c15454;
  box-shadow: 0 1px #666;
  transform: translateY(2px);
}

.najmiButtonok{
    background:url(../images/icons/b_ok.png) no-repeat;
    background-size: 20px 20px;
    width:20px;
    height:20px;
    float:left;
}

.najmiButtonok:hover {
    background:url(../images/icons/b_okf.png) no-repeat;
    background-size: 20px 20px;
    width:20px;
    height:20px;
    float:left;
}

.najmiButtonx{
    background:url(../images/icons/b_x.png) no-repeat;
    background-size: 20px 20px;
    width:20px;
    height:20px;
    float:left;
}

.najmiButtonx:hover {
    background:url(../images/icons/b_xf.png) no-repeat;
    background-size: 20px 20px;  
    width:20px;
    height:20px;
    float:left;
}

.najmiButtonok:active {
    position:relative;
	top:1px;
}

.najmiButtonx:active {
    position:relative;
	top:1px;
}
table.vyvoj td {
    max-width: 50px;
    max-height: 50px;
    
}

table.vyvoj td{
    text-align: center;
//border: 1px solid #fff
}

img.vyvoj {
   width: 50px; 
    height: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

table.vyvoj tr:first-child{font-weight: bold;background:#454545;height:30px;}
table.vyvoj tr:nth-child(2){height:30px;}



.topm1{
    background:url(../images/ng/b-m1.png) no-repeat;
    width: 82px;
    height: 66px;
    margin-left: 26px;
    margin-top: -35px;
}

.topm1:hover{
    background:url(../images/ng/b-m1on.png)  no-repeat; 
}

.topm1:activate{
    position:relative;
	top:1px;
}

.topm2{
    background:url(../images/ng/b-m2.png) no-repeat;
    float: left;
    width: 82px;
    height: 67px;
    margin-left: 109px;
    margin-top: -67px;
    text-align: center;
}

.topm2:hover{
    background:url(../images/ng/b-m2on.png)  no-repeat; 
}

.topm2:activate{
    position:relative;
	margin-top: -66px;
}

.topm3{
    background:url(../images/ng/b-m3.png) no-repeat;
    float: left;
    width: 82px;
    height: 68px;
    margin-left: 191px;
    margin-top: -64px;
}


.topm3:hover{
    background:url(../images/ng/b-m3on.png)  no-repeat; 
}

.topm3:activate{
    position:relative;
	top:1px;
}

.topm4{
    background:url(../images/ng/b-m4.png) no-repeat;
    float: left;
    width: 82px;
    height: 68px;
    margin-left: 1px;
    margin-top: -56px;
}

.topm4:hover{
    background:url(../images/ng/b-m4on.png)  no-repeat; 
}

.topm4:activate{
    position:relative;
	top:1px;
}

.topm5{
    background:url(../images/ng/b-m5.png) no-repeat;
    float: left;
    width: 83px;
    height: 69px;
    margin-left: 0px;
    margin-top: -66px;
}

.topm5:hover{
    background:url(../images/ng/b-m5on.png)  no-repeat; 
}

.topm5:activate{
    position:relative;
	top:1px;
}

.topm6{
    background:url(../images/ng/b-m6.png) no-repeat;
    float: left;
    width: 82px;
    height: 68px;
    margin-left: 0px;
    margin-top: -65px;
}

.topm6:hover{
    background:url(../images/ng/b-m6on.png)  no-repeat; 
}

.topm6:activate{
    position:relative;
	top:1px;
}

.topm7{
    background:url(../images/ng/b-m7.png) no-repeat;
    float: left;
    width: 82px;
    height: 68px;
    margin-left: -2px;
    margin-top: -66px;
}

.topm7:hover{
    background:url(../images/ng/b-m7on.png) no-repeat; 
}

.topm7:activate{
    position:relative;
	top:1px;
}

.tmtext{
    text-align: center;
    padding-top: 20px;
    font-weight: bold;
}

.tmtextmid{
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

.nahlad {
    width: 150px;
    height: 270px;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 20px;
    font-size: 15px;  
    float: left;
}

.nahladshort {
    width: 150px;
    height: 170px;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    font-size: 15px;  
    display: inline-block;
}

.picplantaz{
    background:url(../images/ng/plantaz.png) no-repeat;
}

.picpila{
    background:url(../images/ng/pila.png) no-repeat;
}

.picsklad{
    background:url(../images/ng/sklad.png) no-repeat;
}

.picstrelnica{
    background:url(../images/ng/strelnica.png) no-repeat;
}

.picgaraze{
    background:url(../images/ng/garaze.png) no-repeat;
}

.piclabak{
    background:url(../images/ng/labak.png) no-repeat;
}

.picplot{
    background:url(../images/ng/plot.png) no-repeat;
}

.picmarket{
    background:url(../images/ng/market.png) no-repeat;
}



.nahladtab {
    width:360px;
    min-height: 78px;
	display: inline-block;
    //float: right;
    background-color: #212121;
    padding: 10px 10px 3px 10px;
    //margin-top: 28px;
	vertical-align:top;
}
 
.najmizberacov {
    width:370px;
    height: 30px;
    display: table;
    background-color: #212121;
    margin-top: 3px;
    padding-top: 8px;
    padding-left: 10px;
}

.bplusdim{
    background:url(../images/ng/b-plusdim.png) no-repeat;
    width: 23px;
    height: 22px;
    margin-left: 10px;
    margin-top: -1px;
    float: left;
}

.bminusdim{
    background:url(../images/ng/b-minusdim.png) no-repeat;
    width: 23px;
    height: 22px;
    margin-left: 10px;
    margin-top: -1px;
    float: left;
}

.obsah {
    width: 580px;
    height: 440px;
	overflow: hidden;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.bplus{
    width: 23px;
    height: 22px;
    border: none;
    background:url(../images/ng/b-plus.png) no-repeat;
}

.bplus:hover{
    background:url(../images/ng/b-pluson.png) no-repeat;
}

.bplus:active{
    position:relative;
    top: 1px;
}

.bminus{
    width: 23px;
    height: 22px;
    border: none;
    background:url(../images/ng/b-minus.png) no-repeat;
}

.bminus:hover{
    background:url(../images/ng/b-minuson.png) no-repeat;
}

.bminus:active{
    position:relative;
    top: 1px;
}
.build {
    margin-top: 105px;
    margin-left: 9px;
    width: 48px;
    height: 41px;
    border: none;
 
}

.bbuild{
    width: 48px;
    height: 41px;
    background:url(../images/ng/b-build.png) no-repeat;
    border: none;
}

.bbuild:hover{
     background:url(../images/ng/b-buildon.png) no-repeat;
}

.bbuild:active{
    position:relative;
    top: 1px;
}

.destroy {
    margin-top: -41px;
    margin-left: 77px;
    width: 48px;
    height: 41px;
    border: none;
}

.bdestroy{
    width: 48px;
    height: 41px;
    background:url(../images/ng/b-destroy.png) no-repeat;
    border: none;
}

.bdestroy:hover{
     background:url(../images/ng/b-destroyon.png) no-repeat;
}

.bdestroy:active{
    position:relative;
    top: 1px;
}
.nahladtit {
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
}

.statylw{
    color: a5a05e;
    font-size: 15px;
    font-weight: bold;
}
.containertop{
	
}
.progbar{
    width: 536px;
    height: 22px;
    background:url(../images/ng/progressbar.png) no-repeat;
    margin-top: 10px;
    margin-left: 19px;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 8px;
    padding-right: 8px;

}

.progbarpov{
    width: 536px;
    height: 22px;
    background:url(../images/ng/progressbar.png) no-repeat;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 8px;
    padding-right: 8px;
	margin: 0 auto;
}

.progbarblock{
    width: 536px;
    height: 22px;
    background:url(../images/ng/progressbar.png) no-repeat;
    margin-top: 10px;
    margin-left: 19px;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 8px;
    padding-right: 8px;
display: inline-block;

}

.margin10{
	height: 10px;
	width: 100%;
}

.progbartop {
	display: table;
	position: relative;
}

.progbarshort{
    width: 344px;
    height: 22px;
    background:url(../images/ng/progressbar-short.png) no-repeat;
    margin-top: 15px;
    margin-left: 0px;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 8px;
    padding-right: 8px; 
}


.tooltip {
    position: relative;
    display: inline-block;
    //border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    min-width: 120px;
    background-color: #4d4d4d;
    color: #dbdbdb;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 99;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    
    opacity: 0;
    transition: opacity 0.5s;
	
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #4d4d4d transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltipr {
    position: relative;
    display: block;
    border-bottom: 1px dotted black;
}

.tooltipr .tooltiptextr {
    visibility: hidden;
    min-width: 120px;
    background-color: #4d4d4d;
    color: #dbdbdb;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
    margin-left: -10px;
    
    opacity: 0;
    transition: opacity 0.5s;
}

.tooltipr .tooltiptextr::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color:  transparent #4d4d4d transparent transparent;
}

.tooltipr:hover .tooltiptextr {
    visibility: visible;
    opacity: 1;
}

.hammer{
    margin-left: 5px;
    margin-top: -5px;
}

.msnahlad{
    width: 66px;
	height: 101px;
    float: left;
    margin-right: 2px;
}
.bitkarm2 {
    background:url(../images/ng/soldiers/bitkar-small2.png) no-repeat;
    margin-top: 6px;
}

.uzimanm2{
    background:url(../images/ng/soldiers/uzi-small2.png) no-repeat;   
    margin-top: 6px;
}

.kalachmanm2{
    background:url(../images/ng/soldiers/kalach-small2.png) no-repeat;  
    margin-top: 6px;
}

.raketometm2{
    background:url(../images/ng/soldiers/raketomet-small2.png) no-repeat;  
    margin-top: 6px;

}

.gulometm2{
    background:url(../images/ng/soldiers/gulomet-small2.png) no-repeat;  
    margin-top: 6px;
}

.kapitanm2{
    background:url(../images/ng/soldiers/kapitan-small2.png) no-repeat;  
    margin-top: 6px;
}

.hrdinam2{
    background:url(../images/ng/soldiers/hrdina-small2.png) no-repeat; 
    margin-top: 6px;
}

.bitkarm2off {
    background:url(../images/ng/soldiers/bitkar-small2off.png) no-repeat;
    margin-top: 6px;
}

.uzimanm2off{
    background:url(../images/ng/soldiers/uzi-small2off.png) no-repeat;   
    margin-top: 6px;
}

.kalachmanm2off{
    background:url(../images/ng/soldiers/kalach-small2off.png) no-repeat;  
    margin-top: 6px;
}

.raketometm2off{
    background:url(../images/ng/soldiers/raketomet-small2off.png) no-repeat;  
    margin-top: 6px;

}

.gulometm2off{
    background:url(../images/ng/soldiers/gulomet-small2off.png) no-repeat;  
    margin-top: 6px;
}

.kapitanm2off{
    background:url(../images/ng/soldiers/kapitan-small2off.png) no-repeat;  
    margin-top: 6px;
}

.hrdinam2off{
    background:url(../images/ng/soldiers/hrdina-small2off.png) no-repeat; 
    margin-top: 6px;
}

.bitkarm {
    background:url(../images/ng/soldiers/bitkar-small.png) no-repeat;
}

.uzimanm{
    background:url(../images/ng/soldiers/uzi-small.png) no-repeat;   
}

.kalachmanm{
    background:url(../images/ng/soldiers/kalach-small.png) no-repeat;   
}

.raketometm{
    background:url(../images/ng/soldiers/raketomet-small.png) no-repeat;   
}

.gulometm{
    background:url(../images/ng/soldiers/gulomet-small.png) no-repeat;   
}

.kapitanm{
    background:url(../images/ng/soldiers/kapitan-small.png) no-repeat;   
}

.hrdinam{
    background:url(../images/ng/soldiers/hrdina-small.png) no-repeat;   
}

.bitkarmoff {
    background:url(../images/ng/soldiers/bitkar-smalloff.png) no-repeat;
}

.uzimanmoff{
    background:url(../images/ng/soldiers/uzi-smalloff.png) no-repeat;   
}

.kalachmanmoff{
    background:url(../images/ng/soldiers/kalach-smalloff.png) no-repeat;   
}

.raketometmoff{
    background:url(../images/ng/soldiers/raketomet-smalloff.png) no-repeat;   
}

.gulometmoff{
    background:url(../images/ng/soldiers/gulomet-smalloff.png) no-repeat;   
}

.kapitanmoff{
    background:url(../images/ng/soldiers/kapitan-smalloff.png) no-repeat;   
}

.hrdinamoff{
    background:url(../images/ng/soldiers/hrdina-smalloff.png) no-repeat;   
}

.kamionm{
    background:url(../images/ng/trucks/truck-small.png) no-repeat;   
}

.kamionm2 {
    background:url(../images/ng/trucks/truck-small2.png) no-repeat;
    margin-top: 6px;
}

.kamionmoff{
    background:url(../images/ng/trucks/truck-smalloff.png) no-repeat;   
}

.kamionm2off {
    background:url(../images/ng/trucks/truck-small2off.png) no-repeat;
    margin-top: 6px;
}

.kamionnahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/trucks/truck-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;   
    
}

.kamionnahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/trucks/truck-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;   
    
}

.stavcatam{
    background:url(../images/ng/trucks/stavebnacata-small.png) no-repeat;   
}

.stavcatam2 {
    background:url(../images/ng/trucks/stavebnacata-small2.png) no-repeat;
    margin-top: 6px;
}

.stavcatamoff{
    background:url(../images/ng/trucks/stavebnacata-smalloff.png) no-repeat;   
}

.stavcatam2off {
    background:url(../images/ng/trucks/stavebnacata-small2off.png) no-repeat;
    margin-top: 6px;
}

.stavcatanahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/trucks/stavebnacata-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;   
    
}

.stavcatanahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/trucks/stavebnacata-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;   
    
}

.soltabcontainer {
    height: 230px;
    width: 570px;
	display: table
}

.soltabbody {
    height: 123px;
    padding-left: 5px;
    box-shadow: 0 0 0 1px  #1a1a1c, 0 0 0 1px  #1a1a1c inset;
    border-top: 1px solid #3d3d3d;
    border-left: 1px solid #3d3d3d;
    border-right: 1px solid #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
    background: #1a1a1c;
    margin-left: 1px;
}

.soltabtop {
    height: 105px;
}

.bitkarnahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/bitkar-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;   
    
}
.uzimannahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/uzi-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.kalachmannahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/kalach-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.raketometnahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/raketomet-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.gulometnahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/gulomet-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.kapitannahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/kapitan-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.hrdinanahlad{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/hrdina-big.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}

.bitkarnahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/bitkar-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;   
    
}
.uzimannahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/uzi-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.kalachmannahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/kalach-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.raketometnahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/raketomet-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.gulometnahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/gulomet-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.kapitannahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/kapitan-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}
.hrdinanahladoff{
    width: 560px;
    height: 128px;
    background:url(../images/ng/soldiers/hrdina-bigoff.png);
    background-size: 289px 109px;
    background-repeat: no-repeat;
    margin-top: 8px;    
}

.sold_topstat {
    color: #bebebe;
    margin-top: 5px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.sold_botstat {
    color: #bebebe;
    margin-top: 56px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.nah_topnazov {
    color: #bebebe;
    font-weight: bold;
    font-size: 15px;
    padding-top: 3px;
    margin-left: 7px;
    width: 120px;
}

#nah_najmitab {
    margin-left: 138px;
    margin-top: 60px;
    width: 148px;
    height: 22px;
}

.soltableftcontainer {
    width:300px;
    float: left;
}

.sold_tabstat {
   width: 230px;
   float: right;
   margin-top: 25px; 
   margin-right: 15px;
    background:#2c2c2c;
}


.tabsold{
    font-size: 13px
	border: 2px solid #e60505;
	border-collapse: collapse;
    width:100%;
    background:#2c2c2c;
}

table.tabsold tr{
    //background-color: #191919;
    padding: 3px;
	height: 27px;
    font-size: 12px; 
    text-align: center;
}

table.tabsold td{
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #3c3c3c;
}

table.tabsold td:first-child{ text-align: right;}
table.tabsold td:nth-child(2){text-align: left; font-weight: bold; background-color: #191919; min-width: 30px;}
table.tabsold td:nth-child(3){ text-align: right;}
table.tabsold td:nth-child(4){text-align: left; font-weight: bold;background-color: #191919;  min-width: 30px;}

.obrana {  
    background:url(../images/ng/obrana.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 30%;

}

.utok {  
    background:url(../images/ng/utok.png);
    background-repeat:no-repeat;
    background-position: center; 
    background-size: 40%;
    width: 40px;
}

.casomer {  
    background:url(../images/ng/casomer.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 30%;
}
.cena {
    background:url(../images/icons/money-icon.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 50%;
    width: 40px; 
}

.kapacita {
    background:url(../images/ng/bundle.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 40%;
    width: 40px; 
}

.drevo {
    background:url(../images/icons/wood-icon.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 50%;
    width: 40px; 
}

.moralka {
    background:url(../images/ng/moralka.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 40%;
}

.people {
    background:url(../images/icons/people.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 40%;
}

.rychlost {
    background:url(../images/ng/rychlost.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 40%;
}

.tabulkainfo {
    width: 370px;
}

#vojaci_vystup {
    color: #56b956;
}

.naborcontainer {
    width:360px;
    height: 60px;
    background-color: #383838;
    padding: 2px; 
}

.naborlock {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-lock.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
}

.naborempty {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-empty.png);
    background-repeat:no-repeat;
    background-size: 60px 60px; 
}

.naborbitkar {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-bitkar.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}
.naboruziman {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-uzi.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}
.naborkalachman {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-kalachman.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}
.naborraketomet {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-raketomet.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}
.naborgulomet {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-gulomet.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}
.naborkapitan {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-kapitan.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}
.naborhrdina {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/soldiers/najimanie-hrdina.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}

.nabortrucks {
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/trucks/najimanie-truck.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}

.naborstavebnacata{
    margin-right: 5px;
    float: left;
    width:60px;
    height: 60px;
    background:url(../images/ng/trucks/najimanie-stavebnacata.png);
    background-repeat:no-repeat;
    background-size: 60px 60px;
    
}

.nabortime {
    width: 60px;
	height:15px;
	white-space: nowrap;
	overflow: hidden;
    position: absolute;
    text-align: center; 
    margin-top: 45px;
    font-size: 10px;
}
 
.naborpocet {
    position: absolute;
    margin-left: 5px;;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #007200;
    padding: 2px;
    
}

.vyvoj_tabulka {
    background:url(../images/ng/vyvoj-tabulka.png);
    background-repeat:no-repeat;
    width: 537;
    height: 189;

}

.vyvojtitlecontainer {
    width:535px;
    height:20px;
    padding-top: 7px;
    padding-left: 3px;
}

.vyvojtitle {
    width:76px;
    height: 20px;
    text-align: center;
    float: left;
}

.vyvojvojacicontainer {
    width:535px;
    height:77px;
    padding-top: 7px;
    padding-left: 3px;
}

.vyvojvojacicontainer2 {
    width:535px;
    height:77px;
    padding-top: 7px;
    padding-left: 3px;
}

.vyvojvojakbitkar {
    width:71px;
    height: 65px;
    background: url(../images/ng/soldiers/najimanie-bitkar.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakbitkaroff {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakuziman {
    width:71px;
    height: 65px;
    background: url(../images/ng/soldiers/najimanie-uzi.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakuzimanoff {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakkalachman {
    width:71px;
    height: 65px;
    background: url(../images/ng/soldiers/najimanie-kalachman.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}
.vyvojvojakkalachmanoff {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakraketomet {
    width:71px;
    height: 65px;
    background: url(../images/ng/soldiers/najimanie-raketomet.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakraketometoff {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakgulomet {
    width:71px;
    height: 65px;
    background: url(../images/ng/soldiers/najimanie-gulomet.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakgulometoff {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakkapitan {
    width:71px;
    height: 65px;
    background: url(../images/ng/soldiers/najimanie-kapitan.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakkapitanoff {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakhrdina {
    width:71px;
    height: 65px;
    background: url(../images/ng/soldiers/najimanie-hrdina.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojvojakhrdinaoff {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.vyvojdealer {
    width:71px;
    height: 65px;
    background: url(../images/ng/vyvoj-dealer.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: -1px;
    text-align: center;
    float: left;
}

.vyvojdealeroff {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: -1px;
    text-align: center;
    float: left;
}

.vyvojkamion {
    width:71px;
    height: 65px;
    background: url(../images/ng/vyvoj-truck.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: -1px;
    text-align: center;
    float: left;
}

.vyvojkamionoff {
    width:71px;
    height: 65px;
	 background: url(../images/ng/vyvoj-truckoff.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: -1px;
    text-align: center;
    float: left;
}

.vyvojstavcata {
    width:71px;
    height: 65px;
    background: url(../images/ng/vyvoj-stavcata.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: -1px;
    text-align: center;
    float: left;
}

.vyvojstavcataoff {
    width:71px;
    height: 65px;
	 background: url(../images/ng/vyvoj-stavcataoff.png);
    background-repeat:no-repeat;
    margin-left: 5px;
    margin-top: -1px;
    text-align: center;
    float: left;
}

.vyvojempty {
    width:71px;
    height: 65px;
    margin-left: 5px;
    margin-top: -1px;
    text-align: center;
    float: left;
}

.vyvojvojaktime {
    height: 17px;
    width: 65px;
    font-size: 9px;
    font-weight: bold;
    padding-top: 5px;
    overflow: hidden;
}

.vyvojbutton {
    width: 23px;
    height: 22px;
    background: url(../images/ng/b-plusdim.png) no-repeat;
    margin-top: 22px;
    margin-left: 40px;
}

.vyvojbuttonnoactive {
    width: 23px;
    height: 22px;
    background: url(../images/ng/b-plusdim.png) no-repeat;
}

.vyvojbuttonactive {
    width: 23px;
    height: 22px;
    background: url(../images/ng/b-plus.png) no-repeat;
}

.vyvojbuttonactive:hover {
    width: 23px;
    height: 22px;
    background: url(../images/ng/b-pluson.png) no-repeat;
}

.vyvojbuttonactive:active {
    position:relative;
    top: 1px;
}

.select-style {
    border: 1px solid #ccc;
    width: 220px;
	
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 100%;

    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

#dropdownlabs{
	//width: 100%;
}

#submitlabbutton{
width: 28px;
}

.dropdown {
	width:135px;
	margin-left: 10px;
	padding-top: 23px;
    overflow: hidden;
    float: left;
}

.top_cas{
	float: left;
    width:100px;
    margin-left: 3px;
	margin-top: 15px;
}

.topiconycontainer{
    margin-left: 110px;
    width: 225px;
    height: 70px;
    padding-top: 22px;
    float: left;
}

.topikonaposta{
    width: 33px;
    height: 25px;
    margin-left: 16px;
    background: url(../images/icons/posta.png) no-repeat; 
    float: left;
} 

.topikonaposta:hover{
    width: 33px;
    height: 25px;
    margin-left: 16px;
    background: url(../images/icons/posta.png) no-repeat; 
	background-position: 0px -25px; 
    float: left;
	cursor:pointer;
}

.topikonautok{
    width: 36px;
    height: 24px;
    margin-left: 22px;
    background: url(../images/icons/utok.png) no-repeat; 
    float: left;
}

.topikonautok:hover{
    width: 36px;
    height: 24px;
    margin-left: 22px;
    background: url(../images/icons/utok.png) no-repeat; 
	background-position: 0px -24px;
    float: left;
	cursor:pointer;
}

.topikonaobrana{
    width: 36px;
    height: 24px;
    margin-left: 17px;
    background: url(../images/icons/obrana.png) no-repeat; 
	background-position: 0px 1px;
    float: left;
}

.topikonaobrana:hover{
    width: 36px;
    height: 24px;
    margin-left: 17px;
    background: url(../images/icons/obrana.png) no-repeat; 
	background-position: 0px -25px;
    float: left;
	cursor:pointer;
}

.topikonatransport{
    width: 41px;
    height: 27px;
    margin-left: 16px;
    background: url(../images/icons/transport.png) no-repeat;   
    float: left;
}

.topikonatransport:hover{
    width: 41px;
    height: 27px;
    margin-left: 16px;
    background: url(../images/icons/transport.png) no-repeat;   
	background-position: 0px -27px;
    float: left;
	cursor:pointer;
}

.topstatinfo{ 
	position: absolute;
    margin-left: 25px;;
    margin-top: 6px;
    border-radius: 10px;
    background-color: #007200;
    padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	font-weight: bold;
}

.polcontainer{
    width: 400px;
    height: 70px;
    padding-top: 21px;
    padding-left: 5px;
    float: left;
}
.polgoldcoins{
    width: 93px;
    height: 26px;
    background: url(../images/ng/pol-gold.png) no-repeat; 
    float: left;
}

.polwood{
    width: 93px;
    height: 26px;
    background: url(../images/ng/pol-wood.png) no-repeat; 
    margin-left: 8px;
    float: left;
}

.polmoney{
    width: 93px;
    height: 26px;
    background: url(../images/ng/pol-money.png) no-repeat; 
    margin-left: 7px;
    float: left;
}

.polcocaine{
    width: 93px;
    height: 26px;
    background: url(../images/ng/pol-cocaine.png) no-repeat; 
    margin-left: 7px;
    float: left;
}

.polzberaci{
    width: 93px;
    height: 26px;
    background: url(../images/ng/pol-zberac.png) no-repeat; 
    margin-top: 6px;
    float: left;
}

.poldrevorubaci{
    width: 93px;
    height: 26px;
    background: url(../images/ng/pol-drevorubac.png) no-repeat; 
    margin-left: 8px;
    margin-top: 6px;
    float: left;
}

.polsoldiers{
    width: 93px;
    height: 26px;
    background: url(../images/ng/pol-soldiers.png) no-repeat; 
    margin-left: 7px;
    margin-top: 6px;
    float: left;
}

.poltrucks{
    width: 93px;
    height: 26px;
    background: url(../images/ng/pol-truck.png) no-repeat; 
    margin-left: 7px;
    margin-top: 6px;
    float: left;
}

.poldiv {
    margin-left: 35px;
    width: 60px;
    height: 25px;
    overflow: hidden;
    padding-top: 5px;
    font-weight: bold;
}

.combolabname{
	width: 100px;
}

.dealer {
	width: 340px;
	height: 128px;
	background: url(../images/ng/dealer.png) no-repeat;
	display: table;
}

#dealertitle {
	height: 25px;
	font-size: 15px;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
}

#dealerprichod {
	font-weight:bold;
}

#dealekurz {
	font-weight:bold;
}

#dealerkapacita {
	font-weight:bold;
}

.dealerinfocontainer {
	width: 175px;
	height: 95px;
	float: right;
	margin-top: 5px;
	margin-right:5px;
}

.stopky {  
	width: 40px;
	height:20px;
    background:url(../images/ng/casomer.png) no-repeat;
	background-size: 14px 16px;	
	margin-left: 40px;
	margin-top: 4px;
}

.bundle {  
	width: 40px;
	height:20px;
    background:url(../images/ng/bundle.png) no-repeat;
	background-size: 16px 16px;	
	margin-left: 40px;
	margin-top: 4px;
}

.stopkya {  
	height:20px;
    background:url(../images/ng/casomer.png) no-repeat;
	background-size: 14px 16px;	
	padding-left: 20px;
}

.bundlea {  
	height:20px;
    background:url(../images/ng/bundle.png) no-repeat;
	background-size: 16px 16px;	
	padding-left: 20px;
}

.rychlosta {  
	height:20px;
    background:url(../images/ng/rychlost.png) no-repeat;
	background-size: 16px 16px;	
	padding-left: 20px;
}

.exchange {  
	width: 40px;
	height:20px;
    background:url(../images/ng/exchange.png) no-repeat;
	background-size: 16px 16px;	
	margin-left: 40px;
	margin-top: 4px;
}

.maptip {
    position: relative;
    display: block;
    //border-bottom: 1px dotted black;
}

.maptip .maptiptext {
    visibility: hidden;
    color: #dcdcdc;
    text-align: center;
 /* Position the tooltip */
    position: absolute;
    z-index: 1;
	padding: 5px;
	background: #1e1e21;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: #6a6b6f solid 2px;
    width: 100px;
	top: -65px;
}

.maptiptextnewlab {
top: 0px;
}

.maptip:hover .maptiptext {
    visibility: visible;
    opacity: 1;
}

.maptiptitle{
	font-weight: bold;
	width: auto;
	text-align:center;
	display: inline-block;
}

.plusnewlab{
	width: 30px;
	height: 30px;
	background:url(../images/icons/plus.png) no-repeat;
	background-size: 30px 60px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.plusnewlab:hover{
	width: 30px;
	height: 30px;
	background:url(../images/icons/plus.png) no-repeat;
	background-size: 30px 60px;
	background-position: 0px -30px;
}

.labsmap{
margin: 0 auto;
	width:570px;
	height: 503px;
	background:url(../images/ng/labmap.png) no-repeat;
}

.labonmapempty1{
	position:absolute;
	margin-left: 70px;
	margin-top: 65px;
	width: 46px;
	height: 44px;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center; 
}

.labonmapempty2{
	position:absolute;
	margin-left: 230px;
	margin-top: 30px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center; 
}

.labonmapempty3{
	position:absolute;
	margin-left: 485px;
	margin-top: 25px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center; 
}

.labonmapempty4{
	position:absolute;
	margin-left: 150px;
	margin-top: 220px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center;
}

.labonmapempty5{
	position:absolute;
	margin-left: 305px;
	margin-top: 165px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center;
}

.labonmapempty6{
	position:absolute;
	margin-left: 493px;
	margin-top: 180px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center;
}

.labonmapempty7{
	position:absolute;
	margin-left: 70px;
	margin-top: 300px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center;
}

.labonmapempty8{
	position:absolute;
	margin-left: 370px;
	margin-top: 330px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center;
}

.overlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: none;
  z-index:0;
}

.overlay:hover:before{
  display: block;
}

.green:before{
  background-color: rgba(0,255,0,0.2);
  border-radius: 25px;
  //cursor:pointer;
}

.labonmapempty9{
	position:absolute;
	margin-left: 505px;
	margin-top: 320px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/poi-green.png) no-repeat;
	background-position: center;
}

.labonmap1{
	position:absolute;
	margin-left: 70px;
	margin-top: 75px;
	width: 46px;
	height: 44px;

	background:url(../images/ng/laborka.png) no-repeat;
}

.labonmap2{
	position:absolute;
	margin-left: 230px;
	margin-top: 40px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/laborka.png) no-repeat;
}

.labonmap3{
	position:absolute;
	margin-left: 485px;
	margin-top: 35px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/laborka.png) no-repeat;
}

.labonmap4{
	position:absolute;
	margin-left: 150px;
	margin-top: 230px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/laborka.png) no-repeat;
}

.labonmap5{
	position:absolute;
	margin-left: 305px;
	margin-top: 175px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/laborka.png) no-repeat;
}

.labonmap6{
	position:absolute;
	margin-left: 493px;
	margin-top: 190px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/laborka.png) no-repeat;
}

.labonmap7{
	position:absolute;
	margin-left: 70px;
	margin-top: 310px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/laborka.png) no-repeat;
}

.labonmap8{
	position:absolute;
	margin-left: 370px;
	margin-top: 340px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/laborka.png) no-repeat;
}

.labonmap9{
	position:absolute;
	margin-left: 505px;
	margin-top: 330px;
	width: 46px;
	height: 44px;
	background-color: #FF8000;
	background:url(../images/ng/laborka.png) no-repeat;
}
.mapinput{
	width: 100px;
	height: 50px;
	margin-left: 15px;
	margin-top: 15px;
	background-color: #212121;
	overflow: hidden;
	position: absolute;
}
.mapinputbox{
	width: 30px;
	height: 20px;
	
}

.mapinputbutton{
	width: 30px;	
}

#submitlabbutton{
	border: 0; 
	background: transparent;
	background-image: url("../images/buttons/checkbox-GO.png");
	width: 31px;
	height: 31px;
}

#submitlabbutton:active{
	position:relative;
	top:1px;
}

#submitlabbutton:hover{
	border: 0; 
	background: transparent;
	background-image: url("../images/buttons/checkbox-GO.png");
	width: 31px;
	height: 31px;
	background-position: 0px -31px;
}

.select-style {
  border:2px solid #3f3e48;
  float: left;
  height: 27px;
    padding-right: 2;
    width: 97px;
    overflow: hidden;
    background: url("../images/buttons/checkbox.png") no-repeat 90% 50%;
	background-color:#141315;
}

.select-style select {
    position: relative;
    z-index: 1;
    padding: 3px 1px;
	padding-right: 20px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	color:#A4A4A4; 
}

.select-style select:focus {
    outline: none;
}

.select-style:after {
	content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 110px;
}

.select-style:before {
    content: '';
   
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.login_button{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/login.png) no-repeat;
	margin:auto;
	border: none;
}

.login_button:hover{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/login.png) no-repeat;
	background-position: 0px -31px;
	cursor:pointer;
}

.login_button:active{
	position: relative;
	top: 1px;
}

.register_button{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/registracia.png) no-repeat;
	margin:auto;
	border: none;
}

.register_button:hover{
	width: 100px;
	height: 31px;
	background:url(../images/buttons/registracia.png) no-repeat;
	background-position: 0px -31px;
	cursor:pointer;
}

.register_button:active{
	position: relative;
	top: 1px;
}

input[name="login"],input[name="password"]{
	
}

.regform{
	width: 200px;
	margin: auto;
	text-align: right;
	display: block;
}

.reginput{
	margin: 5px;
}

.registerformbut{
	float: right;
	width: 143px;
	text-align: center;
}