body{
  font-size: 11pt;
  font-family: "Tahoma", "Arial", "Verdana",  sans-serif;
  color: black;
  background-color: rgb(230,230,210);
  text-align: center;
  padding: 2px;
  margin: 0px;
}
#page{
  border: 1px groove black;
  width: 984px;
  margin: 0px auto;
  min-height: 550px !important;
  text-align: left;
  background-color: rgb(230,240,210);
}
#head{
  border: 0px dotted blue;
  width: 100%;
  height: 80px;
  text-align: center;
  background-color: white;
}
#head a img{
  border: none;
}
#main{
  display: block;
  border: 1px solid gray;
  clear: both;
  width: 982px;
  background: url('image/main_bg.gif') repeat-y;
  background-position: 0px 5px;
}
img{
  border: none;
}
#main a.button{
  border: 1px solid gray;
  background-color: white;
  padding: 0px 2px 0px 2px;
  color: blue;
  text-decoration: none;
}
#main a.help{
  background: url('image/help.gif') top left no-repeat;
}
#main a.help:hover{
  background: url('image/help_u.gif') top left no-repeat;
}

#main form{
  line-height: 150%;
}
#main input.text, #main textarea, #main select, button{
  border: 1px solid black;
  margin: 2px 5px 2px 2px;
  /*background-color: rgb(255,255,160);*/
}
#visual{
  display: block;
  border: 1px solid gray;
  width: 982px;
  min-height: 250px;
  text-align: center;
}
#foot{
  border: 1px solid gray;
  background-color: rgb(232,235,245);
  display: block;
  font-size: 1em;
  clear: both;
  width: 982px;
  height: 20px;
  text-align: center;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
}
#foot:hover{
  background-color: rgb(120,220,200);
}
#foot a{
  text-decoration: none;
}
button{
  width: 200px;
}
button:hover{
  color: blue;
}
#main fieldset{
  float: left;
}
#main legend{
  margin: 3px;
}
#main form label{
 display: block; 
}
#main a.help{
  text-decoration: none;
  font-weight: bold;
}
#main a.help:hover{
  color: blue;
}
#main span.help{
  display: none;
  border: 1px solid gray;
  background-color: white;
  width: 470px;
  color: green;
  padding: 2px;
  margin: 0px 2px 0px 2px;
}
#main button{
  border: none;
  width: 250px;
  height: 30px;
}
#visual table{	
	border: 1px dotted Silver;
  clear:both;	
	padding: 0px auto;
  margin: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
	width: 100%;
	font-size:0.9em;
}
#visual table th{
  color: black;
	background-color: rgb(190,200,255);
	border: 1px solid black;
	text-align: center;
}
#visual table td{
	border: 1px solid gray;
  padding: 0px 2px 0px 2px;
}
#visual table tr:hover{
  background-color: rgb(255,255,160);
  color: black;
}
#visual .info{
  width: 100%; 
  height: 250px; 
  border: 1px solid blue; 
  background-color: rgb(83,200,219); 
}
#visual .info h2{
  font-size: 14pt;
  border: 2px solid white;
  padding: 5px;
  background-color: rgb(93,163,229);
}
#nav{
  display: block;
  background-color: rgb(190,220,250);
  border: 1px solid green;
  padding: 0px 0px 7px 0px;
  width: 982px;
  text-align:center;
}
#nav a{
  border: 1px solid gray;
  margin: 3px 0px 3px 1px;
  padding: 0px 1px 0px 1px;
  text-decoration: none;
  background-color: rgb(220,220,220);
}
#nav p{
  line-height: 140%;
  text-align: left;
  margin: 2px 5px 2px 0px;
  padding: 3px;
}
#nav a.hour{
  border: none;
  background: url('image/button_sn.gif') top left no-repeat;
  padding: 4px 2px 2px 3px;
  font-size: 8pt;
}
#nav a.hour:hover, #nav a.op{
  background: url('image/button_su.gif') top left no-repeat;
}
#nav button{
  border: none;
  width: 150px;
  height: 20px;
  background: url('image/button_ln.gif') top left no-repeat;
  margin: 2px;
  padding: 0px;
  font-size: 8pt;
}
#nav button:hover{
  background: url('image/button_lu.gif') top left no-repeat;
}
#siatka{
  display: block;
  width: 980px;
  height: 980px;
  border: 1px solid gray;
  margin: 0px auto !important;
  padding: 0px;
  background: url('image/obiekt.jpg') top left no-repeat;
}
#siatka span.op{
  opacity: 0.1;
}
#siatka span{
  font-size: 7pt; 
  font-weight: bold;
  display: block; 
  width: 92px; 
  height:92px; 
  border: 1px solid gray; 
  float:left;
  opacity: 0.95;
  text-align:center; 
  padding: 2px;
}
