body
{
	font-family:Arial,Helvetica;
	font-size: 85%;
	margin-top: 5px;
	margin-left: 5%;
	margin-right: 5%;
	background-color: #fff;
	color:#800000;
}


h1
{
	font-size: x-large;
}

h2
{
	font-size: large;
}

h1, h2, h3
{
	margin-top: 0px;
}

.nowrap
{
	white-space:nowrap;
}

.center
{
	text-align: center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

#page
{
	background: #F98200;
}

#header
{
	background-color: #F98200;
	border-bottom: 2px solid;
	text-align: center;
	width: 100%;
	color: #800000;
	background: url('/obrazky/ne.gif') no-repeat top right;
}

#headertd
{
	background: url('/obrazky/title.jpg') no-repeat center top; 
	padding-left: 20px;
	vertical-align: bottom;
	height: 240px;
}

#header div 
{ 
  font-size: 0;
  height: 10px; 
  background: url('/obrazky/nw.gif') no-repeat top left; 
}

#header h1
{
	font-size: xx-large;
}

#wrapper
{
	overflow: hidden;
	float: left;
	width: 100%;
}

#content
{
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	height: 100%;
	min-height: 560px;
	_height: 560px; /* pro Internet Explorer, který to chápe jako min-height*/
	text-align: justify;
	/* float: right; */
	/* clip: rect(16px, auto, auto, auto); */
	overflow: auto;
	position:relative;
	background-color: #F9E1B5;
	_width : 74%;
}

#tridy
{
	padding: 0px 5px 0px 5px;
	float: right;
	clear: right;
	padding-top: 10px;
	background-color: #F98200; /* #C8D7FF; */
	margin-left: 5px;
	width: 150px;
}

#tridy td
{
	width: 25%;
	text-align: center;
}

#footer
{
	clear: both;
	background-color: #F98200; 
	border-top: 2px solid #564b47;
	/* border-bottom: 1px solid #564b47; */
	/* border-left: 1px solid #564b47; */
	/* border-right: 1px solid #564b47; */
	background: url('/obrazky/se.gif') no-repeat bottom right; 
	font-size: small
}

#footer td
{
	padding: 5px 15px 5px 15px; 
	margin-left: 2px;
}

#footer div { 
  font-size: 0;
  height: 5px; 
  background: url('/obrazky/sw.gif') no-repeat bottom left; 
}

a.logo
{
	text-decoration: none;
}

a
{
	color:#800000;
	font-weight:bold;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	color: green;
}
.tabulka
{
	border-spacing: 0px 0px;
	border: solid 1px black;
	border-collapse: collapse;
	overflow: auto;
	width: 90%;
}
.tabulka td, .provoz-tabulka td
{
	padding-left: 2px;
	padding-right: 2px;
	border-spacing: 0px 0px;
	border: solid 1px black;
}

.tabulka th, .provoz-tabulka th
{
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	border: solid 1px black;
	border-spacing: 0px 0px;
}

.tabulka-titul
{
	width: 5%;
}

.tabulka-jmeno
{
	width: 20%;
}

.tabulka-vyucuje
{
	width: 10%;
}

.tabulka-tridnictvi
{
	width: 5%;
}

.tabulka-funkce
{
	width: 15%;
}

.tabulka-kabinet
{
	width: 15%;
}

.tabulka-kontakt
{
	width: 25%;
}

.tabulka-zahlavi
{
	background-color: #F98200;
}

.provoz-tabulka
{
	border-spacing: 0px 0px;
	border: solid 1px black;
	border-collapse: collapse;
	overflow: auto;
	width: 40%;
}


#menu 
{
	width: 100%;
	background: #800000;
	float: left;
	padding-bottom: 6px;
	padding-left: 6px;
}

#menu ul 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 12em;
	text-align: center;
	background-color: #800000; /* very important */
}

#menu a, #menu h2 
{
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0px;
	padding: 2px 3px;
}

#menu h2 
{
	color: #800000;
	background: yellow;
	/*text-transform: uppercase;*/
	font-size: medium;
	margin-top: 5px;
}

#menu a 
{
	color: #fff;
	background-color: #800000;
	text-decoration: none;
	font-size: small;
	text-align: left;
	display: block;
}

#menu a:hover 
{
	color: #a00;
	background: #FFA94B;
}

#menu li {position: relative; z-index:1;}

#menu li > ul 
{
	display: none;
	position: absolute;
	z-index: 500;
	left: 0px;
}

#menu li:hover  > ul
{
	display: block;
}
