body { 
  font-family: verdana, helvetica;
  font-size: 8pt;
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  color: #ABABAB;
}

a {
  color: #FF2A00;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.external {
  background-image: url('images/external-link.png');
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 12px;
}

.rightimage {
  float: right;
  margin: 0px 0px 12px 12px;
}
.leftimage {
  float: left;
  margin: 0px 12px 12px 0px;
}
img {
  border: 0px;
}
p {
  margin: 0px 0px 1em 0px;
}
p.clear {
  clear: both;
}
span.pyroart {
  font-weight: bold;
}

div#centerblock {
  margin: 0px auto;
  width: 770px;
  padding: 155px 0px 0px 0px;
  position: relative;
}
div.img1, div.img2, div.img3, div.img4, div.img5, div.img6, div.img7, div.img8 {
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
div.img1 { background-image: url('images/introback1.jpg'); }
div.img2 { background-image: url('images/introback2.jpg'); }
div.img3 { background-image: url('images/introback3.jpg'); }
div.img4 { background-image: url('images/introback4.jpg'); }
div.img5 { background-image: url('images/introback5.jpg'); }
div.img6 { background-image: url('images/introback6.jpg'); }
div.img7 { background-image: url('images/introback7.jpg'); }
div.img8 { background-image: url('images/introback8.jpg'); }

div.flashplayer {
  text-align: center;
  margin: 0px 0px 1em 0px;
}

div#logo-wrapper {
  position: absolute;
  left: 0px;
  top: 28px;
  width: 180px;
}
div#logo-wrapper h1#logo {
  margin: 0px;
  padding: 0px;
  background-image: url(images/logo.png);
  width: 180px;
  height: 85px;
  text-indent: 200px;
  overflow: hidden;
  cursor: pointer;
}
div#logo-wrapper div.text {
  text-align: center;
  font-size: 8px;
  color: #ffffff;
}
div#logo-wrapper div.text span {
  color: #EF3900;
}
div#languages {
  position: absolute;
  right: 0px;
  top: 105px;
  font-weight: bold;
  text-transform: uppercase;
  color: #CAAFAA;
}
div#languages a {
  color: #CAAFAA;
}
div#mainmenu {
  position: absolute;
  left: 0px;
  top: 159px;
  width: 200px;
}
div#mainmenu.intro {
  xxwidth: 349px;
}
div#mainblock {
  background: #000000;
  margin: 0px 0px 0px 200px;
  padding: 4px;
  min-height: 600px;
  _height: 600px;
}
div#mainblock.intro {
  margin: 0px 0px 0px 349px;
}
h2.page-title {
  height: 49px;
  line-height: 49px;
  font-size: 14pt;
  font-weight: normal;
  color: #ffffff;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  background-image: url('images/headerback.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
}
h2.page-title a {
  font-weight: normal;
  color: #ffffff;
}
h2 {
  font-size: 8pt;
  color: #ffffff;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  font-weight: bold;
}
div#maintext {
  margin: 0px;
  padding: 20px;
  min-height: 420px;
  _height: 420px;
}

div#kontakt {
  position: absolute;
  left: 12px;
  top: 500px;
}
div#kontakt h2 {
  color: #FF2A00;
  margin: 0px 0px 0.5em 0px;
  padding: 0px;
  text-transform: uppercase;
  font-size: 8pt;
  font-weight: bold;
}
div#kontakt p.address {
  color: #A9A9A9;
  margin: 0px 0px 1em 0px;
}
div#kontakt p.address span {
  color: #D9D9D9;
}
div#kontakt p.phone {
  color: #ffffff;
  margin: 0px;
  font-size: 10.5pt;
  font-style: italic;
  font-weight: bold;
}
div#kontakt p.phone span {
  font-size: 8pt;
  display: block;
  margin: 0px 0px 1em 0px;
  font-weight: normal;
  color: #a9a9a9;  
}
div#kontakt p.email {
  margin: 1em 0px 0px 0px;
}
div#kontakt p.email a {
  color: #BDBDBD;
  font-weight: normal;
}

div#bottomblock {
  margin-top: 10px;
  border-top: 1px solid #272727;
  padding: 25px 0px 25px 0px;
  font-weight: bold;
  color: #A56052;
}
div#bottomblock a {
  color: #A56052;
}
div#bottomblock a.logo-ahref {
  color: #A56052;
  background-image: url(images/izon.png);
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  float: left;
  text-decoration: none;
}
div#navrcholu {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

div.gallery {
  position: relative;
  height: 390px;
  width: 100%;
  margin: 0px 0px 25px 0px;
}
div.gallery div.clearer {
  display: none;
}
div.gallery div.bigimage {
  height: 390px;
  margin-right: 132px;
  text-align: center;
  background: #080808;
  padding: 0px;
}
div.gallery div.bigimage img {
  vertical-align: middle;
}
div.gallery div.thumbs {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 120px;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
div.gallery div.scroller {
  width: 120px;
  height: 350px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  background: #080808;
}
div.gallery ul.thumbs {
  width: 120px;
  margin: 0px;
  padding: 4px 0px 1px 0px;
  list-style-type: none;
  min-height: 350px;
  _height: 350px;
}
div.gallery ul.thumbs li {
  padding: 0px;
  margin: 0px 0px 4px 4px;
  #height: 110px;
}
div.gallery ul.thumbs li img {
  border: 1px solid #333333;
  display: block;
  cursor: pointer;
}
div.gallery div.thumbs div.scrolltop {
  width: 120px;
  height: 20px;
  background-color: #444444;
  background-image: url('images/scroll-top.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer;
}
div.gallery div.thumbs div.scrollbottom {
  width: 120px;
  height: 20px;
  background-color: #444444;
  background-image: url('images/scroll-bottom.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer;
}

div.gallery-nojs {
  position: relative;
  width: 100%;
  margin: 0px 0px 25px 0px;
}
div.gallery-nojs div.clearer {
  clear: both;
}
div.gallery-nojs div.bigimage {
  display: none;
}
div.gallery-nojs ul.thumbs {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
div.gallery-nojs ul.thumbs li {
  float: left;
  padding: 0px;
  margin: 0px 4px 4px 0px;
}
div.gallery-nojs ul.thumbs li img {
  border: 1px solid #333333;
  display: block;
  cursor: pointer;
}
div.gallery-nojs div.thumbs div.scrolltop,
div.gallery-nojs div.thumbs div.scrollbottom {
  display: none;
}

div#galleryback {
  position: fixed;
  z-index: 100;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.75;
  #filter: alpha(opacity=75);
}
div#gallerywindow {
  position: fixed;
  z-index: 110;
  left: 50%;
  top: 50%;
  background-color: #000000;
  border: 3px solid #333333;
}
div#gallerywindow a {
  color: #ABABAB;
}
div#galleryoriginal {
  margin: 10px;
}
div#galleryoriginal img {
  display: block;
  border: 1px solid #333333;
  cursor: pointer;
}
div.hidden#galleryback,
div.hidden#gallerywindow {
  display: none;
}
div#galleryinfo {
  padding: 0px 10px 10px 10px
}
span#galleryclose {
  float: right;
  font-weight: bold;
}
span#gallerypos {
  padding-right: 20px;
}
span#gallerynav {
  color: #333333;
  font-weight: bold;
}

span.videothumbnail {
  width: 112px;
  height: 112px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

span.gallery2 {
  margin: 1em 0px 1em 0px;
  padding: 0px;
  text-align: center;
  clear: both;
  display: block;
}
span.gallery2left {
  margin: 0px 1em 1em 0px;
  padding: 0px;
  float: left;
  clear: left;
}
span.gallery2right {
  margin: 0px 0px 1em 1em;
  padding: 0px;
  float: right;
  clear: right;
}
span.gallery2 img,
span.gallery2left img,
span.gallery2right img {
  border: 1px solid #333333;
  margin: 0px;
  padding: 0px;
}

div#center404 {
  position: relative;
  margin: 20px auto;
  width: 700px;
}
div#center404 div#logo {
  position: absolute;
  left: 520px;
  top: 0px;
}
div#center404 p {
  margin-top: 30px;
}

div.front-panel {
  display: block;
  /*height: 100%;	*/
  height: 1120px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background: transparent url("images/gray-transparent-background.png") 0 0 repeat;
	z-index:20;
	font-family:Tahoma, sans-serif;
} 
div.front-panel-off {
	display:none;
}
div.front-panel div.front-panel-propagation {
  background-image: url(images/plakat.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 850px;
  height: 352px;
  position: relative;
  top: 200px;
  margin: 0px auto;
}
div.front-panel div.front-panel-propagation a.closer {
  border: 0px solid orange;
  color: white;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  
  float: right;
  width: 20px;
  height: 20px;
}
div.front-panel div.front-panel-propagation a.hrefer {
  border: 2px solid orange;
  
  margin-top: 20px;
  float: right;
  width: 640px;
  height: 420px;
}

ul.reference li {
  clear: both;
  margin-bottom: 4px;
}

div#opening-time {
  font-size: 14px;
  width: 192px;
  height: 47px;
  line-height: 22px;
  padding: 13px 8px 8px 0px;
  background-image: url(images/button-red-bck.png);
  text-align: center;
  cursor: pointer;
  margin-top: 30px;
  margin-bottom: 30px;
}
div#opening-time a {
  color: #FFFFFF;
  text-decoration: none;
}


/* novinky na uvodce */
div#index-news-frame {
  position: absolute;
  width: 100%;
  height: 450px;
  top: 200px;
  z-index: 100;
}
div#index-news-frame div.index-news-content-wrapper {
  width: 500px;
  height: 400px;
  margin: auto;
  padding: 17px;
  background-image: url(../images/index-news-bck.png);
  background-repeat: no-repeat;
}

div#index-news-frame div.index-news-content-wrapper div.header {
  width: 100%;
  height: 40px;
  border-bottom: dotted 1px #000000;
}
div#index-news-frame div.index-news-content-wrapper div.header div.title {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  padding-left: 30px;
  padding-top: 10px;
  float: left;
}

div#index-news-frame div.index-news-content-wrapper div.close {
  position: relative;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 8px;
  float: right;
}

div#index-news-frame div.index-news-content-wrapper div.content {
  width: 90%;
  padding: 5%; 
  font-size: 12px;
  text-align: center;
}

div#index-news-frame div.index-news-content-wrapper div.content p {
  color: #000000;
  font-weight: bold;
}

div#index-news-frame div.index-news-content-wrapper div.content table {
  color: #000000;
  width: 400px;
  margin: auto;
  padding-top: 10px;
}
div#index-news-frame div.index-news-content-wrapper div.content table tr {
  text-align: center;
}
div#index-news-frame div.index-news-content-wrapper div.content table tr td.border {
  border-bottom: dotted 1px gray;
}
div#index-news-frame div.index-news-content-wrapper div.content table tr td {
  padding: 3px;
}
div#index-news-frame div.index-news-content-wrapper div.content table tr.red {
  color: red;
}