/****** ZACATEK ZAKLADNI STRUKTURY ******/

.cur
{  
  cursor: pointer;  
}

.cur_help
{    
  cursor: help;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.shadow
{
    border-left:1px solid black;    
    border-right:2px solid black;
    border-top:1px solid black;
    border-bottom:2px solid black;    
}

.shadow_sml
{    
    border-right:2px solid black; 
    border-bottom:2px solid black;    
}

.text_shadow
{
    text-shadow: 1px 1px 0px #000000;
}


.text_shadow2 {
    text-shadow: 2px 2px 0px #000000;
}

.shadow_around {
    text-shadow: -1px -1px 1px black, -1px 0px 1px black, -1px 1px 1px black, 0px -1px 1px black, 0px 1px 1px black, 1px -1px 1px black, 1px 0px 1px black, 1px 1px 1px black;
}

.shadow_around2 {
    text-shadow: 2px 0 1px black, 2px 1px 1px black, 2px 2px 1px black, 2px -1px 1px black, 2px -2px 1px black, -1px 0 1px black, 0 2px 1px black, 1px 0 1px black, 1px -2px 1px black,-1px -2px 1px black, 0 -2px 1px black, 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -2px -2px 1px black;
}

.shadow_around3 {
    text-shadow: 2px 0 2px black, 2px 1px 2px black, 2px 2px 2px black, 2px -1px 2px black, 2px -2px 2px black, -1px 0 2px black, 0 2px 2px black, 1px 0 2px black, 1px -2px 2px black,-1px -2px 2px black, 0 -2px 2px black, 1px 1px 2px black, -1px -1px 2px black, 1px -1px 2px black, -1px 1px 2px black, -2px -2px 2px black;
}


BODY 
{
	background-color: #000000;
	margin-top: 1px;
}

	#mother /* Obsahuje vse, je to hlavni sloupec vycentrovany na stred (pevna sirka) */
	{
		border: solid 0px white;	
		width: 930px;	
		margin: 0 auto;
		background: black;
		text-align: center;		 	
	}

		#header  /* Horni sektor (reklama) */
		{				
			border: solid 0px green;
			text-align: center;			
			background: black url(../images/title/banner_frame.jpg) no-repeat scroll center top;
			padding-top:15px;
            color: white;
			height:120px;
            position:relative;            
		}			
			#ad_link /* verze 1. pro titulku s bannerem - napis musi pod nim */
			{
				position:absolute;
				top:114px;
				left:642px;
				width:200px;
                border: solid 0px white;				
				margin-top:18px;
				margin-right:90px;				
                height: 14px;
				text-align: right;				
			}
			#ad_link_top_right /* verze 2. pro titulku bez reklam - napis musi byt nahore */
			{
			   width:200px;
			   height: 18px;
			   position:absolute;
			   top:2px;
			   left:700px;			
            }
				#ad_color
				{				
					color: #606060;
					font-family: Arial;
					font-size: 11px;
					text-decoration: none;
				}
				#ad_link A:hover
				{
					COLOR: #CCCCCC;  
					text-decoration: underline;
				}
			 	#ad
				{
					visibility:hidden;
				}	
				
		#content /* Obsahuje vse krome hlavicky (reklama) */
		{		
			border: solid 0px red;
			margin: 0 auto;
			margin-top:10px;
		}

			#column-a /* obrazek s bojovniky a tlacitky */
			{
				background: black url(../images/title/background.jpg) no-repeat scroll center bottom;
				border: solid 0px yellow;
				text-align: center;	
				margin: 0 auto;
				height: 460px;
			}
				#title /* Nadpis Dark Elf  */
				{
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					border: solid 0px gray;
					padding-right: 80px; /* zrusit az tam bude partnerska ikonka na PH */
					left:11px; /* korekce vystredeni nadpisu*/
					top:8px;
					height: 130px;
				}
				#person_left /* oblast peti tlacitek  */
				{					
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */										
					border: 0px solid green;					
					width: 35%;
					height: 330px;					
					float: left;
				}

				#buttons /* oblast peti tlacitek  */
				{
					position:static;
					border: 0px solid blue;					
					text-align: center;										
					width: 30%;
					height: 330px;					
					float: left;					
				}					
					
					#count_players
					{	
						top: -14px;
						position: relative;	 
						border: solid 0px yellow;		
						color: #606060;
						font-family: Arial;
						font-size:11px;
					}

					#enter /* Tlacitka */
					{
						margin-top: 25px;
					}

					#reg, #story, #map, #help /* Tlacitka */
					{	
						margin-top: 8px;						
					}

				#person_right
				{
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					text-align: center;
					border: 0px solid green;
					width: 34.9%;
					height: 330px;					
					float: right;
				}


			#column-stat /* sloupec napravo pod column-a */
			{		
				position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
				width: 256px;				
				height: 1530px;
				float: right;					
				border: solid 0px yellow;
				background: black url(../images/title/background_stat.jpg) no-repeat scroll center top;
				font-family: Arial;				
				font-size: 8pt;				
				color: #c19333;
			}
				
				#column-stat h2 /* vsechny nadpisy u statistik */
				{					
					color: #995522;
					font-family:Times New Roman;
					font-size: 15px;
					padding:0px;					
					margin:0px 0px 0px 3px;					
					vertical-align:top;
					text-align:center;					
				}
				
				#column-stat A
				{
				COLOR: #D89433;  
				text-decoration: none;
				}

				#column-stat A:hover
				{
				COLOR: #DDBB66;  
				text-decoration: underline;
				}
				
				#s-box1 /* cela oblast jedne statistiky (vcetne nadpisu) */
				{					
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					top: 28px;					
					height: 150px;
					border: 0px solid green;					
				}				
				#text1
				{					
					top: 12px;
					padding-left:50px;
					text-align:left;
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */					
					border: 0px solid green;					
				}
				#text1 img
				{
					vertical-align:middle;
					margin: 1px 4px 2px 0px;
				}
				
				#s-box2  /* Top veterans: cela oblast jedne statistiky (vcetne nadpisu) */
				{					
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					height: 150px;
					border: 0px solid green;
					top: 68px;
				}
				#text2
				{					
					top: 6px;
					padding-left:50px;
					text-align:left;
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */					
					border: 0px solid green;					
				}
				#text2 img
				{
					vertical-align:middle;
					margin: 1px 4px 2px 0px;
				}
				
				
				#s-box3 /* Hrdinove: cela oblast jedne statistiky (vcetne nadpisu) */
				{					
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					height: 170px;
					border: 0px solid green;
					top: 109px;
				}
				#text3
				{
					top: 8px;
					padding-left:50px;
					text-align:left;
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */					
					border: 0px solid green;					
				}
				#text3 img
				{
					vertical-align:middle;
					margin:1px;
					margin: 1px 4px 2px 0px;
					border: 2px solid #005500;
					background-color: #008800;
				}
				
				#s-box4 /* nejukecanejsi fora: cela oblast jedne statistiky (vcetne nadpisu) */
				{					
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					height: 200px;
					border: 0px solid green;
					top: 160px;
				}
				#text4
				{					
					top: 12px;
					padding-left:50px;
					text-align:left;
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */					
					border: 0px solid green;					
				}
				#text4 img
				{
					vertical-align:middle;
					margin: 1px 4px 2px 0px;
				}
				
				#s-box5 /* Nejsilnejsi kouzla: cela oblast jedne statistiky (vcetne nadpisu) */
				{				
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					height: 155px;
					border: 0px solid green;
					top: 212px;
				}
				#text5
				{					
					top: 12px;
					padding-left:50px;
					text-align:left;
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */					
					border: 0px solid green;					
				}
				#text5 img
				{
					vertical-align:middle;					
					margin: 0px 4px 1px 0px;
					border: 1px solid black;
				}
				
				#s-box6 /* Nejsilnejsi utoky: cela oblast jedne statistiky (vcetne nadpisu) */
				{					
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					height: 144px;
					border: 0px solid green;
					top: 264px;
				}
				#text6
				{					
					top: 12px;
					padding-left:50px;
					text-align:left;
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */					
					border: 0px solid green;					
				}
				#text6 img
				{
					vertical-align:middle;
					margin: 1px 4px 2px 0px;
				}
				
				#s-box7 /* Sluzby podle obratu, cela oblast jedne statistiky (vcetne nadpisu) */
				{					
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */
					height: 234px;
					border: 0px solid green;
					top: 320px;
				}
				#text7
				{					
					top: 20px;
					padding-left:44px;
					text-align:left;
					position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */					
					border: 0px solid red;					
				}
				#text7 img
				{										
					border: 1px solid black;
					vertical-align:middle;
					margin-bottom:3px;					
				}
				

			#column-b /* sloupec nalevo pod column-a */
			{
				border: solid 0px yellow;
				width: 70%;
				float: left;
				margin: 0 right;
				margin-top:8px;
			}


				#div_desc
				{
					width:588px;
					height:auto;
					padding: 10px 30px 14px 30px;
		      margin: 0px auto;
					border: solid 0px red;						
					text-align: left;					
					background-color: #220000;
					background: black url(../images/title/sloup_stred.jpg) repeat-y scroll center top;						
					font-family:Times New Roman;
					font-size:13px;
					color: #c19333;					
					
				}		
					#div_desc h2
					{
						display:inline;
						font-size: 16px;
						font-weight: normal;						
					}
					
					#d_char
					{						
						vertical-align:text-bottom;
						margin-left: -6px;				
					}
					
					#div_screenshots
					{												
						margin: 16px 0px 14px 0px;
						text-align:center;				
					}
					#div_screenshots img
					{
						margin-left: 8px;
						margin-right: 8px;
						border-top: 2px solid #603001;	
						border-left: 2px solid #603001;	
						border-right: 2px solid #884411;
						border-bottom: 2px solid #884411;
					}	
				
				#column-news /* sloupek pro popis DE, statistiky, partnety a paticku */
				{
					border: solid 0px red;	
					margin: 0 right;
					margin-top: 24px;
					margin-bottom: 24px;	
				}
				
					#newsTab /* je to jen obal pro 3 sloupce */
					{
						width: 633px;
						margin: 0 auto;	
						background-color: #220000;
						background: #220000 url(../images/title/red_sloup_stred.jpg) repeat-y scroll center top;						
						border: solid 0px white;
					}

					.newsColTitleArticles  /* spojene dva sloupce clanku */
					{
						width:400px; /* stejna velikost musi byt i sloupce */
						height: 35px;
						padding: 0px 0px 0px 0px;
						font-family:Times New Roman;						
						color: #995522;					
						font-size: 15px;
						font-weight: bold;
						vertical-align: top;
						border: 0px solid white;						
					}

					.newsColTitleLinks  /* pravy samostatny sloupec linku */
					{												
						font-family:Times New Roman;						
						color: #995522;					
						font-size: 15px;
						font-weight: bold;
						vertical-align: top;
						border: 0px solid white;						
					}

					.news_td_articles
					{
						width:384px;  /* stejna velikost musi byt i sloupce */
						padding: 0px 12px 0px 16px;
						font-family:Times New Roman;
						font-size: 13px;		 /* text v news - novinkach*/
						border: 0px solid white;
						vertical-align: top;
						text-align: left;
						color: #C89433;						
					}
					.news_td_links
					{						
						padding: 0px 5px 0px 10px;
						font-family: Arial;
						font-size: 10px;
						border: 0px solid white;
						vertical-align: top;
						text-align: left;
						color: #B67211;
					}
					
					.header /* hlavicka s datumem u zpravy */
					{
						margin-top: 2px;    
						margin-left: 4px;    
						margin-bottom: 0px;
						color: #AA6633;    
					}


					.text {
						margin: 6px;
					}

					.footer_area
					{		
						height:20px;
						margin: 6px 10px 12px 6px;						
					}

					.voting 
					{	
						position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */										
						float: left;		
						text-align:left;	
						color: #AA6633;
					}
					
					.signature 
					{
						position: relative; /* zpusobi, ze pod-elementy budou pozicovane (sourednice) vzhledem k tomuto divu */											
						float: right;												
						text-align: right;    
						color: #AA6633;												
					}


				#partners
				{	
					width:588px;
					height:142px;
					padding: 10px 20px 10px 30px;
		            margin: 0px auto;
		            margin-bottom: 0px;
					border: solid 0px red;						
					text-align: center;
					font-size: 16px;
					background-color: #220000;
					background: black url(../images/title/sloup_stred.jpg) no-repeat scroll center top;						
					font-family:Times New Roman;
					color: #c19333;				
				}
					#partners img
					{	
						margin-left: 1px;
						margin-right: 9px;						
						margin-top: 2px;
						margin-bottom: 6px;
						border: 2px solid black;
					}

				#footer
				{	
					margin-top: 24px;
					margin-bottom: 22px;
					font-size:9pt;
					font-family:Arial;
					color:#AA5421;
				}

/****** KONEC ZAKLADNI STRUKTURY ******/




#div_lang_bar
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 2px 0px 0px 3px;
	padding: 3px 4px 0px 4px;	
	height: 18px;	
	vertical-align: middle;
	text-align: center;
	background-color: #331211;
}

#div_sound_bar
{
	position: absolute;
	top: 34px;
	left: 9px;					
}

#ZvukZap, #ZvukVyp
{
	padding-left:8px;	
}

#VolumeControl img
{
	border: 2px solid black;
	cursor:pointer;
}




BODY img
{
  border:0px;
}

A:link
{
  COLOR: #D29333;
}
A:visited
{
  COLOR: #D29333;
}
A:active
{
  COLOR: #D29333;
}

A:hover
{
	COLOR: #E3A444;
}


#footer A
{	
  COLOR: #AA5421;
  margin-left: 4px;
}

#footer A:hover
{
  COLOR: #BC6532;
  margin-left: 4px;
}

.i /* trida pro smajliky i obrazky typu local_images *l* */
{	
	vertical-align:text-bottom;
}
