html, body {margin:0; padding:0; font-family:'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; font-size:89%; text-align:center; cursor:default; height:100%}
h1, h2, h3, h4, h5, h6 {color:#03293B; text-transform:uppercase}
h3, h4, h5, h6 {color:#000000}
h1 {font-size:1.3em}
h2 {font-size:1.2em}
h3 {font-size:1.1em}
h4 {font-size:1em}
p, ul, li, form, dl, dt, dd {margin:0; padding:0}
p {margin-bottom:15px}
form {font-size:1em}
ul {margin-bottom:30px}
ul li {margin-left:10px; padding-left:12px; list-style-type:none; background:transparent url('/images/design/ico_list-item.gif') left 5px no-repeat}
li {margin-bottom:5px}
hr {margin:10px 0 20px 0; border:none; border-top:1px solid #ECF0F2; height:1px}
strong {color:#02293A}
a {color:#003953}
a:hover {color:#4899C2}
a:focus, a:focus strong {background-color:#003953; color:#FFFFFF}
dl {margin-bottom:40px}
dl dt, dl dd {margin-bottom:2px}
dl dt {width:128px; float:left; margin-left:5px; clear:left; font-weight:bold; color:#000000}
dl dt.strong {color:#02293A; margin-bottom:10px; margin-left:0; width:100%}
dl dd {width:170px; float:left}
table {border-collapse:collapse; margin:10px; font-size: 100%}
table tr th, table tr td {color:#FFFFFF; background-color:#03293B; font-weight:normal; padding:5px 8px; border:1px solid #FFFFFF}
table tr th {text-align:left}
table tr th a {color:#EEEEEE}
table tr th a:hover {color:#C7EDFF}
table tr td a:focus {background-color:#003953; color:#FFFFFF}
table tr td {color:#000000; background-color:transparent}
table tr.odd td {background-color:#DFE6E9}
table tr.even td {background-color:#F2F5F6}
form input.text, form textarea {padding:2px; font-family:'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; color:#03293B; font-size:90%; border:1px solid #CCCCCC; background-color:#EBEFF1}
form input.text.active, form textarea.active {background-color:#F2F5F6}
form input.text:hover, form textarea:hover {background-color:#F2F5F6}
form input.submit, form input.submit, button {width:95px; height:22px; border-style:none; background:#171D3E url('/images/design/bg_button.gif') center center no-repeat; color:#FFFFFF; font-size:90%}
form input.submit:hover, form input.submit:hover, button:hover {color:#CCCCCC}

.display-none {display:none}
.clear-left {clear:left}
.clear-both {clear:both}
.center {text-align:center}
.float-left {float:left}
.strong {font-weight:bold}
.width-half {width:310px}
.width-70pr {width:70%}
.height-100pr {height:100%}

abbr.dtstart {display:block; padding:0 0 2px 13px; font-weight:bold; font-size:0.8em; background:transparent url('/images/design/ico_bubble.gif') left center no-repeat; color:#577A8A; border-bottom:none}
a.external, a.dictionary {padding-left:13px; background: transparent url('/images/design/ico_link-external.gif') 2px 60% no-repeat}
a.dictionary {background-image:url('/images/design/ico_link-dictionary.png')}
a.external:focus, a.dictionary:focus {background-color:#003953; color:#FFFFFF}

/* Tooltips (titles) */
#tooltip {position:absolute; max-width:300px; z-index:10; padding:5px; background-color:#EBF8FF; border:1px solid #5CADD6; text-align:left}
#tooltip h3 {padding:1px 0 1px 18px; margin:0; font-size:0.87em; text-transform:none; font-weight:normal; background:transparent url('/images/design/ico_tootlip-question.gif') left top no-repeat; color:#03293B}

/* Whole page */
#page {position:relative; min-height:100%}

/* Head */
#head {text-align:center; background:#003953 url('/images/design/bg_head-line.gif') left top repeat-x; border-bottom:1px solid #EEF1F3}
#head div {width:960px; height:184px; margin:0 auto; text-align:left; background:transparent url('/images/design/bg_head.jpg') center center no-repeat}
#head div a#logo-main {display:block; width:255px; height:28px; margin:18px 0 0 31px; background:transparent url('/images/design/logo_main.gif') center center no-repeat}
#head div p {padding:15px 20px 0 0; text-align:right; font-size:13px}
#head div p span {font-size:19px; color:#315E73; margin:0 5px}
#head div p .lang-cze, #head div p .lang-slo, #head div p .lang-eng, #head div p .lang-ger {display:inline-block; width:16px; height:11px; background:transparent url('/images/design/ico_flag-cz.gif') center top no-repeat; margin:0; padding:0}
#head div p .lang-slo {background-image:url('/images/design/ico_flag-sk.gif')}
#head div p .lang-eng {background-image:url('/images/design/ico_flag-en.gif')}
#head div p .lang-ger {background-image:url('/images/design/ico_flag-de.gif')}
#head div p .lang-cze:hover, #head div p span.lang-cze, #head div p .lang-slo:hover, #head div p span.lang-slo,
#head div p .lang-eng:hover, #head div p span.lang-eng, #head div p .lang-ger:hover, #head div p span.lang-ger {background-position:center bottom}
#head div p .font-normal {font-size:13px}
#head div p .font-bigger {font-size:16px}
#head div p .font-biggest {font-size:19px}
#head div p a.font-normal, #head div p a.font-bigger, #head div p a.font-biggest {color:#FEFEFE; text-decoration:none}
#head div p .font-normal:hover, #head div p .font-bigger:hover, #head div p .font-biggest:hover,
#head div p .font-normal.selected, #head div p .font-bigger.selected, #head div p .font-biggest.selected {color:#E33500}
#head div p .font-normal:focus, #head div p .font-bigger:focus, #head div p .font-biggest:focus {background-color:#F7E991; color:#000000}

/* Main menu (top) */
#menu-main {margin:44px 10px 0 10px; height:40px; line-height:40px; letter-spacing:0.02em; vertical-align:middle; background-color:#002638}
#menu-main li ul {width:180px; display:none; left:180px; top:-1px; z-index:1; letter-spacing:-0.002em; background-color:#002638}
#menu-main li ul li {border-top:1px solid #1A3D4D; padding:1px 10px}
#menu-main li ul li.menu-submenu {background:transparent url('/images/design/ico_submenu.gif') 171px center no-repeat}
#menu-main li ul li ul {z-index:2; border-left:1px solid #1A3D4D}
#menu-main li:hover>ul {display:block; position:absolute}
#menu-main>li:hover>ul {position:absolute; left:-1px; top:40px}
#menu-main li {float:left; position:relative; margin-left:0; padding-left:0; background-image:none}
#menu-main li a {display:inline-block; padding:0 20px; height:40px; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:1.1em; color:#FFFFFF}
#menu-main li a span {display:inline-block; height:39px; position:relative; top:-1px; border-top:1px solid #E33500; cursor:pointer}
#menu-main li ul li a {display:block; padding:5px; height:auto; text-transform:none; font-weight:normal; font-size:1em}
#menu-main li ul li a.active {text-decoration:underline}
#menu-main li ul li a:hover {background-color:#B3BEC3; color:#002638}
#menu-main ul li {float:none; margin:0; height:auto; line-height:1em; vertical-align:middle}

/* Submenu (left) */
#menu-left {width:240px; float:left; padding:0}
#menu-left li {margin:0; padding:0; background-image:none; border-bottom:1px solid #DEE9EE; border-top:1px solid #89A2AD}
#menu-left li.first, #menu-left li.last {padding-top:5px; background:transparent url('/images/design/bg_menu-first.gif') center top no-repeat; border-top-style:none}
#menu-left li.last {padding:0 0 5px 0; background-image:url('/images/design/bg_menu-last.png'); background-position:center bottom; border-top-style:solid; ; border-bottom-style:none}
#menu-left li a, #menu-left li span {display:block; padding:10px 20px; text-decoration:none; background-color:#BECCD2; color:#02293A}
#menu-left li a:hover, #menu-left li a:focus {background:#F7F8F9 url('/images/design/bg_menu-hover.gif') left top repeat-y}
#menu-left li span {background:#EAEFF1 url('/images/design/bg_menu-active.gif') left top repeat-y}

/* Position bar */
#position-bar {width:960px; height:48px; line-height:48px; vertical-align:middle; margin:0 auto; padding:0; text-align:left; font-size:0.95em}
#position-bar span {line-height:46px; vertical-align:top}
#position-bar a {color:#4C6774}
#position-bar a:hover {color:#002739}
#position-bar a:focus {color:#FFFFFF}
#position-bar p {display:inline; width:660px; margin-left:30px; float:left}
#position-bar #search-box {width:240px; float:right; margin:9px 10px 8px 0; background:#EEEEEE url('/images/design/bg_searchbar-left.gif') left center no-repeat}
#position-bar #search-box span {display:block; height:31px; line-height:31px; background:transparent url('/images/design/bg_searchbar-right.gif') right center no-repeat}
#position-bar #search-box span label {display:inline-block; width:15px; height:31px; float:left; margin:0 4px 0 9px; background:transparent url('/images/design/ico_magnifier.gif') center center no-repeat}
#position-bar #search-box span input {border-style:none; font-size:1em}
#position-bar #search-box span input.text {width:150px; float:left; padding:0; margin-top:7px; color:#003953; background-color:transparent}
#position-bar #search-box span input.submit {width:47px; height:25px; float:right; padding:0; margin:3px 4px 0 0; background:#002739 url('/images/design/bg_search-button.gif') center center no-repeat; color:#FFFFFF}

/* Body */
#body {padding-bottom:120px}

/* Content */
div div.top-bar span.left, div div.top-bar span.right {display:block; width:6px; height:6px; margin-right:-6px; float:left; background:transparent url('/images/design/bg_body-left-top.gif') left top no-repeat; font-size:6px}
div div.top-bar span.right {float:right; margin:0 0 0 -6px; background:transparent url('/images/design/bg_body-right-top.gif') right top no-repeat}
div div.top-bar span.center {display:block; height:6px; margin:0 6px; font-size:6px; background-color:#EBEFF1}
div div.body {margin:3px 20px 20px 20px; padding-bottom:20px}
div div.body h2 {margin:10px 0}
#content-out {padding-top:20px; background:transparent url('/images/design/bg_page.gif') left top repeat-x; border-top:1px solid #F5F7F8; min-height:400px}
#content-in {width:940px; margin:0 auto; text-align:left; line-height:140%}
#content-main {width:680px; float:right; margin:0 0 20px 0; background:transparent url('/images/design/bg_body.gif') left 6px repeat-x}
#content-main.homepage {float:left}
#content-right {width:240px; float:right}
#content-right .box {width:240px; margin-bottom:20px; background:transparent url('/images/design/bg_body.gif') left 6px repeat-x}
#content-right .box hr {border-color:#C0C9CE}

/* SiteMap */
ul#sitemap {padding:0; margin:20px 0 0 10px}
ul#sitemap li {margin:7px 0; font-weight:bold}
ul#sitemap li ul {padding:0; margin:0}
ul#sitemap li ul li {font-weight:normal}

/* Footer */
#footer {height:120px; position:absolute; bottom:0; width:100%; left:0}
#footer-top {height:48px; line-height:48px; vertical-align:middle; background-color:#003046; color:#3399CC}
#footer-top p {width:900px; margin:0 auto; text-align:left}
#footer-top p a {color:#96C7E0}
#footer-top p a:hover {color:#EEEEEE}
#footer-bottom {background-color:#003953; padding:20px 0}
#footer-bottom p {width:900px; margin:0 auto; text-align:left}
#footer-bottom p, #footer-bottom p a:hover {color:#C7EDFF}
#footer-bottom p a {color:#FFFFFF}
#footer-bottom p span {float:right}
#footer-bottom p span#logo-bottom {display:block; width:117px; height:13px; float:left; background:transparent url('/images/design/logo_footer.gif') center center no-repeat}
