html {
        background-color: #BFE5FF;
}

body {
        margin: 0;
        padding: 0;
        font-family: arial, sans-serif;
}




#logo-top {
        position: absolute;
        top: 0em;
        left: 0em;
        width: 12.5em;
        height: 1em;
        background-color: #00497B;
        border-right: 1px solid #00497B;
        padding-top: 0.1em;
        padding-bottom: 0.4em;
        text-align: right;
        color: white;
}

body>#logo-top {
        position: fixed;
}

#logo {
        position: absolute;
        top: 1.5em;
        left: 0em;
	width: 12.5em;
        text-align: center;
        background-color: #BFE5FF;
        height: 6em;
        border-right: 1px solid #00497B;
        overflow: hidden;
}

#logo img {
	position: relative;
	top: 0.1em;
	border: 0;
}

body>#logo {
	position: fixed;
}

#logo-bottom {
        position: absolute;
        left: 0em;
        top: 7.5em;
        height: 1.3em;
        width: 12.5em;
        background-color: #0069B0;
        border-right: 1px solid #00497B;
}

body>#logo-bottom {
        position: fixed;
}

#userinfo {
	position: absolute;
	top: 0em;
	left: 12.6em;
	right: 0em;
	height: 1em;
	min-width: 30em;
        background-color: #00497B;
	padding-top: 0.1em;
        padding-right: 0.5em;
	padding-bottom: 0.4em;
        text-align: right;
        color: white;
	z-index: 1;
}
#userinfo a {
        color: white;
}

#userinfo a:hover {
        color: #80CCFF;
}

#header {
	position: absolute;
	top: 1.5em;
	left: 12.6em;
	right: 0em;
        min-width: 30em;
        text-align: center;
        background-color: #BFE5FF;
	height: 6em;
        overflow: auto;
	z-index: 1;
}

#header #ki a {
        font-size: 250%;
	font-style: normal;
        color: #00497B;
}

#header #ki a:hover {
	color: #0069B0;
}

#header a {
        font-style: italic;
        font-weight: bold;
        color: #0069B0;
        text-decoration: none;
}

#header a:hover {
        color: #00497B;
}

#path {
	position: absolute;
	right: 0em;
	left: 12.6em;
	top: 7.5em;
        min-width: 30em;
	height: 1.3em;
        color: white;
        background-color: #0069B0;
	z-index: 1;
}

#path span {
	text-align: left;
        padding: 0.1em 0em 0.2em 0.5em;
}

#path a {
        color: white;
}

#path a:hover {
        color: #80CCFF;
}

#topmenu {
        font-weight: bold;
        float: right;
}

.topmenuitem {
        height: 1.3em;
        float: right;
        border-right: 1px solid #00497B;
}
.topmenuitem a.first {
        height: 1.3em;
        border-left: 1px solid #00497B;
}

.topmenuitem a {
        height: 1.3em;
	padding-left: 0.2em;
	padding-right: 0.2em;
        color: white;
        display: block;
        text-decoration: none;
}

#topmenu .topmenuitem a:hover {
        height: 1.3em;
        color: #00497B;
        background-color: white;
}

#leftmenu {
        position: absolute;
        top: 8.8em;
        bottom: 0em;
	left: 0em;
        width: 12.5em;
        padding: 0;
        border-right: 1px solid #00497B;
        font-weight: normal;
        background-color: #BFE5FF;
	overflow: auto;
}

body>#leftmenu {
        position: fixed;
}

#menuname {
        padding: 0.2em;
	padding-left: 0.5em;
        font-weight: bold;
        font-size: 120%;
        color: white;
        background-color: #00497B;
}

#menuname a:link, #menuname a:visited {
        text-decoration: none;
        color: white;
}

#leftmenu ul.nav {
	display: block;
        padding: 0.1em;
        margin: 0;
        list-style-type: none;
}

#leftmenu ul.nav li {
	display: block;
	border-top: 1px solid #00497B;
}

#leftmenu ul.nav a:link, #leftmenu ul.nav a:visited {
        display: block;
        padding: 0.5em;
        text-decoration: none;
        color: #00497B;
}

#leftmenu ul.nav a.currentlink {
        display: block;
        margin: 0;
        padding: 0.5em;
        color: black;
        background-color: #80CCFF;
}

#leftmenu ul.nav a:hover {
        display: block;
        margin: 0;
        padding: 0.5em;
        color: black;
        background-color: #80CCFF;
}

#leftmenu ul.nav2 {
	list-style-type: none;
	margin-left: 1.5em;
}

body>#leftmenu ul.nav2 {
        margin-left: -1.5em;
}

#content {
	position: absolute;
	top: 8.8em;
	left: 12.6em;
	right: 0em;
        padding: 0.5em;
	min-width: 30em;
        background-color: #BFE5FF;
}

#content a {
	color: #00497B;
}

#content a:hover {
        color: #0069B0;
}

.date {
        font-style: italic;
        font-weight: bold;
        color: #0069B0;
/*	padding-top: 1.5em;*/
}

.published {
	font-style: italic;
	font-size: 75%;
}

.news {
	padding: 0.5em;
	text-align: justify;
}

.name {
        font-size: 200%;
        color: #00497B;
}

.links li {
	padding: 0.3em;	
}

.popis {
	font-weight: bold;
        color: #0069B0;
}

#content .popis a {
        color: #0069B0;
}

.text {
	text-align: justify;
}

.center {
	text-align: center;
}

td.popis {
        vertical-align: top;
}

table.predmet {
	width: 100%;
	border: 3px solid #00497B;
}

table.predmet td {
        border: 1px solid #00497B;
}

table.program {
	width: 100%;
	border: 0px;
}

th.date {
	color: #0069B0;
	float: right;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}

td.info {
	padding-bottom: 0.5em;
}

#copy {
	padding: 1em;
	text-align: right;
}

img.foto {
	float: right;
	border: 0.3em ridge #00497B;
}

.vlavo {
	float: left;
}

img.vlavo {
	margin: 0 1em 0.5em 0em;
}

.vpravo {
	float: right;
}

img.vpravo {
        margin: 0 0 0.5em 1em;
}

.sikmo {
	font-style: italic;
}

.tucne {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	color: #0069B0;
}

.sup {
	font-size:x-small;
	vertical-align: super;
}

@media print {
  #leftmenu { display: none; }
  /* Logo len na prvej strane */
  body>#logo-top, #logo-top, body>#logo, #logo, 
  body>#logo-bottom, #logo-bottom { position: absolute; }
  #content { left: 0; }
}