body {
text-align:center;
margin:auto;
padding:10px;
font-family: Verdana;
font-size: 10px;
background-color:#ffffff;
background-image:url("img/kytky4.png");
background-repeat:repeat-x;
background-attachment:fixed;
}

#obsah{
margin:auto;
width:780px;
background-color:transparent;
}

.titulka{
height:149px;
background-color:transparent;
background-image:url("img/titulka.png");
}

.titulka_left{
padding:2px;
float:left;
width:32%;
background-color:#00CC00;
}

.titulka_center{
padding:2px;
float:left;
width:33%;
background-color:#FFFFFF;
}

.titulka_right{
padding:2px;
float:right;
width:33%;
background-color:#00CC00;
}

.menu_top{
text-align:center;
clear:both;
height:50px;
background-color:#3399cc;
background-color:#66cc66;
/*background-image:url("img/kapky_menu_top.gif");*/
}

.menu_top_bar{
margin:auto;
width:740px;
height:45px;
}

.menu_odkaz{
margin-top:5px;
margin-left:12px;
margin-right:12px;
font-size:18px;
font-weight:bold;
padding:2px;
padding-top:7px;
float:left;
width:155px;
height:25px;
background-image:url("img/transparent.png");
border:1px solid black;
background-image:url("img/menutop_bck.jpg");
}

.administrace {
height:800px;
overflow: auto;
      scrollbar-track-color:#00CC00;
      scrollbar-face-color: #66ff66;
      scrollbar-highlight-color: #FFFFFF;
      scrollbar-3dlight-color: #66ff66;
      scrollbar-darkshadow-color: #006633;
      scrollbar-shadow-color: #009900;
      scrollbar-arrow-color: #00CC00;
}

p{
padding:3px;
background-image:url("img/transparent.png");
border:1px solid black;
background-image:url("img/poc_bck.jpg");
}

.informace {
text-align:justify;
height:840px;
overflow: auto;
      scrollbar-track-color:#00CC00;
      scrollbar-face-color: #66ff66;
      scrollbar-highlight-color: #FFFFFF;
      scrollbar-3dlight-color: #66ff66;
      scrollbar-darkshadow-color: #006633;
      scrollbar-shadow-color: #009900;
      scrollbar-arrow-color: #00CC00;
}

.informace p{background-image:none;border:none;padding-top:0px;margin:0px;}

h4,h5  {
margin-bottom:0px;
font-family : "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-weight : normal;
text-align : left;
color:blue;
} 

h1,h2,h3 {color:blue;text-align:center;font-family:Verdana;font-weight:bold;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:18px;}
h5 {font-size:16px;}

.bar_left{
float:left;
width:150px;
height:993px;
background-color:#3399cc;
background-color:#66cc66;
/*background-image:url("img/kapky.gif");*/
}

.bar_menu{
margin:3px;
padding:3px;
background-image:url("img/transparent.png");
}

.bar_menu_odkaz1{
font-size:12px;
text-align:left;
padding:2px;
padding-top:7px;
}

.bar_menu_odkaz2{
text-align:left;
padding:2px;
padding-left:8px;
}

.bar_text{
margin:3px;
margin-bottom:5px;
padding:2px;
padding-top:10px;
padding-bottom:10px;
background-image:url("img/transparent.png");
}

.bar_center{
padding:4px;
text-align:center;
float:left;
width:472px;
height:985px;
background-color:#66ff66;
/*background-color:#cdeef9;*/
 background-image:url("img/bck_bar_center.gif");
 background-repeat:no-repeat;
 background-position:bottom;
}

.info_center{
padding:2px;
height:96px;
}

.zbozi_center{
text-align:left;
padding:5px;
margin:2px;
width:219px;
height:143px;
float:left;
background-color:#99ff99;
border-right:2px solid gray;
border-bottom:2px solid gray;
border-left:1px solid white;
border-top:1px solid white;
background-image:url("img/bck_zbozi2.gif");
background-position:right bottom;
background-repeat:no-repeat;
}

.zbozi_admin{
text-align:center;
float:left;
}

.zbozi_single{
text-align:left;
padding:5px;
margin:2px;
width:450px;
height:auto;
min-height:310px;
background-color:#99ff99;
border-right:2px solid gray;
border-bottom:2px solid gray;
border-left:1px solid white;
border-top:1px solid white;
background-image:url("img/bck_zbozi2.gif");
background-position:right bottom;
background-repeat:no-repeat;
}

.paticka_center{
clear:both;
height:28px;
/*background-color:#cdeef9;
 background-image:url("img/bck3.gif");*/
}

.bar_right{
float:right;
width:150px;
height:993px;
background-color:#3399cc;
background-color:#66cc66;
/*background-image:url("img/kapky.gif");*/
}

.paticka{
color:blue;
padding:1px;
height:50px;
clear:both;
background-image:url("img/spodek_zel.gif");
background-repeat:no-repeat;
background-position:top;
}

td {text-align:right;}

.registrace input{
background-color:#99ff99;
border-left:1px solid #006600;
border-top:1px solid #006600;
border-right:1px solid #ccff99;
border-bottom:1px solid #ccff99;
color:blue;
font-size:10px;
}

.email li {
width:49%;
padding:3px 0px;
float:left;
text-align:left;
list-style-type:none;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
 


/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="images" />
		<div class="captions" />
		<div class="controller" />
		<div class="thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow_okolo {
margin:auto;
background-image:url("images/slideshow.png");
width: 411px;
height: 514px;
_width: 441px;
_height: 553px;
padding-top:30px;
padding-left:30px;
}		
.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	width: 388px;
height: 482px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 505px;
	margin: 0 auto;
	width: 388px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

/* vzhled odkazù */

p a:link {
font-weight:normal;
color:black;
text-decoration: none;
background-color : transparent;
}

p a:visited {
font-weight:normal;
color:black;
background-color : transparent;
text-decoration: none;
}

p a:active {
font-weight:normal;
color:black;
background-color : transparent;
text-decoration: none;
}

p a:hover {
font-weight:normal;
color: blue;
text-decoration:none;
}

a span { 
display: block; 
position: absolute; 
visibility: hidden; 
top: 400px; 
left: 58%; 
padding: 5px; 
width: 130px; 
text-align:center;
border: 2px dashed green;
background-image:url("img/transparent2.png");
}

a:hover span {visibility: visible;} 

.bar_text a:link {font-weight:bold;}
.bar_text a:visited {font-weight:bold;}
.bar_text a:active {font-weight:bold;}
.bar_text a:hover {font-weight:bold;color:blue;}

a:link, a:visited, a:active {
text-decoration:none;
font-weight: bold;
color:black;
text-decoration: none;
background-color : transparent;
border:none;
padding:0px;
}

a:hover {
font-weight:bold;
color: black;
text-decoration:none;
border:none;
padding:0px;
}

.zbozi_center a:link, a:visited, a:active, a:hover {
color:black;
text-decoration:underline;
font-weight:bold;
}

.bar_menu_odkaz1 a:link, a:visited, a:active, a:hover{text-decoration:none;font-weight:normal;}
.bar_menu_odkaz2 a:link, a:visited, a:active, a:hover{text-decoration:none;font-weight:normal;}
.menu_odkaz a:link, a:visited, a:active, a:hover{text-decoration:none;font-weight:normal;}
.bar_center a {font-weight:bold;}