* {
  margin: 0px;
  padding: 0px;
}

html, body {
  background: #FFF;
}

body {
  text-align: center;
  font: normal 77.5% Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #1F1A17;
}

p {
  margin: 0px 0 15px 0;
}

h1 {
  font-size: 120%;
  margin: 0 0 15px 0;
  padding: 1px;
}
h2 {
  font-size: 100%;
  padding: 1px;
}

#page {
  position: relative;
  width: 900px;
  margin: 0px auto;
  text-align: left;
}

/* header */
#header {
  position: relative;
  width: 100%;
  height: 256px;
}

#header-queue,#header-webweb,#header-tisk {
  position: absolute;
  top: 80px;
  left: 0px;
}
#header-webweb,#header-tisk {
  top: 80px;
}
/*
#header-webweb {
  position: absolute;
  top: 131px;
}
#header-tisk {
  position: absolute;
}
*/
#header-main {
  position: absolute;
  left: 146px;
  width: 753px; /* -2px padding h1 */
  height: 249px;
  line-height: 249px;
  text-align: center;
  z-index: 5;
}

#header-main span {
  position: absolute;
  width: 755px;
  height: 7px;
  top: 249px;
  left: 0px;
  background: #FFF url(../images/header-underline.gif) no-repeat;
  background-position: left bottom;
}

#header-main span span {
  display: none;
}

#languages {
  list-style-type: none;
  position: absolute;
  width: 52px;
  height: 57px;
  top: 249px;
  right: 0px;
}
#languages #lang-cz, #languages #lang-en {
  position: absolute;
  width: 26px;
  height: 57px;
  top: 0px;
  text-align: center;
  line-height: 30px;
  text-decoration: none;
  font-weight: bold;
  color: #1F1A17;
  background: #FFF;
}
#languages #lang-cz.active, #languages #lang-en.active {
  background: #FFFF00;
}
#languages #lang-en {
  left: 26px;
}

/* content */

#content {
  position: relative;
  margin-top: 50px;
  width: 100%;
}

#block-left {
  position: relative;
  padding-left: 10px;
  width: 135px;
  float: left;
  line-height: 140%;
}

/* main menu */
ul#main-menu {
  position: relative;
  top: -35px;
  list-style-type: none;
  line-height: 100%;
  margin-bottom: -10px;
}
ul#main-menu ul {
  display: none;
}
ul#main-menu .active ul {
  display: block;
  list-style-type: none;
  margin: 0 0 0 20px;
}
ul#main-menu li a {
  line-height: 17px;
}
ul#main-menu a {
  padding: 1px 4px 1px 22px;
  text-decoration: none;
  background: #FFF url(../images/menu-li-final.gif) no-repeat;
  color: #000;
}
ul#main-menu a:hover,ul#main-menu a.active {
  padding: 1px 4px 1px 22px;
  text-decoration: none;
  background: #FFFF00 url(../images/menu-li-final.gif) no-repeat;
  color: #000;
}
ul#main-menu li.submenu a, ul#main-menu li.submenu a:hover {
  padding: 1px 4px 1px 22px;
  text-decoration: none;
  background: url(../images/menu-li-plus.gif) no-repeat;
  color: #000;
}

/* submenu */
ul#main-menu li.submenu.active a, ul#main-menu li.submenu li a,
ul#main-menu li.submenu.active a:hover, ul#main-menu li.submenu li a:hover {
  background: none;
}
ul#main-menu li.submenu.gd.active {
  background: url(../images/menu-gd-active.gif) no-repeat;
}
ul#main-menu li.submenu.wd.active {
  background: url(../images/menu-wd-active.gif) no-repeat;
}
ul#main-menu li.gd li a, ul#main-menu li.gd li a:hover {
  color: #000;
  padding-left: 2px;
}
ul#main-menu li.wd li a, ul#main-menu li.wd li a:hover {
  color: #FFF;
  padding-left: 2px;
  background-image: none;
}
ul#main-menu li.submenu.active a.active span {
  background: #FFF;
  padding: 0 1px;
  color: #000;
}
ul#main-menu li.gd.active, ul#main-menu li.wd.active {
  padding: 2px 0;
}

#block-right {
  position: relative;
  padding-left: 135px;
  width: 620px;
  float: right;
  line-height: 130%;
}
#block-right #main-content {
  width: 395px;
}
#block-right #main-content-reference {
  width: 550px;
}
#block-right #banner-main {
  position: relative;
  float: right;
  margin-right: -225px;
}
#main-content h1 span, #main-content-reference h1 span {
  position: relative;
  padding: 1px 2px 0 26px;
  left: -25px;
  background: #FFFF00 url(../images/que-logo-mini.gif) no-repeat;
  color: #1F1A17;
}
#main-content h1 span.red {
  background: #C52720 url(../images/que-logo-mini.gif) no-repeat;
  color: #FFF;
}
#main-content a.red {
  color: #C52720;
}
#main-content a.black {
  color: #000;
}
#main-content h2 span, #main-content-reference h2 span  {
  color: #FFFF00;
  background: #1F1A17;
  padding: 1px;
  font-weight: normal;
}
#main-content-reference h2 span  {
  color: #1F1A17;
  background: #FFFF00;
  padding: 1px;
}
#main-content ul, #main-content-reference ul {
  list-style-type: none;
  margin: 0 0 15px 5px;
}
#main-content-reference a.ref-link {
  color: #1F1A17;
  text-transform: uppercase;
  text-decoration: none;
}
#main-content-reference a.highslide {
  position: relative;
  margin: 0 4px 4px 0;
  float: left;
}

#main-content-reference h2 {
  margin: 40px 0 5px 0;
}
#main-content-reference p {
  margin: 8px 0 ;
}

#main-content p {
  text-align: justify;
}

/* footer */
#footer {
  position: relative;
  width: 100%;
  height: 102px;
  border-top: 7px solid #1F1A17;
  margin: 40px 0 20px 0;
  font-size: 85%; 
}
#footer a {
  color: #1F1A17;
  text-decoration: none;
}
#part-one,#part-two,#part-three,#part-four,#part-five {
  position: absolute;
  border-right: 1px solid #1F1A17;
  bottom: 0px;
}
#part-one {
  width: 145px;
  padding-top: 62px;
  height: 30px;
}
#footer #part-two {
  width: 110px;
  left: 146px;
  padding: 1px 0 0 25px;
  height: 57px;
}
#footer #part-three {
  width: 100px;
  left: 281px;
  padding: 1px 0 0 25px;
  height: 57px;
}
#footer #part-four {
  width: 85px;
  left: 406px;
  padding: 1px 0 0 25px;
  height: 57px;
}
#footer #part-five {
  width: 85px;
  left: 516px;
  padding: 43px 0 0 25px;
  height: 15px;
  border: 0px;
}
#footer #part-six {
  position: absolute;
  border-left: 1px solid #1F1A17;
  bottom: 0px;
  width: 125px;
  padding: 30px 0 0 10px;
  right: 0px;
  height: 62px;
}
#part-one span, #part-two span, #part-three span, #part-four span, #part-five span {
  display: block;
}
#part-six img {
  position: relative;
  top: -4px;
}

/* ostatni tagy */
.bg-yellow {
  color: #1F1A17;
  background: #FFFF00;
  padding: 1px;
}

.cleaner {
  position: relative;
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

.ul-numeric {
  list-style-type: decimal;
  margin: 0 0 10px 18px;
}

a img {
  border: 0px;
}
