/* CSS Document */

img, h1, h3, h4, h5, span, ul, li, div, table, p {
  margin:0px;
  padding:0px;
  border:0px;
}

.hide {
  display:none;
}

a {
  color:#000000;
}

a:hover {
  color:#003399;
}

p {
  padding-top:5px;
  padding-bottom:5px;
}

body {
  margin:0px;
  padding:0px;
  font-family:Verdana, Tahoma, Arial;
  font-size:80%;
  text-align:center;
  background-image:url('../img/body-bg.gif');
  background-repeat:repeat;
  background-position:top center;
}

/* header */

#header {
  position:relative;
  top:0px;
  left:0px;
  width:781px;
  height:157px;
  background-image:url('../img/header-bg.gif');
  background-repeat:no-repeat;
  background-position:33px 38px;
  margin:auto;
  text-align:left;
}

#header h1 {
  position:absolute;
  top:38px;
  left:33px;
  width:507px;
  height:85px;
}

#header h1 a {
  display:block;
  width:100%;
  height:100%;
}

/* menu */

#menu-main {
  position:absolute;
  top:35px;
  left:580px;
  padding-left:15px;
  font-style:italic;
  font-weight:bold;
  color:#003399;
  font-size:11pt;
}

#menu-main a {
  text-decoration:none;
  color:#003399;
}

#menu-main a:hover {
  text-decoration:underline;
  color:#003399;
}

/* main panels */

.panel {
  position:relative;
  top:0px;
  left:0px;
  width:690px;
  text-align:justify;
  background-image:url('../img/panel.gif');
  background-repeat:repeat-y;
  background-position:top;
  margin:auto;
  padding-left:60px;
  padding-top:10px;
  padding-right:30px;
  padding-bottom:10px;
}

  .panel ul {
    position:relative;
    padding:5px 0px 5px 20px;
  }
    
    .panel ul li {
      padding:1px;
    }
    
  .panel .fotoright {
    float:right;
    margin:5px 0px 15px 15px;
    border:1px solid #e9e9e9;
  }

#bus-index, #cargo-index {
  height:140px;
  overflow:hidden;
}

.text-top {
  width:400px;
}

.panel-top {
  position:relative;
  top:0px;
  left:0px;
  width:781px;
  height:11px;
  background-image:url('../img/panel-top.gif');
  background-repeat:no-repeat;
  background-position:top;
  margin:auto;
  z-index:200;
}

.panel-top img {
  position:absolute;
  right:0px;
}

#bus {
  top:-14px;
}

#cargo {
  top:-17px;
}

.panel-bottom {
  position:relative;
  top:0px;
  left:0px;
  width:780px;
  height:11px;
  background-image:url('../img/panel-bottom.gif');
  background-repeat:no-repeat;
  background-position:top;
  margin:auto;
}

.panel-spacer {
  position:relative;
  top:0px;
  left:0px;
  height:27px;
}

/* main menus */

#bus-submenu {
  position:relative;
  top:0px;
  left:0px;
  color:#003399;
  font-weight:bold;
}

#bus-submenu li {
  display:inline;
  margin-right:5px;
}

#bus-submenu span {
  padding-right:12px;
  background-image:url('../img/circle-orange.gif');
  background-repeat:no-repeat;
  background-position:right center;
}

#bus-submenu a {
  color:#ff6600;
  text-decoration:none;
}

#bus-submenu a:hover {
  color:#003399;
  text-decoration:none;
}

#cargo-submenu {
  position:relative;
  top:0px;
  left:0px;
  color:#003399;
  font-weight:bold;
}

#cargo-submenu li {
  display:inline;
  margin-right:5px;
}

#cargo-submenu a {
  color:#339933;
  text-decoration:none;
}

#cargo-submenu a:hover {
  color:#003399;
  text-decoration:none;
}

/* main */

h2 {
  font-size:160%;
  margin-top:0px;
  margin-bottom:5px;
  padding-top:10px;
}

h2 img {
  position:absolute;
  top:15px;
  left:20px;
  margin:0px;
  padding:0px;
}

h3 {
  font-size:130%;
  padding-top:15px;
  padding-bottom:5px;
}

h4 {
  font-size:100%;
  padding-top:10px;
  padding-bottom:0px;
}

.orange {
  color:#ff6600;
}

.green {
  color:#339933;
}

.blue {
  color:#003399;
}

.ceny {
  border-collapse:collapse;
  margin-top:5px;
  margin-bottom:5px;
}

.ceny td {
  border:1px solid #ffffff;
  background-color:#efefef;
  padding:5px;
}

.fotogalerie {
  margin-top:5px;
  margin-bottom:5px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
}

.fotogalerie img {
  margin:6px;
  border:1px solid #e9e9e9;
}

.jizdni-rad {
  border-collapse:collapse;
  margin-top:5px;
  margin-bottom:5px;
  border:1px solid #000000;
  font-size:80%;
  width:100%;
}

.jizdni-rad td {
  border-left:1px solid #676767;
  border-bottom:1px dotted #676767;
  padding:2px;
}

.jizdni-rad-legenda {
  border-bottom:1px solid #676767;
  background-color:#efefef;
}

.info-icons {
  float:right;
  text-align:right;
}

.info-icons img {
  margin:3px;
}

/* footer */

#footer {
  position:relative;
  top:0px;
  left:0px;
  width:761px;
  height:20px;
  margin:auto;
  font-size:70%;
  padding:10px;
  color:#b9b9b9;
}

#footer a {
  color:#b9b9b9;
}

#footer a:hover {
  color:#003399;
}

/* doplnky */

.spacer {
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:15px;
  line-height:0px;
  font-size:0px;
}