body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	background: #ccffff;

	/*background: #FFFFFF;*/

	text-align:center;

}



h1 {

	font-family:helvetica, arial;

	font-size:14pt;

	font-weight:bold;

	color:#336699;

}



h2 {

	font-family:helvetica, arial;

	font-size:10pt;

	font-weight:bold;

	color:#336699;

}



h3 {

	font-family:helvetica, arial;

	font-size:10pt;

	font-weight:bold;

	color:#336699;

}



h3 a {

	color: #006668;

	text-decoration: none;

}

h3 a:hover { 

	color: #006668;

}

h3 a span {

	color: #006668;

}

h3 a:hover span {

	color: #000;

}



h4 {

	font-family:helvetica, arial;

	font-size:9pt;

	font-weight:bold;

	color:#336699;

}



h5 {

	font-family:helvetica, arial;

	font-size:8pt;

	font-weight:bold;

	color:#336699;

}



h6 {

	font-family:helvetica, arial;

	font-size:8pt;

	font-weight:bold;

	color:#336699;

	font-style: italic;

}



hr {

	background-color: #8dd2ab;

	border-width: 0px;

	height: 1px;

	color: #8dd2ab;

}



/*nastaveni oobrazkuS */

img {

	border: none;

}



.obr-right {

	float: right;

}



.obr-left {

	float: left;

}



/*nastaveni tabulek*/

table {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

/*	background: #ffffff; nastaveni podbarveni tabulek*/

}



.technika-tab {

	background: #8dd2ab;

	padding: 0px;

	border: 0px;

	margin: 0px;

/*	background: #ffffff; nastaveni podbarveni tabulek*/

}



.tabopen {

	margin-left: auto;

	margin-right: auto;

	background-color: #ccffff;

	border: 1px;

}



/*zarovnani textu*/

.text-left {

	text-align: left;

}



.text-right {

	text-align: right;

}



.text-center {

	text-align: center;

}



.text-justify {

	text-align: justify;

}



.text-bold {

	font-weight: bold;

}



.nadpis-center {

	width: 100%;

	background-color: #336699;

/*	background-color: #336699;*/

	color: #ccffff;

/*	color: #8dd2ab;*/

	text-align: center;

}













/*nastaveni hlavni stranky*/

#stranka {

	width: 810px;

	text-align:left;

	background-image: url(../obrazky/stranka_pozadi.gif); /*bocni oramovani*/

	background-repeat: repeat-y;

	margin-top: 50px; /*velikost odkskoku od vrchu prohlizece*/

	margin-left: auto;

	margin-right: auto;

}



#hlavicka {

	padding: 7px 5px 0px 5px;

	background:url("../obrazky/pozadi_hlavicka.gif") no-repeat; /*horni oramovani*/

}



#hlavicka h1 {

/*	display:block;*/

	margin:0;

	padding:0;

	position:relative;

	width:800px;

	height:100px;

	overflow: hidden;

}



#hlavicka h1 span {

	display:block;

	position:absolute;

	left:0;

	top:0;

	z-index:1;

	width:800px;

	height:100px;

	margin:0;

	padding:0;

	background:url("../obrazky/logo.jpg") top left no-repeat;

}



#leva-obsah {

	float: left;

   width: 650px; /* Součet #stred a #vlevo */

}



#leva {

	vertical-align: top;

	padding: 10px;

	padding-top: 19px;

	float: left; 

/*	border-right: 1px solid #8dd2ab; pak je potreba zmenit sirku bloku*/

	width:125px;

	_width:145px; /*FIX IE */

	}

ul#hlavniMenu {
	width:100px;
}

ul#hlavniMenu, ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

ul#hlavniMenu ul {
	position:absolute;
	top:0;
	left:100px;
	visibility:hidden;
}

ul#hlavniMenu li {
	cursor: pointer;
	position:relative;
	width:100px;
}

ul#hlavniMenu a {
	display:block;
	text-decoration:none;
	display:block;
	width:100%;
}

ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a {

}

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul {
	margin: -5px;
	z-index: 1;
	background-color: #ddffff;
/*	background: url("../obrazky/submenu.png") no-repeat;*/
/*	FILTER: alpha(opacity=80);*/
	WIDTH: 180px;
	height: 50px;
}

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover {

}

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul {
	visibility:visible;
	padding: 5px;
}

ul#hlavniMenu li li {
	border:none;
	padding:0;
	width: 100%;
}

ul#hlavniMenu li {
	z-index: 1;
	behavior: url(hovermenu.htc);
}

#obsah {

	padding: 10px;

	padding-top: 10px;

	_padding-top: 19px; /*FIX IE */

	border-right: 1px solid #8dd2ab;

	border-left: 1px solid #8dd2ab;

	float: right;

	width:483px;

	_width:505px; /*FIX IE */

}



#prava {

	padding: 10px;

	padding-top: 19px;

	float: right;

	width:140px;

/*	border-left: 1px solid black; */

	_width:160px; /*FIX IE */

}



#zapati {

	clear: both;

	background:url("../obrazky/pozadi_zapati.gif") no-repeat;

	background-position: bottom;

	padding-bottom: 10px;

}

#zapati2 {
	font-size: 10px;
}

#credits {

	font-size: 10px;

	color: #000000;

	text-align: center;

}



/*nastaveni menu */

ul {

	margin: 0; 

	padding: 0; 

	list-style: none;

/*	border-right: 1px solid #e3e2e2; obarveni leveho okraje*/

/*	background: #FFFFCC;*/

}



.odrazky {

	font-weight: bold;

}



ul a {

	color: #006668;

/*	color: #336699;*/

	text-decoration: none;

	font-weight: bold;

	}

ul a:hover { 

/*	color: #336699;*/

/*	color: #006668;*/

	color: #0e7eca;

}

ul a span {

/*	color: #336699;*/

/*	color: #006668;*/

	color: #0e7eca;

}

ul a:hover span {

	color: #006668;

/*	color: #336699;*/

}





/*odkazy*/

a {

	color: #006668;

	text-decoration: none;

}

a:hover { 

	color: #000;

}

a span {

	color: #336699;

}

a:hover span {

	color: #000;

}



/*nastaveni stylu kalendare*/

.zvyraznenedny {

	font-weight: bold;

}



#hlavickakalendar {

	font-weight: bold;

	background-color: #BFCCF2;

}



#tabulkakalendar {

	border-color: #2E3092;

}



/*vymena teytovych nadpisu za obrazkove defaultni priklad

   #chapter-one {

      margin:0; padding:0;

      position:relative;

      width:200px; height:80px;

      margin:0; padding:0;

      overflow:hidden;

      }

   #chapter-one span {

      display:block;

      position:absolute; left:0; top:0; z-index:1;

      width:200px; height:80px;

      margin:0; padding:0;

      background:url("chapter-one.gif") top left no-repeat;

      }



...



   <h2 id="chapter-one">Chapter One<span></span></h2>

*/