body {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}

form {
  margin: 0; padding: 0;
}


/* Header */
#header {
  width: 237px; height: 140px;
  margin: 0; padding: 0;
  float: left;
  background: #fff url(images/logo-expo.jpg) no-repeat left top;
}

#header span {
  display: none;
}

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

#subjecticon {
  width: 708px; height: 140px;
  margin: 0;
  float: right;
}

/* mainMenu */
#mainmenu {
  width: 945px;
  height: 3em;
  list-style: none;
  margin: 0; padding: 1px 0 0;
  clear: both;
}

#mainmenu li {
  display: block;
  width: 12.5%; height: 100%;
  float: left;
  background: #fff url(images/bg-mainmenu-on.gif) repeat-y left top;
}

#mainmenu li a {
  display: block;
  height: 100%;
  padding: 0 4px 0 0;
  background: #fff url(images/bg-mainmenu-off.gif) repeat-y left top;
  font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
  text-decoration: none;
  text-align: right;
  color: #000;
  font-size: 11px;
}

#mainmenu li a span {
  display: block;
  float: right;
  width: 80px;
  height: 5px;
  margin: 0 -4px 3px 0;
  font-size: 1px;
  background: #bfd9ff;
  clear: both;
}

#mainmenu li a:hover {
  background: none;
  font-weight: bold;
}

#mainmenu li a:hover span {
  background: #fc6701;
}

#mainmenu li a.active {
  background: none;
  font-weight: bold;
}

#mainmenu li a.active span {
  background: #fc6701;
}

/* footer */
#footer {
  text-align: center;
  font-size: 0.7em;
  margin: 0; padding: 10px 0;
}

#footer a {
  color: #666666;
  text-decoration: none;
}
#footer a:hover {
  color: #fc6701;
  text-decoration: underline
}

#subjectbar {
  margin: 10px auto;
}

/* Submenu */
h2.submenu, h2.special, h2.weather {
  margin: 0; padding: 3px;
  text-align: center;
  font-size:0.6em;
  font-weight: normal;
  text-transform: uppercase;
}

h2.submenu {
  background: #4994e7 url(images/bg-h3-submenu.gif) repeat-x bottom;
  color: #040032;
}

ul.submenu {
  list-style: none;
  margin: 0 0 10px; padding: 0;
  border-top: 1px solid #040032;
}

ul.submenu li {
  margin: 0; padding: 0;
  border-bottom: 1px solid #fff;
  background: #fff url(images/bg-submenu-on.gif) repeat-y right top;
  font-size: 0.7em;
}

ul.submenu li a {
  display: block;
  text-decoration: none;
  color: #000;
  background: #fff url(images/bg-submenu-off.gif) repeat-y left top;
  vertical-align: middle;
/*  padding: 3px 8px;
  border-left: 3px solid #fff;*/
}

ul.submenu li a:hover, ul.submenu li a.active {
  font-weight: bold;
  background: none;
/*  border-left: 3px solid #ff9900;*/
}

ul.submenu li img {
  border: 0;
  vertical-align: bottom;
/*  margin: -4px 4px 0 0;*/
}

ul.textmenu li {
  padding: 6px 0 0 0;
  background: #fff url(images/bg-submenu-off.gif) repeat-y right top;
}
ul.textmenu li a {
  display: inline;
  color: #040032;
  vertical-align: top;
  padding: 6px;
  background: none;
}
ul.textmenu li a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #ff0000;
}

/* Puvodni submenu */
ul.submenu-typ2 {
  list-style: none;
  margin: 0 0 10px; padding: 0;
  border-top: 1px solid #040032;
}
ul.submenu-typ2 li {
  margin: 0; padding: 0;
  border-bottom: 1px solid #fff;
  background: #fff url(images/bg-submenu-on.gif) repeat-y right top;
  font-size: 0.7em;
  clear: both;
}
ul.submenu-typ2 li a {
  display: block;
  height: 24px;
  text-decoration: none;
  color: #000;
  background: #fff url(images/bg-submenu-off.gif) repeat-y right top;
  line-height: 24px;
}
ul.submenu-typ2 li a:hover, ul.submenu-typ2 li a.active {
  font-weight: bold;
  background: none;
}
ul.submenu-typ2 li a div {
  width: 59px; height: 24px;
  margin: 0 4px 0 0; padding: 0;
  background: no-repeat left top;
  float: left;
}
ul.submenu-typ2 li a:hover div, ul.submenu-typ2 li a.active div {
  background: no-repeat left bottom;
}

ul.submenu-typ3 {
  list-style: none;
  margin: 0 0 10px; padding: 0;
  border-top: 1px solid #040032;
}
ul.submenu-typ3 li {
  margin: 0; padding: 0;
  font-size: 0.7em;
}
ul.submenu-typ3 div {
  background: #fff url(images/bg-weather.gif) repeat-y 50px top;
  width: 100%;
  height: 50px;
}
ul.submenu-typ3 li a {
  display: block;
  margin: 0 0 0 60px; padding: 10px 0 0;
  text-decoration: none;
  color: #000;
}
ul.submenu-typ3 li img {
  float: left;
  border: 0;
  margin: 0; padding: 0;
}

ul.submenu-typ4 {
  list-style: none;
  margin: 0 0 10px; padding: 0;
  border-top: 1px solid #040032;
}
ul.submenu-typ4 li {
  margin: 0; padding: 0;
  border-bottom: 1px solid #fff;
  background: #fff url(images/bg-submenu-on.gif) repeat-y left top;
  font-size: 0.7em;
}
ul.submenu-typ4 li a {
  display: block;
  text-decoration: none;
  color: #000;
  background: #fff url(images/bg-submenu-off.gif) repeat-y left top;
  vertical-align: middle;
  padding: 3px 8px;
  border-left: 3px solid #fff;
}
ul.submenu-typ4 li a:hover {
  color: #000;
  font-weight: bold;
  background: none;
  border-left: 3px solid #ff9900;
}
ul.submenu-typ4 li a.active {
  font-weight: bold;
  background: none;
  border-left: 3px solid #ff9900;
}

/* Specialni nabidky */
h2.special {
  background: #feffef url(images/bg-h3-special.gif) repeat-x bottom;
  color: #040032;
}

h2.fastbooking {
  margin: 10px 0 0;
}
div.fastbooking {
  font-size: 0.7em;
  margin: 0 0 10px; padding: 0.5em;
  background: url(images/bg-submenu-off.gif) repeat-y right;
  border-top: 1px solid #040032;
}
div.fastbooking input, div.fastbooking select {
  font-size: 100%;
}
div.fastbooking .normal {
  width: 4em;
}
div.fastbooking .button {
  color: #fff;
  background: url(images/bg-h3-weather.gif) repeat-x bottom;
  border: none;
}
div.fastbooking table {
  width: 100%;
  margin-bottom: 0.5em;
  border-collapse: collapse;
}
div.fastbooking th {
  font-weight: bold;
  text-align: left;
}
div.fastbooking td {
  padding-bottom: 0.3em;
}
div.fastbooking div {
  text-align: center;
}
div.fastbooking a {
  color: #ff0000;
  text-decoration: none;
}
div.fastbooking a:hover {
  text-decoration: underline;
}

h3.news, h3.weather {
  font-weight: bold;
  color: #999;
  background: #fff;
  margin: 0; padding: 5px;
  border-top: 1px solid #fc6701;
}

h3.news {
  font-size: 0.8em;
}
div.news {
  font-size: 0.7em;
  background: #fff url(images/bg-news.gif) repeat-y top right;
  margin: 0; padding: 6px;
}
div.news strong {
  color: #fc6701;
  font-size: 1.1em;
}
div.news a {
  color: #fc6701;
  text-decoration: none;
  font-size: 1.3em;
}
div.news p {
  margin: 0; padding: 0;
}

h2.weather {
  background: #4994e7 url(images/bg-h3-weather.gif) repeat-x bottom;
  color:#fff;
}
h3.weather {
  font-size: 0.7em;
}
h3.weather span {
  color: #ff0000;
}
a.weather {
  display: block;
  margin: 0; padding: 0;
  border: none;
  text-decoration: none;
}
a.weather img {
  border: none;
  margin: 0; padding: 0;
}
div.weather {
  margin: 0 0 10px; padding: 4px;
  background: #fff;
  color: #999;
  font-size: 0.7em;
  text-align: center;
}
div.weather a {
  color: #ff0000;
}

div.tvtrip {
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
}
div.tvtrip a {
  text-decoration: none;
  color: #ff0000;
}
div.tvtrip a:hover {
  text-decoration: underline;
}

/* Ostatni */
div.breaker {
  width: auto;
  height: 1px;
  clear: both;
  font-size: 1px;
}
span.breaker {
  display: block;
  height: 1px;
  clear: both;
  font-size: 1px;
}

div.inner {
  width: 75%;
  margin: 10px auto;
  text-align: left;
}
#frm-center div.inner {
  width: 87%;
}
#frm-right div.inner {
  margin: 27px auto 10px;
}


#frm-page {
  width: 945px;
  margin: 0 auto;
}

#frm-left {
  width: 237px;
  float: left;
  margin: 0;
  text-decoration: none;
  text-align: center;
}

#frm-center {
  width: 471px;
  float: left;
  text-decoration: none;
  text-align: center;
}

#frm-right {
  width: 237px;
  float: left;
  margin: 0;
  text-decoration: none;
  text-align: center;
}

#frm-bg {
  width: 100%;
  background: #fff url(images/bg-frm.gif) repeat-y left top;
  margin: 1px 0 0;
  clear: both;
}

p.img-menu {
  text-align: center;
  padding: 20px 0;
  margin: 0;
}
p.img-menu a img {
  border: 0;
  margin: 2px;
  vertical-align: bottom;
}

div.langs {
  text-align: left;
}
div.langs a img {
  border: 0;
}

/*Message box pro hlasky formulare*/
div.message{
  text-align: center;
  /*font-weight: bold;*/
  color: red;
  font-size: 15px;
}