body {
  margin: 0;
  padding: 0;
  background-color: #222222;
}


h1, h2, h3, h4, h5, h6 {
  display: none;
}
/************* Stránka ********************/

#stranka {
  margin: auto;
  width: 1000px;
}
.nadpis_levo {
  margin: 20px;
  font-family: Century Gothic;
  font-size: 23px;
  color: white;
  float:none;
  display:block;
}
.nadpis_pravo {
  margin: 100px;
  font-family: Century Gothic;
  font-size: 23px;
  color: white;
  float: right;
  display:block;
}


/************* Logo ********************/




#logo {
  background-image: url("images/logo.png");
  background-repeat: no-repeat;
  width: 1000px;
  height: 121px;
}



/************* Menu ********************/



#menu {
	float: left;
	width: 1000px;
	height: 59px;
	padding: 0;
	margin: 0;      
}

#menu ul {margin: 0;	padding: 0;}   
#menu li a { float: left; }

#menu li.domu {display: inline;}
#menu li.domu span {display: block;height: 59px;width: 173px;}
#menu li.domu a {display: block;height: 59px;width: 173px;}
#menu li.domu a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.domu span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.domu a span {background: url("images/menu_domu.png") 0 0 no-repeat;}
#menu li.domu a:hover span {background-position: 0 0;}
#menu li.domu a:hover {text-decoration: none;}

#menu li.domu_aktivni {display: inline;}
#menu li.domu_aktivni a {display: block;height: 59px;width: 173px;}
#menu li.domu_aktivni span {display: block;height: 59px;width: 173px;}
#menu li.domu_aktivni a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.domu_aktivni span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.domu_aktivni a span {background: url("images/menu_domu.png") 0 0 no-repeat; background-position: 0 -59px;}


#menu li.cojesudoku {display: inline;}
#menu li.cojesudoku a {display: block;height: 59px;width: 247px;}
#menu li.cojesudoku span {display: block;height: 59px;width: 247px;}
#menu li.cojesudoku a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.cojesudoku span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.cojesudoku a span {background: url("images/menu_cojesudoku.png") 0 0 no-repeat;}
#menu li.cojesudoku a:hover span {background-position: 0 -59px;}
#menu li.cojesudoku a:hover {text-decoration: none;}

#menu li.cojesudoku_aktivni {display: inline;}
#menu li.cojesudoku_aktivni a {display: block;height: 59px;width: 247px;}
#menu li.cojesudoku_aktivni span {display: block;height: 59px;width: 247px;}
#menu li.cojesudoku_aktivni a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.cojesudoku_aktivni span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.cojesudoku_aktivni a span {background: url("images/menu_cojesudoku.png") 0 0 no-repeat; background-position: 0 -59px;}


#menu li.metody {display: inline;}
#menu li.metody a {display: block;height: 59px;width: 245px;}
#menu li.metody span {display: block;height: 59px;width: 245px;}
#menu li.metody a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.metody span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.metody a span {background: url("images/menu_metody.png") 0 0 no-repeat;}
#menu li.metody a:hover span {background-position: 0 -59px;}
#menu li.metody a:hover {text-decoration: none;}

#menu li.metody_aktivni {display: inline;}
#menu li.metody_aktivni a {display: block;height: 59px;width: 245px;}
#menu li.metody_aktivni span {display: block;height: 59px;width: 245px;}
#menu li.metody_aktivni a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.metody_aktivni span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.metody_aktivni a span {background: url("images/menu_metody.png") 0 0 no-repeat; background-position: 0 -59px;}



#menu li.partneri {display: inline;}
#menu li.partneri a {display: block;height: 59px;width: 170px;}
#menu li.partneri span {display: block;height: 59px;width: 170px;}
#menu li.partneri a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.partneri span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.partneri a span {background: url("images/menu_partneri.png") 0 0 no-repeat;}
#menu li.partneri a:hover span {background-position: 0 -59px;}
#menu li.partneri a:hover {text-decoration: none;}

#menu li.partneri_aktivni {display: inline;}
#menu li.partneri_aktivni a {display: block;height: 59px;width: 170px;}
#menu li.partneri_aktivni span {display: block;height: 59px;width: 170px;}
#menu li.partneri_aktivni a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.partneri_aktivni span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.partneri_aktivni a span {background: url("images/menu_partneri.png") 0 0 no-repeat; background-position: 0 -59px;}



#menu li.diskuze {display: inline;}
#menu li.diskuze a {display: block;height: 59px;width: 165px;}
#menu li.diskuze span {display: block;height: 59px;width: 165px;}
#menu li.diskuze a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.diskuze span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.diskuze a span {background: url("images/menu_diskuze.png") 0 0 no-repeat;}
#menu li.diskuze a:hover span {background-position: 0 -59px;}
#menu li.diskuze a:hover {text-decoration: none;}

#menu li.diskuze_aktivni {display: inline;}
#menu li.diskuze_aktivni a {display: block;height: 59px;width: 165px;}
#menu li.diskuze_aktivni span {display: block;height: 59px;width: 165px;}
#menu li.diskuze_aktivni a {background: #e0402e; color: #fff; position: relative; line-height: 59px;}
#menu li.diskuze_aktivni span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#menu li.diskuze_aktivni a span {background: url("images/menu_diskuze.png") 0 0 no-repeat; background-position: 0 -59px;}


/************* Obsah ********************/
#obsah {
  margin:0;
  width:1000px;
  background-color: #2d529a;
  float: left;
  background-image: url("images/pozadi_obsah.png");
  background-repeat: repeat;
}
#obsah p {
  margin-left: 95px;
  color: white;
  margin-right: 70px;
  padding: 0;
  font-size: 17px;
}
#obsah span {
  margin-left: 70px;
  text-decoration: underline;
}
#obsah iframe {
  border: 2px solid #142E62;
  margin-bottom: 20px;
  padding:0;
}
.center {
  text-align: center;
  display: block;
  margin:0;
  padding: 0;
  }
/************* Levý panel ********************/



#levy_panel {
  margin:0;
  width:760px;
  background-color: #2d529a;
  height: 500px;
  float: left;
  background-image: url("images/pozadi_obsah.png");
  background-repeat: repeat;
}

#levy_panel ul {margin: 15px;	padding: 0; float: left;text-align: center; list-style-type: none;}
#levy_panel li a { margin-bottom: 20px; }


#levy_panel li.zalozka {display: block;}
#levy_panel li.zalozka a {display: block;height: 84px;width: 211px;}
#levy_panel li.zalozka span {display: block;height: 84px;width: 211px;}
#levy_panel li.zalozka a {position: relative; line-height: 84px;}
#levy_panel li.zalozka span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#levy_panel li.zalozka a span {background: url("images/zalozka.png") 0 0 no-repeat;}
#levy_panel li.zalozka a:hover span {background-position: 0 -84px;}
#levy_panel li.zalozka a:hover {text-decoration: none;}

#levy_panel li.tisk {display: block;}
#levy_panel li.tisk a {display: block;height: 84px;width: 211px;}
#levy_panel li.tisk span {display: block;height: 84px;width: 211px;}
#levy_panel li.tisk a {position: relative; line-height: 84px;}
#levy_panel li.tisk span {position: absolute; top: 0px; left: 0px; cursor: pointer;}
#levy_panel li.tisk a span {background: url("images/tisk.png") 0 0 no-repeat;}
#levy_panel li.tisk a:hover span {background-position: 0 -84px;}
#levy_panel li.tisk a:hover {text-decoration: none;}

#levy_panel li.statistika {
  margin-top: 55px;
  font-family: Century Gothic;
  font-size: 23px;
  color: white;
  display: block;
}



/************* Pravý panel ********************/




#pravy_panel {
  width: 240px;  
  height: 500px;
  margin:0;
  background-color: #190707;
  float: right;
  color: white;
  display: inline;
}
#pravy_panel p {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
#pravy_panel a {
  color: #957777;
}
#pravy_panel a:hover {
  text-decoration: none;;
}
#pravy_panel ul {
  margin-top: 5px;
  margin-left: 0px;
  padding:0;
  list-style-type: none;
}
#pravy_panel li {
  padding:0;
  font-size: 18px; 
  text-align: center; 
}
.nadpis {
  margin-left: 20px;
  font-family: Century Gothic;
  font-size: 23px;
  color: white;
}



/************* Modrý panel ********************/



#modry_panel {

  background-image: url("images/modry_panel.png") ;
  background-repeat: no-repeat;
  background-color: #2a54aa;
  width: 1000px;
  height: 228px;
  float: left;
}
#modry_panel p {

  color: white;
  display: block;
  font-size: 16px;
  margin-left: 50px;
  margin-right: 15px;
}

/************* Černý panel ********************/
 
  
#cerny_panel {
  background-color: #150000;
  width: 1000px;
  height: 150px;
  float:left;
}
#cerny_panel span {
  margin-bottom: 10px;
  font-family: Century Gothic;
  font-size: 23px;
  color: white;
  display: block;  
}
#cerny_panel p {
  margin-left: 40px;
}


/************* Footer ********************/
#footer {
  background-image: url("images/footer.png");
  background-repeat: repeat-x;
  width: 1000px;
  height: 67px;
  float: left;
  font-size: 16px;
}
.levo {
  float: left;
  margin-left: 40px;
  margin-top: 27px;
  color: white;
}
p.pravo {
  float: right;
  margin-right: 40px;
  margin-top: 27px;
  color: white;
}








/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	display:compact;
	padding:1px;
}
/* Style for invalid input */
.invalidInput{
	border:1px solid #F00;
}

/* Style for valid input */
.validInput{
	border:1px solid #FFF;
}



	h1{
		margin-top:0px;
		margin-bottom:5px;
		padding-bottom:0px;
		padding-left:5px;
	}	
	#sudoku{
  margin-top: 20px;
		
		/*
		position:absolute;
		left:10px;
		top:100px;
		*/
	}
.sudoku {
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  padding: 0;
  background-color: black;
	width:456px;
	height:456px;
	border:1px solid #000;	
}

	.sudokuSquare,.sudokuSquareHighlighted{
		width:46px;
		height:46px;
		float:left;
		border:1px solid #000000;
		padding:1px;
		line-height:46px;
		font-size:30px;
		text-align:center;		
		background-color:#FFF;
		cursor:default;
	}
	.sudokuSquareHighlighted{
		border:2px solid #317082;
		width:46px;
		height:46px;		
		padding:0px;
		background-color:#E2EBED;
	}
	
	.sudokuSection{
		width:150px;
		height:150px;
		border:1px solid #000000;
		float:left;
	}
	.gameRules li{
		font-size:0.9em;
		margin-left:0px;
		padding-left:0px;
	
	}
	#hintDiv{
		position:absolute;
		width:52px;
		height:60px;
		background-image:url("hintArrow.gif"/*tpa=http://www.minisudoku.nl/images/hintArrow.gif*/);
		background-position: bottom left;
		background-repeat:no-repeat;
		display:none;	
		margin-left:1px;	
		
		
	}
	#hintDivInner{
		width:44px;
		height:44px;
		border-top:2px solid #000;
		border-left:2px solid #000;
		border-right:2px solid #000;
		font-size:11px;	
		padding:2px;
		background-color:#FF0000;
		color:#FFF;
	}