p, h1, h2, h3, h4, h5, ul, ol, form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
ul {list-style: none;}
hr {border: none; border-bottom: 1px dashed #B2B2B2; height: 1px; padding: 0; display: block; margin: 15px 0 20px 0; _margin: 5px 0 10px 0; clear: both;}

.hidden {display: none !important;}
.clr {clear: both; display: block; font-size: 1px; height: 1px;}
img {border: none;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.taj {text-align: justify !important;}
.imgl {float: left; _display: inline; margin-right: 10px;}
.imgr {float: right; _display: inline; margin-left: 10px;}
.nobrd {border: none !important;}
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.marg-r60 {margin-right: 60px !important;}
.fl {float: left;}
.fr {float: right;}

.w25 {width: 25px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w50p {width: 50%;}
.w60 {width: 60px;}
.w80 {width: 80px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w270 {width: 270px;}
.w300 {width: 300px;}


a {color: #E39000;}

body {margin: 0; padding: 0; font-size: 70%; text-align: center; background: #093A8A url(../images/layout/backgrounds/body-bg.jpg) repeat-x;}
* {font-size: 100%; font-family: arial ce, arial, sans-serif;}
#site {margin: auto; width: 760px; padding-bottom: 48px; text-align: left; background: #182C5A url(../images/layout/backgrounds/site-bg.gif) 0 0 repeat-y; margin-top: 26px; margin-bottom: 26px; position: relative;}

#left-shadow {width: 4px; height: 384px; position: absolute; top: 0; left: 0; background: url(../images/layout/backgrounds/left-shadow.jpg) 0 0 no-repeat;}
#right-shadow {width: 4px; height: 384px; position: absolute; top: 0; right: 0; _right: -1px; background: url(../images/layout/backgrounds/right-shadow.jpg) 0 0 no-repeat;}
/******************************************************************/

#top {height: 92px; position: relative; z-index: 10; background: url(../images/layout/backgrounds/top-bg.jpg) 0 0 no-repeat;}
#top h1 {position: absolute; width: 266px; height: 123px; overflow: hidden; font-size: 160%; top: 17px; left: 10px;}
#top h1 a {color: #fff; cursor: pointer; cursor: hand; text-decoration: none;}
#top h1 span {position: absolute; width: 266px; height: 123px; top: 0; left: 0; background: url(../images/layout/headings/h1-logo.jpg) 0 0 no-repeat;}
#top a.login {padding: 0 5px 0 20px; background: url(../images/layout/crumbs/login.gif) 0 2px no-repeat; float: right; position: relative; top: -15px; color: white;}

/*menu*/
#top ul {width: 476px; height: 42px; position: absolute; top: 4px; right: 3px; background: #FEDA5A;}
#top li {height: 32px; padding-top: 10px; position: relative; display: block; float: left; text-decoration: uppercase; font-size: 120%; z-index: 10; text-align: center;}
#top li a {color: black; cursor: pointer; cursor: hand; text-decoration: none; background: #FEDA5A;}
#top li a:hover, #top li a.act, #top li:hover a {color: #A20D00;}
#top li span {position: absolute; height: 42px; display: block; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat;}
#top ul#cz li a:hover span, #top ul#cz li a.act span, #top ul#cz li:hover a span {background-position: 0 -42px;}
#top ul#en li a:hover span, #top ul#en li a.act span, #top ul#en li:hover a span {background-position: 0 -42px;}
#top ul#sk li a:hover span, #top ul#sk li a.act span, #top ul#sk li:hover a span {background-position: 0 -42px;}
#top ul#pl li a:hover span, #top ul#pl li a.act span, #top ul#pl li:hover a span {background-position: 0 -42px;}
#top ul#hu li a:hover span, #top ul#hu li a.act span, #top ul#hu li:hover a span {background-position: 0 -42px;}

/*cz*/
#top ul#cz li.m1 {width: 89px;}
#top ul#cz li.m2 {width: 149px;}
#top ul#cz li.m3 {width: 141px;}
#top ul#cz li.m4 {width: 97px;}
#top ul#cz li.m1 span {width: 89px; background: url(../images/layout/nav/menu1-cz.gif);}
#top ul#cz li.m2 span {width: 149px; background: url(../images/layout/nav/menu2-cz.gif);}
#top ul#cz li.m3 span {width: 141px; background: url(../images/layout/nav/menu3-cz.gif);}
#top ul#cz li.m4 span {width: 97px; background: url(../images/layout/nav/menu4-cz.gif);}
/*en*/
#top ul#en li.m1 {width: 81px;}
#top ul#en li.m2 {width: 170px;}
#top ul#en li.m3 {width: 97px;}
#top ul#en li.m4 {width: 128px;}
#top ul#en li.m1 span {width: 81px; background: url(../images/layout/nav/menu1-en.gif);}
#top ul#en li.m2 span {width: 170px; background: url(../images/layout/nav/menu2-en.gif);}
#top ul#en li.m3 span {width: 97px; background: url(../images/layout/nav/menu3-en.gif);}
#top ul#en li.m4 span {width: 128px; background: url(../images/layout/nav/menu4-en.gif);}
/*sk*/
#top ul#sk li.m1 {width: 88px;}
#top ul#sk li.m2 {width: 154px;}
#top ul#sk li.m3 {width: 145px;}
#top ul#sk li.m4 {width: 89px;}
#top ul#sk li.m1 span {width: 88px; background: url(../images/layout/nav/menu1-sk.gif);}
#top ul#sk li.m2 span {width: 154px; background: url(../images/layout/nav/menu2-sk.gif);}
#top ul#sk li.m3 span {width: 145px; background: url(../images/layout/nav/menu3-sk.gif);}
#top ul#sk li.m4 span {width: 89px; background: url(../images/layout/nav/menu4-sk.gif);}
/*pl*/
#top ul#pl li.m1 {width: 85px;}
#top ul#pl li.m2 {width: 157px;}
#top ul#pl li.m3 {width: 130px;}
#top ul#pl li.m4 {width: 104px;}
#top ul#pl li.m1 span {width: 85px; background: url(../images/layout/nav/menu1-pl.gif);}
#top ul#pl li.m2 span {width: 157px; background: url(../images/layout/nav/menu2-pl.gif);}
#top ul#pl li.m3 span {width: 130px; background: url(../images/layout/nav/menu3-pl.gif);}
#top ul#pl li.m4 span {width: 104px; background: url(../images/layout/nav/menu4-pl.gif);}
/*hu*/
#top ul#hu li.m1 {width: 74px;}
#top ul#hu li.m2 {width: 208px;}
#top ul#hu li.m3 {width: 72px;}
#top ul#hu li.m4 {width: 122px;}
#top ul#hu li.m1 span {width: 74px; background: url(../images/layout/nav/menu1-hu.gif);}
#top ul#hu li.m2 span {width: 208px; background: url(../images/layout/nav/menu2-hu.gif);}
#top ul#hu li.m3 span {width: 72px; background: url(../images/layout/nav/menu3-hu.gif);}
#top ul#hu li.m4 span {width: 122px; background: url(../images/layout/nav/menu4-hu.gif);}

/*submenu*/
#top ul ul {visibility: hidden; width: 142px; height: auto; background: url(../images/layout/backgrounds/sub-menu-bottom-bg.gif) 0 100% no-repeat; position: absolute; top: 42px; left: 3px; padding: 0 0 5px 0;}
#top ul li.m1 ul {left: 10px;}
#top li li {float: none; height: auto; font-size: 80%; text-align: left; padding-top: 0;}
#top li li a {background: #FFF5D1 url(../images/layout/crumbs/sub-menu-splitter.gif) 7px 100% no-repeat; color: black !important; display: block; width: 128px; padding: 3px 7px;}
#top li li a:hover {background: #FFF5D1 url(../images/layout/crumbs/sub-menu-splitter.gif) 7px 100% no-repeat; color: #A20D00 !important;}
#top li li.last a, #top li li.last a:hover {background: #FFF5D1;}
#top li:hover ul {visibility: visible;}

#page-content {position: relative; width: 760px;}
#page-content span.corals {width: 218px; height: 81px; position: absolute; bottom: 0; =bottom: -1px; left: 5px; background: url(../images/layout/backgrounds/left-col-bottom-bg.jpg) 0 0 no-repeat;}
/*left-col*/
#left-col {width: 254px; padding: 0 0 90px 16px; margin: 48px 0 0 5px; float: left; _display: inline; background: url(../images/layout/backgrounds/left-col-top-bg.jpg) 0 0 no-repeat;}

#lang {margin: 10px 0;}
#lang img {margin-right: 3px;}

#bann img {margin-top: 10px;}

/*homepage*/
#hp {width: 474px; float: right; _display: inline; margin: 0 5px 0 0;}
#hp h2 {width: 457px; overflow: hidden; position: relative; z-index: 5; color: #fff; font-size: 160%; text-transform: uppercase; margin-bottom: 5px;}
#hp h2 strong {color: #5493EC;}
#hp h2 span {width: 457px; position: absolute; left: 0; top: 0;}
#hp h2#welcome {height: 32px;}
#hp h2#welcome span {height: 32px;}
#hp h2#welcome span.cz {background: url(../images/layout/headings/h2-welcome-cz.gif) 0 0 no-repeat;}
#hp h2#welcome span.en {background: url(../images/layout/headings/h2-welcome-en.gif) 0 0 no-repeat;}
#hp h2#welcome span.sk {background: url(../images/layout/headings/h2-welcome-sk.gif) 0 0 no-repeat;}
#hp h2#welcome span.pl {background: url(../images/layout/headings/h2-welcome-pl.gif) 0 0 no-repeat;}
#hp h2#welcome span.hu {background: url(../images/layout/headings/h2-welcome-hu.gif) 0 0 no-repeat;}
#hp h2#courses {height: 26px;}
#hp h2#courses span {height: 26px;}
#hp h2#courses span.cz {background: url(../images/layout/headings/h2-kurzy-cz.gif) 0 0 no-repeat;}
#hp h2#courses span.en {background: url(../images/layout/headings/h2-kurzy-en.gif) 0 0 no-repeat;}
#hp h2#courses span.sk {background: url(../images/layout/headings/h2-kurzy-sk.gif) 0 0 no-repeat;}
#hp h2#courses span.pl {background: url(../images/layout/headings/h2-kurzy-pl.gif) 0 0 no-repeat;}
#hp h2#courses span.hu {background: url(../images/layout/headings/h2-kurzy-hu.gif) 0 0 no-repeat;}

#news {width: 433px; padding: 12px 12px 5px 12px; background: #071B44 url(../images/layout/backgrounds/hp-top-bg.gif) 0 0 no-repeat; position: relative; color: #fff; margin-bottom: 20px;}
#news span.bottom-bg {width: 457px; height: 14px; position: absolute; left: 0; bottom: 0; =bottom: -1px; background: url(../images/layout/backgrounds/hp-bottom-bg.gif) 0 0 no-repeat;}
#news p {line-height: 1.4em; margin-bottom: 1em;}
#news p.welcome-text {color: #34BCE3;}
#news h3 {width: 414px; height: 22px; overflow: hidden; position: relative; z-index: 5; color: #fff; font-size: 120%; text-transform: uppercase;}
#news h3 span {width: 414px; height: 22px; position: absolute; left: 0; top: 0;}
#news h3 span.cz {background: url(../images/layout/headings/h2-aktuality-cz.gif) 0 0 no-repeat;}
#news h3 span.en {background: url(../images/layout/headings/h2-aktuality-en.gif) 0 0 no-repeat;}
#news h3 span.sk {background: url(../images/layout/headings/h2-aktuality-sk.gif) 0 0 no-repeat;}
#news h3 span.pl {background: url(../images/layout/headings/h2-aktuality-pl.gif) 0 0 no-repeat;}
#news h3 span.hu {background: url(../images/layout/headings/h2-aktuality-hu.gif) 0 0 no-repeat;}
#news h4 {color: #34BCE3;}
#news h4 a {color: #34BCE3; text-decoration: none;}
#news h4 a:hover {text-decoration: underline;}

/*sub*/
#content {width: 450px; float: right; _display: inline; margin: 0 5px 0 0; color: #fff; padding-right: 24px; margin: 0.5em 0 1em 0;}
#content h2 {color: #FEDA5A; font-size: 200%; font-weight: normal; text-transform: uppercase; height: auto; margin-bottom: 1em;}
#content h3 {color: #FFE485; font-size: 120%; margin: 2em 0 0.2em 0;}
#content h4 {color: #5E99ED; font-size: 110%; margin: 2em 0 0.2em 0;}
#content p {margin: 0.2em 0 1.5em 0; line-height: 1.5em;}
#content a {color: #FFE485;}
#content img {border: 1px solid #FFF0BB;}
#content ul {list-style: square; margin: 2em 0 2em 2em;}
#content ul.nomargie {_display: inline;}
#content ul li {line-height: 1.5em;}
#content ul ul {margin: 0 0 0 2em;}
#content ol {margin: 2em 0 2em 2.5em;}
#content ol li {line-height: 1.5em;}
#content ol ol {margin: 0 0 0 2.5em;}
#content table {width: 100%; margin: 0 0 2.5em 0;}
#content table th, #content table td {padding: 5px 10px; text-align: left;}
#content thead th, #content thead td {background: #415D9C; color: #fff;}
#content tbody th, #content tbody td {background: #758EC7; color: #fff;}
#content tbody tr.dark th, #content tbody tr.dark td {background: #5A75B2;}
#content table.plain {width: auto;}
#content table.plain td, #content table.plain th {padding: 0px 10px 0px 0; background: none;}

#mapa-centra {width: 412px; height: 494px; position: relative; background: url(../images/content/mapa-centra.gif) 0 0 no-repeat; margin-bottom: 2em;}
#mapa-centra a {width: 17px; height: 17px; overflow: hidden; position: absolute; color: #132652; cursor: pointer; cursor: hand;}
#mapa-centra a span {width: 17px; height: 17px; background: url(../images/layout/crumbs/point.gif) 0 0 no-repeat; position: absolute; top: 0; left: 0;}
/*
#mapa-centra a#iantdce {top: 263px; left: 70px;}
#mapa-centra a#deepndown {top: 275px; left: 62px;}
#mapa-centra a#orca {top: 275px; left: 78px;}
#mapa-centra a#deaws {top: 240px; left: 95px;}
#mapa-centra a#snakesub {top: 228px; left: 90px;}
#mapa-centra a#deepsea {top: 230px; left: 115px;}
#mapa-centra a#mirda {top: 310px; left: 32px;}
#mapa-centra a#trygonbrno {top: 302px; left: 155px;}
*/

/*formy*/
#content form {padding: 10px; background: #12244F; margin: 2em 0;}
#content form div {margin-bottom: 5px;}
#content form legend {font-size: 120%; text-transform: uppercase; color: #5A75B2; font-weight: bold; margin-bottom: 1em;}
#content label {display: block; font-weight: bold; padding-top: 3px; width: 150px; float: left; text-align: right; padding-right: 10px;}
#content input.txt {border: 1px solid #3F5D82; width: 200px; background: #5A75B2; color: #fff;}
#content select {background: #5A75B2; color: #fff;}
#content input.btn {border: 1px solid #fff;; background: #1C3972; margin-left: 160px; =margin-left: 163px; color: white; font-weight: bold;}
#content textarea.txt {overflow: auto; border: 1px solid #3F5D82; color: #fff;}

#footer {height: 48px; width: 760px; background: #001030 url(../images/layout/backgrounds/footer-bg.jpg) 0 0 no-repeat; color: #3E598B; position: absolute; left: 0; bottom: 0; =bottom: -1px;}
#footer p {padding: 20px 0 0 240px;}
#footer a.author {color: #3E598B; text-decoration: none; position:absolute; right: 25px; top: 20px;}
#footer a.author span {color: #5493EC;}
#footer a.author:hover {text-decoration: underline;}