body {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; background: #000080 url(podklad.gif) fixed}

#INDEX {color: gray}
#INDEX .copyright {margin: 50px 0 50px 0; font-family: serif; font-size: 9pt}
#INDEX .obsah_i {width: 902px; margin-right: auto; margin-left: auto; font-family: Tahoma; text-align: center; font-size: 19pt; border: none}
.no {display: block; visibility: hidden}
.copyright {margin: 50px 0 50px 0; font-family: serif; font-size: 9pt}
#obsah_i {width: 902px; margin: 0 auto 0 auto; font-family: Tahoma; text-align: center; font-size: 19pt; border: 0}
#ram_u {width: 706px; height: 482px; margin: 2em auto 2em auto; padding: 3px; border: 5px ridge #ffa500}
#ram_i {width: 908px; height: 606px; margin: 2em auto 2em auto; padding: 3px; border: 5px ridge #ffa500}
#ram_k {width: 406px; height: 306px; margin: 2em auto 2em auto; padding: 3px; border: 5px ridge #ffa500}
#ram_u .okraj_u {width: 700px; height: 476px; padding: 2px; border: 1px solid #ffa500}
#ram_i .okraj_i {width: 902px; height: 600px; padding: 2px; border: 1px solid #ffa500}
#ram_k .okraj_k {width: 400px; height: 300px; padding: 2px; border: 1px solid #ffa500}
.uvod table {width: 100%; height: 100%; border: 0; text-align: center}
#INDEX img {border: none}

a.inline {display: block; width: 400px; margin: 1em 0 0 1em; padding: 0; font-size: 80%; line-height: 1.4; font-weight: normal; text-decoration: none; text-align: left; background: orange; color: #6495ed; white-space: nowrap; cursor: pointer; cursor: hand}
a.inline strong {margin: 0 0.5em 0 0; padding: 0; font-weight: bold; background: #6495ed; color: orange}
a.inline:hover {background: #0000ff; color: white; font-weight: bold}
a.inline:hover strong {color: #0000ff; background: white}

.highslide-gallery a:hover {color: #ffcc00;}
table.highslide-gallery {width: 100%; height: 100%; padding: 10px; text-align: center; color: #ffcc00}
table.highslide-gallery tr {width: 100%}
table.highslide-gallery td {width: 25%; text-align: center; vertical-align: top}
table.highslide-gallery p {margin: 5px 0 20px 0}
table.highslide-gallery .LOKOMOTIVA {text-align: center; font-weight: bold}

table.zeme {width: 100%; height: 100%; border: 0; text-align: center}
table.zeme tr, table.zeme td {width: 100%}
.zeme img {height: 26px; margin: .02em 0 0 0; padding: 1px; border: 3px outset silver; text-align: center; vertical-align: middle}
.zeme p {margin: .5em 0 0 0}

a.aktualita {display: block;  width: 365px; margin: 0;  padding: 0 ;  font-size: 90%; line-height: 1.4; font-weight: normal;  text-decoration: none;  text-align: left; color: gray; white-space: nowrap; cursor: pointer; cursor: hand}
a.aktualita span {display: block; width: 110px; margin: 0 25px 0 0;   padding: 0; text-align: right; font-weight: bold; float: left}
a.aktualita:hover,a.aktualita:active {color: #ffcc00; font-weight: bold}

.galerie {display: block}
.galerie img {height: 14px; width: 14px; border: 0; margin: 0 0 0 3px; vertical-align: middle}
.galerie a {display: block; margin: 0; padding: 0 0 1px 0; white-space: nowrap; color: gray; text-decoration: none}
h2 a {display: block; margin: 0; padding: 0 0 10px 0; font-weight: 100; line-height: 50px; text-align: center}
.galerie a:hover, h2 a:hover {font-weight: bold}
a.u2 {text-indent: 120px}
.galerie div {margin: 0; padding: 0 0 10px 0}
a:hover.u2 {color: #ffcc00}
a.u2 small {position: absolute; left: 500px; text-align: right; vertical-align: middle; font-weight: normal; text-align: center}

img {_border: none;  border-style: none}
h4 {color: gray; white-space: nowrap; text-indent: 15px}
h2.nula {display: block; margin: 0; padding: 0 0 10px 0; color: #ffcc00; white-space: nowrap; font-weight: 100; line-height: 50px; text-align: center}

.stat {display: block; width: 400px; position:relative; height: 40px; vertical-align: middle; margin: 0; padding: 0; font-size: 100%; line-height: 1.4; font-weight: normal; text-decoration: none; text-align: left; vertical-align: text-bottom; color: gray; white-space: nowrap; cursor: pointer; cursor: hand}
a.stat img {position: absolute; top: 2px; height: 34px; width: 48px; border: 1px ridge silver; vertical-align: middle; margin: 0 30px 2px 0}
a.stat img.m {width: 34px; border: 1px ridge silver; margin: 0 37px 2px 7px}
a.stat:hover img {height: 32px; width: 46px; border: 2px ridge silver}
a.stat:hover img.m {width: 32px}
a.stat strong {position: absolute; top: 9px; left: 80px; height: 26px; width: 40px; margin: 0; padding: 0; vertical-align: middle; font-weight: bold; text-align: center}
a.stat span {position: absolute; top: 9px; margin: 0 10px 0 165px; padding: 0; text-align: left; vertical-align: middle; font-weight: normal}
a.stat small {position: absolute; left: 550px; top: 9px; text-align: right; vertical-align: middle; font-weight: normal; text-align: center}
a:hover.stat {color: gray; font-weight: bold}
a.stat:hover, a.stat:hover small, a.stat:hover span {color: #ffcc00; font-weight: bold}

.vlajka {width: 48px; height: 34px; background:url(znak/vlajka.png) no-repeat}
.vlajka.vlajka-CZ {background-position: -48px 0}
a:hover .vlajka.vlajka-CZ {background-position: -96px 0}
.vlajka.vlajka-SK {background-position: -144px 0}
a:hover .vlajka.vlajka-SK {background-position: -192px 0}
.vlajka.vlajka-A {background-position: -240px 0}
a:hover .vlajka.vlajka-A {background-position: -288px 0}
.vlajka.vlajka-B {background-position: 0 -34px}
a:hover .vlajka.vlajka-B {background-position: -48px -34px}
.vlajka.vlajka-BG {background-position: -96px  -34px}
a:hover .vlajka.vlajka-BG {background-position: -144px  -34px}
.vlajka.vlajka-BiH {background-position: -192px  -34px}
a:hover .vlajka.vlajka-BiH {background-position: -240px  -34px}
.vlajka.vlajka-D {background-position: -288px  -34px}
a:hover .vlajka.vlajka-D {background-position: 0 -68px}
.vlajka.vlajka-E {background-position: -48px -68px}
a:hover .vlajka.vlajka-E {background-position: -96px -68px}
.vlajka.vlajka-F {background-position: -144px -68px}
a:hover .vlajka.vlajka-F {background-position: -192px -68px}
.vlajka.vlajka-FIN {background-position: -240px -68px}
a:hover .vlajka.vlajka-FIN {background-position: -288px -68px}
.vlajka.vlajka-GR {background-position: 0 -102px}
a:hover .vlajka.vlajka-GR {background-position: -48px -102px}
.vlajka.vlajka-H {background-position: -96px -102px}
a:hover .vlajka.vlajka-H {background-position: -144px -102px}
.vlajka.vlajka-HR {background-position: -192px -102px}
a:hover .vlajka.vlajka-HR {background-position: -240px -102px}
.vlajka.vlajka-CH {background-position: -288px -102px}
a:hover .vlajka.vlajka-CH {background-position: 0 -136px}
.vlajka.vlajka-I {background-position: -48px -136px}
a:hover .vlajka.vlajka-I {background-position: -96px -136px}
.vlajka.vlajka-N {background-position: -144px -136px}
a:hover .vlajka.vlajka-N {background-position: -192px -136px}
.vlajka.vlajka-NL {background-position: -240px -136px}
a:hover .vlajka.vlajka-NL {background-position: -288px -136px}
.vlajka.vlajka-PL {background-position: 0 -170px}
a:hover .vlajka.vlajka-PL {background-position: -48px -170px}
.vlajka.vlajka-RO {background-position: -96px -170px}
a:hover .vlajka.vlajka-RO {background-position: -144px -170px}
.vlajka.vlajka-S {background-position: -192px -170px}
a:hover .vlajka.vlajka-S {background-position: -240px -170px}
.vlajka.vlajka-SLO {background-position: -288px -170px}
a:hover .vlajka.vlajka-SLO {background-position: 0 -204px}
.vlajka.vlajka-SRB {background-position: -48px -204px}
a:hover .vlajka.vlajka-SRB {background-position: -96px -204px}

.kontakt {display: block; color: gray; white-space: nowrap; line-height: 60px; font-weight: bold; text-align: center; vertical-align: middle; text-decoration: none}
h2.kontakt {display: block; color: white}
a.kontakt {display: block; line-height: 30px}
a:hover.kontakt {display: block; letter-spacing: 2pt}
hr {width: 300px; border: 1px solid #ffa500}

.chyba {color: gray; white-space: nowrap; text-align: center}
.chyba h1 {margin: 50px 0 100px 0}
.chyba strong {color: #0dff0f}
.chyba a {color: #ffcc00}
.chyba a:hover {color: #ffcc00; font-weight: bold}