/* CSS Document by LG */
/* CSS Edited by Homi */
body {
background-color: #0C0C0C;
margin-left:auto;
margin-right:auto;
width:1004px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;

   /* scrollbar-base-color:#cccccc;
    scrollbar-3dlight-color:#333333;
    scrollbar-arrow-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-face-color:#cccccc;
    scrollbar-highlight-color#cccccc;
    scrollbar-shadow-color:#cccccc;
    scrollbar-track-color:#cccccc;   */
}

#main{
}


#levyokraj{
float:left;
background-image: url('img/okraj_levy.gif');
position: fixed;
top:0;
height:100%;
width:55px;
background-repeat: repeat-y;
margin-left: 3px;
 
}
#pravyokraj{
float:right;
position: fixed;
height:100%;
top:0;
background-image: url('img/okraj_pravy.gif');
background-repeat: repeat-y;
height:100%;
width:57px;
margin-left: 942px;
}
#obsah{
position:absolute;
margin-left:55px; 
}
#header{
background-image: url('img/header.gif');
background-repeat: no-repeat;
width:885px;
height:181px;
font-size: 10px;
margin-left: 0px;
color: #333333;
}
#menuhlavni{
background-image: url('img/menu_hlavni.gif');
background-repeat: no-repeat;
width:885px;
height:32px;
margin-left: 3px;

}
#footer{
background-image: url('img/dole.gif');
background-repeat: no-repeat;
width:885px;


height:7px;
clear:left;
margin-left: 3px;
}
.menukonec{
background-image: url('img/menu_bg_konec.gif');
background-repeat: no-repeat;
width:184px;
height:6px;
vertical-align: text-bottom;
}
#menuserver{

background-image: url('img/menu_server.gif');
background-repeat: no-repeat;
width:184px;
height:27px;
}

#menuanketa{
background-image: url('img/menu_anketa.gif');

background-repeat: no-repeat;
width:184px;
height:27px;
}
#server{
 
}
#anketa{

margin-left:7px;
}
#levysloupec{
background-image: url('img/menu_bg.gif');
background-repeat: repeat-y;

width:184px;
margin-left:4px;

float: left;
}
#levysloupec ul{

      
list-style-type:none;
list-style-position:outside; 
}
#levysloupec ul li{
list-style-type:none;
}
#levysloupec ul li a{
margin-left:-20px; 
display:block;
font-size:1.3em;

}
#levysloupec a:hover{
font-weight:bold;
text-decoration: none;
}
#strednisloupec{
float:left;
background-image: url('img/content_bg.gif');
background-repeat: repeat-y;
width:515px;

}
#stredkonec{
background-image: url('img/content_konec.gif');
background-repeat: no-repeat;
width:515px;
height:7px;
}
#novinky{
margin-left:10px;
margin-right:10px;
}
#pravysloupec{

float:left;
background-image: url('img/menu_bg_prava.gif');
background-repeat: repeat-y;
width:183px;
}
#pravysloupec a:hover{
font-weight:bold;
text-decoration: none;
}
.pravykonec{
background-image: url('img/menu_bg_konec_prava.gif');
background-repeat: no-repeat;
width:183px;
height:6px;
}
#login{
margin-left:15px;

}
#pravystat{
background-image: url('img/menu_stat.gif');
background-repeat: no-repeat;
width:183px;
height:27px;
}
#stat{
background-image: url('img/menu_bg_stat.gif');
background-repeat: no-repeat;
width:183px;
height:220px;
text-align: center;
font-size: 11px
}
#pravyesl{
background-image: url('img/menu_esl.gif');
background-repeat: no-repeat;
width:183px;
height:27px;
}

#esl{
background-image: url('img/menu_bg_esl.gif');
background-repeat: no-repeat;
width:183px;
height:220px;
text-align: center;
font-size: 11px
}
#pravyodkazy{
background-image: url('img/menu_odkazy.gif');
background-repeat: no-repeat;
width:183px;
height:27px;
}
#odkazy{
text-align:center;
}
#pravypocitadlo{
background-image: url('img/menu_pocitadlo.gif');
background-repeat: no-repeat;
width:183px;
height:27px;
}
#pocitadlo{
text-align:center;
}

/*------tagy---------*/
a, a:visited, a:active {
    color: #000001;
    text-decoration: none;
    font-weight: normal;
}

a:hover {text-decoration: underline; color: #000001;}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #000001;
    text-decoration: none;
    
}

a.titlelink:hover {
    color: #000001;
    text-decoration: underline;
    
}

a.category, a.category:visited, a.category:active {
    color: #000001;
    text-decoration: none;
}

a.category:hover {
    color: #000001;
    text-decoration: underline;
}
option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #333333;
}

table{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000001; 
}
img{
border-style: none;
}
h2, h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000001;
text-transform: uppercase;
font-weight: bold;
text-align:center;
}
/*class*/

/*tabulky zombe zde upravujes barvy*/
.titletabulka{
width:100%; 
border:0;
border-spacing:0; 
padding:1px; 
background-color:#F7F7F7; background-image: url(images/title_bg.gif);
background-repeat: repeat;
background-position: left top; font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
}

.tabulka1{
width:97%; 
border:0;
border-spacing:0; 
padding:2px; 
background-color:#EBEBEB; /*pozadi tabulky U KOMENTARU POZADI*/
}

.tabulka2{
width:100%;
height:19px; 
border:0;
border-spacing:0; 
padding:0px; 
}


.tabulka1 tr{
background-color:#8DA881;}
.tabulka1 tr th{
text-align: center;
background-color:#839E77;         /*pozadi th tabulky*/
}
.tabulka1 tr td.title{
text-align: center;
background-color:#8AAC79;         /*pozadi titulku tabulky*/
}
.tabulka1 tr td{
background-color:#EBEBEB;       /* pozadi bunky tabulky*/
}


 /*text*/
.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000001;
}
.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000001;
font-weight: bold;
background-image: url(images/title_bg.gif);
background-repeat: repeat;
background-position: left top;
}
.category_big {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; 
    color: #000001; 
    font-weight: bold; 
}
.category {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #000001; 
    font-weight: normal; 
}
.marked {
    background-color: #000000;
    font-weight: bold;
}

.headerWeb { float:left;}
.headerJazyk { float:right;}
.Stil1 {color: #EEEEEF;}
.Stil9 {color: #EEEEEF}

.Stil11 {font-size: 11px}
.Stil6 {font-size: 15px; font-weight: bold; }
.Stil7 {font-size: 11px}
.style3 {color: #EEEEEF; font-family: Arial, Helvetica, sans-serif; }
.Stil16 { font-size: 11px; color: #666666; }
.Stil18 {color: #666666}
.Stil20 {font-size: 24px; font-family: Times New Roman;}


/* formulare*/
.footer {
color: #EEEEEF;
	
			}
			
.form_off {  
    color: #666666; 
	background-color: #DCDCDC; 
    border: 1px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}

.form_username {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/username.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_password {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/password.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}
.tabulka_esl{

margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.tabulka_esl table{

width: 99%;
font-size: 11px;
text-indent: 0px;
border-spacing: 1px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;

}
.tabulkaservery{

width: 495px;
font-size: 11px;
text-indent: 0px;
border-spacing: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
font-size:8pt;
font-family: arial;
}
.tabulkaserver th{
font-weight:bold;
}
.poll_bg{
background-image: url(images/icons/poll_bg.gif);
height:8%;
width:55px;
}


/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 100;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

/* BBCode Tags */
.quote {
  color: #383838;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
     list-style-type: disc;
     list-style-position:outside;
}
.list_num {
     list-style-type: decimal;
     list-style-position:outside;
}

.list_alpha {
     list-style-type: lower-latin;
     list-style-position:outside;
}

.code {
  color: #000001;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
  color: #000001;
  font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
     background-color: #F3F3F3;
     height: 15px;
     padding-left: 3px;
     white-space: nowrap;
}

.codeline1 {
     background-color: #FFFFFF;
     height: 15px;
     padding-left: 3px;
     white-space: nowrap;
}

/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 100;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

/* BBCode Tags */
.quote {
  color: #383838;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
     list-style-type: disc;
     list-style-position:outside;
}
.list_num {
     list-style-type: decimal;
     list-style-position:outside;
}

.list_alpha {
     list-style-type: lower-latin;
     list-style-position:outside;
}

.code {
  color: #000001;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
  color: #000001;
  font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
     background-color: #F3F3F3;
     height: 15px;
     padding-left: 3px;
     white-space: nowrap;
}

.codeline1 {
     background-color: #FFFFFF;
     height: 15px;
     padding-left: 3px;
     white-space: nowrap;
}
/*statistiky*/
#timebar ul{
	margin: 0;
	padding: 0;
  list-style-type: none;
 }
#timebar li {
position: relative;
display: inline;
	list-style: none;
	float: right;
border-right:1px solid #000;
border-bottom:1px solid #000;

}
#timebar li:last-child{
border-left:1px solid #000;
}

#timebar li a {
	display: block;
	padding: 8px 8px;
	background-color: #DCDCDC;
	color: #000;
	text-transform:uppercase;
	text-decoration: none; 
}
#timebar li a:hover {
background-color: #D5D5D5;
}

.statsbar {
width: 100%;
font-weight: bold;
font-size: 90%;

}

#statsbar:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#statsbar ul {
border-bottom: 2px solid #000;

padding: 5px 0; 
text-align:center; 
       width:100%; 
       margin:0 auto;
background-color: #D5D5D5;
}
#statsbar ul li {
display: inline;
border-right: 1px solid #000;
}
#statsbar ul li:last-child {
border-right: none;
}
#statsbar ul li a {
color: #000;
padding: 5px 5px;
margin: 0;
text-decoration: none;
text-transform:uppercase;
 background-color: #D5D5D5;
   
}
#statsbar ul li a:hover {
color: #494949;
background-color: #DCDCDC;    
}
.Tstats {
width: 100%;
padding:8px;
margin-bottom: 30px;
font-size: 9pt;
background-color: #DCDCDC; 
border-spacing:0;
border:1px solid #000;

}
table.Tstats{
border-collapse:collapse;

}

table.Tstats, table.Tstats th, table.Tstats td{
border: 1px solid black;
padding-left:5px;
}

.menuTstats{
margin-top: 50px;

}
.menuTstats ul{
margin: 0;
padding: 0;
list-style-type: none;
	
}
.menuTstats ul li {
position: relative;
bottom:-1px;
display: inline;
float: left;
border-top:1px solid #000;
border-left:1px solid #000; 

}
.menuTstats ul li:last-child {
 border-right:1px solid #000; 
}


.menuTstats li a {
	display: block;
	padding: 8px 5px;
	background-color: #D5D5D5;
	color: #000;
	text-decoration: none;
	border-bottom:1px solid #000;  
}

.menuTstats li a:hover{
background-color: #DCDCDC;
}
#current{
background-color: #DCDCDC;
border-bottom:1px solid #DCDCDC;  
}
/*statistiky cast=1*/
.Profilestats{
text-align:left;
margin:5px;
border:none;
}
.Profilestats td{
padding:6px; 
}
.Pstats { 
width: 100%;
padding:8px;
margin-bottom: 30px;
font-size: 9pt;
background-color: #DCDCDC; 
border-spacing:0;
border:1px solid #000;
}
table.Pstats{
border-collapse:collapse;
border: 1px solid black;
}
table.ProfileScorestats{
border-collapse:collapse;
margin: 10px;
padding:2px;
}
table.ProfileScorestats td{
padding:5px;
}
table.ProfileScorestats thead th{
border: 1px solid black;
}
table.ProfileScorestats thead td{
border-bottom: 1px solid black;
}
table.ProfileScorestats tbody{
text-align:left;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
table.recentgame {
width:98%;
border-collapse: collapse;
margin-bottom:30px;
}

table.recentgame thead th{
border: 1px solid black;
}

table.recentgame tbody{
border: 1px solid black;
background-color: #DCDCDC; 
}
table.comparisons {
width:98%;
border-collapse: collapse;
margin-bottom:30px;
}

table.comparisons thead th{
border: 1px solid black;
}

table.comparisons tbody{
border: 1px solid black;
background-color: #DCDCDC; 
}
.percentbar{
margin:0;
padding:0;
float:right;
height:16px;
width:100px;
border: 1px solid black;
}

.suggestionsBox {
		position: relative;
		margin-left: auto;
		margin-right: auto;		
		width: 200px;
		background-color: #FFF;   
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #000;
	}
	
	.suggestionList {
	
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}

/* --- Zarovnání Google reCAPTCHA na střed --- */
.g-recaptcha {
  margin-left: auto !important;  /* Vynutí automatický levý okraj */
  margin-right: auto !important; /* Vynutí automatický pravý okraj */
  width: 304px !important;       /* Standardní šířka reCAPTCHA v2 */
  /* display: block !important; */ /* Můžete zkusit odkomentovat, pokud by margin nefungoval */
}

/* Pokud je reCAPTCHA v buňce tabulky, zkuste i toto: */
td .g-recaptcha {
  margin-left: auto;
  margin-right: auto;
  width: 304px;
}

/* Můžete také zkusit zarovnat text v nadřazeném prvku (často buňka tabulky) */
/* Abyste toto použili, musíte zjistit třídu nebo ID rodiče pomocí F12 */
/*
.trida-nebo-id-rodice {
  text-align: center;
}
*/
/* --- Konec zarovnání Google reCAPTCHA --- */