/* Screen CSS Document */
* {padding:0; margin:0; font-size:100%;}
.hidden, hr, .neviditelny {display:none;} /* neviditelny je na vyskakovaci prvky, predelat */
.cleaner {clear:both; height:1px;margin: -1px 0 0 0; padding:0;border:none;visibility: hidden;display:block !important;font-size:1px; line-height:1px;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.zvyrazni{font-weight: bold}
.blink-red{color: red !important; text-decoration: blink; font-weight: bold}
.blink-bold {text-decoration: blink; font-weight: bold}
.cursive-red{color: red !important; color: blue; font-style: italic}
acronym {border-bottom: 1px dotted;cursor: help;}

/* globalni vlastnosti
******************************/
body, input, textarea {font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif; }

body {text-align:center; background:#333 url('gfx/body.png') center top; color:#fff;}
#vertical-grad {height:320px; background:url('gfx/body_vert_grad.png') center top repeat-x;}

#all {padding:8px 0 0 0;}
#all-in {text-align:left; width:1000px; margin:0 auto; background:url('gfx/all.png') left top repeat-y;  position:relative; min-height:880px; padding-bottom:30px;}
#topline {display:block; margin:0 20px; height:28px; overflow:hidden;
          background:#000 url('gfx/topline.png') top left repeat-x;}
	#topline li {display:block; float:right; width:50px; height:28px;}
	#topline li a {display:block; width:50px; height:22px; padding-top:6px; font-size:10px;}
#head {height:115px; background:#333 url('gfx/head.jpg') left top no-repeat; margin:0 20px;}
#logo {}
#logo a {left:32px; top:38px; overflow:hidden; text-align:center}
	#logo a, #logo a span {display:block; position:absolute; width:281px; height:89px;}
	#logo a span {background:url('gfx/logo.jpg') left top no-repeat;}

/* main menu
v externim souboru******************************/
#head .banner {position:absolute; left:504px; top:50px; width:468px; height:60px; overflow:hidden; z-index:10}

/* foot
******************************/

#foot {display:block; margin:0 22px; width:950px; height:28px; overflow:hidden;
       background: url('gfx/botline.png') top left repeat-x; position:absolute; bottom:0px; right:5px;}
	#foot p {font-weight:bold; padding:7px 0 0 70px; text-align:left; font-size:75%;}

/* main (= content + sidebar)
******************************/

#main {font-size:11px;}
	#content {width:755px; float:right;}
		#content-in {padding:25px 43px 28px 20px;}
	#sidebar {width:245px; float:left;}
		#sidebar-in {padding:12px 0 28px 18px;}

/* sidebar (levy panel)
******************************/

#sidebar .box
{margin-bottom: 0px; padding-bottom: 19px;
background: url('gfx/box_bot.png') bottom left no-repeat; margin-bottom:20px;}


#sidebar .box h2
{height: 23px; padding: 8px 0 0 21px; text-align: left;
background: url('gfx/box_top.png') top left no-repeat;}

#sidebar .box .inbox
{margin: 0px 0 0px 0; padding: 6px 16px 10px 20px; font-size: 11px;
background: url('gfx/box_cen.png') left bottom repeat-y;}

#sidebar .box #info img{
  position: relative;
  
}

	#sidebar .box ul	{list-style: none; line-height: 125%;}
	#sidebar .box p		{margin: 0.5em 0; line-height: 125%;}
	#sidebar .box .inbox	{color: #d0d0d0;}

#sidebar .box #info ul		{margin-top: 8px;}
#sidebar .box #info ul li .pole	{color: #d0d0d0;}
#sidebar .box #info img		{float: left; margin: 6px 4px 0px 0px; padding: 0;}


/* content (obsahova cast stranek)
******************************/

a {color:#fff; outline:none; }


#content h1 {color:#cff; font-size:17px; font-weight:bold; padding-bottom:4px; border-bottom:1px solid #cff; margin:0 0 12px 0;}
#content h2 {color:#cff; font-size:14px; font-weight:normal; padding-bottom:4px; border-bottom:1px solid #cff; margin:16px 0 12px 0;}
#content h3 {color:#cff; font-size:14px; font-weight:normal; padding-bottom:4px;}
#content h4 {color:#cff; font-size:14px; font-weight:bold;}
#content p, #content ul, #content ol {line-height:150%; margin-bottom:0.7em;}
#content ul, #content ol {list-style: square inside url()}

.logaras {float: left; padding:0; margin:0; border:none; decoration:none}

/* tables
******************************/

.data1,
.data2 {background:#333; padding:1px; border-collapse:separate; border-spacing:2px; margin:10px 0;}

#content table.data1 {}

	.data1 th {padding:6px 10px;background:#3f3f3f; text-align:left;}
	.data1 th.title {background:#000 url('gfx/title.png') top repeat-x;}

	.data1 td {padding:6px 10px; background:#393939 url('gfx/table.png'); text-align:center}
	.data1 tr.event td {background:#5c5c5c;}

#content table.data2 {}

	.data2 th,
	.data2 td {padding:6px 10px; background:#3f3f3f url('gfx/table.png'); text-align:left}
	.data2 th.title {background:#000 url('gfx/title.png') top repeat-x;}

	.data2 tr.even th,
	.data2 tr.even td {background:#5c5c5c;}

.full {width:100%}
.full1 {width:670px; float:left}
.half {width:330px; float:left; margin-right:10px}
.half1 {float:left; margin-right:10px}
.half2 {float:left}

.pre {white-space: pre}
.small th, .small td {padding:6px 5px}

/* formularove prvky
******************************/

form {margin:1em 0;}
form table th {text-align:left; font-weight:normal; padding:4px 4px;}
form table td {padding:6px 15px;}

input, textarea, button {border:1px solid #666; background:#000 url('gfx/input.jpg') right repeat-y; color:#fff; padding:2px 3px; }
select {border:1px solid #666; background:#000; color:#fff; padding:2px 3px; }
select option{padding-left:10px;}
.submit {background:#000 url('gfx/input.jpg') right repeat-y; border:1px solid #cff; color:#328bd0; font-weight:bold;  padding:4px 10px;}
input.checkbox {margin-right:10px}
input:focus, textarea:focus, input.focus, textarea.focus {border:1px solid #cff; background: #000 url('gfx/input.jpg') right repeat-y}
select:focus,select.focus {border:1px solid #cff; background: #000;}
.simple input.checkbox {padding:0 0 0 0; spacing:0 0 0 0;}

/* from old styl
******************************/
/*posta*/
.posta_odeslana,.posta_prichozi,.posta_admin,.posta_vudcovska,.posta_ministerska,.posta_generalska{margin:5px;}
.posta_odeslana td{color:#ffffff;}
.posta_prichozi td{color:#cc6600;}
.posta_admin td{color: rgb(1, 186, 255);}
.posta_vudcovska td{color: #FFFF00;}
.posta_ministerska td{color: rgb(0, 170, 0);}
.posta_generalska td{color:brown;}


/*definice ruznych barev*/
.zmraz
	{ background: url('gfx/frozen.png') no-repeat;
	font-size: 12px; font-weight: bold;
	color: #7775D0;
  padding: 5px 15px; }
.ty
	{ background: url('gfx/me.png') no-repeat;
	font-size: 12px; font-weight: bold;
	color: #FFFFFF;
  padding: 5px 15px; }

.online
	{ background: url('gfx/online.png') no-repeat;
	font-size: 12px; font-weight: bold;
	color: #1DA018;
  padding: 5px 15px; }
  
  
  
	/*hodnosti*/
	.barva_admin,.barva_admin:visited{color:#01BAFF;}
	.forum_admin{background-color:red;}
	.barva_vudce,.barva_vudce:visited{color:#FFFF00;}
	.barva_vudce_al,.barva_vudce_al:visited{color:orange;}
	.barva_ministr,.barva_ministr:visited{color:#00aa00;}
	.barva_zastupce,.barva_zastupce:visited{color:#FFFFFF;}
	.barva_general,.barva_general:visited{color:#B48223;}
	.barva_obcan,.barva_obcan:visited{color:#8591FF;}
	.barva_vyhnanec,.barva_vyhnanec:visited{color:hotpink}
	.barva_moderator,.barva_moderator:visited{color:#CC0000;}
	.barva_gold,.barva_gold:visited{color:#B09E45;}

	/*vztahy*/
	.barva_pakt{color:lime;}
	.barva_spojenectvi{color:green;}
	.barva_mir{color:white;}
	.barva_neutoceni{color:#9ff;}
	.barva_neutralita{color:yellow;}
	.barva_blokada{color:red;}
	.barva_valka{color:red;}

	/*cennosti*/
	.barva_cen_tech{color:#800000;}
	.barva_cen_mis{color:#808000;}
	.barva_cen_pla{color:#339966;}
	.barva_cen_hrd{color:#00FFFF;}

	/*antimulti*/
	.am_udan{color:#66FF33;}
	.am_var1{color:#7D7D00;}
	.am_var2{color:#CC6600;}
	.am_var3{color:#CC0000;}
	.am_ocisten{color:#008000;}

/* forum (eresova verze bez tabulek)
******************************/

 .msg {background: #393939 url('gfx/forum_off.png'); width: 99%;margin:1em auto;border: 2px solid #808080;text-align:left;overflow: hidden;}
   .avatar {float: left; padding:0; margin:1.5em 1.7em; border:none; text-decoration:none}
   .msg_main {background: #1A1818;margin:0 0 0 80px; padding:0;border-left: 1px solid #cff}
   .msg_content {margin:0; padding: 1px 0;font-size: 100%}
   .msg_content p{padding: 0.7em 1em;}
   .msg_title {height:35px; border-bottom: 1px solid #cff;}
	.msg_title ul {margin:0 1em} .msg_title img {float:left}
	.msg_title li {float: left; list-style: none; width: 20%; white-space: nowrap; overflow: hidden;}
	.msg_title .msg_tit_first {float: left; list-style: none;width: 60%;color: orange;overflow: hidden}
   .msg:hover{background: #999 url('gfx/forum_on.png'); border: 2px solid #cff;}
   .msg_pol {background:#600; color:white;}
   .msg_pol:hover{background: #600;}
   .forum_admin {background:url('gfx/table.png') repeat;}
   .forum_admin:hover {background:url('gfx/table.png') repeat;}
  .refresh{padding-left:18px; margin-left:2px; background:url('gfx/refresh.png') left no-repeat}
  .reload_message{padding-left:18px; margin-left:2px; background: url('gfx/forum_reload_message.png') left no-repeat}

/* vysouvací submenu pro forum a poštu */
  #submenu {position: relative;top: 0;left: 0;height: 2.1em; text-align:center;}
  #submenu .polozka {float: left;}
  #submenu .polozka form, #submenu .polozka table{margin: 0}
  #submenu .zalozka {background: #333;color: #cff;margin: 0 2px 0 0;padding: 1px .5em; font-size: 1.5em;font-weight:bold;cursor:default;}
  #submenu .polozka .zalozka .mala{ font-size:0.8em;margin: 2px 0 0 0;}
  #submenu .zalozka a {color: #cff;text-decoration: none;}
  #submenu .ramecek {position: absolute;top: 23px;left: 0;width: 662px;padding: 15px;background: #666; display:none}
  #submenu .telo {overflow: auto;height: 7.5em;background: #333;padding: 7px;}
  #submenu .polozka{behavior: url(./skins/game_new/default/hover.htc); /* pro IE */}
  #submenu .polozkaHover .ramecek, #submenu .polozka:hover .ramecek {display:block}
  #submenu .polozkaHover .zalozka, #submenu .polozka:hover .zalozka {background: #666;}
  .cl_popup {margin-top:1em} /* ve forech radeji posunu nize zadavaci formular zprav */
  .cl {clear: both;list-style: none;}

/* posta (ajax)
******************************/

#contentViewer{border: 1px solid #cff;padding:0 10px;}
#contentViewer hr{display:block; border: dashed 0.15ex #cff; height: 0.3ex; margin-top: 7px}
#contentViewer span{float:right}

.ajax-msg {padding:7px 7px 7px 64px; background:url('gfx/msg_dorucena.png') no-repeat 7px 10px}
.doruc {background:url('gfx/msg_odeslana.png') no-repeat 7px 10px}


/* Mapy
******************************/
.graf_obsazenosti {
  border: solid 4px #333333;
}



/* Reklamy
******************************/
/*lista*/
.lista1 {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana;
	text-decoraton: underline;
	font-weight: bold;
}
.lista2 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana;
	text-decoraton: none;
}
.lista2:hover {
	color: red;
}



/* posledni upravy
******************************/
.pravidla ol li {list-style-type: decimal; list-style-position:outside; margin-left:25px;text-align:justify}
.menu_stav{margin:0;padding:0;opacity: 0.87;filter:alpha(opacity=87);}

h6 {
color: #cff !important;
}

/* MENU
******************************/


ul#navmenu {
  margin:auto 20px !important;
  background:#333 url('gfx/menu.png') left top repeat-x !important;

} 

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
border-left: 3px solid #777 !important;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  border-left: 3px solid #cff !important;
}

 
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  border: none !important;
}