body { font: normal 1em "Arial", sans-serif; font-size: 77%; }
div, p, form, table, label, ul, ol, li { margin: 0 0 0 0; padding: 0 0 0 0; }

/* Globalni styly */
h1, h2, h3, h4, h5, p, ul, ol { margin: 0 0 1em }
h1 { font-size: 1.9em; margin: 0.5em 0 0.75em; width:77%; }
h2 { font-size: 1.3em; margin: 0; padding:0 0 20px; }
h3 { font-size: 1.1em; margin: 0.5em 0 }
a { color: black; text-decoration:none; }
br.clear { display: block; width: 960px; clear: both; height:1px; margin-bottom:-1px; overflow:hidden; }
span.clear { display: block; clear: both; height:1px; margin-bottom:-1px; overflow:hidden; }
img { border: 0; }
#pole ul, #pole ol { padding-left: 25px; }
hr { position: absolute; top: -100721px; width: 1px; }
.blind { position: absolute; top: -100721px; width: 1px; height:1px; overflow:hidden; }
.inv { display:none; }
.fl-l { float:left; }
.fl-r { float:right; }
.strong{ font-weight:bold; }

input { font-size:1.2em; }

body { margin:10px; }

/* Hlavni obsahove bloky */
div#head, div#obsah { text-align: left; position: relative; }
div#head { height: 90px; position: relative; margin: 0; border-bottom:2px solid #ccc; }
div#foot { border-top:2px solid #ccc; padding:10px 0 0; }
div#pole { padding:20px 0; position:relative; }

div#foot .fl-r { text-align:right; }

/* Hlavicka */
div#head h1#logo, div#head p#logo { width: 257px; height: 55px; overflow: hidden; padding:0; margin:0; }
div#head h1#logo img, div#head p#logo img { display: block; width: 257px; height: 55px; }
div#head p#jumps { display:none; }

div#head form { position: absolute; right: 10px; bottom: 10px; }
div#head form p { margin:0; padding:0; text-align:right; }
div#head form p * { vertical-align:middle; }
div#head form label { position: absolute; top: -100721px; }
div#head hr { position: absolute; top: -721px; }

/* MENU JAKO DPP */
#menu { display:none; }

/* MENU JR */
#jr-menu-top { display:none; }

/* RUZNE SEZNAMY - CISLOVANI, ODRAZKY, PISMENKA ATD. */
ul.list-bullet li { list-style-image:url(grafika/bullet.gif) !important; }
/* Odrazky jsou mala pismenka */
ul.list-a li { list-style-image: none; list-style-type: lower-alpha; }
/* Odrazky jsou velka pismenka */
ul.list-A li { list-style-image: none; list-style-type: upper-alpha; }
/* Odrazky jsou male rimske cislice */
ul.list-i li, ol.list-a li { list-style-image: none; list-style-type: lower-roman; }
/* Odrazky jsou velke rimske cislice */
ul.list-I li, ol.list-a li { list-style-image: none; list-style-type: upper-roman; }
/* No bullet */
ul.list-none li, ol.list-none li { list-style-image: none; list-style-type: none; }


p.paging { display:none; }

/* oznaceni vyzadovanych polozek ve formularich, viz: http://dpp.cz.dev5/kontakty/stiznost/ - chovani ridice, nejak si to predelejte */
p .required  { border: 1px solid #e33; }

div.common-form { width:630px; }
div.common-form form { margin:0; padding:0; }
div.common-form h2 { margin:20px 0 0 10px; padding:0; font-size:1em; clear:both; }
div.common-form ul { margin:0; }
div.common-form fieldset { border:0; padding:10px 0; position:relative; overflow:hidden; }
div.common-form fieldset input.txt { width:250px; border:1px inset black; }
div.common-form fieldset input.required { width:250px; }
div.common-form fieldset textarea { width:450px; height:120px; }
div.common-form fieldset option {  }
div.common-form fieldset.tema {  }
div.common-form fieldset.telo {  }
div.common-form p.submit-line { display: block; clear: both; margin:0; }
div.common-form fieldset p label { display: block; width:145px; margin:0 5px 0 0; float:left; text-align:right; }
div.common-form fieldset p label.req { font-weight:bold; }
div.common-form fieldset p { clear:both; }
/* odesilatko */
div.common-form p.submit-line { text-align:right; height:40px; }
div.common-form p.submit-line input { margin:6px 17px 0 0; }
/* filtry */
div.common-form fieldset.filtr { padding:10px; }
div.common-form fieldset.filtr legend { position:absolute; left:-100000px; top:0px; width:1px; height:1px; overflow:hidden; display:block; }
div.common-form fieldset.filtr label { width:100px; }

span.anchor { display: block; width: 1px; height: 1px; font-size: 1px; position: absolute; overflow:hidden; top:0; left:-100000; }


/* VYPIS SPOJENI */
div.spojeni { position:relative; border-top:1px solid #ccc; padding:15px 9px 20px; }
div.spojeni * { vertical-align:middle; }
div.spojeni h3 { font-size: 1.3em; margin: 0.5em 0; font-weight:normal; }
div.spojeni h3 strong { font-weight:bold; }

p.usek { padding: 0 0 0 20px; clear:both; }
p.usek span.start { display: block; width:30%; float:left; display:block; }
p.usek span.cil { display: block; width:30%; float:left; display:block; }
p.usek a { font-weight:bold; }
p.usek a:hover { text-decoration:none; }
p.usek span.metro-a,
p.usek span.metro-b,
p.usek span.metro-c,
p.usek span.bus,
p.usek span.tram,
p.usek span.os-vlak,
p.usek span.lanovka,
p.usek span.aero { display: block; width:20%; float:left; display:block; margin:0 15px 0 0; }
p.usek span.metro-a a,
p.usek span.metro-b a,
p.usek span.metro-c a,
p.usek span.bus a,
p.usek span.tram a,
p.usek span.os-vlak a,
p.usek span.lanovka a,
p.usek span.aero a { text-decoration:none; }
p.usek span.metro-a a span,
p.usek span.metro-b a span,
p.usek span.metro-c a span,
p.usek span.bus a span,
p.usek span.tram a span,
p.usek span.os-vlak a span,
p.usek span.lanovka a span,
p.usek span.aero a span { text-decoration:underline; margin-left:3px; }
p.usek span.metro-a a { color:#06ae5f; }
p.usek span.metro-b a { color:#FEC831; }
p.usek span.metro-c a { color:#EE2928; }
p.usek span.bus a { color:#55C8DF; }
p.usek span.tram a { color:#790503; }
p.usek span.os-vlak a { color:#7a7c7f; }
p.usek span.lanovka a { color:#bdd13c; }
p.usek span.aero a { color:#003b5d; }
p.usek span.usek-note { display:block; margin:0 0 0 82%; color:#666; }
p.desc                { font-size: 0.8em; }
p.walk { padding:0 0 0 20px; }


/* poznamka ke spoji */
p.note { color:#666; padding: .8em 0 0 20px; } 
p.note * { vertical-align:middle; }
p.note span.pondeli { color:#666; padding: .8em 0 0 20px; }

div.submit-line { display:none; }

/* BUTTONY */
input.siroky { width: 144px; height: 28px; text-align: center; border: 0; font-family: Trebuchet MS; font-size: 1.2em; line-height: 28px; color: #fff; margin:6px 0 0 8px; }
input.uzky { width: 86px; height: 28px; text-align: center; border: 0; font-family: Trebuchet MS; font-size: 1.2em; line-height: 28px; color: #fff; margin:6px 0 0 8px; }

/* usermenu */
p#usermenu { width: 399px; height: 35px; position: absolute; top: -95px; right: 10px; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; }
p#usermenu a { display: block; width: 175px; height: 35px; float: left; font-weight: bold; }

#goinfolinka { position:absolute; right:0; top:0; }

a.favorite { display:none; }

a#jr { display:none; }
a#dpp { display:none; }

.nprint { display:none; }
.nowrap { white-space: nowrap; }

/* JIZDNI RADY */

body.jizdni-rady #obsah { padding:0; }
body.jizdni-rady #pole { position:relative; }

ul#jr-menu { display:none; }

/* BOX LINKA */
div.box-linka { float:none !important; margin:0; padding:0; }
div.box-linka h2 { color:black; font-weight:bold; padding:1em 1em 0 0; }
div.box-linka h2 strong {  }
div.box-linka p { color:black; padding:0 1em 0 0 }

/* LINE BOX */
div.line-box a { display:none; }

/* Tabulky vypisu */
table { border-collapse: collapse; width: 100%; margin: 10px 0 20px 0; page-break-before: avoid; }
table caption { text-align: left; }
table tr { border: 1px solid #ccc; border-width: 0; clear:both; }
table tr th { text-align: left;  padding: 3px 5px; color: #fff; }
table tr td { padding: 3px 5px; border: 1px solid #ccc; border-width: 1px 0 }
table tr td.even { padding: 7px 10px; border: 1px solid #ccc; border-width: 1px 0; }
table tr td.odd { padding: 7px 10px; border: 1px solid #ccc; border-width: 1px 0; }
table thead { padding: 8px 0; display: table-header-group; }
table tfoot { padding: 8px 0; display: table-footer-group; }
table thead tr td, table tfoot td {  border-bottom: 0px; color: #847764; }
table thead tr, table thead tr td, table tfoot tr, table tfoot tr td { border-width: 0 0 0 0; padding: 0 0 0 0; }
table thead tr td, table tfoot tr td { padding: 8px 0; }
table tr td a { color:black; }
table tr td a:hover { text-decoration:none; }

table.zastavky tr { border-width: 0 1px; }
table.zastavky tr td.even, table.zastavky tr td.odd { border-width: 1px 1px 1px 0; font-weight:bold; width:30%; }
table.zastavky tr td a { margin:0 5px 0 0; }

h2.linkove-jr-home { margin:20px 0 10px; padding:0; }

table.linkove-jr-home { float:none !important; border-width: 0 1px; }
table.linkove-jr-home caption { font-weight:bold; }
table.linkove-jr-home tr td a {  }
table.linkove-jr-home tr td { border-color:black; }
table.linkove-jr-home tr td.first { border-top:1px solid #A89D8E; }

table.draha-spoje caption { font-weight:bold; font-size:1.3em; }
table.draha-spoje a { color:#B4810C; }

/* VYPIS LINEK */
#column-vypis table tr th { border:1px solid black; border-width:1px 0; color:black; }

#column-vypis table th.prostredek { width:45px; }
#column-vypis table th.pdf, #column-vypis table td.pdf { width:25px; padding-left:0; padding-right:0; }
#column-vypis table td.pdf a, #column-vypis table td.mapa a { display:none; }
#column-vypis table th.mapa, #column-vypis table td.mapa { width:55px; padding-left:0; padding-right:0; }
#column-vypis table td a.pdf { width:16px; text-indent:-10000px; }

table.zastavkovy-jr-podrobny caption { font-size:1.6em; font-weight:bold; margin:0 0 20px 0; }
table.zastavkovy-jr-podrobny tr th.minuty { width:40px; }
table.zastavkovy-jr-podrobny tr th.hodina { width:30px; }
table.zastavkovy-jr-podrobny tr td span { margin:0 3px; }
table.zastavkovy-jr-podrobny tr td img { margin-left:-5px; margin-right:-5px; }
table.zastavkovy-jr-podrobny tr th.smer { width:11px; }
table.zastavkovy-jr-podrobny tr td, table.zastavkovy-jr-podrobny tr th { padding-left:5px; padding-right:0; }

table.zastavkovy-jr-podrobny-zastavky, table.zastavkovy-jr-podrobny-zastavky td { background:none !important; }
td.ramec { vertical-align:top; border:0; background:none; padding:2px; text-align:left; }
td.col-l { width:25%; }
td.col-r { width:75%; }

/* ZLUTA TLACITKA */
div.tools { display:none; }

/* Vyhledavaci formular */
form.route { margin: 20px 0 0 0; position: relative;  }
form.route fieldset { border: 0;  position: relative; overflow: hidden;  margin: 0; padding: 0; }
form.route fieldset#cas-field { display:inline; }
form.route fieldset#prestupy-field { clear: left;  margin: 0 0 0 0; padding: 5px 0 0 0; }
form.route fieldset legend { position: absolute; text-indent: -721px; font-size: 0; }
form.route p { height: 3em; line-height: 2em; margin:0; padding: 0; position:relative; left:20px; }
form.route p.cas { width: 170px; height: auto; line-height: auto; float: left; margin:0 20px 0 0; }
form.route label.lab, form.route p span.lab { display: block; width: 60px; float: left; margin:0; padding:0; }
form.route label.labin { display: block; float: left; margin:0; padding:0 5px 0 20px; }
form.route input.w220 { width: 220px; }
form.route input#txtDate, form.route input#txtTime { width: 90px; }
form.route input.txt { color: #000; border: 1px solid black; float: left; margin: 0 4px 0 0; }
form.route input.txt:focus { color: #000; border: 1px solid #000; }
form.route input.txt#txtDate { margin: 0 15px 0 0; }
form.route select#cboChanges { width:40px; }
form.route select { width:200px; }
form.route p.submit-line { display: none; }
form.route a.map { display: block; width: 37px; height: 26px; line-height: 24px; text-align: center; float: left; position: relative; bottom: 4px; font-size: 90%; margin: 0 10px 0 0; color: #fff; }
form.route a.map:link, #tools div.panel form.route a.map:visited { color: #fff; }
form.route a.map:active, #tools div.panel form.route a.map:hover { color: #fff; }
form.route .param-hledani { border-top: 1px solid black; padding: 15px 9px 20px 9px; }
form.route .btns                { display:none; }
form.route .param-hledani p     { left: 0; height: 2.2em; }
form.route  p.btns              { left: 0 !important; }
form.route .param-hledani p .indent{ margin-right: 12px; }
form.route .param-hledani p.spec      { padding-left: 23px; }
form.route .param-hledani p.last      { padding-bottom: 15px; }
form.route .param-hledani p.check span { float:left; width:160px; }
form.route .param-hledani p.check span.short { width:120px; }
form.route .param-hledani p.check2 span    { width: 190px; float: left; }
form.route .param-hledani p select    { width: 50px; }
form.route .btns input              { display: block; float: left; height: 26px; line-height: 26px; color: #fff; font-family: Trebuchet MS; font-size: 1.2em; border: 0; margin-right: 20px; }
form.route .btns input.opacny-smer  { width: 124px; }
form.route .btns input.podrob-vyhl  { width: 184px; margin-right: 150px; }
form.route .btns input.vyhl         { width: 114px; }

/* Detail zastávky */
.zastavky span          { font-weight:bold; }

span.print { display:inline !important; }