/* ----- písmo pro nadpisy a odstavce  ----- */
body{color: #000;	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 90%;	_font-size: 90%;
}
#content h2{font-size: 1.9em;}

/* ----- rámečky ----- */
#page{border: 1px solid #000; border-top-width: 2px;}
#content{border: 1px solid #fff; border-bottom-width: 2px;}
#content h2{border-bottom: 1px dotted #000;}
#menu-top{border-bottom: 1px solid #00c;}
#menu-bottom{border-top: 1px solid #00c;}

/* ----- barvy pozadí  ----- */
body{background: #a0c2ef;}
#page {background: #ffffff;}
#content, #c span{background: #fff;}

/* ----- třídy ----- */
.float-left{float: left;} /* prvky s touto tridou odplavou vlevo */
.float-right{float: right;} /* ... vpravo */
.no-screen, hr{display: none;} /* trida .no-screen skryva prvky pred obrazovkou */

/* ----- body & page ----- */
body{
	margin: 0;
	padding: 0 0 30px 0;
	text-align: center;
}
#page{
	margin-top: 30px; 
	text-align: left;
	
}
#page, #wk{
	margin-left: auto;
	margin-right: auto;
	width: 600px;/* určuje šiřku celé prezentace */
}


/* ----- hlavička ----- */

h1{
	height: 150px;
	margin: 20px 0 20px 10px;
	overflow: hidden;
	position: relative;
	width: 570px;
}
h1 span{
	background: url(../img/layout/logo.gif) center top no-repeat;
	display: block;
	height: 150px;
	left: 0;
	position: absolute;
	top: 0;
	width: 570px; 
}

/* ------- hlavní obsah ------- */
#content{
	min-height: 300px; /* nejmensi vyska stranky */
	_height: 300px; /* to same pro IE */
	padding: 0 20px 0 20px;
	}
#content h2{margin: 1em 0;}
#content h3{clear: both;} /* nebude obeplouvan */
#content p{line-height: 1.4; margin: 0 0 1em;}
#content img.float-left{margin: 1em; margin-left: 0;} /* okraj u plovoucich obrazku */
#content img.float-right{margin: 1em; margin-right: 0;} 

#content p a:link{color: #00c;}
#content p a:visited{color: #00c;} /* zde muzete zvolit barvu navstivenych odkazu pro hl. text */
#content p a:hover{background: #c00; color: #fff;}


/* ---------- navigace ---------- 
 navigace = menu a zapati, jsou vytvoreny seznamy
 oba maji tridu menu
 */
/* - pro obe menu - */
.menu{list-style: none;	margin: 0;} 
.menu li{display: inline;	margin: 0;}
.menu li a{	text-decoration: none;}

/* - #menu-top - */
ul#menu-top{padding: 2px 0;text-align: center;}
#menu-top a, #current{border: 1px solid #00c;	border-bottom: none; font-weight: bold;font-family: Arial, Helvetica, sans-serif; font-size: 120%;	_font-size: 120%;}
#menu-top a, #current{background: #00c; color: #fff;	padding: 2px 7px 2px;}
#current{background: #fff;color: #c00; font-weight: bold; border-bottom: 3px solid #fff;}
#menu-top a:hover{background: #c00;}
#menu-top a:active{background: #c00;}

/* - #menu-bottom - */
#menu-bottom{
	clear: both;
	font-size: 80%;
	margin:  0;
	padding: 5px;
	text-align: center;
}
#menu-bottom a{color: #c00; margin-right: 1ex;}
#menu-bottom a:hover, #wk a:hover{text-decoration: underline;}


#wk {
	font-size: .6em;
	margin-top: .2em;
	text-align: right;
	padding-right: .2em;
	
}
#wk a{
	color: #CC0000;
	text-decoration: none;
}