html {width: 100%;margin: 0;padding: 0;font: 80% Verdana, Helvetica, Arial, sans-serif;background: #2d2e2c url("./_i/bg_all.gif") repeat top center;}
body {width: 100%;color: #000000;font: 80% Verdana, Helvetica, Arial, sans-serif;margin: 0;padding: 0;text-align: center;}
a {font-weight: bold;color: #330099;text-decoration: none;}
a:hover {font-weight: bold;color: #ff6600;text-decoration: underline;}
h1 {margin: 0;padding: 0 0 10px 0;font: 150% Verdana, Helvetica, Arial, sans-serif;color: #ff6600;font-weight: bold;text-align: right;}
h2 {margin: 0;padding: 0 0 10px 0;font: 130% Verdana, Helvetica, Arial, sans-serif;font-weight:bold;color: #333399;}
h3 {margin: 0;padding: 0 0 10px 0;font: 110% Verdana, Helvetica, Arial, sans-serif;text-align: left;font-weight: bold;}
p {margin: 0 0 1.0em 0;}
dl, dt, dd {margin: 0;padding: 0;list-style-type: none;}
ul, li {list-style-type: none;}
img {margin: 0;border: none;}
sup {font: 70% Verdana, Helvetica, Arial, sans-serif;}
hr {margin: 10px 0; background:#b4b4b4;height:1px;border:none;clear:both}
form {margin: 0}
table {border: 0px;}
th {text-align: right;vertical-align: top;}
tr, td {text-align: left;vertical-align: top;}
/* --------------------------------------- */
.just {text-align: justify;}
/*----------------------------------------------*/
#index {width: 970px;text-align: left;margin: 10px auto;padding: 0;}
#location {width: 300px; top: 50%; left: 50%; margin: -10px 0 0 -150px; text-align: center; padding: 10px; color: #fff; font: 12px Verdana, Helvetica, Arial, sans-serif; background: #cc0000; position: absolute;}
.full {font-size: 16px; font-weight: bold; color:#ffcc00;}
/*----------------------------------------------*/
.hid, .dih {visibility: hidden;display: none;}
#gigapixel {width: 186px; height: 263px; top: 0; left: 50%; margin: 0px 0 0 -130px; position: absolute; z-index: 4;}
/*----------------------------------------------*/
#top {width: 100%;height: 252px;margin: 0;padding: 0;text-align: left;background: #2d2e2c url("./_i/_top2.jpg") no-repeat top left;}
#site {margin: 0 0 0 15px;padding: 0;position: absolute;}
.left-site {float: left;width: 704px;margin: 0;padding: 0;text-align: left;position: relative;background: #fff;}
.right-site {float: left;width: 234px;margin: 0;padding: 0;text-align: left;color: #fff;position: relative;background: url("./_i/_top_menu_right.gif") no-repeat top left;}
#bottom {width: 938px;height: 60px;margin: 0 0 10px 0;padding: 0;background: #2d2e2c url("./_i/_bottom_bg.gif") no-repeat top left;clear: both;}
.bottom-info {width: 918px;height: 52px;margin: 0;padding: 8px 0 0 10px;text-align: center;color: #a5a5a5;}
/*---------------------------------------------*/
#r1 {float: right;width: 250px;height: 100%;text-align: left;}
#r2 {float: right;width: 250px;height: 100%;text-align: right;}
.block-1 {width: 210px;height: 50px;margin: 8px 0 0 9px;text-align: left;position: relative;}
.block-1 h2 {margin: 0; padding: 0;}
.block-2 {width: 210px;height: 80px;margin: 14px 0 0 9px;text-align: left;position: relative;}
.block-2 h2 {margin: 0; padding: 0;}
.block-3 {width: 210px; height: 28px; margin: 72px 0 0 10px;text-align: left;position: relative;line-height: 28px;font-weight: bold;}
/*---------------------------------------------*/
/*.po1 {color: #000099;font: 100% Verdana, Helvetica, Arial, sans-serif;font-weight: bold;}*/
.po2 {float: left;width: 110px;height: 14px;padding: 5px 0 0 0;}
.po3 {float: right;width: 77px;height: 21px;padding: 3px 2px 0 0;}
.po4 {width: 192px;height: 20px;margin: 4px 0 0 0;}
.po5 {float: right;width: 77px;height: 21px;padding: 4px 2px 0 0;}
.po6 {color: #000;font: 100% Verdana, Helvetica, Arial, sans-serif;}
.editr {width: 110px;border: 1px solid #606060;background: #fff;font: 100% Verdana, Helvetica, Arial, sans-serif;color: #cc0000;font-weight: bold;line-height: 16px;text-indent: 2px;}
.editr2 {width: 200px;border: 1px solid #606060;background: #fff;font: 100% Verdana, Helvetica, Arial, sans-serif;color: #cc0000;font-weight: bold;line-height: 16px;text-indent: 2px;}
.editr3 {border: 1px solid #fff;background: #2d2e2c;font: 100% Verdana, Helvetica, Arial, sans-serif;color: #fff;font-weight: bold;text-indent: 2px;}
.sel {width: 190px;border: 1px solid #606060;background: #fff;font: 100% Verdana, Helvetica, Arial, sans-serif;color: #000099;font-weight: bold;text-indent: 2px;}
.sel2 {width: 190px;border: 1px solid #fff;background: #2d2e2c;font: 100% Verdana, Helvetica, Arial, sans-serif;color: #fff;font-weight: bold;text-indent: 2px;margin: 0;padding: 0;}
.txtarea {width: 300px;height: 60px;border: 1px solid #fff;background: #2d2e2c;font: 100% Verdana, Helvetica, Arial, sans-serif;color: #fff;font-weight: bold;text-indent: 2px;}
/*---------------------------------------------*/
.flags {height: 26px;margin: 224px 10px 0 0;text-align: right;list-style: none;}
.f-m {width: 15px;height: 15px;float:right;margin:0;padding:6px 1px 0 1px;}
.active {width: 26px;height: 26px;float:right;margin:0;padding:0 1px 0 1px;}
/*---------------------------------------------*/
.top-menu {width: 704px;height: 26px;margin: 0;padding: 0;text-align: left;background: #2d2e2c url("./_i/_top_menu2.gif") no-repeat left;}
.top-menu ul {width: 620px;height: 26px;line-height: 26px;margin:0;padding: 0 0 0 10px;list-style: none;}
.top-menu li {float:left;height: 26px;font: 100% Verdana, Helvetica, Arial, sans-serif;line-height: 26px;margin:0;padding: 0 4px 0 4px;list-style: none;font-weight:bold;}
.top-menu li a {margin:0;color: #fff;padding: 0 4px 0 4px;list-style: none;text-decoration:none;font-weight:bold;}
.top-menu li a:hover {margin:0;color: #ff6600;list-style: none;text-decoration:none;font-weight:bold;}
.top-menu li img {margin: 6px 0 0 0;padding: 0;list-style: none;}
/*---------------------------------------------*/
.b1 {margin: 0;padding: 4px 10px 0 10px;}
.b-top {float:left;width: 704px; height: 8px;margin: 0;padding: 0;background: url("./_i/_left_top2.gif") no-repeat top;}
.b-top2 {float:left;width: 704px; height: 8px;margin: 0;padding: 0;background: url("./_i/_prehled_bg.gif") no-repeat top;}
.b-telo {float:left;width: 660px;color: #000;padding: 0 18px 20px 18px;}
.b-telo2 {float:left;width: 660px;color: #000;padding: 0 18px;}
.b-telo3 {float:left;width: 660px;max-height: 100px;color: #000;padding: 0 18px;}
.b-bottom {float:left;width: 704px; height: 9px;margin: 0;padding: 0;background: url("./_i/_left_bottom.gif") no-repeat top;}
/*---------------------------------------------*/
.map {margin: 0;padding: 10px 0 0 3px;}
.right-site-bottom {margin: 0;width: 234px;height: 14px;background: url("./_i/_right_bottom.gif") no-repeat bottom;}
.hle {margin: 0;padding: 2px 0 0 20px;width: 190px;text-align: left;}
.hle2 {margin: 0;padding: 6px 0 0 20px;width: 194px;text-align: right;}
.prehled {float: left;width: 704px;height: 100px;margin: 0;padding: 0;background: url("./_i/_prehled_bg2.gif") no-repeat top left;}
.prehled .preh-obr img {float: left;width: 152px;height: 76px;margin: 11px 0 0 10px;padding: 0;}
.prehled .preh-text {float: left;width: 516px;height: 54px;margin: 10px 0 0 10px;padding: 0;text-align: left;}
.prehled .preh-gps {float: left;width: 280px;height: 16px;margin: 6px 0 0 10px;padding: 0;text-align: left;}
.prehled .preh-vr {float: left;width: 100px;height: 16px;margin: 2px 0 0 10px;padding: 0;text-align: left;}
.prehled .preh-but img {float: right;width: 77px;height: 21px;margin: 0 10px 0 0;padding: 0;}
.prehled. nadp {font: 120% Verdana, Helvetica, Arial, sans-serif;font-weight:bold;color: #ff6600;}
.prehled .nadp-vr {font: 100% Verdana, Helvetica, Arial, sans-serif;font-weight: bold;color: #000;margin: 0 0 6px 0;}
.prehled2 {float: left;width: 704px;height: 100px;margin: 0;padding: 0;background: url("./_i/_prehled_bg.gif") no-repeat top left;}
.prehled2 .preh-obr img {float: left;width: 152px;height: 76px;margin: 11px 0 0 10px;padding: 0;}
.prehled2 .preh-text {float: left;width: 516px;height: 54px;margin: 10px 0 0 10px;padding: 0;text-align: left;color: #003366;}
.prehled2 .preh-gps {float: left;width: 280px;height: 16px;margin: 6px 0 0 10px;padding: 0;text-align: left;}
.prehled2 .preh-vr {float: left;width: 100px;height: 16px;margin: 2px 0 0 10px;padding: 0;text-align: left;}
.prehled2 .preh-text h2 {font: 120% Verdana, Helvetica, Arial, sans-serif;font-weight:bold;color: #ff3300;}
.prehled2 .nadp-vr {font: 100% Verdana, Helvetica, Arial, sans-serif;font-weight: bold;color: #000;margin: 0 0 6px 0;}
.prehled2 .preh-but img {float: right;width: 77px;height: 21px;margin: 0 10px 0 0;padding: 0;}
.cis {font: 140% Georgia, "New York CE", utopia, serif;font-weight:bold;color: #ff6600;}
.cis2 {font: 140% Georgia, "New York CE", utopia, serif;font-weight:bold;color: #000099;}
.cis3 {font: 120% Georgia, "New York CE", utopia, serif;font-weight:bold;color: #ff6600;}
.virtualky {float:left;margin: 0;padding: 10px;text-align: left;}
/*---------------------------------------------*/
.ukaz-block {width: 600px;height: 120px;text-align: left;margin: 0 0 0 40px;padding: 0;}
.ukaz-block a {width: 600px;height: 120px;text-align: left;padding: 0;font: 100% Verdana, Helvetica, Arial, sans-serif;font-weight: bold;color: #fff;text-decoration: none;}
.ukaz-block a:hover {width: 600px;height: 120px;text-align: left;padding: 0;font: 100% Verdana, Helvetica, Arial, sans-serif;font-weight: bold;color: #ffcc00;text-decoration: underline;}
.ukaz-block img {float: left;}
/*---------------------------------------------*/
.java-block {float: left;width: 98px;height: 65px;text-align: center;background: url("./i/_i_java.gif") no-repeat;margin: 5px 0 0 10px;padding: 22px 0 0 0;}
.qt-block {float: left;width: 98px;height: 65px;text-align: center;background: url("./i/_i_qt.gif") no-repeat;margin: 5px 0 0 10px;padding: 22px 0 0 0;}
.sw-block {float: left;width: 98px;height: 65px;text-align: center;background: url("./i/_i_sw.gif") no-repeat;margin: 5px 0 0 10px;padding: 22px 0 0 0;}
.map-block {float: left;width: 98px;height: 65px;text-align: center;background: url("./i/_i_map.gif") no-repeat;margin: 5px 0 0 10px;padding: 22px 0 0 0;}
/*---------------------------------------------*/
.left-bl {float: left;width: 240px;height: 20px;margin: 0;padding: 0 10px 0 0;line-height: 18px;text-align: right;font-weight: bold;}
.left-b2 {float: left;width: 160px;height: 20px;margin: 0;padding: 0 10px 0 0;line-height: 18px;text-align: right;font-weight: bold;}
.right-bl {float: left;width: 300px;height: 20px;text-align: left;}
.right2-bl {float: left;width: 300px;height: 64px;text-align: left;}
.right3-bl {float: left;width: 300px;height: 40px;margin: 10px 0 0 0;text-align: right;}
.right3-b2 {float: left;width: 430px;height: 30px;margin: 10px 0 0 0;text-align: right;}
.error {color: #ff0000;font-weight: bold;}
/*--------------------------*/
.cen-block {float:left;width: 630px;margin: 0;padding: 10px 10px 10px 20px;}
.cen1 {float:left;margin: 0;padding: 10px;}
.cen2 {float:left;width: 100px;margin: 6px 0 0 0;padding: 0 6px 0 0;text-align: right;}
.cen3 {float:right;width: 540px;margin: 0 0 0 10px;padding: 0;text-align: left;}
.cen4 {float:right;width: 540px;margin: 6px 0 0 10px;padding: 0;text-align: left;}
.cen5 {float:right;margin: 20px 10px 0 0;padding: 0;color: #848484;}
/*--------------------------*/
#mapa {width: 220px; height: 140px; background: url("i/map-css.png"); margin: 10px auto; padding: 0; position: relative;}
#mapa li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#mapa a {display: block;}
#kr-karlovarsky {left: 2px; top: 24px; width: 40px; height: 28px;}
#kr-plzensky {left: 8px; top: 46px; width: 48px; height: 56px;}
#kr-jihocesky {left: 40px; top: 76px; width: 66px; height: 48px;}
#kr-ustecky {left: 34px; top: 0px; width: 54px; height: 46px; z-index: 99;}
#kr-stredocesky {left: 43px; top: 28px; width: 66px; height: 52px;}
#kr-praha {left: 69px; top: 47px; width: 16px; height: 15px;}
#kr-liberecky {left: 76px; top: 8px; width: 40px; height: 29px; z-index: 99;}
#kr-kralovehradecky {left: 100px; top: 22px; width: 44px; height: 38px; z-index: 99;}
#kr-pardubicky {left: 105px; top: 52px; width: 48px; height: 32px;}
#kr-vysocina {left: 86px; top: 67px; width: 48px; height: 45px; z-index: 99;}
#kr-jihomoravsky {left: 105px; top: 81px; width: 64px; height: 51px;}
#kr-olomoucky {left: 144px; top: 42px; width: 38px; height: 59px;}
#kr-moravskoslezsky {left: 160px; top: 51px; width: 52px; height: 48px;}
#kr-zlinsky {left: 156px; top: 90px; width: 42px; height: 32px;}
#kr-karlovarsky a {height: 28px;}
#kr-plzensky a {height: 56px;}
#kr-jihocesky a {height: 48px;}
#kr-ustecky a {height: 46px;}
#kr-stredocesky a {height: 52px;}
#kr-praha a {height: 15px;}
#kr-liberecky a {height: 29px;}
#kr-kralovehradecky a {height: 38px;}
#kr-pardubicky a {height: 32px;}
#kr-vysocina a {height: 45px;}
#kr-jihomoravsky a {height: 51px;}
#kr-olomoucky a {height: 59px;}
#kr-moravskoslezsky a {height: 48px;}
#kr-zlinsky a {height: 32px;}
#kr-karlovarsky a:hover {background: url("i/map-css.png") -442px -24px no-repeat;}
#kr-plzensky a:hover {background: url("i/map-css.png") -228px -46px no-repeat;}
#kr-jihocesky a:hover {background: url("i/map-css.png") -700px -76px no-repeat;}
#kr-ustecky a:hover {background: url("i/map-css.png") -694px 0px no-repeat;}
#kr-stredocesky a:hover {background: url("i/map-css.png") -483px -28px no-repeat;}
#kr-praha a:hover {background: url("i/map-css.png") -288px -47px no-repeat;}
#kr-liberecky a:hover {background: url("i/map-css.png") -296px -8px no-repeat;}
#kr-kralovehradecky a:hover {background: url("i/map-css.png") -760px -22px no-repeat;}
#kr-pardubicky a:hover {background: url("i/map-css.png") -985px -52px no-repeat;}
#kr-vysocina a:hover {background: url("i/map-css.png") -306px -67px no-repeat;}
#kr-jihomoravsky a:hover {background: url("i/map-css.png") -545px -81px no-repeat;}
#kr-olomoucky a:hover {background: url("i/map-css.png") -364px -42px no-repeat;}
#kr-moravskoslezsky a:hover {background: url("i/map-css.png") -1040px -51px no-repeat;}
#kr-zlinsky a:hover {background: url("i/map-css.png") -816px -90px no-repeat;}
/*--------------------------*/
.vr-m {float: right;}
.vr-menu {padding: 0;margin: 0;behavior: url("hover.htc");}
.vr-menu a {display: block;width: 100%;}
.vr-menu ul, .menu li {list-style-type: none;margin: 0;padding: 0;}
ul li.pole {float: left;position: relative;font-weight: bold;padding: 1px;height: 36px;}
ul.subm {position: absolute;left: -25px;top: -36px;width: 80px;visibility: hidden;margin: 0;padding: 1px;color: #000;text-align: center;z-index: 99;}
ul.subm li.pol a {font-weight: bold;width: 80px;text-decoration: none;text-align: center;background: #cc0000; color: #fff;margin: 0;padding: 2px;border: 1px solid #990000;z-index: 99;}
ul.subm li.pol a:hover {text-decoration: none;background: #cc0000; color: #ffcc00;z-index: 99;}
.vr-menu a:hover {text-decoration: underline;}
ul li.pole:hover, ul li.pole1Hover {background: #ddd;}
ul li.poleHover ul.subm, ul li.pole:hover ul.subm {visibility: visible;}
/*--------------------------*/
.nalezeno {float: left;text-decoration:none;text-align: left;padding: 16px 0 0 16px;}
.strana {float: right;font: 10px Verdana, Helvetica, Arial, sans-serif;text-decoration:none;text-align: left;line-height: 18px;padding: 16px 16px 0 0;}
.strana ul {float: left;margin: 0;padding: 0;list-style-type: none;}
.strt {float: left;color: #000;text-decoration: none;padding: 0 6px 0 0;}
.strana ul li {float: left;width: 22px;height: 20px;margin: 0 2px 0 0;display: inline;text-align: center;font-weight: bold;color: #CC0000;list-style-type: none;}
.strana ul li a {float: left;width: 22px;height: 18px;margin: 0 2px 0 0;background-color: #dadada;color: #330099;text-decoration:none;list-style-type: none;}
.strana ul li a:hover {background-color: #cc0000;color:#ffffff;text-decoration:none;list-style-type: none;}
/*--------------------------*/
.rozdel {float: left;width: 704px;height: 20px;background: url("./_i/_rozdel.gif") no-repeat;}
/*---------------------------*/
.right-box-top {width: 234px;height: 32px;color: #000;line-height: 28px;padding: 0 0 0 10px;font-weight: bold;background: url("./_i/_right_box_top2.gif") no-repeat;}
.right-box-telo {width: 234px;height: 72px;color: #fff;padding: 6px 0 0 10px;background: url("./_i/_right_box_bg.gif") repeat-y;}
.right-box-telo2 {width: 234px;color: #fff;padding: 6px 0 0 10px;background: url("./_i/_right_box_bg.gif") repeat-y;}
.kurzy {text-align: left;margin: 0 0 0 10px;width: 160px;height: 70px;}
.kurz {float: left;position: relative;}
.kurz img {float: left;margin: 0 10px 0 0;}
.k1 {width: 40px;float: left;text-align: left;line-height: 22px;}
.k2 {float: left;text-align: left;line-height: 22px;}
.k3 {float: left;text-align: left;padding: 0 0 0 6px;line-height: 22px;}
.k-cis {font-weight:bold;color: #ff6600;}
.k-cis2 {font-weight:bold;}
.det-adr {margin: 20px 10px 0 0;text-align: right;}
.odsk {margin: 10px 10px 10px 20px;text-align: right;}
.virtualky-rada {width: 684px;margin: 0;padding: 0;float: left;text-align: left;}
.vr-det {float: left;margin: 0 6px 10px 0;padding: 10px;width: 300px;height: 250px;position: relative;text-align: left;background: url("./_i/_bg_vr_det.gif") no-repeat left;}
.vr-det-nadpis {width: 300px;height: 22px;font: 12px Verdana, Helvetica, Arial, sans-serif;color: #000099;font-weight: bold;position: relative;text-align: left;}
.vr-det-bot {float: left;margin: 6px 0 0 0;width: 300px;position: relative;text-align: left;}
.vr-det-bot-left {float: left;width: 140px;position: relative;text-align: left;}
.vr-det-bot-right {float: right;width: 140px;position: relative;text-align: right;}
.g-info {float: left;font-weight: bold;}
.g-gps a {float: left;margin: 0 0 0 4px;width: 90px;text-align: right;text-decoration: none;font-weight: normal;}
.g-gps a:hover {float: left;margin: 0 0 0 4px;width: 90px;text-align: right;text-decoration: none;font-weight: normal;}
.txt-white {color: #fff;}
.odkazy {width: 234px;text-align: center;margin: 10px 0 0 0;}
/*-----------------------*/
.kont-jmeno {float: left;width: 90px;text-align: right;margin: 0 10px 0 0;font-weight: bold;}
.kont-data {float: left;width: 220px;text-align: left;margin: 0;}
.kont-text {float: left;width: 320px;height: 174px;text-align: left;margin: 20px 0 0 20px;position: relative;}
.kont-map {float: right;width: 300px;height: 174px;text-align: left;margin: 20px 0 0 0;}
.kont-form {float: left;width: 600px;text-align: left;margin: 50px 0 0 0;}
/*-----------------------*/
.tech {float: left; width: 580px;text-align: left;margin: 0 0 20px 30px;padding: 0;}
.tech p img {float: left;width: 60px;text-align: left;margin: 0;padding: 10px 20px 20px 0px}
.tech div {float: right;width: 500px;text-align: left;margin: 0;padding: 0;}
.dotaz {float: left;width: 640px;text-align: left;margin: 10px 0 10px 0;padding: 6px;color: #ff6600;font-weight: bold;background: #f3f3f3;}
.odpoved {float: left;width: 660px;text-align: left;margin: 0 0 0 10px;padding: 6px;color: #000;}
.odpoved img {padding: 6px 0 6px 0;text-align: left;vertical-align: top;}
/*-----------------------------------*/
.tool-tip {color: #fff;width: 239px;height: 80px; background: url("./_i/_info_help.png") no-repeat;font-weight: bold;z-index: 13000;}
.tool-title {display:none;}
.tool-text {font-size: 11px;padding: 20px; text-align: center;}
/*-------------------------------------*/
.zaslat {float: right;width: 300px;margin: 0 20px 0 0;text-align: right;cursor: pointer;}
.zaslano {float: left;width: 300px;margin: 0 0 0 20px;text-align: right;}
#zs {float: left;width: 620px;margin: 0 0 0 20px;text-align: left;}
.info{float: left;padding: 20px;font-size: 10px; color: #e4e4e4}
#location {width: 300px; top: 50%; left: 50%; margin: -10px 0 0 -150px; text-align: center; padding: 10px; color: #fff; font: 12px Verdana, Helvetica, Arial, sans-serif; background: #cc0000; position: absolute;}
/*-------------------------------------*/