body { margin: 0; padding: 0; color: #000; font: normal 1em "Arial", sans-serif; font-size: 77%; background: url(grafika/body-bg-idos.gif) no-repeat center 162px #ACB5A2; background-attachment: fixed; text-align: center; }
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.5em; margin: 0; padding:0 0 20px; }
h3 { font-size: 1.3em; margin: 0.5em 0 }
h1, .red, h2 { color: #e0322c }
h3 { color: #000 }
a { color: #B4810C }
a:visited { /*color: #752E94;*/ }
a:active, a:hover { color: #000; }
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; }
a img, a:hover 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; }

/* Hlavni obsahove bloky */
div#head, div#obsah { width: 960px !important; text-align: left; position: relative; margin: 0 auto; }
div#head { height: 90px; background: url(grafika/bg-head-idos.gif) 0% 0% no-repeat #fff; position: relative; margin: 15px auto 0 auto; }
div#obsah { min-height:800px; margin:15px auto 0 auto; background:url(grafika/bg-bottom.gif) 0% 100% no-repeat #fff; padding:20px 0 0 0; _height:expression((document.documentElement.offsetHeight)<800)?"800px":(document.documentElement.offsetHeight);}
div#pole { padding:20px 18px 70px; position:relative; }
div#foot { width: 100%; padding: 0; margin: 0; clear: both; background: #88786E; }

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

/* Hlavicka */
div#head h1#logo, div#head p#logo { width: 257px; height: 55px; overflow: hidden; position: absolute; left: 9px; top: 18px; padding: 0 0 0 0; margin: 0 0 0 0; }
div#head h1#logo img, div#head p#logo img { display: block; width: 257px; height: 55px; }
div#head p#jumps { width:80px; height:21px; position:absolute; top:21px; right:14em; z-index:10; padding:0; margin:0; }
div#head p#jumps span.pipe { display: none; }
div#head p#jumps a#jump2menu, div#head p#jumps a#jump2search, div#head p#jumps a#jump2content, p.jumpin { position: absolute; top: -100721px; }

/* Prepinac jazyku - bohuzel nejakej moula protlacil hloupe vlajecky */
div#head p#jumps a { margin:0 4px 0 0; }
div#head p#jumps a img { border: 1px solid #867970; }
div#head p#jumps a:hover img { border: 1px solid #000; }

/*
div#head p#jumps a#goenglish, div#head p#jumps a#godeutsch, div#head p#jumps a#goczech { display: block; width: 21px; height: 17px; position: absolute; top: 0; left: 0; z-index: 10; }
div#head p#jumps a#godeutsch { left: 28px; }
div#head p#jumps a#goczech { left: 28px; }
*/

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 { width: 960px; position: absolute; top: -5px; left: 0; z-index:5; text-align: center; border: 0px solid #5D4C41; height: 2.25em; line-height: 2.25em; font: bold 1.2em "Trebuchet", "Trebuchet MS", sans-serif; margin:0; }
#menu ul		{ width: 960px; height: 2.25em; padding: 0 0 1px 0; margin:0; border:0; border-bottom: 1px solid #5D4C41; _padding:0; }
#menu ul li { list-style-type: none; height: 2.25em; line-height:2.25em; float:left; padding:0; margin:0; position: relative; }
#menu ul li a { display: block; padding: 0 0 0 0; margin: 0 0 0 0; height: 2.25em; line-height: 2.25em; text-decoration: none; color: #fff; background: #867970; border: 1px solid #CEC8BF; border-width: 0 0 1px 0; position: relative; }
#menu ul li a span { display: block; width: 11px; height: 11px; background: url(grafika/menu-bullet.gif) 0 0 no-repeat; position: absolute; top:2.3em; left: 50%; z-index: 1; margin-left:-5px; margin-top:-5px; }
#menu ul li a:hover span { z-index: 10 !important; background-image: url(grafika/menu-bullet-over.gif); }

#menu .first a { background: url(grafika/menu-left-corners-idos.gif) no-repeat left top #867970 }
#menu .last a	{ background: url(grafika/menu-right-corners-idos.gif) no-repeat right top #867970 }
#menu a:hover { background-color: #70655F }
#menu .first a:hover { background-position: left -1000px }
#menu .last a:hover { background-position: right -1000px }
#menu a.active { background-color: #5D4C41 }
#menu a.active span { background-image: url(grafika/menu-bullet-over.gif); }
#menu .first a.active	{ background-position: left -2000px }
#menu .last a.active	{ background-position: right -2000px }

#menu a { display: block; float: left; width: 96px; }

#menu .menu_1		{ width: 182px }
#menu .menu_2		{ width: 220px }
#menu .menu_3		{ width: 243px }
#menu .menu_4		{ width: 127px }
#menu .menu_5		{ width: 188px }

/* MENU JR */
#jr-menu-top { width: 960px; position: absolute; top: -5px; left: 0; z-index:5; text-align: center; line-height: 2.25em; font: bold 1.2em "Trebuchet", "Trebuchet MS", sans-serif; background:url(grafika/bg-jr-menu-top.gif) 0 0 no-repeat #867970; margin:0; }
#jr-menu-top ul	{ width:960px; height:3em; color:#b7b7b7; height: 2.25em; padding: 0 0 2px 0; margin:0; border:0; background:url(grafika/jr-menu-top-linka.gif) repeat-x 0 bottom; }
#jr-menu-top ul li { list-style-type: none; list-style-image: none; height: 2.25em; line-height:2.25em; float:left; padding:0; margin:0; position: relative; }
#jr-menu-top ul li a { display: block; padding: 0 1.5em; margin: 0 0 0 0; height: 2.25em; line-height: 2.25em; text-decoration: none; color: #fff; position: relative; border:1px solid #acb5a2; border-width:0 1px; margin-right:-1px; }

#jr-menu-top .first { width:191px; margin:0 20px 0 0; text-align:right; }
#jr-menu-top a:hover { background-color: #b7b7b7 }
#jr-menu-top a.active { background-color: #5D4C41; }

#jr-menu-top a { display: block; float: left; }
/* ABECEDA */
#jr-menu-top ul.abeceda li a	{ padding:0 .6em; border:0; }



/* Paticka */
div#foot { color: #F3F0EB; position:relative; }
div#foot div.cont { margin:0 auto; padding: 18px 0 50px; text-align:left; width:940px; position:relative; }
div#foot a:link, div#foot a:visited { color: #F3F0EB; }
div#foot a:active, div#foot a:hover { color: #fff; }

/* RUZNE SEZNAMY - CISLOVANI, ODRAZKY, PISMENKA ATD. */
/* Bezny seznam - cerveny bullet */
ul li { list-style-image:url(grafika/bullet.gif); }
/* Kde vsude nechceme bullet - napriklad v menu */
div#menu ul li { list-style-image: none; }
/* Vynucena bulletka */
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 { height:auto; }
a.next { }
a.back { }


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

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 { background:#F3F0EB; margin:0; }
div.common-form fieldset { border:0; background:#F3F0EB; 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; background: url(grafika/bg-spojeni-submit.gif) 0% 0% no-repeat #E0DCD5; 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; }

/* dva formuláře v submit line */
div.submit-line.forms2 form    { display:inline; }
form.inline, form.inline div { display:inline; }

/* odesilatko */
div.common-form p.submit-line { text-align:right; height:40px; background: url(grafika/bg-common-form-submit.gif) center bottom no-repeat; background-color:none; }
div.common-form p.submit-line input { margin:6px 17px 0 0; }

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

/* Souhrn - výpis jízdy */
.souhrn-jizda span  { display: block; float: left; width: 100px; }
.times span         { margin-right: 10px; }
.ttinfo span  { display: block; float: left; width: 150px; }

/* VYPIS SPOJENI */
div.spojeni { position:relative; border-top:1px solid #D3C9B8; padding:15px 9px 20px; }
div.spojeni img { vertical-align:middle; }
div.spojeni h3 { font-size: 1.3em; margin: 0.5em 0; font-weight:normal; }
div.spojeni h3 span.sipka { background:url(grafika/idos-pomlcka.gif) 50% 50% no-repeat; }
div.spojeni h3 strong { font-weight:bold; }
div.spojeni.linka { padding: 5px 0px 5px 9px; }


/* prace se spojem */
div.spojeni div.tools { position:relative; height:0; }
div.spojeni div.tools span { display:none; }
div.spojeni div.tools a { display:block; height:26px; overflow:hidden; text-indent:-1000px; position:absolute; bottom:0; }
div.spojeni div.tools a.mapa { width:37px; right:76px; background:url(grafika/idos-spoj-tools.gif) 0 0 no-repeat; text-indent: 0; text-decoration: none; color: #fff; text-align: center; padding-top: 5px; height: 21px; font-size: 0.9em;text-indent: 0; text-decoration: none; color: #fff; text-align: center; padding-top: 5px; height: 21px; font-size: 0.9em; }
div.spojeni div.tools a.detail { width:28px; right:43px; background:url(grafika/idos-spoj-tools.gif) -37px 0 no-repeat; }
div.spojeni div.tools a.tisk { width:28px; right:10px; background:url(grafika/idos-spoj-tools.gif) -65px 0 no-repeat; }
div.spojeni div.tools a.mapa:hover { background-position: 0 bottom }
div.spojeni div.tools a.detail:hover { background-position: -37px bottom; }
div.spojeni div.tools a.tisk:hover { background-position: -65px bottom; }

p.usek { padding: 0 0 0 40px; clear:both; margin:0 0 .5em; }
p.usek span.start { display:block; float:left; width:210px; background:url(grafika/sipka-idos-spojeni.gif) 100% 5px no-repeat; padding-right: 50px; margin-right: 60px; }
p.usek span.cil { display:block; float:left; width:200px; background:url(grafika/sipka-idos-spojeni.gif) 1px 5px no-repeat; padding-left: 70px;}
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.vlak,
p.usek span.lanovka,
p.usek span.aero { display:block; float:left; width:150px; /*background:url(grafika/ico-aero.gif) 0 50% no-repeat; */}
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.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.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.vlak a { color:#7a7c7f; }
p.usek span.lanovka a { color:#bdd13c; }
p.usek span.aero a { color:#003b5d; }
p.usek a.bezbar { /*padding:0 15px 0 0; */background:url(grafika/ico-bezbar.gif) 100% 50% no-repeat; }
p.usek span.usek-note { display:block; margin:0 0 0 650px; /*text-indent:15px; */color:#666; }
p.desc                { font-size: 0.8em; }
/*p.usek span.tarif { background:url(/css/grafika/ico-tarifni-pasmo.gif) 0 50% no-repeat; }*/

p.walk { text-indent:378px; background:url(grafika/ico-walk.gif) 360px 50% no-repeat; }

/* poznamka ke spoji */
p.note { color:#666; padding: .4em 0 0 40px; background:url(grafika/ico-note.gif) 22px .4em no-repeat; } 
p.note img { vertical-align:middle; }
p.note span.pondeli { color:#666; padding: .8em 0 0 40px; background:url(grafika/ico-note.gif) 22px .8em no-repeat; }
/*p.note abbr { vertical-align:baseline; }*/

/* poznamky ke spoji - odjezdy prijezdy */
.odjezdy-prijezdy { width:100%; }
.odjezdy-prijezdy p.start-a-cil { padding: 0; margin:5px 0 0; color:#666; }
.odjezdy-prijezdy p.note { padding: 0 0 0 20px; background:url(grafika/ico-note.gif) 0% 0% no-repeat; margin:0; }

div.submit-line { padding:1px 0 0; border-top:1px solid #D3C9B8; }
div.submit-line div { text-align:left; height:3.4em; background: url(grafika/submit-line-wide.gif) 50% 100% no-repeat; position:relative; }
div.submit-line div input { margin:6px 0 0 8px; }
div.submit-line div p.tools { position:absolute; right:22px; top:11px; }
div.submit-line div p.tools a { font-weight:bold; margin:0 0 0 20px; }
div.submit-line div span { display:none; }

/* BUTTONY */
input.siroky { width: 144px; height: 28px; text-align: center; background: transparent url('grafika/button-siroky.gif') no-repeat top left; 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; background: transparent url('grafika/button-uzky.gif') no-repeat top left; 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 { background:#0089CF url(http://www.dpp.cz/css/grafika/bg-infolinka_left.gif) no-repeat 0 50%; color:white; display:block; height:35px; overflow:hidden; position:absolute; right:-13em; top:-7px; width:14.5em; }
#goinfolinka strong { background:url(http://www.dpp.cz/css/grafika/bg-infolinka_right.gif) no-repeat 100% 0; display:block; height:35px; line-height:1em; margin:0 0 0 35px; padding:5px 5px 0 0; white-space:nowrap; text-indent:0; }
#goinfolinka span { display:block; font-weight:normal; text-indent:0; }

* + html span#goinfolinka strong { height: 30px; }
* * html span#goinfolinka strong { height: 30px; }

a.favorite { display:block; position:absolute; right:20px; top:40px; padding:0 0 0 10px; background:url(grafika/ico-favorite-idos.gif) 0 50% no-repeat; color:black; font-size:.9em; font-weight:bold; }
a.favorite { display:block; position:absolute; right:20px; top:40px; padding:0 0 0 15px; background:url(grafika/ico-favorite-idos.gif) 0 50% no-repeat; color:black; font-size:.9em; }

span.hledano   { position:absolute; right:20px; top:40px; padding: 0; color:black; font-size:1em; font-weight:bold; display:block; }

a#vs, a#jr, a#dpp { display:block; position:absolute; height:26px; top:59px; text-decoration:none; overflow:hidden; padding-top:7px; text-align:center; color:#fff; font-weight:bold; font-family:Trebuchet MS; font-size:1.15em; }

/* HP zmena */ a#vs { background:url(grafika/user-link-vs.gif) no-repeat 0 0; right:104px; width:150px; }
/* HP zmena */ a#jr { background:url(grafika/user-link-jr.gif) no-repeat 0 0; right:104px; width:122px; }
/* HP zmena */ a#dpp { background:url(grafika/user-link-dpp.gif) no-repeat 0 0; right:-1px; width:114px; }
a#vs:hover, a#jr:hover, a#dpp:hover { background-position: 0 -49px; }

a.pdf { height:16px; text-indent:20px; background:url(grafika/pdf.gif) 0 50% no-repeat; display:block; float:left; }

/* JIZDNI RADY */

body.jizdni-rady #obsah { background:white url(grafika/bg-jr-obsah.gif) 0 0 repeat-y; padding:0; }
body.jizdni-rady #pole { width:714px; float:right; position:relative; right:14px; padding:40px 0; margin:0; _top: 10px; }

ul#jr-menu { float:left; width:210px; margin:50px 0 50px; padding:0; }
ul#jr-menu li ul { width:auto; padding:0; margin:0; }
ul#jr-menu li { list-style-type:none; list-style-image:none; overflow:hidden; margin:0; }
ul#jr-menu li a { height: 15px; display:block; padding:.8em 0; text-indent:22px; background:#f4f4f4 url(grafika/jr-menu-red.gif) 10px 50% no-repeat; font-weight:bold; color:black; text-decoration:none; }
ul#jr-menu li.open a { background-image:url(grafika/jr-menu-black.gif); background-position:8px 50%;  font-weight:bold; }
ul#jr-menu li a:hover, #jr-menu li.open ul li a:hover { background-color:#b8b4b1; }
ul#jr-menu li ul li a,#jr-menu li.open ul li a { text-indent:42px; background:#e4e4e4 url(grafika/jr-menu-dot.gif) 31px 50% no-repeat; font-weight:normal; }
ul#jr-menu li ul li.active a { background-color:#5d4c41; color:white; font-weight:bold; }

/* BOX LINKA */
div.box-linka { width:352px; position:relative; }
div.box-linka a { color:black; }
div.box-linka a:hover { text-decoration:none; }
div.box-linka h2 { background:url(grafika/bg-linka.gif) 0 0 no-repeat; color:black; font-size:1em; font-weight:bold; padding:1em 1em 0 7.5em; }
div.box-linka h2 strong { position:absolute; left:15px; top:5px; font-size:2.9em; color:#867970; }
div.box-linka p { background:url(grafika/bg-linka.gif) 0 100% no-repeat; color:black; padding:0 1em 1em 7.5em; }

img.correct { margin-bottom:-5px; }

/* BOX LINKA */
div.box-linka-ost { background:url(grafika/bg-linka.gif) 0 0 no-repeat; width:352px; position:relative; overflow:hidden; margin:0 0 10px; }
div.box-linka-ost a { color:black; }
div.box-linka-ost a:hover { text-decoration:none; }
div.box-linka-ost h2 { float:left; font-size:2em; line-height:1em; color:#867970; margin:10px 25px 0 0; padding:0; position:relative; left:12px; top:0; }
div.box-linka-ost div { float:left; margin:8px 15px 0 0; font-size:1em; width:170px; }
div.box-linka-ost div h3 { font-size:1em; margin:0; padding:0; display:block; }
div.box-linka-ost span.bot { background:url(grafika/bg-linka.gif) center -190px no-repeat; height:10px; display:block; overflow:hidden; clear:both; width:352px; }

/*
div.box-linka-ost { width:352px; position:relative; }
div.box-linka-ost a { color:black; }
div.box-linka-ost a:hover { text-decoration:none; }
div.box-linka-ost h2 { background:url(grafika/bg-linka.gif) 0 0 no-repeat; color:black; font-size:1em; font-weight:bold; padding:1em 1em 0 13.5em; position:relative; }
div.box-linka-ost h2 strong { position:absolute; left:15px; top:11px; font-size:2em; color:#867970; width:140px; text-align:right; }
div.box-linka-ost p { background:url(grafika/bg-linka.gif) 0 100% no-repeat; color:black; padding:0 1em 1em 13.5em; }*/

/* LINE BOX */
div.line-box { background:url(grafika/bg-zast-jr.gif) 0 0 no-repeat; width:714px; height:36px; }
div.line-box span { display:block; padding: 10px 10px 0 ; }
div.line-box span a { font-weight:bold; color:black; margin:0 10px 0 0; }
div.line-box span a:hover { text-decoration:none; }

/* Tabulky vypisu */
table { border-collapse: collapse; background: #fff; width: 100%; margin: 10px 0 20px 0; }
table caption { text-align: left; }
table tr { border: 1px solid #CEC8BF; border-width: 0; clear:both; }
table tr th { background: #B4AB9C; text-align: left;  padding: 7px 10px; color: #fff; }
table tr td { padding: 7px 10px; border: 1px solid #CEC8BF; border-width: 1px 0 }
table tr td.even { background: #F3F0EB; padding: 7px 10px; border: 1px solid #CEC8BF; border-width: 1px 0; }
table tr td.odd { background: #FBF9F8; padding: 7px 10px; border: 1px solid #CEC8BF; border-width: 1px 0; }
table thead, table tfoot { padding: 8px 0; }
table thead tr td, table tfoot td { background: #fff; 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 { border-width: 0 1px; width:352px; }
table.linkove-jr-home caption { font-weight:bold; }
table.linkove-jr-home tr td.even { background:white; }
table.linkove-jr-home tr td.odd { background:#FBF9F8; }
table.linkove-jr-home tr td a { color:#B4810C; font-weight:bold; text-indent:25px; }
table.linkove-jr-home tr td { border-color:#E0D9CD; }
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 */
div.wmax { width:920px !important; position:relative; }
#column-vypis { width:530px; float:left; overflow:visible; padding:0; margin:0; position:relative; }
#column-vypis table tr th { border:1px solid #A89D8E; background:#F3F0EB; border-width:1px 0; color:black; }
#column-vypis table tr.even td { background:white; }
#column-vypis table tr.odd td { background:#FBF9F8; }

#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 th.mapa, #column-vypis table td.mapa { width:55px; padding-left:0; padding-right:0; }
#column-vypis table td.mapa a { color:#B4810C; }
#column-vypis table td a.pdf { width:16px; text-indent:-10000px; }

/* tabulka - detail spojení */
#column-vypis.detail-spojeni .first,
#column-vypis.detail-spojeni .last      { font-style: italic; }
#column-vypis.detail-spojeni a      { color:#B4810C; font-style:normal; }

table.zastavkovy-jr-podrobny { width:100%; }
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:50px; }
table.zastavkovy-jr-podrobny tr td span { margin:0 5px; }
table.zastavkovy-jr-podrobny tr td span img { margin:0 0 0 5px; margin-bottom:-2px; }
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 { border-color:white !important; background:none !important; }
td.ramec { vertical-align:top; border:0; background:none; padding:2px; }
td.col-l { width:25%; }
td.col-r { width:75%; }

/* ZLUTA TLACITKA */
#column-vypis div.tools { position:relative; height:26px; }
#column-vypis div.tools a { display:block; height:26px; overflow:hidden; text-indent:-100000px; float:right; bottom:0; margin:0 0 0 5px }
#column-vypis div.tools a.mapa { width:37px; right:76px; background:url(grafika/idos-spoj-tools.gif) 0 0 no-repeat; text-indent: 0; text-decoration: none; color: #fff; text-align: center; padding-top: 5px; height: 21px; font-size: 0.9em;text-indent: 0; text-decoration: none; color: #fff; text-align: center; padding-top: 5px; height: 21px; font-size: 0.9em; }
#column-vypis div.tools a.detail { width:28px; right:43px; background:url(grafika/idos-spoj-tools.gif) -37px 0 no-repeat; }
#column-vypis div.tools a.tisk { width:28px; right:10px; background:url(grafika/idos-spoj-tools.gif) -65px 0 no-repeat; }
#column-vypis div.tools a.napoveda  { width:28px; background: #fff url(grafika/btn-help.gif) no-repeat top left ; right: 43px; }
#column-vypis div.tools a:hover.napoveda    { background-position: 0 100%; }
#column-vypis div.tools a.mapa:hover { background-position: 0 bottom }
#column-vypis div.tools a.detail:hover { background-position: -37px bottom; }
#column-vypis div.tools a.tisk:hover { background-position: -65px bottom; }
#column-vypis div.tools span { display:none; }


/* Vyhledavaci formular */
form.route { margin: 20px 0 60px 0; position: relative; padding:0; }
form.route fieldset { border: 0; background: none; 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; clear:both; }
form.route p * { vertical-align:middle; }
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 label.uzel { display: block; float: left; margin:0; padding:0 5px 0 0px; width:270px; }
form.route input.w220 { width: 220px; }
form.route input#txtDate, form.route input#txtTime { width: 90px; }
form.route input.txt { background: #F5F9FA; color: #000; border: 1px solid #8DABC2; float: left; margin: 0 4px 0 0; }
form.route input.txt:focus { background: #FFFEDF; 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 select.txt    { float: left; width: 222px; _width: 225px; margin-right: 4px; }
form.route p.submit-line { display: block; clear: both; background: url(grafika/bg-spojeni-submit.gif) 0% 100% no-repeat #E0DCD5; width: 640px; z-index: 5; margin: 0 0 0 0; position: absolute; bottom: 0; left: 0; }
form.route p.submit-line a#change-from-to { display: block; width: 11em; height: 2em; line-height: 2em; position: absolute; left: 10px; top: 6px; font-weight: bold; }
form.route p.submit-line button { display: block; width: 118px; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0; border: none; background: none; position: absolute; right: 10px; top: 3px; cursor: pointer; }
form.route p.submit-line button img { display: block; width: 116px; height: 28px; margin: 0 0 0 0; cursor: pointer; }
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; background: #BF9342 url('grafika/idos-spoj-tools-mapa.gif') no-repeat 100% 0%; color: #fff; }
form.route a.map:link, #tools div.panel form.route a.map:visited { background: url(grafika/form-button-mapa.gif) 0% 0% no-repeat #BCBAA0; color: #fff; }
form.route a.map:active, #tools div.panel form.route a.map:hover { background: url(grafika/form-button-mapa.gif) 0% -26px no-repeat #BCBAA0; color: #fff; }
form.route span.map { display: block; width: 37px; height: 26px; margin: 0 10px 0 0; padding:0; float:left; }
form.route .param-hledani,
form.route .btns                { border-top: 1px solid #D3C9B8; padding: 15px 9px 20px 9px; }
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; background: #867970 url('grafika/btn-opacny-smer.gif') no-repeat top left; }
form.route .btns input.podrob-vyhl  { width: 184px; background: #867970 url('grafika/btn-pokroc-vyhledavani.gif') no-repeat top left; margin-right: 150px; }
form.route .btns input.vyhl         { width: 114px; background: #867970 url('grafika/btn-search.gif') no-repeat top left; }
form.route .btns a                  { font-weight:bold; margin:0 20px 0 0; }
/* rozsirene zadani */
form.route p.add { padding:0 0 0 60px; margin:0; }
form.route #odkud-add { border-bottom: 1px solid #D3C9B8; margin:0 0 20px; }
form.route #kam-add { border-bottom: 1px solid #D3C9B8; margin:0 0 20px; }
form.route select.walk { width:70px; float:left; }
form.route div { position:relative; }
form.route a.zadani-switch { margin:0 0 0 15px; }

/* Detail zastavky */
.zastavky               { margin-bottom: 10px; }
.zastavky span          { float: left; width: 150px; }
.zastavkove-jr          { float: left; }
.zastavkove-jr li       { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
.zastavkove-jr .pdf     { display: inline; float: none; padding: 0 0 1px 25px; }               

/* Nezarazeno */
.icon16 {width: 16px; height: 16px;}
.icon19 {width: 19px; height: 23px;}
.only-print { display:none; }

/* Napoveda */
.help-enum { line-height: 2em; }
.help-enum span { display: block; float: left; }
.help-enum span.w4 { width: 4em; }
.help-enum span.w6 { width: 6em; }
.help-enum br {clear: both;}
.blue {color: Blue;}

ul#mainlinks li { list-style-image: none; list-style-type: none; }