/* New Layout */
body {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 80%;
  color: #000;
  margin: 0; padding: 0;
  background-color: #e7f4ff;
}
img {
  border: none;
}

table, input, select {
  font-size: 100%;
}

/* General elements */
#container {
  width: 1000px;
  margin: 5px auto 25px;
  position: relative;
}

#frame {
  background: url('images/layout/bg-frame.gif') top left repeat-y;
  border-top: solid 5px #e7f4ff;
}

/* Header */
#header {
  height: 183px;
  background: url('images/layout/bg-header.jpg') center no-repeat;
}
#menu-lang {
  float: right;
  text-align: right;
  padding: 15px 25px;
}
#menu-lang img {
  margin-left: 5px;
}
#info {
  color: #fff;
  position: absolute;
  top: 139px; left: 40px;
  width: 225px; height: 40px;
}
#info div {
  float: left;
  width: 100px;
  padding: 0 10px;
}
#info .left {
  width: 80px;
  text-align: right;
  border-right: solid 1px #fff;
}
#user {
  font-size: 80%;
  clear: right;
  float: right;
  padding-right: 25px;
  width: 170px;
}
#user fieldset {
  border: 0;
  margin: 0; padding: 0;
}
#user label {
  display: block;
  width: 100%;
}
#user input {
  font-size: 100%;
  width: 100%;
}
#user #fb_eAuthentize {
  width: 80px;
  float: right;
  margin: 0.5em 0 0;
}
#user #fb_eRegister {
  width: 80px;
  float: left;
  margin: 0.5em 0 0;
}
#header h1 {
  float: left;
  width: 180px; height: 50px;
  margin: 0; padding: 30px 0 0 15px;
}
#header h1 a {
  display: block;
  width: 100%; height: 100%;
}
#header h1 span {
  display: none;
}

/* Menu */
#menu-main {
  height: 39px;
  padding: 10px 0 0 40px;
  background-color: #bddfff;
}
#menu-main ul {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  list-style: none;
}
#menu-main li {
  display: block;
  float: left;
  margin: 0 3px 0 0; padding: 0;
  width: 151px; height: 39px;
}
#menu-main a {
  color: #fff;
  font-size: 120%;
  text-decoration: none;
  display: block;
  overflow: hidden;
  padding: 0 10px;
  width: 131px; height: 39px;
  line-height: 39px;
  text-align: left; vertical-align: middle;
  background: #586e83 url('images/layout/bg-menu.gif') top center no-repeat;
}
#menu-main img {
  margin-right: 10px;
}
#menu-main a:hover img, #menu-main li.active img {
  margin-top: -39px;
}

#menu-main a:hover, #menu-main li.active a {
  background: #f16826 url('images/layout/bg-menu-active.gif') top center no-repeat;
}

/* Left column */
#column-left {
  float: left;
  width: 167px;
  margin: 0; padding: 10px 0 10px 10px;
}
#column-left h2 {
  font-size: 120%;
  font-weight: normal;
  height: 27px;
  line-height: 27px;
  text-align: left; vertical-align: middle;
  margin: 1em 0; padding: 0 0 3px 30px;
  background: url('images/layout/bg-h2-column.gif') center left no-repeat;
  border-bottom: dotted 1px #000;
}
#column-left .formItem {
  clear: both;
  margin-bottom: 0.2em;
  line-height: 1.7em;
  vertical-align: middle;
}
#column-left fieldset {
  margin: 0; padding: 0;
  border: 0;
}
#column-left input, #column-left select {
  font-size: 100%;
  width: 100%;
}
#column-left div.inline input {
  width: 40px;
}
#column-left div.inline label {
  display: block;
  float: left;
  width: 120px;
}
#column-left div.button {
  text-align: right;
}
#column-left input.button {
  font-size: 85%;
  color: #fff;
  width: 65px; height: 21px;
  line-height: 21px;
  text-align: center; vertical-align: middle;
  background: #586e83 url('images/layout/bg-button-small.gif') center no-repeat;
  border: none;
  margin: 0; padding: 0;
}
#column-left .calendar,
#column-left .calendar table,
#column-left .calendar thead .title,
#column-left .calendar thead .headrow {
  background: none;
}

/* Footer */
#footer {
  font-size: 85%;
  color: #5b7085;
  background-color: #bddfff;
  border-top: solid 5px #e7f4ff;
  text-align: center;
  padding: 0.5em 0;
}
#footer a {
  color: #5b7085;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

/* Generic classes */
.cleaner {
  clear: both;
  overflow: none;
  height: 1px;
}

/* Content */
#content {
  margin: 0; padding: 10px 40px 40px;
}
#frame #content {
  width: 733px;
  float: right;
}

#banners {
  clear: right;
  margin: 0 0 0 227px;
}
#banners .right {
  position: absolute;
  top: 183px; right: -125px;
  width: 120px; height: 600px;
}
/*#banners .right iframe {
  position: fixed;
  top: 188px;
}*/


/* Content styles */
#content h1, h3 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 1em; padding: 0;
}

#content h2 {
  font-size: 100%;
  font-weight: normal;
  margin: 1em 0 0.5em; padding: 0;
  text-transform: uppercase;
}

#content p {
  margin: 0 0 0.5em; padding: 0;
  text-align: justify;
}

#content a {
  color: #0e4256;
}

#content h1 a, #content h2 a, #content h3 a {
  color: inherit;
  text-decoration: none;
}

#content table.form th, #content .form td {
  padding: 0 0 0.5em;
}
#content table.form th {
  font-weight: normal;
  text-align: left;
  padding-right: 1em;
}

#content fieldset {
  border: none;
  background: none;
  margin: 0; padding: 0;
}

#content .legend {
  color: #fff;
  text-transform: uppercase;
  background: #42a4ff url('images/layout/bg-legend-l.gif') top left no-repeat;
  margin: 1em 0 0;
  float: left;
}
#content .legend .legend {
  background: transparent url('images/layout/bg-legend-r.gif') top right no-repeat;
  margin: 0; padding: 5px 20px;
}

#content .fieldset {
  clear: left;
  background: #bddfff url('images/layout/bg-fieldset-tr.gif') top right no-repeat;
}
#content .fieldset .fieldset {
  clear: none;
  background: transparent url('images/layout/bg-fieldset-bl.gif') bottom left no-repeat;
}
#content .fieldset .fieldset .fieldset {
  background: transparent url('images/layout/bg-fieldset-br.gif') bottom right no-repeat;
  padding: 10px 20px;
}

#content .column-left {
  width: 49%;
  float: left;
  clear: left;
}
#content .column-right {
  width: 49%;
  float: right;
  clear: right;
}
#content .autor {
  margin-top: 1em;
  text-align: right;
}

#content .header {
  color: #fff;
  background-color: #42a4ff;
  font-weight: bold;
  margin: 1em 0 0; padding: 0.5em;
}

/* Boxes */
#content .box {
  width: 470px;
  margin: 0 auto;
}

.printTicket, .stornoTicket, .payment {
  padding: 30px 0 10px 170px; margin: 0 0 0 30px;
  background: transparent url('images/printer.gif') left center no-repeat;
}
.stornoTicket {
  background: transparent url('images/sign.gif') left center no-repeat;
}
.payment {
  background: transparent url('images/money.gif') left center no-repeat;
}


/* Buttons */
#content div.buttonLine {
  text-align: right;
  margin: 1em 0; padding: 0 20px; 
}

#content .buttonSmallBlue, #content .buttonSmallOrange {
  color: #fff;
  background: url(images/layout/bg-button-small-blue.gif) center no-repeat;
  border: none;
  width: 72px; height: 21px;
  margin: 0 0 0 10px;
}
#content .buttonSmallOrange {
  background: url(images/layout/bg-button-small-orange.gif) center no-repeat;
}

#content .buttonBlue, #content .buttonOrange {
  color: #fff;
  background: url(images/layout/bg-button-normal-blue.gif) center no-repeat;
  border: none;
  width: 100px; height: 21px;
  margin: 0 0 0 10px;
}
#content .buttonOrange {
  background: url(images/layout/bg-button-normal-orange.gif) center no-repeat;
}

#content .buttonLargeBlue, #content .buttonLargeOrange {
  color: #fff;
  background: url(images/layout/bg-button-large-blue.gif) center no-repeat;
  border: none;
  width: 150px; height: 21px;
  margin: 0 0 0 10px;
}
#content .buttonLargeOrange {
  background: url(images/layout/bg-button-large-orange.gif) center no-repeat;
}

#content .buttonExtraBlue, #content .buttonExtraOrange {
  color: #fff;
  background: url(images/layout/bg-button-extra-blue.gif) center no-repeat;
  border: none;
  width: 200px; height: 21px;
  margin: 0 0 0 10px;
}
#content .buttonExtraOrange {
  background: url(images/layout/bg-button-extra-orange.gif) center no-repeat;
}

/* Grid */
#content .gridFooter {
  margin: 1em 0;
}

#content .gridPager {
  float: right;
}
#content .gridPager div {
  float: right;
  margin-left: 20px;
}
#content .gridPager input.inputText {
  width: 2em;
  text-align: center;
}
#content .gridPager input.inputSubmit {
  color: #fff;
  background: url(images/layout/bg-button-large-blue.gif) center no-repeat;
  border: none;
  width: 150px; height: 21px;
}
#content .gridPager a {
  text-decoration: none;
}

#content table.gridTable {
  margin: 0; padding: 0; border: 0;
  width: 100%;
  border-collapse: collapse;
}
#content table.gridTable td, #content table.gridTable th {
  font-weight: normal;
  padding: 0.5em;
  text-align: left;
}
#content table.gridTable .Header th {
  color: #fff;
  background-color: #42a4ff;
}
#content table.gridTable td {
  color: #000;
  background-color: #bddfff;
  border-bottom: solid 2px #fff;
}
#content table.gridTable td.operator {
  text-align: center;
  background-color: #fff;
}

#content .fieldset table.gridTable td {
  font-weight: bold;
  background: none;
}
#content .fieldset table.gridTable .Header th {
  color: #000;
  background-color: transparent;
}
#content .fieldset table.gridTable td {
  background-color: transparent;
  border: none;
}


/* Deprecated */
#content div.formText { padding:5px 15px; clear:both;}
#content div.formItem { margin:0 0 0 0; clear:both; width:100%; }
#content div.formItem label { margin:6px 0 0 0; display:block; width: 130px; float:left; padding: 0; }
#content div.formItem label.superLong { margin:6px 0 0 0; display:block; width: 350px; float:left; padding: 0;}
#content div.formItem input { margin:6px 0 0 0; float:left;}
#content div.formItem input.searchTime { width:50px; float:none; }
#content div.formItem select { margin:6px 0 0 0; float:left; }

div.formColReg { width: 340px; float: left; padding: 0; }
div.formColReg label { display: block; width: 130px;  float: left; padding: 0; margin: 6px 0 0 0; }
div.formColReg input { float: left; padding: 0; margin: 6px 0 0 0; width: 180px; }

div.note { padding: 10px 0 15px; }

div.legenda {  float:left; }
div.legenda span { display:block; width:12px; height:12px; font-size:1px; margin:2px 5px; float:left; }


/* Old layout */
.invisible { display:none; }
.invisible li, ul.invisible a { display:none; }

div.fieldset div.formText {clear: none;}
div#content span.searchLegenda { display:block; width:auto; clear:both; color:#fff; padding:8px 0 8px 20px; font-size:14px; }
div#news { margin-top:15px; }
div#news a { color:blue; }
div#news h3 { font-size:1.1em; margin:0; }
div#news table { font-size:1em; margin:10px 0; }
div#news td { }

div.anotNews { margin-top:25px; }
div#backStep { margin-top:50px; }
div#backStep a { color:blue; }

table.gridTable th.time { text-align:center; width:50px; }
table.gridTable td.time { text-align:center; width:50px; }

table.gridTable .freeSeats { text-align:center; width:65px; }
table.gridTable .reserveAction { padding:10px 0; _padding:10px 5px; }
table.gridTable .reserveAction form { display: inline; }
table.gridTable td.place { text-align:center; }
table.gridTable a { color:#3a55b8; }
table.gridTable a img { border:0; }

table.gridTable.short td { padding: 10px 5px; }
table.gridTable.short tr.Header th { padding: 10px 5px; }

div.redColored table.gridTable td.date { color:red; }

div.listRunLegend { background-color: #42a4ff; padding:3px; }
div.listRunLegend td.pic { width:75px; }
div.listRunLegend td.cap { font-size:1em; }


/* buttons */

div.buttonLineCenter { text-align:center; border-bottom:4px solid #fff; }

input#fb_smsSend { margin:5px 15px 15px 0px; background:url(images/layout/button-search.gif) repeat-x left top; width:110px; height:20px; color:#fff; border:1px solid #ac5a0b; padding:0; font-size:11px; }

select#fi_discountType { margin:6px 0px 0 0; _margin-right:10px; width:140px; _width:136px; }
select#fi_customerTaking { width:343px;/*423*/ }
select#fi_customerDealer { width:343px; }
input#fi_customerPhone { width:99px; }
input#fi_customerPhoto { width:424px; }


div.oneLine { margin: 0 0 1em 0; }
div.oneLine2 label.shortLabel { padding:0 15px 0 15px; }

div.oneLine label.shortLabel { padding:0 15px 0 15px; }
label.replaceInput { font-weight:bold; }


div#busMap { padding:0; margin: 0 0 0 130px; height: 192px; background: url(images/layout/bus-front.gif) no-repeat left top; }
div#busDriver { width:50px; float:left; margin:0 0 0 5px; height:100%; background: url(images/layout/bus-driver.gif) no-repeat 50% 90%; }
div#busBack { width:11px; float:left; margin:0; height:100%; background: url(images/layout/bus-back.gif) no-repeat 100% 0%;  }

div#busLegend { margin-top:15px; }
.selectedSeat span { background: #556b80; }
.enabledSeat span { background: #42a4ff; }
.blockedSeat span { background: #f26822; }
.driverSeat span { background:url(images/layout/bus-driver-legend.gif) no-repeat 50% 50%; }

table#reservationSeatMap { margin-top: 7px; float:left; width: 86%; }
table#reservationSeatMap td div { 
	width: 24px; height: 30px; line-height: 30px; color:#fff; font-size:10px; font-weight:bold; text-align: center; vertical-align: middle; }
table#reservationSeatMap td div.noSeat { 
	background:transparent; }
table#reservationSeatMap td div.enabledSeat, table#reservationSeatMap td div.enabledReservedSeat { 
	background:#42a4ff; border:1px solid #000; color:#fff; font-size:12px; font-weight:bold; text-align:center; vertical-align: middle; }
table#reservationSeatMap td div.reservedSeat, table#reservationSeatMap td div.disabledSeat, table#reservationSeatMap td div.blockedSeat,
table#reservationSeatMap td div.occupiedSeat {
	background:#f26822; border:1px solid #000; color:#fff; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; }
table#reservationSeatMap td div.selectedSeat { 
	background: #556b80; border:1px solid #000; color:#fff; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; }

select.passengerBus { width:232px; }
select.passengerType { width:232px; }
.busSeat { width:30px; }
input#fi_passengerName { width:228px; _width:232px; margin-bottom:20px; }
input#fi_passengerSurname { width:228px; _width:232px; margin-bottom:20px; }
input.passengerNames { width:228px; _width:232px; margin-bottom:20px; }

span#price { font-weight:bold; }
div#fi_paymentTypeDiv { padding:0 0 15px 0; width:100%; overflow:hidden; }

div#termsAgreement { padding:0px 0 0 0; }
div#termsAgreement label { display:block; width:120px; float:left; }
div#termsAgreement input#fc_terms_yes { float:left; margin:8px 0 0 -30px; _margin:4px 0 0 -16px; }
div#termsAgreement input#fc_terms_no { float:left; margin:8px 0 0 -20px; _margin:4px 5px 0 -10px; }
div#termsAgreement input#fc_temrs_open { float:right; width:150px; margin:5px 20px 0px; }

div#updateNewsAgreement { padding:8px 0 10px 0; }
div#updateNewsAgreement label { display:block; width:350px; float:left; margin:4px 0 0 0; }
div#updateNewsAgreement input#fc_news { margin:0px 10px 0 0; }

div#newsAgreement { padding:0px 0 10px 0; }
div#newsAgreement label { display:block; width:120px; float:left; margin:0 0 0 0; }
div#newsAgreement input#fc_news { margin:2px 10px 0 0; }
div#newsAgreement span {}

div#postAddress { padding:0px 0 10px 0; }
div#postAddress label { display:block; width:220px; float:left; }
div#postAddress input#fc_postAddress { margin:7px 10px 0 0; width:auto; }


input#fi_customerPhone { margin:6px 0 0 6px; }


span.act_sign { float:left; margin:0 15px; padding:6px 0 0 0; font-size:20px; font-weight:bold; }

div#errorsList { background-color:#f3d5d3; padding:15px; margin-bottom:15px; }
div#infosList { background-color:#e5e7ee; padding:15px; margin-bottom:15px; }

input#fi_pt_dp { margin:0 0 0 15px; }
input#fi_pt_cc { margin:0 0 0 15px; }

div.credit { float:left; padding:0 0 0 15px; margin:6px 0 0 0; }
div.credit a { display:block; height:8px; clear:both; border:0; }
div.credit a img { border:0; }

.tc {
	text-align: center;
}
.tcdark {
  text-align: center;
  background-color:#ccd1e2;
}
.blackBorder { border:1px solid black; }
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.pp {
	text-align: justify;
	margin: 0 10px 10px 10px;
}
ul.tt {
	list-style: disc;
}
ul.tt li {
	text-align: justify;
	margin: 0 20px 0 0;
}

div#content fieldset.terms-full legend {
	background: none;
	margin: 0; padding: 0;
}

div#content fieldset.terms-full legend span {
	color: #000;
	font-weight: bold;
	margin: 0; padding: 0;
	font-size: 13px;
}
div#content fieldset.terms-full div.oneLine {
	margin: 0; padding: 15px 0 0 0;
}
div#content fieldset.terms-full {
	background: none;
}
fieldset.terms-full p.pp {
	margin: 0 10px;
}
fieldset.terms-full h4 {
	margin: 20px 0 10px 0;
}

#text table{font-size: 12px;font-family:Arial, Tahoma, sans-serif;}
#text h3{font-size: 14px;color: #000000;padding: 5px 0 5px 0;margin: 0; font-family:Arial, Tahoma, sans-serif;}
#text hr{height: 1px;color: #000000;background-color: #ffffff;border: none;width : 100%;}
#text a{font-size: 13px; color:#375787; text-decoration: underline;}
td.centered, th.centered { text-align:center; }
th.normalized { font-weight:normal; }

/* generovani JS legendy ve vysledku vyhledavani spoju */
div.legend-container { position:relative; }
div.legend-container img { cursor:pointer; }
div.legend-content { display:none; position:absolute; left:50px; top:-15px; 
  width:300px; height:200px; background-color:#E1E1E1; border:1px solid gray; z-index:1;
}
h6.runInfo-head { font-size:1em; font-family:verdana; width:270px; margin:5px; }
a.runInfo-closer { position:absolute; right:5px; top:3px; color:red; font-weight:bold; font-size:1em; font-family:verdana; text-decoration:none; }
a.runInfo-closer:hover { color:blue; }
div.runInfo-cont { margin:5px; margin-top:10px; font-size:.9em; font-style:italic; font-family:verdana; }
table.runInfo-desc { font-size:1em; margin-top:10px; font-style:italic; }
div.runInfo-cont .cap { font-weight:bold; }
div.runInfo-cont .text { padding-left:5px; }

.lowcostAlert { margin:15px 20px 3px 130px; clear:both; border:1px solid gray; background:#E1E1E1; padding:3px 5px; }
.lowcostAlert p { margin:0; margin-top:3px; }

/* Napoveda */
.helper-main { z-index:1; display:none; position:absolute; width:200px; *width:205px; visibility: hidden;}
.helper-in { border:1px solid silver; border-width:0 2px 2px 0; }
.helper-left { padding-left:6px; }
.helper-up { padding-top:6px; }
.helper-right { padding-left:6px; }
.helper-main div.sub { position:relative; border: 1px solid #E8986C;/*DC6728*/ min-height:75px; _height:75px; padding:3px 5px; font-size:11px; background-color:#FDF0D5; } /*FAE1AF*/
.helper-main div.sub h6.cap { margin:0; font-size:11px; }
.helper-main div.sub p { margin:0; }
.helper-main img.arr-left { position:absolute; left:0px; top:15px; }
.helper-main img.arr-right { position:absolute; right:-6px; top:15px; }
.helper-main img.arr-up { position:absolute; left:20px; top:0px; }
.log-right-0a { margin:-11px 0 0 -200px; *margin:-10px 0 0 -402px; }
.log-right-0b { margin:-5px 0 0 -200px; *margin:-31px 0 0 -326px; }
.reg-left-1 { margin:-5px 0 0 275px; *margin:-5px 0 0 5px; }
.reg-left-2 { margin:-5px 0 0 480px; *margin:-5px 0 0 5px; }
.reg-right-1 { margin:-3px 0 0 -165px; *margin:-3px 0 0 -437px; }
.reg-right-2 { margin:-3px 0pt 0pt -165px; *margin:-3px 0pt 0pt -722px; }
.reg-up-1 { margin:33px 0 0 125px; *margin:33px 0px 0 -400px; }

.res-left-1 { margin:-5px 0 0 530px; *margin:-5px 0 0 5px; }
.res-left-1b { margin:-5px 0 0 645px; *margin:-5px 0 0 5px; }
.res-left-1c { margin:-5px 0 0 730px; *margin:-5px 0 0 5px; }
.res-left-2 { margin:-33px 0 0 325px; *margin:-5px 0 0 5px; }

.res-left-3 { margin:-48px 0 0 275px; *margin:-48px 0 0 270px; }
.res-left-4 { margin:-5px 0 0 180px; *margin:-5px 0 0 10px; }
.res-left-5 { margin:-5px 0 0 370px; *margin:-5px 0 0 5px; }
.res-left-6 { margin:-5px 0 0 285px; *margin:-5px 0 0 5px; }

.res-right-1 { margin:-5px 0 0 195px; *margin:-5px 0 0 -336px; }
.res-right-1b { margin:-5px 0 0 195px; *margin:-5px 0 0 -536px; }

.res-right-2 { margin:-3px 0pt 0pt -30px; *margin:-3px 0pt 0pt -440px; }
.res-right-3 { margin:-3px 0pt 0pt -165px; *margin:-3px 0pt 0pt -455px; }

/* jizdni rady */
table.schedule { border: 1px solid black; width: 100%; background-color: #E5E7EE; }
table.schedule th.station { font-weight: normal; background-color: #AAB5D2; }
table.schedule td.time { background-color: #7EBA2E; }

table.schedule th, table.schedule td {border: 1px solid black;}

table.schedule span.white { color: white;}

table.schedule td.operator1 { background-color: #CC6699; }
table.schedule td.operator5 { background-color: #7EBA2E; }
table.schedule td.operator_pavcatodo { background-color: #9933FF; }

iframe.over { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; float: none; clear: none; z-index: -1;}

.invisible { display:none; }
.invisible li, ul.invisible a { display:none; }