body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	font-family: serif; /* Times */
	background:#000 url(../images/bg.jpg) top repeat-x;
}

h1 { font-size:37px; }

h1, h2, h3, h4 { font-weight:normal; padding:0; margin:0; }

p, ul { padding:0; margin:0; }

li { list-style:none; }

a, a:visited { color:#999; text-decoration:underline; outline:none; }

a:link { color:#999 }

a:hover { text-decoration:none; }

img { border:none; padding:0; display:block; }

.clear { clear:both; }

.wrap { margin:0 auto; text-align:left; background-color:#000; }

.box { width:960px; }

.relative { position:relative; overflow:hidden; }

.over { position:absolute; top:0; left:0; width:100%; height:100%; }

a span.over { cursor:pointer;  }


/* = header
---------------------------------------------------------------------------------------------------*/
.header {}

.header .headerLeft,
.header .headerCenter,
.header .headerRight { height:201px; float:left; }

.header .headerLeft { width:349px; }
.header .headerLeft h1 { position:absolute; top:0; left:0; color:#fff; }
.header .headerLeft a img { position:relative; }
.header .headerLeft .headerLeftBottom { height:126px; background:#352a17 url(../images/h-logo-bottom.jpg); }

.header .headerCenter { width:255px; }
.header .headerCenter .headerCenterTop { height:16px; background:#352a17 url(../images/h-c-t.jpg); }
.header .headerCenter .menu li a { display:block; }

.header .headerCenter .menu li a.vytvarne-prace,
.header .headerCenter .menu li span.vytvarne-prace { display:block; height:98px; background-color:#352a17; color:#fff; font-size:18px; } 
.header .headerCenter .menu li a.vytvarne-prace span.over,
.header .headerCenter .menu li span.vytvarne-prace span.over { background:url(../images/h-c-vytvarne-prace.jpg); }

.header .headerCenter .menu li a.sperky,
.header .headerCenter .menu li span.sperky { display:block; height:88px; background-color:#352a17; color:#fff; font-size:18px; } 
.header .headerCenter .menu li a.sperky span.over,
.header .headerCenter .menu li span.sperky span.over { background:url(../images/h-c-sperky.jpg);}

.header .headerCenter .menu li a:hover,
.header .headerCenter .menu li a.active,
.header .headerCenter .menu li a.active:hover { color:#790000; }
.header .headerCenter .menu li a:hover span.over,
.header .headerCenter .menu li a.active span.over,
.header .headerCenter .menu li a:active:hover span.over { background-position:bottom; }

.header .headerRight { width:356px; background:#352a17 url(../images/h-right.jpg); }


/* = content
---------------------------------------------------------------------------------------------------*/
.content { position:relative; }
.content .top,
.content .middle,
.content .bottom { height:148px; }

.content .top { background:url(../images/vp-c1.jpg); }
.content .middle { background:url(../images/vp-c2.jpg); }
.content .bottom  { background:url(../images/vp-c3.jpg); }


.copy p { color:#999; text-align:center; }

#slider {
  width: 930px;
  padding:10px 10px 5px 20px;
  background:url(../images/trans.png);
  /*position: relative;*/
  position:absolute;
  top:100px;
  left:14px;
  /*margin-top:20px;*/
  /*border:1px solid red;*/

}

.scroll {
  height: 140px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  /*padding: 20px;*/
  height: 130px;
  width: 960px; /* change to 560px if not using JS to remove rh.scroll */
  /*margin-bottom:10px;*/
}

#slider img.scrollButtons {
  position: absolute;
  top: 68px;
  cursor: pointer;
  border:0;
  margin:0;
}

.scrollButtons.left {
  left: 2px;
}

.scrollButtons.right {
  right: 2px;
}

#slider img { display:inline; border:4px solid #fff; margin:0 3px 0 2px; }


.highslide-wrapper div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: gray;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	display:none;
	width: 195px;
	height: 40px;
	background: url(../highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(../highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

.hidden-container {
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}