body, html {
	font-family: "Trebuchet MS", "Geneva CE", "Arial CE", sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
  background: #fff;

}
body, table {

	color: #333;

}

#logo {

  padding-top: 15px;
  width: 154px;
  text-align: center;
  margin: 0 auto;

}

html {

}

table {
 	font-size: 90%;
	padding: 0;
	margin: 0;
	text-align : left;

}

li {

	margin: 5px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	font-weight: normal;
	list-style-type: square;


}

.ciselny li {

  List-style-type: decimal;
}

.ciselny li li, .alpha li li {

  List-style-type: square;
}

.alpha li {

  List-style-type: lower-alpha;
}



p {
  margin: 0;
  padding: 0px 0px;
  text-align: justify;

}


img {
	border: none;
}

fieldset {
  padding: 10px;
}

a, a:link, a:visited {

	color: #fff;
	text-decoration: underline;
}

a:hover {

	color: #fff;
	text-decoration: none;
}

#h1 {

	width: 100%;
}
h1 {
  padding: 20px 0px 10px 0px;
  margin: 0px 30px 10px 30px;
	font-size: 200%;
	color: #c0c0c0;
	font-weight: lighter;
	font-style: italic;
	background: url(images/tecka-horizontal.jpg) repeat-x bottom left !important;


}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 5px 0px;
	font-size: 150%;
	color: #444;
	font-weight: normal;
}

h3 {
	margin: 0px 0px 0px 0px;
	font-size: 120%;
	color: #600;
	padding: 15px 0px 0px 0px;
	font-weight: bold;


}
h4 {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 110%;
	color: #2979DC;
}


form {
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
}


#main {
	background: url(images/trava.gif) #fff no-repeat bottom left;
	width: 1000px;
}


#left {
  border: solid 0px black;
  float: left;
  width: 186px;
}






/* top */

#top {
  border: solid 0px black;
	width: 814px;
	height: 203px;
	background: url(images/header.gif) no-repeat top left;
  float: right;
  border: solid 0px black;
}


#nav {

  float: right;
  width: 814px;
  margin: 7px 0 0 0;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  border: solid 0px black;
}



#nav ul {

  margin: 0 0 0 0;
  padding: 0;
  list-style-image:none;
  list-style-type:none;

}

#nav li {

  margin: 0;
  padding: 0 0 0 0;
  list-style-type: none;
  float: left;
  list-style-image:none;


}

#nav a {


  font-size: 90% ;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  display: block;
	background: url(images/menu-line.jpg) #f60 no-repeat top right;
  text-align: center;
  padding: 0.2em 1.1em;
  margin-right: 5px;


}

#nav a:hover {
  color: #fff;
  text-decoration: underline;
	background: url(images/menu-line.jpg) #FDA86F no-repeat top right;
}

#nav .box {

	background: url(images/menu_bg.gif) repeat-x top left;
  padding: 0px 0px 0px 0px;
  margin: 0;


}




#content {

  border: solid 0px black;
  padding: 8px 0px 8px 0px;
  text-align: left;
  width: 814px;
  float: right;
}

#content .box1 {
  min-height: 500px;
  _height: 500px;
  padding: 10px 10px 10px 10px;
	background: url(images/body-right-bg.jpg) #f60 repeat-x top left;

}

 #content table {
        text-align: left;

 }

#content p {

   padding: 5px 0px 0px 0px;
   line-height: 150%;
}
#content a:link, #content a:visited {
	color: #fff;
	text-decoration: underline;
}
#content a {
 	color: #fff;
  }

#content a:hover {
	color: #fff;

	text-decoration: none;
}

#content img {
  border: 0px solid #AABED7;

}



#copy {
  float: right;
  width: 814px;

  font-size: 11px;
	color: #fff;
	background: #f60;
}


#copy a {
  font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;

}

#copy a:hover {

	color: #fff;
	text-decoration: none;
}

#copy .box {

  text-align: center;
  padding: 0.5em 0px 0.5em 0px;

}

/* pomocne zalamovace atd. */


.red {
  color: red;
}

.to-left {
  float: left;
  padding: 20px 5px 5px 5px;
}

.to-right {
  float: right;
  padding: 0px 10px 5px 10px;
}


.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.clear {
display: table;
width: 100%;
}





.hidden {
	display: none;
}

.break {
	height: 0px;
	clear: both;
  font-size: 1px;
  visibility: hidden;
  display: block;
  border: none;
  padding: 0;
  _margin-bottom: -2px;
}

.left {

  float: left;
  width: 200px;
}

.right {

  float: left;

}




tabulka { BACKGROUND-POSITION: center center;  BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(rucicka.gif);  BACKGROUND-REPEAT: repeat; }
.ramecek { COLOR: #003399; FONT-SIZE: 10px;  border: 0px solid;  border-color:  #333333;}

.none { BORDER: 0px solid; BACKGROUND-COLOR: #003366}
.obrazek { BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; FILTER: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=2); BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #FFFFFF}
.obrazek_none { BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #FFFFFF}



.tab { COLOR: #333333;  FONT-SIZE: 11px;  border: 1px solid;  border-color:  #CCCCCC; BACKGROUND-COLOR: #FFFFFF;}

.table_book { COLOR: #333333; FONT-SIZE: 10px;  border: 2px  dashed;  border-color:  #FBCF8C; padding: 0; }
.table_novinky { COLOR: #333333; FONT-SIZE: 10px;  border: 1px  solid;  border-color:  #666666; padding: 0; background-color: #FBCF8C;}

.table_anketa { COLOR: #333333; FONT-SIZE: 10px;  border: 1px  solid;  border-color:  #FBCF8C; background-color: #F3B947; padding: 0.3em; text-align: center;     BACKGROUND-IMAGE: url(../images/kluk_anketa.jpg);  BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center center;}



.nadpis_novinky { COLOR: #333333; FONT-SIZE: 10px;  border: 1px  solid;  border-color:  #666666; background-color: #F3B947; padding: 0.3em; text-align: center;}
.cell_novinky { COLOR: #333333; FONT-SIZE: 11px;  border: 1px  solid;  border-color:  #666666; background-color: #FF9900; padding: 0.2em; text-align: center;}
.cell_novinky_left { COLOR: #333333; FONT-SIZE: 11px;  border: 1px  solid;  border-color:  #666666; background-color: #FF9900; padding: 0.2em; text-align: left;}


.row_novinky { COLOR: #333333; FONT-SIZE: 10px;  border: 1px  solid;  border-color:  #666666; padding: 0;}
.table_admin { COLOR: #000000;  FONT-SIZE: 11px;  border: 1px  dashed;  border-color:  #000000;}

<!-- buttony -->

.button { font-weight : bold;	COLOR: #FFFFFF; FONT-SIZE: 10px; BACKGROUND-COLOR: #666666; border: 1px solid;  border-color: #333333; FONT-FAMILY: "Verdana","ARIAL","MS Sans Serif","ARIAL CE";}

.button_prihlasky { COLOR: #000000;  FONT-SIZE: 11px;  BACKGROUND-COLOR: #FFFFFF; border: 1px solid;  border-color:  #666666;  FONT-FAMILY: "Verdana","ARIAL","MS Sans Serif","ARIAL CE";}
.button_prihlasky_readonly { COLOR: #FFFFFF;  FONT-SIZE: 11px; BACKGROUND-COLOR: #FC9D0F; border: 0px solid;  border-color:  #666666;  FONT-FAMILY: "Verdana","ARIAL","MS Sans Serif","ARIAL CE";}

.button_lupa{ COLOR: #003399; FONT-SIZE: 9px;  BACKGROUND-COLOR: #FFFFFF; border: 0px solid;  border-color:  #003399;  FONT-FAMILY: "Verdana","ARIAL","MS Sans Serif","ARIAL CE";}

<!-- text -->
.text_blue_small { FONT-SIZE: 9px; color : #6584A1;}
.text_blue { FONT-SIZE: 10px; color : #6584A1;}
.text_blueB { FONT-SIZE: 10px; color : #6584A1;  font-weight : bold;}
.text_blue1 { FONT-SIZE: 11px; color : #6584A1; line-height: 120% ;}
.text_blueB1 { FONT-SIZE: 11px; color : #6584A1;  font-weight : bold;}
.text_bluei { FONT-SIZE: 10px; color : #6584A1; font-style: oblique;}

.text_gray2 { FONT-SIZE: 10px; color : #fff;}
.text_grayB2 { FONT-SIZE: 10px;  color : #fff; font-weight : bold;}
.text_gray3 { FONT-SIZE: 11px;  color : #fff;}
.text_grayB3 { FONT-SIZE: 11px;  color : #fff; font-weight : bold;}
.text_gray { FONT-SIZE: 10px; color : #333333;}
.text_grayB { FONT-SIZE: 10px; color : #333333;  font-weight : bold;}
.text_gray1 { FONT-SIZE: 11px; color : #333333;}
.text_grayB1 { FONT-SIZE: 11px; color : #333333;  font-weight : bold;}

.text_white { FONT-SIZE: 10px; color : #FFFFFF;}
.text_whiteB { FONT-SIZE: 10px; color : #FFFFFF;  font-weight : bold;}
.text_white1 { FONT-SIZE: 11px; color : #FFFFFF;}
.text_whiteB1 { FONT-SIZE: 11px; color : #FFFFFF;  font-weight : bold;}

.text_green { FONT-SIZE: 10px; color : #006600;}
.text_greenB { FONT-SIZE: 10px; color : #006600;  font-weight : bold;}
.text_green1 { FONT-SIZE: 11px; color : #006600;}
.text_greenB1 { FONT-SIZE: 11px; color : #006600;  font-weight : bold;}

.text_yellow { FONT-SIZE: 10px; color : #FFFF00;}
.text_yellowB { FONT-SIZE: 10px; color : #FFFF00;  font-weight : bold; }
.text_yellow1 { FONT-SIZE: 11px; color : #FFFF00;}
.text_yellowB1 { FONT-SIZE: 11px; color : #FFFF00;  font-weight : bold;}

.text_red { FONT-SIZE: 10px; color : #FF0000;}
.text_redB { FONT-SIZE: 10px; color : #FF0000;  font-weight : bold; }
.text_red1 { FONT-SIZE: 11px; color : #FF0000;}
.text_redB1 { FONT-SIZE: 11px; color : #FF0000;  font-weight : bold;}

.text_black { FONT-SIZE: 10px; color : #000000;}
.text_blackB { FONT-SIZE: 10px; color : #000000;  font-weight : bold;}
.text_black1 { FONT-SIZE: 11px; color : #000000;}
.text_blackB1 { FONT-SIZE: 11px; color : #000000;  font-weight : bold;}

<!-- nadpisy -->
.nadpis_6 { FONT-SIZE: 11px; color : #F9D6B4;  font-weight : bold;}
.nadpis_5 { FONT-SIZE: 12px; color : #F9D6B4;  font-weight : bold;}
.nadpis_4 { FONT-SIZE: 13px; color : #F9D6B4;  font-weight : bold;}
.nadpis_3 { FONT-SIZE: 14px; color : #F9D6B4;  font-weight : bold;}
.nadpis_2 { FONT-SIZE: 15px; color : #F9D6B4;  font-weight : bold;}
.nadpis_1 { FONT-SIZE: 16px; color : #F9D6B4;  font-weight : bold;}