/* CSS Document */
body{
  margin: 0; 
  padding: 0;
  text-align: center; 
  background: url("../images/bg.jpg") repeat-x;
  font-family: arial,helvetica,clean,sans-serif;
  font-size: 90%;
} 

#main{ 
  width: 980px; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left;
}
a{
  color: #2f4d95;
}
a:hover{
  text-decoration: none;
}
/* Head
---------------------------*/
#head{
  height: 209px;
  background: url("../images/headBg.jpg") no-repeat right top; 
}
#head #logo{
  margin-left: 14px;
}
#head #logo images{
  border: 0;
}
#head #menu{
  position: absolute;
  top: 0;
  margin: 5px 0 0 267px;
  padding: 0;
  list-style: none;
}
#head #menu li{
  margin: 0 0 1px 0;
  padding: 0;
  letter-spacing: 2px;
}
#head #menu a{
  color: white;
  text-decoration: none;
  display: block;
  height: 23px;
  line-height: 23px;
}
#head #menu b{
  display: block;
  float: left;
  width: 16px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  margin-right: 4px;
  padding-left: 3px;
}
#head #menu em b, #head #menu a:hover b{
  background: #7b91c0;
}

#head #menu em{
  color: #ffaf45;
  text-decoration: none;
  display: block;
  font-style: normal;
  height: 23px;
  line-height: 23px;
}
/* Body
---------------------------*/
#body{
  background: url("../images/bodyBg.jpg") repeat-y; 
}
#bodyFoot{
  clear: both;
}
/* Foot
---------------------------*/
#foot{
  background: url("../images/footBg.jpg") repeat-y;
}
#foot .bg{
  background: url("../images/footBgTop.jpg") no-repeat;
  height: 8px;
}
#foot .content{
  padding: 10px;
  color: white;
}
#foot .content a{
  color: white;
}
/* LeftColumn
---------------------------*/
#leftColumn{
  float: left;
  width: 227px;
  margin-left: 14px;
  aborder: solid 1px red;
  color: #284a92;
}
#leftColumn .content1{
  padding: 13px;
}
#leftColumn .content2{
  background: url("../images/leftColumnDiv.jpg") no-repeat;
  padding: 13px;
}
#leftColumn p{
  margin: 0;
  font-size: 100%;
}
#boxLogin fieldset{
  border: 0;
  padding: 0;
}
#boxLogin legend{
  margin-left: -15px;
  margin-bottom: 5px
}
#boxLogin label{
  float: left;
  width: 50px;
  color: black;
  margin-left: 15px;
}
#boxLogin input{
  width: 120px;
  margin-bottom: 2px;
  border: solid 1px #2f4d95;
}
#boxLogin input.logBut{
  width: 122px;
  cursor: pointer;
  height: 19px;
  margin-left: 65px;
  margin-top: 2px;
  border: solid 1px #2f4d95;
  background: url("../images/butBg.jpg") repeat-x;
}
.list1{
  color: black;
  margin: 5px 0;
  padding: 0;
  list-style: none;
  font-size: 90%;
}
.list1 li{
  margin-left: 15px;
}
.posun1{
  margin-left: 15px
}
a img{
  border: 0;
}
.banner1{
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
}
.banner2{
  margin-left: 6px;
}
/* RightColumn
---------------------------*/
#rightColumn{
  float: right;
  width: 130px;
}
/* Content
---------------------------*/
#content{
  margin: 1px 50px 0 250px;
  padding: 5px;
}
#content h3{
  color: #ff9000;
  margin-left: 20px;
  margin-bottom: 5px;
}
#content p{
  margin: 5px 0 5px 0;
}
#content table{
  border: double 3px #c5c6ca;
}
#content table thead{
  background: #e4e5e9;
}
#content table td{
  padding: 5px;
}
#content table.archiv{
  text-align: center;
}

#box{
  float: left;
  width: 197px;
  height: 210px;
  padding: 0px; 
  margin: 10px auto 10px auto;
  background: url("../images/boxBg.jpg") repeat-x;
}
#box .left{
  border-right: solid 1px white;
  width: 197px;
  height: 210px;
  padding-top: 10px;
  float: left;
}
#box .left a{
  display: block;
  height: 42px;
  width: 85px;
  color: white;
  text-decoration: none;
  line-height: 42px;
  padding-left: 50px;
  margin: 0 auto 0 auto;
  border: solid 1px white;
  font-weight: bold;
}
#box .left a.spustit{
  background: url("../images/spustit.jpg") left top no-repeat;
}
#box .left a.tisk{
  background: url("../images/tisk.jpg") left top no-repeat;
  margin-top: 5px;
}
#box .left a.kontrola{
  background: url("../images/kontrola.jpg") left top no-repeat;
  margin-top: 5px;
}
#box .left a.spustit:hover, #box .left a.tisk:hover, #box .left a.kontrola:hover{
  background-position: left bottom;
}
#box .right{
  padding-top: 36px;
}
#box .hodiny{
  position: relative;
  height: 42px;
  awidth: 277px;
  float: left;
  border: solid 1px white;
  margin-top: 5px;
  margin-left: 30px;
  background: url("../images/hodiny.jpg") repeat-x;
}
#box .hodiny div{
  float: left;
  height: 42px;
  width: 12px;
  line-height: 42px;
  padding: 0 7px 0 7px;
  color: #757575;
  font-size: 200%;
  border-right: solid 1px #e5e6ea;
  font-weight: bold;
}
#box .hodiny div.text{
  color: white;
  font-size: 90%;
  height: 38px;
  padding-top: 5px;
  border-right: solid 1px #e5e6ea;
}

div.sudoku{
  float: right;
  awidth: 406px;
  width: 433px;
  height: 433px;
  aheight: 406px;
  margin: 10px auto 10px auto;
  aborder: solid 5px #c5c6ca;
}
div.sudoku div.part{
  float: left;
  width: 135px;
  margin: 0 -3px -3px 0;
  border: solid 5px #c5c6ca;
}
div.sudoku div.part div{
  float: left;
  width: 41px;
  height: 36px;
  padding-top: 5px;
  border: solid 2px #e2e2e4;
  atext-align: center;
  aline-height: 41px;
  margin: 0px;
}
div.sudoku div input{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 200%;
  text-align: center;
}
div.sudoku div.entry{
  color: #888888;
  font-size: 200%;
  text-align: center;
}
div.sudoku div.part div.act1{
  border: solid 2px #ffaf49;
}
div.sudoku div.part div.act1 input{
  color: #ffce8f;
}
div.sudoku div.part div.act2{
  color: #ffce8f;
}

div.sudoku2{
  float: left;
  width: 216px;
  height: 216px;
  margin: 5px auto 5px auto;
}
div.sudoku2 div.part{
  float: left;
  width: 66px;
  margin: 0 -1px -1px 0;
  border: solid 2px #c5c6ca;
}
div.sudoku2 div.part div{
  float: left;
  width: 20px;
  height: 18px;
  padding-top: 2px;
  border: solid 1px #e2e2e4;
  margin: 0px;
}
div.sudoku2 div input{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  text-align: center;
}
div.sudoku2 div.entry{
  color: #888888;
  font-size: 100%;
  text-align: center;
}
div.sudoku2 div.entryM{
  color: #000000;
  font-size: 50%;
  text-align: center;
}

div.sudoku2 div.entry2{
  color: #880000;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}

#box2left{
  float: left;
  padding-top: 5px;
}
#box2left a{
  display: block;
  height: 42px;
  width: 85px;
  color: white;
  text-decoration: none;
  line-height: 42px;
  padding-left: 50px;
  margin: 0 auto 0 auto;
  border: solid 1px white;
  font-weight: bold;
}
#box2left a.spustit{
  background: url("../images/spustit.jpg") left top no-repeat;
}
#box2left a.spustit:hover {
  background-position: left bottom;
}

.cleaner {
	clear:both;
}
.zdroj {
  font-size: 70%;
}
.dnesni-sudoku {
	margin:10px;
}
#lista {
	font-size: 70%;
  width:100%;
	text-align:center;
}

/* DirectoGlobal.com blok ID: 833 */
.dglobal_833{
margin:0;padding:0;font-family:Arial;
}
.dglobal_833 .dg_ad{
width:100%;margin:2px 0 2px 0;background:#E7E8EC;border:1px none #008000;
}
.dglobal_833 a{
width:100%;font-weight:bold;margin:3px 3px 0 3px;padding:0;font-size:12px;color:#274A92;
}
.dglobal_833 a:hover{
color:#FF0000;text-decoration:underline;
}
.dglobal_833 p{
font-weight:normal;margin:3px 3px 0 3px;padding:0px;font-size:8px;color:#274A92;
} 

.seolista {
	background: #DFDEDE;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-top: 20px;
}
