body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(/img/top.gif) top center no-repeat #000;;
	font: normal 12px/21px Trebuchet MS, verdana, arial, helvetica, sans-serif, "Lucida Grande";
}
#page {
	width: 890px;
	margin: 0em auto 0em auto; 
	border: 0px solid #09806f;
	text-align: left;
	z-index: 1;
}
#page1 {  }
#logo {
  margin-top: 80px;
  margin-left: 60px;
  margin-bottom: 45px;
  _margin-bottom: 0px;
	height: 179px;
	width: 240px;
	text-align: center;
	float:left;
	_float:left;
	/*
	*/
}
#logo a:link,#logo a:visited { 	
  height: 160px;
	width: 240px;
  margin: 1em 0;
  float:left;
	display: block;
} 
#logo h1 {font-size: 1.1em; float:left;text-align:center;
	width: 240px;
	margin: 0 0 23px 0;padding: 0;color: #cca801;
	
  text-transform: uppercase;
  } 
#logo h1 span {
font-size: 50%;
color: #666;
}



.clear, .cb {
	clear: both;
	height: 0px;
	line-height: 0px;
}
#top { 
}
#top ul { 
  width: 880px;
	margin: 0;
	padding: 0 0 0 0;
	display:block;
	text-align:left; 
	background: #06302a; 
	float:left;
	_float: left;
	
}
#top ul li { 
	background: #06302a;
	margin: 0 0;
	padding: 0;	
  list-style: none;
	display:block;
	float:left;
	 
}
#top ul li a { 
	color: white;
	font-weight: normal;  
	display:block;
	text-decoration: none;
	float:left;
	margin: 0 0 0 0;
	padding: .4em 0.4em;	
	width: 130px;
	font-size: 140%; 
	text-align:center;
}
#top ul li a:hover {
	background: #ffff00; color: black;
}
li.ct a {
	color: #ffff00 !important;   
}
li.ct a:hover {
  color: black  !important;
}

  
 
.obsah a, .obsah a:link, .obsah a:visited {
	text-decoration: underline;
	font-weight: bolder;
	color: white;
}
a:hover {
	text-decoration: underline;
}
#content_left {
	width: 210px;
	float: left;
	margin: 5px 0 0 0;
	_margin-top: 15px 0 0 0;
  background: transparent;
	padding: 0 5px 10px 5px;
}
#content_left img {
	margin-top: 5px;
}#content_left p {
  padding: 0.3em;
	color: #999;
}
#content_left p:hover {
color: black;
background: #E0E0DD;
}
#content_left h3 {
background: #333;
color:white;
padding: .5em;
}
#content_left a {
color: #000FAE;
font-weight: bolder;
text-decoration: underline;
}

#menu {
	width: 180px;
	_width: 180px;
}
#menu ul {
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 4px;
}
#menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	margin-bottom: 1px;
}
#menu li a:link, #menu a:visited {
	color: #0293DD !important;
	padding: 3px 5px;
	_float: left;
	width: 180px;
	display: block;
	text-decoration: underline;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
}
#menu li a:hover {
	color: #000;
	text-decoration: none;
	background: transparent;
}
#menu p a:link, #menu p a:visited {
	color: #30A6F9;
	text-decoration: underline;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 170% !important;
}
.hidden {
	display: none;
}
 
 
h4 {
text-align:center;
}
  
/*<FOOTER>*/
#footer {
padding-top: 5px !important; 
 background: #000;
width: 890px;                
margin: 0 auto; 
}
 
#footer p {
float:right;
width: 520px; 
	text-align: right;
	color: white;
	padding: 1.4em; 
background: black;
 
 }
#footer a:hover {
	color: #e2e2e2;
}
#footer a:link,#footer a:visited {
	color: #fff;text-decoration:underline;
}
 

    
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
	height: 1%;
/* End hide from IE-mac */
}
.cb {
	clear: both;
	height:0;line-height:0;
}
.certifikaty p.fl {
	margin: 4px;
	padding: 0;
}
#wrapper {float:left; _float:none; 
width: 880px; color: white;  
	background: #064941; font-size: 1.3em;}
#wrapper p {margin: 1em 0em 1em 0em; padding: 0;  }
#wrapper address {margin: .4em 0em .4em 0em; padding: 0.5em 0.3em 0.5em 0.3em;width: 505px;}
#wrapper address strong {margin: 0 !important; padding: 0;}
#wrapper ul li {margin: 1em; padding: 0; }
#wrapper ul.prehled {line-height: 1.4em;}

#wrapper ul.prehled li { /*background: url(/img/li.gif) left no-repeat; display: block; padding: 0.4em 0.4em .4em 5em;*/
padding: 0.4em 0.4em .4em 1em; float:left;list-style-type: square;width: 140px;height: 30px; }
#wrapper .obsah {padding: 1.4em 1.4em 1.4em 1.4em;}
#wrapper .obsah h2 {
	font-size:18px;
	font-weight:normal;
	text-indent:00px;
	margin:0 0 1em 0;
}
#wrapper img.fl { float:left; margin-right: 1.4em; padding: 2.4em 0;}
#wrapper img.fr { float:right; margin-right: 1.4em; padding: 0.7em 0;}


div.szn {
  width: 810px; 
	background: #DBDFE1;
	border: 1px solid #fff;
	margin: 1em;
	padding: 1em;
	font-size: 1.2em;
}
div.szn a.back {color: #666;}
div.szn a.back:hover {color: #3e3e3e;}
div.szn1 {
  /*-moz-border-radius: 13px;
	*/
	
  background: #DBDFE1;
	border: 1px solid #e2E2E2;
	margin: 1em 0 1em 0;
	padding: 1em; 
}
div.abc { 
width: 610px;
margin:0 0 0 240px;
}
div.szn h3 {
	font-size: 150%;
	color: #2445EB;
	letter-spacing: -1px;
}
div.szn h3 span {
	font-size: 98%;
	color: #CC6600;
}
div.szn a:link, div.szn1 a:visited {
  color:blue;
	text-decoration: underline;
}
div.szn a:link{
font-weight: bolder;
}
div.szn a:hover {
	color: red;
	text-decoration: none;
}
div.szn1 a:link, div.szn1 a:visited {
  color:blue;
	text-decoration: underline;
}
div.szn1 a:link{
font-weight: normal;
}
div.szn1 a:hover {
	color: red;
	text-decoration: none;
}
 
div.szn p {
	margin: .3em;
	padding: .3em;
}
span.fl {
	float: left;
}
span.fr {
	float: right;
}
br.cb {
	clear: both;
}
#next, #none {
	display:block;
	padding:3px 6px;
color: black;	font-weight: bolder;
	 
	/*-moz-border-radius:5px;*/

	border:1px solid #bbb;
	border-color:#888;
	background:#e1e1e1;
	text-decoration:none;
	margin:0 10px 10px;
}
#prev{
	display:block;
	padding:3px 6px;
	color: black;
	font-weight: bolder;
	border:1px solid #bbb;
	border-color:#888;
	background:#e1e1e1;
	text-decoration:none;
	margin:0 10px 10px;
}
html body div #prev:hover, html body #next:hover {
	border-color:#888;
	background:#e1e1e1;
	color:#000;
}

#prev {
	float:left;
}
#next {
	float:right;
}
#image {
	text-align:center;	
}
.imgwrapper {
	float: left;
  margin: 0 0 5px 5px;
	_margin: 0 0 5px 5px;
	padding: 2px;
	width: 160px;
	height:113px;
}
.imgwrapper span {
	display:block;
	font:9px verdana, sans-serif;
	text-align:center;	
}
.imgwrapper img {
	background-color: #fff;
	border: 1px solid #ddd;
	/*-moz-border-radius:5px;*/
	padding: 3px;
}
.imgwrapper a:visited img {
	background-color:#fff;	
}
.imgwrapper a:hover img, .imgwrapper a:focus img {
	background-color: #666;
}
.imgwrapper a:hover, .imgwrapper a:focus {
	color:#000;
}
#single {
	padding:3px;
	border:1px solid #aaa;
	/*-moz-border-radius:5px;*/
	background:#ddd;
}

#desc {
 
	text-align:center;
	padding:10px 60px 2px 60px;
}
#credit {
	background:#036;
	border-top:0px solid #333;
	/*-moz-border-radius:0 0 20px 20px;*/
	color:#fff;
	font-size:9px;
	text-align:center;
	margin:10px 0 0;
	padding:3px 0;
	clear:both;
}
#credit a {
	color:#fff;
}
#directories {
  width: 520px;
  text-align:center;
	border-bottom:1px solid #ddd;
	margin:0 auto;
}
#directories a {
	margin: 1px;
	width: 250px; display: block; height: 250px; float:left;
}
#directories a.a1 {
background: url(./img/1.jpg) no-repeat;
}
#directories a.a2 {
background: url(./img/2.jpg) no-repeat;
}


#breadcrumb {
	font-size:10px;
	padding:3px;
	border:0;
	background:transparent;
	color:#fff;
}
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:active {
	color:#fff;
}
#dirdesc {
	padding:20px;
	border-bottom:1x solid #000;	
}
#gallery { 
margin:0;
padding:0;
/*
	margin:10px 5px 5px;
	*/
}
#directories ul {
	list-style:circle;
	padding-bottom:5px;
}
#directories li {
	margin:2px 0;
}


.hidden {
  display: none;
}
ul#gl { margin:0;padding:0;list-style:none;}
ul#gl li { border: 1px solid silver;padding: 1.3em; float:left; display:block;
list-style:none; margin: .5em;}
ul#gl li a { color: brown;}
ul#gl li a span{ font-size: 90%; color:#666;}
.kestazeni {display: block;float: right; margin: 1em; clear:right;border: 1px solid silver; background:#e2e2e2; 
width: 160px; padding: 2em;}

div.prilohy1, div.prilohy2 {width: 46%; text-align:center;padding:1em;}
div.prilohy1 h4, div.prilohy2 h4 {font-size: 1.5em;}
div.prilohy1 {  float:left;}
div.prilohy2 {  float:right;}
div.prilohy1:hover, div.prilohy2:hover {background: #fff;} 
div.imgcol img { margin:1em auto;}
div.imgcol p {clear: both; padding: .5em; color: white; } 
.imgcol {	width:360px; padding:5px; height:420px; float:left; text-align:center; overflow:hidden; 
margin: 1.3em 1.3em 1.3em 1.3em ;}
.imgcol h3 {	font-size:110%; height:40px; overflow:hidden; margin:0 0 5px 0; padding:0}
.imgcol h3 a:link, .imgcol h3 a:visited{	text-decoration:none}
.imgcol {	  text-align: center; display:table-cell; vertical-align: middle;}
.imgcol * {	vertical-align: middle;}
.imgcol  span {padding:0; margin:0;  display: inline-block; height: 100%; }
.imgcol  a img{	border:0 none; }



div.prilohy1 a img {border: none;} 
.formular label {width: 220px;float:left;}
div.comments {text-align:left;}
div.cmnt {padding:.4em;border: 1px solid #e2e2e5;margin:.2em;}
  .szn h2 a:link, .szn h2 a:visited{color: #666;}
.szn h2 a:hover {color: black;}
.szn p a:link, .szn p a:visited {color: black;text-decoration:underline;}


address {
  padding: .4em .4em .4em .4em;
  border: 1px solid #999;
  background: #333;
  font-style: normal;
}
strong {
font-size: 100%; 
}

.glr {
float:left;
margin-bottom: 100px;
}