body { width: 100%; height: 100%; margin: 0px; padding: 0px; background: #ccc; line-height: 1.3em; }

body, table, tr, td, th, input, select, option
{ font-family: 'Arial CE', Arial, 'Helvetica CE', sans-serif; font-size: 9pt; }

div, form { padding: 0; margin: 0; }

a { color: #0066FF; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #ff0000; }
a:visited { color: #0066DD; }

h1, h2, h3, h4 {font-weight:600; color:#404040;}
h1 { font-size: 16px; color: #fff; margin: 0; padding: 0; }
h2, h1#home { font-size: 16px; color: #404040; line-height: 1.2em; margin-bottom: 8px; margin-top: 16px;}
    h2.StudCena {color: #000; background: #ffff00; border: solid 1px #000; padding: 4px;}
h3 { font-size: 14px; margin-bottom: 4px; margin-top: 16px; }
h4 { font-size: 12px; margin-bottom: 2px; margin-top: 12px; }
h1 a, h2 a, h3 a, h4 a {color:#000;text-decoration:none;font-weight:600;}

p { margin: 0px 0px 12px 0px; }

hr { margin-bottom: 10px; background-color: #ccc; border-width: 0px; height: 1px; color: #ccc;}

img {border: none;}
img.logo-iso {margin-top: 12px;}
img.vlajka {padding-top: 3px; padding-right: 6px;}
img.aktivni { border: solid #0066ff 1px; }
img.aktivni-over { border: dashed #0066ff 1px; }
img.obrazek { border-bottom: solid #cccccc 1px;	border-top: solid #cccccc 1px; }
img.cerny-ram { border: solid #000 1px; }

input.submit { background: #000; color: #fff; }
input.odeslat {	font-size: 11px; font-weight: bold; background: #000; color: #fff; }
input.odeslat-over { font-size: 11px; font-weight: bold; background: #ffff00; color: #000; }

textarea { font-size: 12px; overflow: auto; }

table.ea-postup { background: #ffffcc; border-color: #000; }
table.int-proj {width: 100%;}
.int-proj td.logo { padding: 10px; vertical-align:top; border-bottom: dotted 1px #ccc;}
.int-proj td.desc { padding: 10px; vertical-align:top; border-bottom: dotted 1px #ccc;}
.int-proj h3 {margin-top: 0;}

th.cerna { font-size: 11px; text-align: center;	color: #ffff00;	background: #000; }
th.zluta { font-size: 11px; background: #ffff00; }

td.cerna { font-size: 11px; text-align: center;	color: #ffff00;	background: #000; }
td.ea-cerna { font-size: 12px; font-weight: bold; text-align: center; color: #ffff00; background: #000; border-color: #000; }
td.zluta { font-size: 11px; background: #ffff00; }
td.zluta-stred { text-align: center; font-size: 11px; background: #ffff00; }
td.ea-zluta { font-size: 11px; font-weight: bold; background: #ffff00; border-color: #000; }
td.svetle-zluta { font-size: 11px; text-align: left; background: #ffffcc; }
td.ea-svetle-zluta { font-size: 11px; text-align: center; background: #ffffcc; border-color: #000; }

ol.ods { margin: 0px; padding: 0px 0px 6px 32px; }

ul { list-style-image: URL(../images/ul.gif); margin: 0px; padding: 0px 2px 14px 32px; }
ul.zl {	list-style-image: URL(../images/ul-zl.gif); }

li { margin: 0px; padding: 2px 0; }


#page { text-align: center;	height: 100%; margin-top: 0px; }
#layout {	text-align: left; width: 760px;	height: 100%; margin: 0 auto; border-top: solid 1px #000;}

#logo-motto { float: left; width: 760px; height: 47px; margin:0;padding:0; background: #FFFF00;}
#logo {	float: left; width: 150px; height: 47px; background: #000; }
#motto { float: left; width: 610px; height: 47px; text-align:right; background: url(../images/motto.gif) no-repeat top right;}

#search-menu {float:left;width: 760px; max-width:759px; height:36px; clear:both; background:#fff url(../images/top-menu-bg.gif) repeat-x; position:relative; border-right: solid 1px #000; margin: 0; padding: 0;}
#search {float:left;width: 150px; height: 36px; margin: 0; padding-top: 8px; background: none; border-left:solid 1px #000; text-align:center;}
#menu {float:left; height: 36px; border-right: solid 0px #000;}

#body { float: left;	width: 760px; }

#left-c { float: left;	background: #FFFF00; background-image: url(../images/bg-left.gif); background-position: left;
	background-repeat: repeat-y; }
#left {	float: left; width: 150px; text-align: center; }

#leftmenu {background: #333; list-style-type: none;	margin: 0;	padding: 0;	width: 150px; text-align:left;}
#leftmenu li {	height: 30px;	margin: 0;	padding: 0; list-style:none; }
#leftmenu a {background: #333;	border-bottom: 1px solid #393939;	color: #ccc;	display: block;	margin: 0;	text-decoration: none;}
#leftmenu a:hover {background: #808080 url("../images/left-menu-bg.gif") left center no-repeat; color: #000; background: url(../images/left-menu-hover-bg.gif) no-repeat;}
#leftmenu a span{padding: 8px 8px;	display: block;}
#leftmenu a:hover span {padding-bottom: 8px;	display: block;}

#illus {width: 610px; float: left;}
#c-index { float: left; width: 610px; background: #fff;	background-image: url(../images/bg-hlavni-index.gif);
	background-position: left; background-repeat: repeat-y;}
#st-col-index { float: left; width: 305px; }
#nd-col-index { float: left; width: 305px; }
#txt-nd-col-index { margin: 16px 11px 2px 10px;	color: #000; }
#txt-nd-col-index h2 {font-size: 13px; padding: 0; margin: 0 0 .25em 0;}
#txt-nd-col-index p {font-size: 11px;}

#c { float: left; width: 610px; background: #fff; background-image: url(../images/bg-2-sloupec.gif); background-position: right; background-repeat: repeat-y; }

#sky { float: left; width: 610px; height: 36px;	background: #174a9d; background-image: url(../images/bg-sky.png); background-position: left; background-repeat: no-repeat; }
#title { margin: 14px 0px 0px 10px; color: #fff; }

#txt {	margin: 16px 10px 2px 10px; color: #000; }

#single-col { float: left; width: 610px; background: #fff; background-image: url(../images/bg-jeden-sloupec.gif);
	background-position: left; background-repeat: repeat-y; }

#st-col { float: left; width: 305px; background: #fff url(../images/bg-1-sloupec.gif) left repeat-y; }
#nd-col { float: left; width: 305px; background: #fff url(../images/bg-2-sloupec.gif) right repeat-y; }
#txt-nd-col { margin: 16px 11px 2px 7px; color: #000; }

#preftr {float:left;clear:both;width:760px;height:3px;line-height:3px;background: #fff url(../images/bg-preftr.png)}
#hazard-ftr { float: left; margin: 0; padding: 0; }
#hazard { float: left; width: 150px; height: 25px; background: #000 url(../images/hazard.gif); color: #fff; }
#ftr { float: left; width: 610px; height: 25px; text-align: right; background: #000; }
#stats { float: left; color: #fff; margin-right: 4px; padding-top: 5px; visibility: hidden; }
#english {float: right; padding-top: 3px; padding-right: 16px;}

#novinky h2 { padding: 6px 6px 6px 6px; margin: 10px 0 0 0; background: #ffff80; font-weight: bold; font-size: 1em; color: #000; letter-spacing: 1px; border: solid #808080 1px; }
#novinky p {padding: 10px 0px 10px 0px; background: #fff; }

.perex {font-weight: 600;}
.nadpis-obrazek { font-size: 8pt; line-height: 1.25em; font-weight: 500; margin: 0px 0px 2px 0px; }
.ram {background: #ffff99; border: solid 1px #000; padding: .5em;}
.center {text-align:center;}
.small { font-size: 11px; text-decoration: none; }
.news {	font-size: 11px; }
.ref-desc {	font-style: italic; font-size: 11px; color: #606060; }


.bg {background: url(../images/top-menu-button-a.gif);}
.menu {padding:0; margin:0; list-style:none; height:36px; background:#fff url(../images/top-menu-bg.gif) repeat-x; position:relative; }
.menu li.top {width: 202px; display:block; float:left; position:relative; letter-spacing: -.5px;}
.menu li a.top-link {display:block; float:left; height:36px; line-height:34px; color:#eee; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 16px; cursor:pointer;}
.menu li a.top-link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:36px;}
.menu li a.top-link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px;}
.menu li a.top-link:hover {color:#000; background: url(../images/top-menu-button-a.gif) no-repeat;}
.menu li a.top-link:hover span {background:url(../images/top-menu-button-a.gif) no-repeat right top;}
.menu li a.top-link:hover span.down {background:url(../images/top-menu-button-b.gif) no-repeat right top;}

.menu li:hover > a.top-link {color:#000; background: url(../images/top-menu-button-a.gif) no-repeat;}
.menu li:hover > a.top-link span {background:url(../images/top-menu-button-a.gif) no-repeat right top;}
.menu li:hover > a.top-link span.down {background:url(../images/top-menu-button-b.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0px; top:32px; right:2px; background: #fff; padding:0px 0; border:1px solid #999999; white-space:nowrap; width:202px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:0px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:93px; z-index:200; height:auto;}