body,html {
  margin:0; padding:0;
}

body {
  font-style: normal;
  font-weight: normal;
  font-size: small;
  font-size: 10pt;
  font-family: "Trebuchet MS", "Helvetica CE", Helvetica, "Arial CE", "Switzerland CE", Arial, Switzerland, sans-serif;  
  text-decoration: none;
  background: #003366;
  color: white;
}

p, table, td {
  color: white;
  font-style: normal;
  font-weight: normal;
  font-size: small;
  font-size: 10pt;
  font-family: "Trebuchet MS", "Helvetica CE", Helvetica, "Arial CE", "Switzerland CE", Arial, Switzerland, sans-serif;  
  text-decoration: none;
  text-align: justify;
  margin-bottom: 8px;
}

a, a:visited {
  color: #6699cc;
}

a:active, a:hover {
  color: #ffcc33
}

h1 {
  color: #6699cc;
  font-style: normal;
  font-weight: bold;
  font-size: 12pt;
  font-family: "Trebuchet MS", "Helvetica CE", Helvetica, "Arial CE", "Switzerland CE", Arial, Switzerland, sans-serif;  
  text-decoration: none;
  text-align: left;
  clear: both;
}

h2 {
  color: #6699cc;
  font-style: normal;
  font-weight: bold;
  font-size: 10pt;
  font-family: "Trebuchet MS", "Helvetica CE", Helvetica, "Arial CE", "Switzerland CE", Arial, Switzerland, sans-serif;  
  text-decoration: none;
  clear: both;
}


h3 {
  color: white;
  font-style: normal;
  font-weight: bold;
  font-size: 10pt;
  font-family: "Trebuchet MS", "Helvetica CE", Helvetica, "Arial CE", "Switzerland CE", Arial, Switzerland, sans-serif;  
  text-decoration: none;
  clear: both;
}

img {
  margin: 3px 8px 8px 5px;
}

a img {
  border: 1px solid;
}

#wrapper {
  width: 900px;
  margin: 20px auto;
  background: url('../images/title/kubicek_logo1.gif') no-repeat;
  position: relative;
  height: 200px;
}

#wrapper h1.hlavni {
  width: 756px;
  height: 126px;
  background: url('../images/title/head.jpg') top left no-repeat;
  position: absolute;
  top: -5px;
  left: 144px;
}

#wrapper h2.hlavni {
  width: 900px;
  height: 80px;
  background: url('../images/title/heart_of_europe2.gif') 140px 0px no-repeat;
  position: absolute;
  top: 670px;
  padding-bottom: 5px;
  border-bottom: 1px solid white;
}

#wrapper h1.hlavni span, #wrapper h2.hlavni span {
  visibility: hidden;
}

#news {
  width: 201px;
  height: 240px;
  position: absolute;
  top:  153px;
  !top: 143px;
  left: 697px;
  border: solid 1px #6699cc;
  background: url('../images/title/back-blue.jpg');
}

#news img {
  float: left;
  margin: 0;
}

#news h2 {
  margin: 3px 0 0 10px;
  padding: 0;
  color: #ffcc00;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#news h3 {
  margin-left: 110px;
  clear: none;
  color: #6699cc;
}

#news p {
  margin-left: 110px;
  clear: none;
}

#new1, #new2 {
  width: 195px;
  height: 102px;
  position: absolute;
  top: 20px;
  margin: 0;
  padding: 3px;
  border-top: dotted 1px #6699cc;
}

#new2 {
  top: 130px;
}

#welcome {
  width: 530px;
  height: 160px;
  position: absolute;
  top:  140px;
  left: 140px;
}

#welcome p {
  margin-left: 0;
}

#welcome li {
  padding-bottom: 5px;
  list-style-type: circle;
}

#welcome li a {
  text-decoration: none;
  color: #6699cc;
}

#welcome li a:hover, #welcome li a:active {
  color: #ffcc33;
}

#shortly {
  position: absolute;
  top: 400px ;
  left: 693px;
}

#animace {
  position: absolute;
  top:  340px;
  left: 315px;
  border: 1px solid white;
}

#enmenu {
  position: absolute;
  top: 155px;
}

#lang_change {
  height: 80px;
  width: 40px;
  background: url('../images/title/kompas.gif') top left no-repeat;
  position: absolute;
  top: 275px;
  left: 35px;
  text-decoration: none;
}


#lang_change:hover, #lang_change.hover {
  background: url('../images/title/kompas-over.gif') top left no-repeat;
}

.english #lang_change:hover {
  background: url('../images/title/kompas-cz.gif') top left no-repeat;
}

.czech #lang_change:hover {
  background: url('../images/title/kompas-en.gif') top left no-repeat;
}
/*
#lang_change span {
  visibility: hidden;
}
*/
#csmenu {
  position: absolute;
  top: 365px;
}

#address {
  width: 200px;
  height: 200px;
  position: absolute;
  top:  440px;
  left: 685px;
  background: url('../images/title/kubicek_lettering.gif') top left no-repeat;
  padding-left: 0;
}

#address address {
  display:block;
  position:relative;
  top: 50px;
  margin: 0;
  padding: 0;
}

#address a, #address a:visited {
  color: #6699cc;
}

#address a:active, #address a:hover {
  color: #ffcc33
}

#copy {
  position: absolute;
  top:  770px;
  height: 30px;
  left: 0;
}

#fadeshow {
  display:block;
  width: 530px;
  height: 150px;
  z-index: 0;
}


/*  Ovladani KRATCE  */
#shortly {
  width:180px;
  max-height:500px;
  background: #003f7d;
  margin:4px;
  padding:0.8em;
  border:1px solid #6699cc;
  overflow: auto;
  text-align: left;
  z-index: 9;
  text-decoration:none;
  cursor:default;
  font-style:normal;
  display:block;
  font-size: 10pt;
  font-family: "Trebuchet MS", "Helvetica CE", Helvetica, "Arial CE", "Switzerland CE", Arial, Switzerland, sans-serif;  
}

#shortly .nadpis{
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 10pt;
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: block;
  border-bottom: dotted 1px #6699cc;
  text-transform: uppercase;
  letter-spacing: 1px;
}

a#shortly .odkaz{
  color: white;
  text-decoration:underline;
  text-align: left;
  outline-style:none;
  cursor: pointer;
  font-size: 10pt;
}

a#shortly span.odstavec {
  display: block;
  margin-bottom: 10px;
  font-size: 10pt;
}

a#shortly:hover, a#shortly:active, a#shortly:focus, a#shortly, a#shortly .odstavec {
  text-decoration:none;
  color: white;
}

a#shortly:active .odkaz, a#shortly:focus .odkaz, a#shortly em {
  display:none;
}

a#shortly:active em, a#shortly:focus em {
  display:block;
  color: white;
  width:100%;
  font-style:normal;
  cursor:default;
  text-decoration:none;
  font-size: 10pt;
}

a#shortly:active, a#shortly:focus {
  width: 573px;
  height: 360px;
  text-decoration:none;
  left: 300px;
  color: white;
}

span.right {
  display:block;
  text-align:right;
}

hr {
  display: none;
}

/***************************** menu ***************************/

#csmenu *, #enmenu * {
  margin: 0;
  padding: 0;
  z-index: 9;
  background-color: #003366;
  font-size: 8pt;
}

#menu {
  width: 110px; /* set width of menu */
} 

#menu ul { /* remove bullets and list indents */
  list-style: none;
  margin: 0;
  padding: 0;
  width: 110px;
}

/* style, color and size links and headings to suit */
#menu ul a {
  font-weight: bold;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #69c;
  margin: 0;
  padding: 2px 3px;
}

#menu ul a {
  color: #fff;
  background: #036;
  text-decoration: none;
}


#menu ul ul a:hover {
  color: #fc3;
  background: #003f7d;
}


#menu li {
/* make the list elements a containing block for the nested lists */
  position: relative;
  height: 20px;
} 

#menu ul ul {
  position: absolute;
  top: 0;
  left: 100%; /* to position them to the right of their containing block */
  width: 130px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul li.hover ul ul {
  display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul li.hover ul,
div#menu ul ul li.hover ul{
  display: block;
}

h2.skryt {
  display:none;
}

#menu .dot {
  background-image: url("dot.gif");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

#menu .dot:hover {
  background-image: url("ydot.gif");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

.ballooning .skryt,
.company .skryt,
.support .skryt,
.products .skryt,
.news .skryt {
  visibility: hidden;
}

#menu .norelative{
  top: -100px;
}

/* POZOR - hover je resen pro ie samostatne */

#enmenu ul a.ballooning{
  background: url('../images/title/ballooning.gif') top left no-repeat;
}

#enmenu ul a.ballooning:hover {
  background-position: -107px 0;
}

#enmenu ul a.company {
  background: url('../images/title/company.gif') top left no-repeat;
}

#enmenu ul a.company:hover {
  background-position: -107px 0;
}

#enmenu ul a.support {
  background: url('../images/title/support.gif') top left no-repeat;
}

#enmenu ul a.support:hover {
  background-position: -107px 0;
}

#enmenu ul a.products {
  background: url('../images/title/products.gif') top left no-repeat;
}

#enmenu ul a.products:hover {
  background-position: -107px 0;
}

#enmenu ul a.news {
  background: url('../images/title/news.gif') top left no-repeat;
}

#enmenu ul a.news:hover {
  background-position: -107px 0;
}

#csmenu ul a.ballooning {
  background: url('../images/title/ballooning.gif') top left no-repeat;
}

#csmenu ul a.ballooning:hover {
  background-position: -107px 0;
}

#csmenu ul .company {
  background: url('../images/title/firma.gif') top left no-repeat;
}

#csmenu ul a.company:hover {
  background-position: -107px 0;
}

#csmenu ul a.support {
  background: url('../images/title/podpora.gif') top left no-repeat;
}

#csmenu ul a.support:hover {
  background-position: -107px 0;
}

#csmenu ul a.products {
  background: url('../images/title/produkty.gif') top left no-repeat;
}

#csmenu ul a.products:hover {
  background-position: -107px 0;
}

#csmenu ul a.news {
  background: url('../images/title/novinky.gif') top left no-repeat;
}

#csmenu ul a.news:hover {
  background-position: -107px 0;
}

#enmenu ul ul a:hover, #enmenu ul ul a:hover span, #csmenu ul ul a:hover, #csmenu ul ul a:hover span {
  background-color: #003f7d;
  color: #ffcc33;
}

/* prepinani menu - spoluprace s js*/

.english #csmenu {
  visibility: hidden;
}

.czech #enmenu {
  visibility: hidden;
}

#deutsch {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 480px;
  left: 25px;
  background: url('../images/title/deutsch.gif') top left no-repeat;
}

#deutsch a {
  display: block;
  text-decoration: none;
}

#deutsch span {
  visibility: hidden;
}