@charset "utf-8";
/* CSS Document */
* {
 margin: 0;
 outline: none;
 padding: 0;
}
/* Color definitions */
h3, th, #mainmenu a, #mainmenu span, #mainfooter a:hover, #intro, #mainbody .alert, #popupcont a:hover {
 color: #FFF;
}
#mainfooter {
 color: #CCC;
}
h4, h5, strong, em, #mainbody a, #mainbody .link {
 color: #C33;
}
#mainfooter a, #mainfooter .link, #popupcont a {
 color: #99F;
}
#mainmenu span.disabled, .table.file td div + div, #navi span {
 color: #666;
}
h3 span.dt, .ft {
 color: #333;
}
#mainmenu span.selectedmenu, #submenu span.selectedmenu, #submenu a, #submenu span {
 color: #000;
}
#mainbody a:hover, #mainmenu span.selectedmenu, #submenu span.selectedmenu, .alt, #mainbody .table tr.alt a:hover, .fn {
 background-color: #F99;
}
#mainmenu input, #submenu a:hover, #mainbody, #mainbody .table a:hover {
 background-color: #CCC;
}
th, #mainmenu a:hover, #mainbody .alert {
 background-color: #C33;
}
#mainbody .video div, .ph img, #overlay {
 background-color: #FFF;
}
.table tr.xx0 {
 background-color: #FCC;
}
.table tr.xx0.alt {
 background-color: #F99;
}
.table tr.xx1 {
 background-color: #CFC;
}
.table tr.xx1.alt {
 background-color: #9F9;
}
.table tr.xx2 {
 background-color: #FFC;
}
.table tr.xx2.alt {
 background-color: #FF9;
}
.table tr.xx3 {
 background-color: #CCC;
}
.table tr.xx3.alt {
 background-color: #999;
}
/* Style definitions */
body {
 background-image: url(img/background.png);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}
a {
 text-decoration: underline;
}
a[href^="http"] {
 background-image: url(img/external-link.png);
 background-position: right;
 background-repeat: no-repeat;
 padding-right: 10px;
}
form {
 display: inline;
}
sup {
 bottom: 4px;
 font-size: 75%;
 position: relative;
 vertical-align: baseline;
}
h2 {
 font-size: 16px;
 font-weight: bold;
 padding-bottom: 5px;
}
h3 {
 background-image: url(img/h3-background.png);
 background-position: 0 0;
 background-repeat: no-repeat;
 font-size: 16px;
 font-weight: bold;
 height: 25px;
 line-height: 25px;
 margin: 20px 0 15px 0;
 padding: 5px 15px;
 position: relative;
}
h3 span.dt {
 bottom: 5px;
 position: absolute;
 right: 15px;
}
h4 {
 font-size: 14px;
 font-weight: bold;
 height: 14px;
 line-height: 14px;
 margin: 10px 15px 1em 15px;
}
h5 {
 font-size: 12px;
 font-style: italic;
 font-weight: bold;
 height: 12px;
 line-height: 12px;
 margin: 10px 15px 1em 15px;
}
img {
 border: 0px;
 vertical-align: bottom;
}
strong {
 font-weight: bold;
}
em {
 font-style: normal;
}
table {
 border-left: 2px solid #C33;
 border-right: 2px solid #C33;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}
td, th {
 border-right: 1px solid #C33;
 font-weight: normal;
 padding: 3px 10px;
 text-align: center;
}
#maincont {
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 width: 930px;
}
#mainheader a {
 text-decoration: none;
}
#mainheader h1, #mainheader p {
 display: none;
}
#topheader_cz {
 background-image: url(img/header-top_cz.png);
 height: 200px;
 position: relative;
}
#topheader_en {
 background-image: url(img/header-top_en.png);
 height: 200px;
 position: relative;
}
#bottomheader {
 background-image: url(img/header-bottom.png);
 height: 215px;
 position: relative;
}
#school {
 bottom: 15px;
 right: 15px;
 position: absolute;
}
#lang {
 bottom: 5px;
 right: 16px;
 position: absolute;
}
#mainmenu, #submenu {
 left: 22px;
 position: absolute;
}
#mainmenu input {
 border: none;
 font-size: 12px;
 padding: 1px 2px 2px 2px;
 width: 90px;
}
#mainmenu {
 bottom: 7px;
}
#submenu {
 bottom: 190px;
}
#mainmenu a, #submenu a {
 font-size: 14px;
 padding-bottom: 1px;
 padding-top: 1px;
}
#mainmenu span, #submenu span {
 font-size: 19px;
}
#mainmenu span.selectedmenu, #mainmenu span.disabled, #submenu span.selectedmenu {
 font-size: 14px;
 padding-bottom: 1px;
 padding-top: 1px;
}
#intro {
 bottom: 18px;
 left: 30px;
 position: absolute;
}
#intro li {
 padding: 3px 0;
}
#intro ul {
 padding: 0 0 0 30px;
}
#mainbody {
 padding: 0 15px;
}
#mainbody .video div {
 border: 1px solid #C33;
 height: 150px;
 margin-left: auto;
 margin-right: auto;
 padding: 2px;
 width: 200px;
}
#mainbody h3:first-child {
 margin-top: 0px;
}
#mainbody div, #mainbody p, #mainbody ul, #mainbody ol, #mainbody li {
 margin-left: 15px;
 margin-right: 15px;
 text-align: justify;
}
#mainbody ul li, #mainbody ol li {
 margin-bottom: 2px;
 margin-left: 25px;
 margin-top: 2px;
}
#mainbody ol ul {
 margin-left: -10px;
}
#mainbody ul {
 list-style-type: square;
}
#mainbody ol {
 list-style-type: decimal;
}
#mainbody ul, #mainbody ol {
 margin-bottom: 1em;
}
#mainbody p {
 margin-bottom: 1em;
 margin-top: 1em;
}
#mainbody .alert {
 border: 2px solid #333;
 font-weight: bold;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
 text-align: center;
 width: 80%;
}
#mainbodytop {
 background-image: url(img/main-top.png);
 height: 15px;
 margin-top: 10px;
}
#mainbodybottom {
 background-image: url(img/main-bottom.png);
 height: 15px;
}
#mainfooter {
 background-image: url(img/footer.png);
 font-size: 10px;
 height: 50px;
 margin: 10px 0 20px 0;
 text-align: center;
}
#mainfooter p {
 top: 18px;
 position: relative;
}
#mainbody .ph {
 text-align: center;
}
#mainbody .ph.mr {
 margin-bottom: 1em;
}
.link {
 cursor: pointer;
 text-decoration: underline;
}
#mainbody div.fr {
 position: relative;
 padding-bottom: 1em;
 margin-left: 0;
 margin-right: 0;
}
.fr div {
 position: absolute;
 right: 0;
}
.ft {
 padding-top: 2em;
}
.ph img {
 border: 1px solid #C33;
 margin: 2px;
 padding: 2px;
}
.ph img.vid {
 border: none;
 padding: 0;
}
.ph.nb img {
 background: none;
 border: none;
}
.hd {
 display: none;
}
.error {
 font-size: 24px;
 text-decoration: blink;
}
.fst {
 background-image: url(img/table-border.png);
 background-position: top;
 background-repeat: repeat-x;
}
.lst {
 background-image: url(img/table-border.png);
 background-position: bottom;
 background-repeat: repeat-x;
}
.fst td {
 padding-top: 5px;
}
.lst td {
 padding-bottom: 5px;
}
.table {
 padding-bottom: 10px;
 padding-top: 10px;
}
/* Table formating */
.table.normal th {
 width: 90px;
}
.table.it th {
 width: 70px;
}
.table.points td:first-child {
 width: 100px;
 text-align: left;
}
.table.points td {
 width: 20px;
 text-align: center;
}
.table.aspirant th {
 text-align: left;
}
.table.aspirant td:first-child {
 width: 300px;
 text-align: left;
}
.table.aspirant td {
 width: 20px;
 text-align: center;
}
.table.plan th {
 text-align: left;
}
.table.plan td {
 width: 30px;
}
.table.plan td:first-child {
 text-align: left;
 width: 180px;
}
.table.speech th {
 text-align: left;
}
.table.speech td {
 width: 30px;
}
.table.speech td + td {
 text-align: left;
 width: 150px;
}
.table.speech td + td + td {
 text-align: center;
 width: 30px;
}
.table.sipvz img {
 padding-bottom: 2px;
}
.table.sipvz th {
 text-align: left;
}
.table.sipvz td:first-child {
 width: 25px;
}
.table.sipvz td + td {
 text-align: left;
 width: 200px;
}
.table.ecdl th {
 text-align: left;
}
.table.ecdl td:first-child {
 text-align: left;
 width: 250px;
}
.table.ecdl td + td {
 text-align: right;
 width: 35px;
}
.table.vpmi th {
 width: 100px;
}
.table.vpmi th:first-child {
 text-align: left;
 width: 200px;
}
.table.vpmi td:first-child {
 text-align: left;
}
.table.people th {
 text-align: left;
}
.table.people td {
 width: 25px;
}
.table.people td:first-child + td, .table.people td:first-child + td + td {
 text-align: left;
 width: 200px;
}
.table.people td:first-child + td + td span {
 border-bottom: 1px dashed #F33;
 cursor: help;
}
.table.people img {
 padding-bottom: 2px;
}
.table.zapis td {
 width: 90px;
}
.table.zapis td:first-child {
 width: 150px;
}
.table.zapis td:first-child + td + td + td + td{
 text-align: left;
 width: 150px;
}
#mainbody div.file td:first-child {
 padding-left: 0;
 padding-right: 0;
 text-align: left;
 width: 400px;
}
.table.file th {
 text-align: left;
}
.table.file td + td {
 width: 25px;
}
.table.file td div:first-child {
 float: left;
}
.table.file td div + div {
 float: right;
}
/* Overlay */
#overlay {
 left: 0;
 position:absolute;
 top: 0px;
 width: 100%;
 z-index: 10;
}
#popupcont {
 border: 1px solid black;
 height: 1px;
 position: absolute;
 width: 1px;
 z-index: 11;
}
#popuphi {
 background-image: url(img/popup-background-hi.png);
 position: relative;
 height: 621px;
 top: -310px;
 width: 816px;
}
#popuplo {
 background-image: url(img/popup-background-lo.png);
 position: relative;
 height: 309px;
 top: -154px;
 width: 390px;
}
#popupcont a {
 position: absolute;
 right: 15px;
 top: 8px;
}
#popupcont object {
 bottom: 15px;
 position: absolute;
 right: 15px;
}
/* Navi */
#navi div {
 background-position: left;
 background-repeat: no-repeat;
 line-height: 16px;
 margin: 0;
 padding: 0;
}
#navi span {
 padding-left: 1em;
}
#navi .oxx {
 padding-left: 30px;
 background-image: url(img/navi-oxx.png);
}
#navi .cxx {
 padding-left: 30px;
 background-image: url(img/navi-cxx.png);
}
#navi .oox {
 padding-left: 60px;
 background-image: url(img/navi-oox.png);
}
#navi .ocx {
 padding-left: 60px;
 background-image: url(img/navi-ocx.png);
}
#navi .ool {
 padding-left: 90px;
 background-image: url(img/navi-ool.png);
}
#navi .ocl {
 padding-left: 90px;
 background-image: url(img/navi-ocl.png);
}
#navi .ooo {
 padding-left: 90px;
 background-image: url(img/navi-ooo.png);
}
#navi .ooc {
 padding-left: 90px;
 background-image: url(img/navi-ooc.png);
}
#navi .oxo {
 padding-left: 90px;
 background-image: url(img/navi-oxo.png);
}
#navi .oxc {
 padding-left: 90px;
 background-image: url(img/navi-oxc.png);
}