/* HTML TAGS */
body {
  padding: 0 0 0 0;
  border: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: #FFFFEA;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align: top;
}

ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
}

div {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

a, a:visited, a:link, a:active {
  color: #000000;
}

/* IDENTIFIKATORS */
#main_frame {
  display: block;
  width: 820px;
  margin-top: 10px;
  background-color: #FFFFFF;  
  padding-right: 120px;
}

#main_frame div.pagetitle {
  position: absolute;
  display: block;
  left: 200;
  padding: 0px;
  margin: 0px;
  text-align: left;
  text-color: red;
}

.pagetitle h1{
  font-size: 6px;
}

#images {
  display: block;
  position: absolute;
 }
 
#toprightimg {
  position: absolute;
  left: 675px;
  top: -10px; 
}

#zuza {
  position: absolute;
  left: 665px;
  top: -48px; 
}

#bara {
  position: absolute;
  left: 650px;
  top: -16px; 
}

#top_banner {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 820px;
  height: 79px;
  background-image: url(top_banner.png);
}

#menu {
  float: left;
  display: block;
  width: 150px;
  background-color: #F8F8F1;
}

#second_frame {
  display: block;
  border-left: solid  #F8F8F1 150px;
  background-color: #FFFFFF;
}

#keywords {
  display: block;
  padding: 5px 120px 10px 15px;
  font-size: 10px;
  text-align: left;
}

#keywords strong {
  font-size: 12px;
  display: block;
}

#keywords h1 {
  font-size: 12px;
  display: block;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}

#logo {
 position: relative;
 top: -35px;
}

#frame {
	display: block;
	margin: 0 0 0 0;
	padding: 0 15px 50px 15px;
	text-align: left;
}

#pocitadlo {
  font-size: 10px;
  color:#999999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  display: block;
  position: relative;
  top: -35px;
}

/* CLASSES */

.instrukce {
  font-size: 10px;
  font-weight: normal;
}

#menu H2 {
  background-color:#333333;
  font-size: 10px;
  color: #FFFFFF;
  margin: 0 0 0 0;
  padding: 2px 0 2px 0;
  font-weight: normal;
}

#menu p {
  background-color:#333333;
  font-size: 10px;
  color: #FFFFFF;
  margin: 0 0 0 0;
  padding: 2px 0 2px 0;
  font-weight: normal;
}

.first_list {
  border: solid #333333 1px;
  background-image: url(texture.png);
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;  
}

.first_list li {
  width: 148px;
}

.first_list li.topline {
  border-top: solid #999999 1px;
}

.first_list li a {
  text-decoration: none;
  color: #000000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 2px 5px 20px;
  margin: 0 0 0 0;
}

.first_list  li a:active, .first_list li a:focus
{
  background-color: #FFFFFF;
}

.first_list li a:hover {
  color: #FFFFFF;
  background-color: #333333;
}

.second_list {
  border: solid #999999 1px;
  list-style-type: none;
  padding: 0 0 40px 0;
  margin: 0 0 0 0;  
}

.second_list li {
  width: 148px;
}

.second_list li a {
  text-decoration: none;
  color: #666666;
  display: block;
  font-size: 10px;
  padding: 5px 2px 5px 10px;
  margin: 0 0 0 0;
}

.second_list li a strong{ 
  font-size: 11px;
  color: #000000;
  display: block;
}

.second_list li a:hover {
  background-color: #E1E1E1;
}


table.right_table {
  float: right;
  margin: 10px 0px 10px 20px;
  }

table.right_table th {
  background-color: #333333;
  color: #FFFFFF;
  }

table.framework {
  border-width: 0px;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  width: 540px;
  line-height: 18px;
}

table.vocabulary {
  border-width: 1px;
  border-style: none;
  border-spacing: 1px;
  background-color: gray;
}

table.vocabulary tr th {
	background-color: #E0E0E0;
	padding: 2 2 2 2;
	text-align: center;
}

table.vocabulary tr td {
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 2 2 2 2;
}

table.vocabulary tr td.chinese {
	font-size: 16px;
}

table.shop {
  border-width: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

table.shop tr td {
	padding: 15px 0 15px 20px;
	border-bottom: solid #CCCCCC 2px;
}

table.shop td td {
 border-width: 0;
 padding: 0 0 0 0;
}

table.shop tr td table tr td {
	text-align : center;
}

table.shop2 {
  border-width: 1px;
  border-color: #404040;
  margin: 1;
  padding: 1;
}

table.shop2 tr td {
	padding: 15px 10px 15px 20px;
	border: solid #000000 1px;
	vertical-align: top;
	font-size: 10px;
}

table.shop2 td td {
 border-width: 0;
 padding: 0 0 0 0;
}

table.shop2 tr td table tr td {
	text-align : center;
}

ul.winlist li {
 margin: 5px 0 5px 0;
  }

#frame p {
  line-height: 18px;
}

#frame ul {
  list-style-type: square;
  padding-left: 30px;
  line-height: 20px;
}

#frame ol {
  padding-left: 30px;
  line-height: 20px;
}


#frame h2 {
  display: block; 
  height: 28px;
  border-left: solid #333333 2px;
  padding: 0 0 0 15px;
  margin: 0 0 0 0;
  background-color: #FBF5C4;
  font-size: 12px;
  font-weight: bold;
  clear: right;

}

#frame h2 .instrukce {
  display:block;
}

#frame a.link {
  display: inline;
  width: 140px;
  float: right;
  padding: 7px 0 9px 0;
  font-size: 10px;
  text-align: center;
  background-color:#333333;
  color:#FFFFFF;
  text-decoration: none;
  font-weight: normal;
  cursor: hand;
}

#frame h2 a {
  text-decoration: none;
}

#frame h2 a {
  text-decoration: none;
}

#frame a.linkbutton {
  display: inline;
  width: 140px;
  padding: 7px 20px 9px 20px;
  font-size: 10px;
  text-align: center;
  background-color:#333333;
  color:#FFFFFF;
  text-decoration: none;
  font-weight: normal;
  cursor: hand;

}

#frame a:hover {
  text-decoration: underline;
}
 
#frame img.right_image  {
  float: right;
  margin: 20px 5px 0 20px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: solid #FFFFFF 10px;
}

#frame img.left_image  {
  float: left;
  margin: 20px 5px 0 20px; 
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: solid #FFFFFF 10px;
}

#frame ul.links li {
  padding: 8px 0 8px 0;
}

#frame img.img_bottom_border {
  float: right;
  margin: 20px 5px 0 20px; 
  border-bottom: solid #FFFFFF 30px;
}
 
#frame table.active {
  /*display: inline;*/
}

#frame img.active {
 border: solid #FFFFFF 1px;
}
 
#frame a.active {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#frame a.left {
  float: left;
}

#frame a.right {
  float: right;
}

#frame a.active_left {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
}

#frame a.active_right {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: right;
}

#frame a.active img, a.active_left img, a.active_right img {
  border: solid #FFFFFF 1px;
}
 
#frame a.active p, a.active_left p, a.active_right p {
  display: block;
  padding: 2px 5px 5px 5px;
  margin: 0 0 0 0; 
  text-align: center;
  font-size: 10px;
}

#frame a.active:hover, a.active_left:hover, a.active_right:hover {
  background-color:#333333;
  color: #FFFFFF;
}

#frame .videolist {
  line-height: 30px;
  font-size: 10px;
  list-style-image: url(videolist.png);
  margin: 0 0 20px 10px;
}

#frame .videolist a {
  text-decoration: none;
}

#frame .videolist a:hover {
  text-decoration: underline;
}

#frame .filelist {
  line-height: 30px;
  font-size: 10px;
  list-style-image: url(filelist.png);
  margin: 0 0 20px 10px;
}

#frame .fileolist a {
  text-decoration: none;
}

#frame .filelist a:hover {
  text-decoration: underline;
}

#frame .table_nad {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  }

#frame .table_nad strong {
  font-size: 18px;
}

/* 20-06-2006 NOT GOOD */
table.new_nabor {
 background-color: #CCCCCC;
 font-size: 10px;
 width: 630px;
 /*border-right: solid #CCCCCC 1px; */
 }
 
table.new_nabor td {
 background-color: #FFFFFF;
 text-align: center;
 padding: 5px;
}

table.new_nabor td.nabor {
 background-color: #FEFCCF;
}
 
table.new_nabor td.header {
 background-color: #333333;
 color: #FFFFFF;
 font-size: 16px;
 /*font-weight: bold;*/
 font-family: Arial Black, Helvetica, sans-serif;
 text-align: right;
}

table.new_nabor td.header em {
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 padding: 2px;
 text-align: right;
}
 
table.new_nabor th {
 background-color: #F2F2F2;
 font-weight: normal;
 text-align: center;
}

#shortnews {
  display: block;
  position: absolute;
}

#shortnews div {
  position: absolute;
  display: block;
  left: 815px;
  top: 150px;
  width: 150px;
  background-color: #F0F0F0;
  border: solid #333333 1px;
  text-align: left;
}

#shortnews_title {
	display: block;
	background-color: #202020;
	color: #FFFFFF;
	font-size: 10px;
	/*font-weight: bold;*/
	padding: 5px 0 8px 0;
	text-align: center;
}

#shortnews_content {
	display: block;
	padding: 5px;
}

#shortnews_content .item {
	display: block;
	padding: 0 0 0 10px;
}

input.formbutton {
	width: 10em;
}

table.prihlaska {
	border-width: 1px;
	border-style: solid;
	border-color: #e0e0e0;
	border-spacing: 5px;
	background-color: #f0f0f0;
}

table.prihlaska tr td, table.prihlaska tr th {
	background-color: #f0f0f0;
}

/* styles for new pages code */

table.schedule_table {
	width: 100%;
	border-spacing: 1px;
	font-size:10px;
	background-color:#CCCCCC;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
}

table.schedule_table th {
	background-color:#F2F2F2;
	font-weight:normal;
	text-align:center;
/*
	background-color:#333333;
	color:#FFFFFF;
	font-family:Arial Black,Helvetica,sans-serif;
	font-size:16px;
	text-align:right;
*/
}

table.schedule_table th.affiliate_name {
	background-color:#333333;
	color: white;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
}

table.schedule_table td {
	background-color:#FFFFFF;
	padding:5px;
	text-align:center;
}

table.schedule_table td a {
	text-decoration: none;
	display: block;
	color: black;
}

table.schedule_table td a:hover {
	text-decoration: underline;
}

table.schedule_table td.enrollment {
	background-color:#FEFCCF;
}

table.schedule_list {
	width: 100%;
	border-spacing: 1px;
	font-size:10px;
	/*background-color:#CCCCCC;*/
	/*
	border-style: solid;
	border-width: 1px;
	*/
	margin-bottom: 10px;
}

table.schedule_list th {
	background-color:#E0E0E0;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

table.schedule_list td {
	/*background-color:#FFFFFF;*/
	padding:5px;
	text-align:left;
	vertical-align: top;
}

table.schedule_list td a {
	text-decoration: none;
	display: block;
	color: black;
}

table.schedule_list td a:hover {
	text-decoration: underline;
}

table.schedule_list td.even {
	background-color:#E0E0E0;
}

div.popup_window {
	/*display: block;*/
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 100px;
	border: solid #333333 1px;
	padding: 4px;
	background-color: #FFFFB0;
	text-align: left;
}

div.popup_window p {
	margin: 1px;
}

div.popup_window p a {
	text-decoration: none;
	color: black;
}