body {
  max-width: 1240px;
  _width: expression(document.body.clientWidth > 1240? "1240px" : "auto" );
  min-width: 800px;
  _width: expression(document.body.clientWidth < 800? "800px" : "auto" );
  margin: 0;
  padding: 0;
  background: #FFF;
  font-family: tahoma;
  font-size: 90%;
  font-size: 13px;
  color: #000;
}
h1 {
  font-size: 180%;
  color: #d23333;
  text-decoration: none;
  font-weight: bold;
  font-family: times new roman;
}
h2 {
  font-size: 160%;
  color: #d23333;
  font-weight: bold;
  text-decoration: none;
  font-family: times new roman;
  
}
h3 {
	font-size: 130%;
	color: #4141a3;
	font-weight: bold;
	font-family: times new roman;
}
h4 {
  font-size: 110%;
  color: #d23333;
  font-weight: bold;
  text-decoration: none;
  font-family: times new roman;
}

#page {
  border-left: 160px solid #d23333;  
/*  max-width: 1240px;
  _width: expression(document.body.clientWidth > 1240? "1240px" : "auto" );*/
}
#header {
  position:absolute;  top: 0;  left: 0;
  background: #d23333;
  width: 100%;
  height: 110px;
  overflow: visible;
}
#logo {
  position:absolute;
  top: 5px; left: 0;
  background: url("../images/sokol_logo.gif"); filter: shadow; color: #d23333;
  width: 140px; height: 150px;
}
#logo1 {
  position:absolute; left:170px; top:10px;
  width:500px; height:90px;
  font-size: 300%;
  color: #ffffff;
  text-align: none;
  font-weight: bold;
  overflow: hidden;
  filter:shadow
}
#logo2 {
	position: absolute;	right: 0; bottom: 10px;	
	width: 100px; height: 90px;
	padding-right:5px;
	overflow: hidden;
	filter: shadow;
	background: url("../images/sokol1.jpg") no-repeat;
}
#logo3 {
	position: absolute;
	right: 180px;
	top: 45px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	background: url("../images/logo_brno1.png") no-repeat;
}
#logo4 {
	position: absolute;right: 120px; top: 45px;	
	width: 60px; height: 60px;
	overflow: hidden;
	background: url("../images/zidenice.png") no-repeat;
}
#main_box {
  padding: 100px 0px 0px 0px;
  border-left: 5px solid #4141a3;
  width: 100%;
}
#main_header {
  background: #4141a3;
  font-size: 120%;
  color: #a4b9ff;
  padding: 15px 0 0px 10px;
   width: 100%;

}
}
#main_content {
	width: 100%;
	padding:10px 228px 10px 23px;
	min-height: 470px;
	_height: 470px;
	text-align: justify;
	right: 210px;
}
#main_content_1 {
	width: 100%;
	padding:10px 228px 10px 23px;
	min-height: 470px;
	_height: 470px;
	text-align: justify;
	right: 210px;
}
#menu {
  position: absolute;  top: 180px;  left: 0;
  width: 160px;
}
#menu #picture {
  margin:0; padding:0;
  position:relative;  top: 0; left: 0;
  width: 160px; height: 82px;
  background: url("image002.gif") no-repeat fixed right bottom;
  margin:0; padding:0;
  overflow:hidden;
}
#menu .update {
  padding: 20px 0 0 0;
  text-align: center;
  color: #ffffff;
  font-size: 80%;
}
#menu #item {
  background: none;
  border: 3px solid #a4b9ff;
  border-style: solid none;
  color: #a4b9ff;
}
#menu #item ul {
  margin: 10px 0 14px 0;
  padding: 0;
}
#menu #item li {
  margin: 5px 0 0 0;
}
#menu #item a {
  padding-left: 18px;
  color: #FFFFFF;
  text-decoration: none;
  background: none;
  font-size: 110%;
}
#menu #item a:hover {
  background: url("../images/img1.gif") left no-repeat;
  font-weight: bold;
  font-size: 110%;
  text-decoration: underline;
}
#menu #item .sel {
  background: url('../images/select.gif') no-repeat left;
  font-weight: bold;
  font-size: 110%
}

#menu #item1 {
  background: none;
  font: 110% "Times New Roman", Times, serif;
}
#menu #item1 ul {
  margin: 0px 0 0px 0;
  padding: 0;
}
#menu #item1 li {
  margin: 0px 0 0 0;
}
#menu #item1 a {
  padding-left: 28px;
  color: #FFFFFF;
  text-decoration: none;
  background: none;
/*  font-size: 85%;*/
}
#menu #item1 a:hover {
  background: url("../images/img1.gif") left no-repeat;
  font-weight: normal;
  text-decoration: underline;
}
#menu #item1 .sel1 {
	font-family: "font-weight: bold";
	position: relative;
	left: 14px;
	padding-left: 14px;
	background: url("../images/select1.gif") left no-repeat;/* color: #a4b9ff;*/
}

#obr {
/*max-width: 800px;
_width: expression(document.body.clientWidth > 800? "800px" : "auto" );*/
}

#footer_box {
	width: inherit;
	background: #4141a3;
	font-size: 85%;
	color: #a4b9ff;
	text-align: center;
	padding: 10px 0 10px 0;
}
.footer {
  color: #ffffff;
}
.center {
	text-align:left;	
}
.blue {
  color: #4141a3;
}
#content {
  margin-right: 150px;
}
#act_box {
  position: absolute;
  top: 138px;
  right: 0px;
  width: 200px;
  padding: 5px 10px 5px 10px;
  background: #D7D7D7;
  min-height: 470px;
  _height: 470px;
  border-left: 5px solid #4141a3; 
  font-size: 90%;
}
#act_box h2 {
  font-size: 150%;
  font-weight: bold;
  font-style: italic;
  color: #d23333;
  margin: 0;
  padding: 0;
}
#act_box h2 a {
  color: #d23333;
  text-decoration: none;
 }
#act_box h3 {
  font-size: 100%;
  font-weight: bold;
}
.act_box date {
	font-size: 90%;
	color: #000000;
	margin: 10px,5px;
	padding: 0;
	font-weight: bold;
	text-align: left;
}

act_box li {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
}

#act_box ul {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
}
#act_box li li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#act_box ul ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}