/* --------------------  reset --------------------  */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after, q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* --------------------  html --------------------  */
body {
	background-color: #fff;
	color: #333;
	font-family: Verdana, "Arial CE", Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center
}
p {
	margin: 0.5em 0 0.5em 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #05a;
	font-family: Georgia, "Times New Roman", serif;
  font-weight: normal;
	line-height: 125%;
}
h1 {
	font-size: 225%;
}
h1 a {
	border: none;
	display: block; 
	position: relative; 
	overflow: hidden; 
	float: left; 
	height: 90px;
	text-decoration: none;
	width: 340px;
	margin: 0;
	padding: 0;
}
h1 a:hover {
	border: none;
	text-decoration: none
}
h1 a span {
	background: url("obrazky/logo.gif") left 50% no-repeat;
	display: block;
	position: absolute; 
	width: 340px; 
	height: 90px; 
	top: 0; 
	left: 0; 	
	z-index: 1; 
	cursor: hand; 
	margin: 0;
	padding: 0; 
}
h2 {
	border-bottom: #ddd 1px solid;
	margin: 1em 0 0.75em 0;
	padding-bottom: 0.25em;
	font-size: 200%;
	letter-spacing: -0.05em;
}
h3 {
	margin: 1em 0 0.5em 0;
	font-size: 175%;
	letter-spacing: -0.05em;
}
h4 {
	margin: 1em 0 1em 0;
	font-size: 140%;
}
h5 {
	margin: 0.5em 0 0.5em 0;
	font-size: 120%;
}
h6 {
	margin: 0.5em 0 0.5em 0;
	font-size: 100%;
}
a {
	border-bottom: #ddd 1px solid;
 	color: #390;
 	text-decoration: none
}
a:visited {
	color: #228b22;
}
a:hover {
	border-bottom: #ddd 1px solid;
 	color: #05a;
}
form, ul, ol {
	color: #000;
	margin: 0;
	padding: 0 0 0 1.5em;
}
li {
	padding: 0em 1em 0.5em 0em
}
ul {
	color: #333;
	line-height: 150%;
	list-style-type: square;
	margin-left: 2em;
}
ul ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0
}
ol {
	color: #333;
	list-style-type: decimal;
	line-height: 150%;
	margin-left: 1em;
}
ol ol {
	margin-top: 0.5em;
	list-style-type: lower-alpha;
}
dl {
	line-height: 150%;
	width: auto;
}
dt {
	font-weight: bold;
	padding-bottom: 0.25em;
}
dd {
	padding-bottom: 0.5em;
}
table {
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin: 1em 0 2em 0;
	width: 100%
}
td {
	border: 1px solid #ddd;
	border-collapse: collapse;
	padding: 0.25em;
}
th {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-weight: bold;
	padding: 0.25em;
}
img {
  _behavior: url(http://www.chrustova.eu/iepngfix.htc);
	height: 18em;
	margin: 1em 6em 0em 6em;	
	width: 24em;
}
hr {
	display: none;
}
blockquote {
  margin: 2em;
  font-style: italic;
}
form {
  margin: 0;
  padding: 0;
}
input {
  margin: 0.75em 0;
}
textarea {
  margin-top: 0.75em;
}
strong, b {
  font-weight: bold;
}
em, i {
  font-style: italic;
}
/*  --------------------  konec html --------------------  */

/*  --------------------  layout --------------------  */

#hlava {
	margin: 1em auto 0 auto;
	text-align: left;
	width: 59em;
}
#hlava form {
  float: right;
  margin-top: 25px;
}
#menu-obal {
	background: url("obrazky/menubg.gif") repeat-x bottom;
	background-color: #fff;
	border-top: 5px solid #390;
	float: left;
	margin-top: 1em;
	width: 100%;
}
#menu {
	font-weight: bold;
	margin: 0 auto 0 auto;
	width: 59em;
}
#menu ul {
	line-height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#menu ul li a {
	border-top: #390 5px solid;
	border-bottom: none;
	color: #666;
	float: left;
	font-weight: bold;
	margin-bottom: -5px;
	padding: 1em 0.75em 1.5em 0.75em;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	top: -5px;
}
#menu ul li a:hover, #menu ul li a.zvoleny {
	background: url("obrazky/menuhover.gif") repeat-x bottom;
	background-color: #ddd;
	border-bottom: none;
	border-top: #05a 5px solid;
	color: #000;
}
#kontejner {
	float: left;
	padding-top: 4em;
	position: relative;
	width: 100%;
}
#obsah {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 59em;
}
#obsah p {
	line-height: 150%;
}
#hlavni {
	float: left;
	margin-bottom: 2em;
	width: 36em
}
#sloupec {
	float: right;
	margin-bottom: 2em;
	margin-left: 3em;
	position: relative;
	width: 20em
}
#sloupec h3 {
	border-bottom: #ddd 1px solid;
	font-size: 130%;
	margin-top: 1.5em;
	padding-bottom: 0.25em;
}
#sloupec h4 {
	font-size: 120%;
}
#sloupec p, #sloupec ul, #sloupec ol, #sloupec dl {
	font-size: 85%;
	line-height: 133%;
}
#pata {
	border-top: #ddd 1px solid;
	clear: both;
	margin: 2em auto 0 auto;
	text-align: left;
	width: 59em
}
#pata p {
	font-size: 85%;
}
#orientace {
	position: absolute;
	left: 0;
	top: 2em;
	width: 100%;
}
#orientace p {
	display: block;
	line-height: 150%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 59em;
}
#submenu {
	background-color:  #f5f5f5;
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#submenu ul {
	color: #666;
	margin-left: auto;
	margin-right: auto;
	line-height: 100%;
	padding: 0.4em 0 0.4em 0;
	list-style: none;
	text-align: right;
	width: 59em;
}
#submenu ul li {
	display: inline;
	margin: 0;
	padding: 0.5em 0em 0.5em 1.5em;
	font-size: 85%;
}
#submenu ul li a {
	border: none;
	color: #666;
	text-decoration: underline
}
#submenu ul li a:hover {
	color: #000;
}
#submenu ul li a.vybrany {
	color: #000;
}
#hledani {
  float: right;
  margin: 10px 0 0 0;
}
#hledani table, #hledani td, #hledani a {
  border: 0;
}
#hledani input {
  margin: 0;
}

/*  --------------------  layout konec --------------------  */

/*  --------------------  tridy -------------------- */

.vlevo {
	float: left
}
.vpravo {
	float: right
}
.levy {
	text-align: left
}
.pravy  {
	text-align: right
}
.stred {
	text-align: center
}
.vice a {
	background: url("obrazky/vlevo.gif") left center no-repeat;
	padding-left: 20px
}
.vice a:hover {
	background: url("obrazky/vlevohover.gif") left center no-repeat
}
.nahoru a {
	background: url("obrazky/nahoru.gif") left center no-repeat;
	border: none;
	text-decoration: underline;
	padding-left: 20px
}
.nahoru a:hover {
	background: url("obrazky/nahoruhover.gif") left center no-repeat;
	border: none;
	padding-left: 20px
}
.vyrazny {
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	color: #000;
	margin: 1em 0 1em 0;
	padding: 0.5em 1em 0.5em 1em
}
.vyrazny ul, ol, dl {
  color: #000;
}
.vyrazny h3, #sloupec .vyrazny h3 {
	margin-top: 0.5em
}
.neodsazeny {
	margin-left: 0;
}
.cisty {
	list-style: none;
	padding-left: 0
}
dl.kalendar dt {
	background-color: #000080;
	color: #fff;
	float: left;
	margin-right: 1em;
	padding-left: 0.25em;
	padding-right: 0.25em;
}
.rozvrh {
	text-align: center
}
.popisek {
	font-size: 85%;
	margin-bottom: 2em;
	text-align: center
}

dl.nastenka {
	border: #ccc 1px solid;
	background-color: #f5f5f5;
	
	padding: 0.5em 1em 0.5em 1em
}
dl.nastenka dt {
	float: left;
	width: 8em
}
dl.nastenka dd {
	margin-left: 8em
}
img.vetsi {
	height: 27em;
	margin: 1em 0em 0 0;
	width: 36em
}
img.mini {
	height: 9em;
	margin: 0.5em 1em 0.5em 0;
	width: 12em
}
img.normal {
  height: auto;
  width: auto;
}
ul.dvojity {
	width: 26em
}
.nomargin {
  margin: 0;
}
.pdf {
	background: url("obrazky/pdf.gif") left top no-repeat;
	padding-left: 25px
}
.doc {
	background: url("obrazky/doc.gif") left top no-repeat;
	padding-left: 25px
}
.xls {
	background: url("obrazky/xls.gif") left top no-repeat;
	padding-left: 25px
}
.odtrzeny {
	border-bottom: #ddd 1px solid;
	padding-bottom: 1em
}
.karticka {height: 120px; border: #ccc 1px solid; width: 126px; margin: 5px 0 0 0; position: relative}
.karticka img {height: auto; width: auto; float: left; margin: 5px 13px 5px 13px; padding: 0}
.karticka p {position: absolute; bottom: 5px; left: 13px; display: block; width: 100px; text-align: center }

.clear {
  clear: both;
}