/* zakladni design */
body,html
{
	margin:0; padding:0;
	height:100%;
	_overflow:hidden;
}

body
{
	background-image: url("./image/bg_pruhy.gif");
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	text-align:center;
}

#obsah
{
	margin: 0px;
	padding-top: 0px;
	padding:0px;
	width: 765px;
	margin:1em auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align:left;
	
}

#obsah-uvnitr
{
	min-height: 700px;
	_height: 700px;
	border-right: 10px solid red;
	border-right: 1px solid blue;   
}

#levypanel
{
	top:197px;
	left:0px;
	margin:0;
	padding:0;
	width:210px;
	background: #f0ffff;
	background-image: url("./image/grad2.png");
	background-repeat: repeat-y;
	float: left;
	width: 210px;
	margin:0;
	padding:0;
}

#levypanel-obsah
{
	margin:0;
	padding: 0.1em 0.1em;
}

#hlavnipanel
{
	margin:0 0 0 210px;
	padding:0;
}

#hlavnipanel-obsah
{
	margin:0;
	padding: 0.5em 1em;
	background: #f5f5f5;
}

#hlavicka
{
	margin:0;
	padding:0;
	width:765px; /* 100% */
	height: 197px;
	background: #f0ffff;
	z-index:9;
	background: #dddddd;
}

#paticka
{
	padding: 10px;
	border-top: 1px solid black;
	background: #dddddd;
	display: none;
}

hr.cleaner
{
	clear:both;
	display: none
} 


/* formatovani stranek */
p { text-align: justify; }

.tabulka {
	font-family:Arial,lucida, sans-serif; 
	font-size: 8.0pt;
	text-align: center;
}
.bunka {
	padding:.75pt; 
	height:14pt;
	border:1.0pt solid black;
	text-align: center;
}
.tucne { font-weight:bold; }
.vlevo { text-align: left; }
.nastred { text-align: center; margin-left: auto; margin-right: auto; }
.vysokyRadek { line-height: 20pt; }
.odsad { padding-left: 68px; }

.malyNadpis {
	font-size: small;
	font-family: Arial; 
	font-weight: bold;
}

.nadpis {
	font-size: large;
	font-family: sands;
	font-weight: bolder;
}

#mailadr {
	color: black;
	text-decoration: underline;
}
.sirokyRadek {
	line-height: 30px;
}
#kontakt {
	text-align: center;
	margin-top: 50px;
}

#tree_menu {
	padding-left: 10px;
	padding-top: 15px;
}

#druha_uroven {
	padding-left: 15px;
}

#treti_uroven {
	padding-left: 15px;
}

#tree_menu div.polozka, 
#druha_uroven div.polozka,
#treti_uroven div.polozka {
	background-image: url("./image/buttonA-EMPTY.jpg");
	display: block;
	width: 150px;
	height: 25px;
	padding: 0px;
	margin: 5px;
	margin-left: 0px;
	text-align: center;
	vertical-align: 10%;
	line-height: 25px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 12px;
	cursor: pointer;
}

.polozka {
	color: black;
}

div.polozka a,
div.polozkaON a {
	text-decoration: none;
	color: black;	cursor: pointer;
}

div.polozkaON a { color: blue; }

div.polozkaON {
	color: blue;	
	background-image: url("./image/buttonB-EMPTY.jpg");

	display: block;
	width: 150px;
	height: 25px;
	padding: 0px;
	margin: 5px;
	margin-left: 0px;
	text-align: center;
	vertical-align: 10%;
	line-height: 25px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 12px;
}

div.polozkaActive {
	color: blue;	
	background-image: url("./image/buttonC-EMPTY.jpg");
	display: block;
	width: 150px;
	height: 25px;
	padding: 0px;
	margin: 5px;
	text-align: center;
	vertical-align: 10%;
	line-height: 25px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 12px;
	cursor: pointer;
}