body {font-family: sans-serif; font-size: 78%; color: #000; background-color: #fff; margin: 0px}
table {font-family: sans-serif; font-size: 100%; border-collapse: collapse; margin: 0px; text-align: left}
td, th {vertical-align: top; padding: 1px 2px 1px 2px; margin: 0px}
h1.titulek {font-size: 106%; font-weight: normal; border: 1px solid #000; margin: 0px; padding: 1px 1em;}
table.odjezdy {border: 1px solid #000; width: auto; margin-top: 1ex; min-width: 21em;}
table.odjezdy th {border-width: 1px; border-style: solid none solid solid; border-color: #000 #fff #000 #999; background-color: #ddd; font-family: Verdana, lucida, sans-serif; font-weight: bold; text-align: center; vertical-align: bottom; width: auto; white-space: normal; padding: 1px 5px 1px 5px}
table.odjezdy td {border-width: 1px; border-style: solid none none solid; border-color: #999 #fff #fff #999; padding: 1px 5px 1px 5px;}
table.odjezdy .jr0 {min-width: 9em;}
table.odjezdy .jr1 {min-width: 9em;}
table.odjezdy .jr2 {min-width: 9em;}
table.odjezdy .jr3 {min-width: 9em;}
table.odjezdy .jr4 {min-width: 9em;}
table.odjezdy th.jr {border-width: 1px; border-style: solid hidden hidden solid; border-color: #000; background-color: #ddd; width: 1.5em; padding-left: 1px; padding-right: 3px}
table.odjezdy td.jr {border-width: 1px; border-style: solid solid none solid; border-color: #999 #000 #fff #000; background-color: #ddd; font-family: Verdana, lucida, sans-serif; font-weight: bold; text-align: right; width: 1.5em; padding-right: 3px}
table.odjezdy td.info {border: 1px solid #000; background-color: #fff; color: #CC0000; text-align: center; font-weight: normal; vertical-align: middle; padding: 1em}
table.zastavky {border: 1px solid #000; width: auto; float: left; margin-right: 1ex; margin-top: 1ex; margin-bottom: 1ex; min-width: 15em;}
table.zastavky th {border-width: 1px; border-style: solid none solid none; border-color: #000 #fff #000 #fff; background-color: #ddd; font-family: Verdana, lucida, sans-serif; font-weight: normal; text-align: center;}
table.zastavky td {border-width: 1px; border-style: solid none none none; border-color: #999 #fff #fff #fff;}
table.zastavky span.doba {display: block; text-align: right; width: 3ex; float: left; height: 100%;}
table.zastavky span.doba.mhd {width: 5ex;}
table.zastavky span.zona {display: block; text-align: left; width: 6ex; float: right; height: 100%;}
table.zastavky span.zona.tram {width: 7ex;}
table.trasa {border: 1px solid #000; width: auto; float: left; margin-right: 1ex; margin-top: 1ex; margin-bottom: 1ex; min-width: 15em;}
table.trasa th {border-width: 1px; border-style: solid none solid none; border-color: #000 #fff #000 #fff; background-color: #ddd; font-family: Verdana, lucida, sans-serif; font-weight: normal; text-align: center;}
table.trasa td {border-width: 1px; border-style: solid none none none; border-color: #999 #fff #fff #fff;}
table.trasa span.cas {display: block; text-align: right; width: 12ex; float: left; height: 100%;}
table.trasa span.zona {display: block; text-align: left; width: 6ex; float: right; height: 100%;}
table.trasa span.zona.tram {width: 7ex;}
table.spoje {border: 1px solid #000; width: auto; float: left; margin-right: 1ex; margin-top: 1ex; margin-bottom: 1ex; min-width: 15em;}
table.spoje th {border-width: 1px; border-style: solid none solid none; border-color: #000 #fff #000 #fff; background-color: #ddd; font-family: Verdana, lucida, sans-serif; font-weight: normal; text-align: left; white-space: nowrap}
table.spoje td {border-width: 1px; border-style: solid none none none; border-color: #999 #fff #fff #fff;}
table.spoje .cas {width: auto; padding-right: 1ex; text-align: right;}
table.spoje span.vlak {display: block; width: auto; text-align: right; float: right; margin-left: 1.5ex;}
table.spoje small.doba {display: block; width: auto; text-align: right; float: right; min-width: 2em;}
table.poznamky {border: 1px solid #000; width: auto; color: #000; margin-top: 1ex;}
table.poznamky th {background-color: #ddd; font-weight: bold;}
table.seznam {border: 1px solid #666; width: auto;}
table.seznam tr {border-top: 1px solid #ccc;}
table.seznam tr.noline {border-top-style: none;}
table.seznam th {font-size: 125%; font-weight: bold; text-align: center; vertical-align: top; max-width: 5em;}
span.info, b.info {color: #c00;}
p {margin: 0ex 0ex 1ex 0ex;}
form p {text-align: center;}
div#main {padding: 1ex; margin-left: 118px;}
#menu, #menu2 {position: fixed; overflow: visible; top: 0px; left: 0px; width: 118px; height: 100%; margin: 0px; padding: 0px; border-right: solid 1px #000; text-align: center; background-color: #ddd;}
#linky {padding: 0px; border-bottom: 1px solid #666; margin: 0px;}
#linky a {border: 1px solid #bbb; padding: 0px 1px; margin: 0px -1px; min-width: 10px; line-height: 117%;}
#linky a.wide {padding: 0px 2px;}
#oznacnik {background: transparent url('../img/menu.gif') 3px 1.5em no-repeat fixed; padding: 0px; margin: 0px;}
#oznacnik a {background-color: transparent;}
#tiraz {margin-top: 1ex; text-align: left; font-family: Verdana, lucida, sans-serif; font-size: 85%}
#hlavicka {margin: 1px 0px 0px 100px; padding-left: 1ex; height: auto; vertical-align: top;}
#paticka {line-height: 2em; margin-top: 1ex; clear: right;}
#loading {position: fixed; left: 40%; top: 1.5em; z-index: 2; border: 1px solid #000; background-color: #fff; color: #c00; padding: 1em 3em; font-weight: bold; text-align: center}
img {border: 0px none #fff;}
big {font-size: 125%;}
small {font-size: 85%;}
small.det {color: #00c;}
span.inv {font-weight: bold; color: #fff; background-color: #999; padding: 0px 1px; margin: 0px;}
span.invO {font-weight: bold; color: #fff; background-color: #999; padding: 0px; margin: 0px; min-width: 1.5ex; width: auto; text-align: center; display: block; float: left;}
th.m, td.m, span.m {font-family: Verdana, lucida, sans-serif;}
span.alt {display: none}
span.styl1 {background-color: #ff9; border: 1px solid #fc0; margin-left: -1px}
span.styl2 {background-color: #fcc; border: 1px solid #f99; margin-left: -1px}
span.styl3 {background-color: #cf9; border: 1px solid #9f0; margin-left: -1px}
b.ns {font-weight: bold; color: #00c;}
tt.ns, tt.nsO, tt.bb {font-family: monospace; color: #00c;}
tt.ns {display: none;}
h1 {font-size: 140%; font-weight: bold; margin: 0ex 1ex 1ex 1ex}
hr {border: 0px none #fff; border-top: 1px solid #000}
ul {margin: 0px; padding: 0px; padding-left: 2em}
li {list-style-type: disc; list-style-position: outside}
dl {margin: 0px; padding: 0px}
dt {font-weight: bold;}
dd {margin-left: 2em}
a {color: #00f; text-decoration: none; padding: 0px; border-bottom: 1px dotted #00f;}
a.button {margin: 0px; padding: 1px 3px 1px 3px; border: 1px solid #666; white-space: nowrap;}
a.bigbutton {font-weight: bold; font-size: 140%}
a.jr {background: #fff url("../img/favicon.gif") 1px 50% no-repeat scroll; padding-left: 20px;}
a.smer {background: #fff url("../img/smer.gif") 1px 50% no-repeat scroll; padding-left: 20px;}
a.smer.thin {background: #fff url("../img/smer.gif") 1px 50% no-repeat scroll; padding-left: 15px; border-style: none;}
a.odj {background: #fff url("../img/smer_r.gif") 1px 50% no-repeat scroll; padding-left: 15px;}
a.close {background: #fff url("../img/zavrit.gif") 1px 50% no-repeat scroll; padding-left: 20px;}
a.razeni {background: #fff url("../img/v.gif") 1px 50% no-repeat scroll; padding-left: 40px;}
a.bmhd {background: #fff url("../img/bmhd.png") 1px 50% no-repeat scroll; padding-left: 20px;}
a.idsjmk {background: #fff url("../img/idsjmk.gif") 1px 50% no-repeat scroll; padding-left: 20px;}
a.linky {background: #fff url("../img/linky.gif") 1px 50% no-repeat scroll; padding-left: 20px;}
a.tisk {background: #fff url("../img/tisk.gif") 1px 50% no-repeat scroll; padding-left: 20px;}
a.pd {background: #fff url("../img/pd.png") 50% 50% no-repeat scroll; padding-left: 15px; margin-left: 2px;}
a.pr {background: #fff url("../img/pr.png") 50% 50% no-repeat scroll; padding-left: 15px; margin-left: 2px;}
a.nd {background: #fff url("../img/nd.png") 50% 50% no-repeat scroll; padding-left: 15px; margin-left: 2px;}
a.jd {background: #fff url("../img/smer_d.gif") 50% 50% no-repeat scroll; padding-left: 15px; margin-left: 2px;}
a.ns {background: #fff; color: #00c; padding-left: 5px; padding-right: 5px;}
a.data {background: #fff url("../img/info.png") 50% 50% no-repeat scroll; padding-left: 15px; margin-left: 2px;}
a:hover, a:focus {background-color: #ccf; color: #00c; text-decoration: underline; cursor: Pointer;}
a.vanoce {background: #fff url("../img/smer_u.gif") 1px 50% no-repeat scroll; padding-left: 15px; ; color: #060;}
a.vanoce:hover, a.vanoce:focus {background-color: #cf9; color: #060; text-decoration: underline; cursor: Pointer;}
a.info {color: #c00;}
a.info:hover, a.info:focus {background-color: #fcc}
.d {color: #f00; background-color: #fff; text-decoration: none;}
.xd, a.d:hover, a.d:focus {color: #000; background-color: #f60;}
.t {color: #090; background-color: #fff; text-decoration: none;}
.xt, a.t:hover, a.t:focus {color: #000; background-color: #9c3;}
.a {color: #00f; background-color: #fff; text-decoration: none;}
.xa, a.a:hover, a.a:focus {color: #000; background-color: #0cf;}
.n {color: #006; background-color: #fff; text-decoration: none;}
.xn, a.n:hover, a.n:focus {color: #fff; background-color: #36c;}
.l {color: #099; background-color: #fff; text-decoration: none;}
.xl, a.l:hover, a.l:focus {color: #000; background-color: #9cc;}
.v {color: #900; background-color: #fff; text-decoration: none;}
.xv, a.v:hover, a.v:focus {color: #fff; background-color: #c30;}
.i {color: #000; background-color: #fff; text-decoration: none;}
.xi, a.x:hover, a.x:focus {color: #000; background-color: #fc0;}
a.d {border-color: #f00;}
a.t {border-color: #090;}
a.a {border-color: #00f;}
a.n {border-color: #006;}
a.l {border-color: #099;}
a.v {border-color: #900;}
a.i {border-color: #000;}
u {text-decoration: none; border-bottom: 1px solid #999;}
input {font-size: 100%; padding: 2px; vertical-align: baseline;}
select {font-size: 100%; padding: 0px; vertical-align: baseline;}
button {font-size: 100%; padding: 0px; vertical-align: baseline;}
input.checkbox {margin: 2px; vertical-align: middle;}
input.text {width: 15em; margin: 1px; padding: 1px; border: 1px solid #666;}
input.datum {margin: 1px; padding: 1px; border: 1px solid #666; width: 12ex;}
input.cas {margin: 1px; padding: 1px; border: 1px solid #666; text-align: right;}
input.linky {width: 10em; margin: 1px; padding: 1px; border: 1px solid #666;}
select.select {margin: 1px; font-size: 100%; border: 1px solid #666;}
select.selecttext {width: 15em; margin: 0px; font-size: 95%; border: 1px solid #666}
input.submit {display: inline; margin: 0px; padding: 0px 1ex; border: 1px solid #666; background-color: #fff; color: #00f; cursor: Pointer;}
input.submit:hover, input.submit:focus, input.buttonZPET:hover, input.buttonZPET:focus {text-decoration: underline; background-color: #ccf;}
button.submit {display: inline; margin: 0px; overflow: visible; padding: 0px 1ex; border: 1px solid #666; background-color: #fff; color: #00f; cursor: Pointer;}
button.buttonZPET {display: inline; margin: -2px 0px 0px 2px; padding: 1px; border: 1px solid #666; background: transparent url("../img/smer_l.gif") 0% 50% no-repeat scroll; padding-left: 15px; background-color: #fff; color: #00f; cursor: Pointer; font-size: 107%}
button.submit:hover, button.submit:focus, button.buttonZPET:hover, button.buttonZPET:focus {background-color: #ccf}
button.submit:hover span, button.submit:focus span, button.buttonZPET:hover span, button.buttonZPET:focus span {text-decoration: underline}

#menu select.select {width: 80px;}
#menu input.submit {width: 30px; padding: 0px 1px;}

#menu2 select.select {width: 116px;}
#menu2 select.selectRazeni {width: 75px;}
#menu2 input.submit {width: 116px;}
#menu2 input.text {width: 112px;}
#menu2 input.datum {width: 112px;}
#menu2 input.cas {width: 35px;}
#menu2 label {background-color: inherit;}

table.odjezdy a {text-decoration: none; color: #000; background-color: transparent; border-style: none;}
table.odjezdy a.styl1 {background-color: #ff9; border: 1px solid #fc0; margin-left: -1px;}
table.odjezdy a.styl2 {background-color: #fcc; border: 1px solid #f99; margin-left: -1px;}
table.odjezdy a.styl3 {background-color: #cf9; border: 1px solid #9f0; margin-left: -1px;}
table.odjezdy a:hover, table#odjezdy a:focus {text-decoration: underline;}
table.spoje a {display: block; text-align: right; width: 100%;}
table.spoje a.vlak {display: inline}
#hlavicka form, #paticka form {display: inline; margin: 0px; padding: 0px}
tt.paj {background-color: #fc0; border: 1px solid #ccc; margin: 0px 1px; font-family: monospace;}
#menu a.button, #menu2 a.button {display: block; margin-top: 1px;}
a.mapa {color: #093;}
a.mapa:hover {background-color: #cfc;}
table.odjezdy a.odjezd {position: relative;}
table.odjezdy a.odjezd div.popisek {display: none; visibility: visible; position: absolute; left: 1.5em; top: 1.5em; border: 1px solid black; background-color: white; z-index: 2; white-space: nowrap;}
table.odjezdy a.odjezd:hover div.popisek {display: block;}

table#kalendar {position: absolute; border-collapse: separate; display: none; background-color: #fff; border: 1px solid #000; color: #000; text-align: center; vertical-align: middle; width: auto; margin: 0px; padding: 0px;}
table#kalendar td {border: 1px solid #666; color: #00f; padding: 1px; min-width: 2.5ex;}
table#kalendar td:hover, table#kalendar td:focus {cursor: pointer; background-color: #ccf; color: #00c;}
table#kalendar .aktualni {border-color: #c00; font-weight: bold; color: #c00;}
table#kalendar td.empty {border-style: none; cursor: default; background-color: #fff; color: #000;}
table#kalendar td.invisible {display: none;}