body {
font-family: Verdana, arial, sans-serif; 
font-size: 70%; 
background: rgb(230,249,253);
text-align: center; 
min-width: 770px; 

}

#strana {
width: 900px;
margin: 0 auto;
text-align: center;
}
#hlavni {
float: left;
width: 900px;
margin: 0 auto;
background: rgb(255,255,255);
text-align: center;
border: 0px solid rgb(219,219,219);
}
#bottom {
float: left;
width: 900px;
margin:5px 15px 0 0 ;
text-align: right;
border: 0px solid rgb(219,219,219);
font: normal 9px arial, tahoma, Verdana, sans-serif;
}
.shadow{
border:2px solid silver;
font:10pt arial;
position:relative;
display:inline-block;
background:white;
z-index:100
}
.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10);
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

h1 {
  margin: 0px;
  padding: 0px;
  margin-left: 0px;
  color: #1d3484;
  font-size: 140%;
}

h2 { 
  margin: 0px;
  padding: 0px;
  margin-left: 0px;
  font-weight: bold;
  color: #1d3484;
  font-size: 140%;
}


h3 { 
  margin: 0px;
  padding: 0px;
  margin-left: 0px;
  font-weight: bold;
  color: #1d3484;
  font-size: 100%;
}

h4 { 
  margin: 0px;
  padding: 0px;
  margin-left: 0px;
  font-weight: lighter;
  font-size: 65%;
}
h5 { 
  margin: 0px;
  font-family: tahoma;
  font-weight: normal;
  padding: 0px;
  margin-left: 0px;
  font-size: 9px;
  
}

.left h1 {
  color: #1d3484;
  font-size: 85%;
  font-weight: normal;
border-top: 1px solid #1E4290;
border-bottom: 1px solid #1E4290;
  text-align: center; 
  margin-bottom: 00px;
background: #dfdfdf;
}

.left h3 {
  color: #1d3484;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  text-align: left; 
  margin-bottom: 00px;
}

.left h2 {
  color: #1d3484;
  font-size: 13px;
  font-family: Verdana, Arial;
  text-decoration: none;
  text-align: center; 
  margin-bottom: 10px;
}

#obrlevy {
width: 200px;
height: 0px;
float: left;
margin:0px;
}

#leva {
float:left;
width: 200px;
min-height: 600px;
margin-top: 13px;
background:  #fff;
text-align:center;
background: #fff url("../images/obr2.jpg") no-repeat; 
}

.nadpislevy {
float:left;
width:200px;
height: 25px;
line-height: 25px;
color:rgb(29,52,130);
  font-size: 13px;
  font-family: Arial, Verdana;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin:315px 0 0 0px; 
  background-color: rgb(133,194,38) ;
}
.popislevy {
float:left;
width:193px;
padding: 0px 3px 0px 3px;
border-right: 1px solid rgb(219,219,219);


color:rgb(204,255,255);

}
.popispravy {
float:right;
width:193px;
padding: 0px 3px 0px 3px;
border-left: 1px solid rgb(219,219,219);


color:rgb(204,255,255);

}

.odkazlevy {float:left; color:rgb(102,153,255); font-weight: bold; text-decoration:none; width:200px; height:0px;}
.odkazlevy :hover { color:#1d3484; text-decoration:underline;}

#menuhorni {
float: left;
width: 682px;
height: 15px;
font-size: 11px;
background: #fff ;
margin:6px 0px 2px 0px;
}
#menuhorni1 {
float: left;
width: 676px;
_width: 673px;
height: 30px;
font-size: 11px;
background:  url(../images/podklmenu.jpg) no-repeat; 
margin:0px 0px 0px 0px;
_margin-left:-4px;
}

.odkazdolni {float: right; width: 306px; height: 15px; color:#1d3484; font-weight: normal; text-decoration:none;  text-align: right;}
.odkazdolni :hover { color:rgb(133,194,38); text-decoration:underline;}
.odkazdolnil {float: left; width: 250px; height: 15px; color:#1d3484; font-weight: normal; text-decoration:none;  text-align: left;}

.odkazhorni {float: right; width: 686px; height: 15px; color:#1d3484; font-weight: bold; text-decoration:none;  text-align: right;}
.odkazhorni :hover { color:rgb(204,255,255); text-decoration:underline;}
.odkazhorni1 {float: left; position: relative; width: 672px; height: 30px; color:#1d3484; font-weight: bold; text-decoration:none;margin:4px 5px 0px 0px; text-align: right;}
.odkazhorni1 :hover { color:rgb(204,255,255); text-decoration:underline;}
.odkazhorni2 {float: left; position: absolute; width: 681px; height: 30px; color:#1d3484; font-weight: bold; text-decoration:none;margin:4px 5px 0px 0px; text-align: right;}

#menuhlavni {
float: right;
width: 683px;
_width: 677px;
height: 80px;
text-align: left;
background: #fff ;
margin:0px 7px 0px 0px;


}
#menuhlavnihr {
float: right;
width: 676px;
_width: 676px;
height:3px;
font-weight: normal;
background: #fff url("../images/blue.jpg") repeat-x;
margin:3px 14px 0px 0px;
_margin-right:3px;
}

.sede a{ color: rgb(0,0,153);}
.sede span { color: rgb(204,204,153);}
.sede a:hover{color: rgb(153,204,204);
}





.odkazd {float:left; display:block; width:0px; height:0px;}
.odkazd a {float:left; display:block; width:0px; height:0px; position:relative;text-align:center;}
.odkazd a em {float:left; display:block; width:170px; height:90px; line-height: 150px; font-weight: bold; font-size: 18px; position:absolute; text-decoration:none;font-style: normal; background: url("../images/kurzycb.jpg") no-repeat; vertical-align: text-bottom;_margin-top:-8px;}
.odkazd a:hover em {background:url("../images/kurzy.jpg") no-repeat; color:#1d3484; text-decoration:underline; cursor:pointer;}
  





#menuhlavniodkaz {
float: left;
width: 170px;
text-align: center;
font-size: 20px;
font-weight: bold;
background: #fff url("") no-repeat;
border-right:0px solid #6699ff;
}
#menuhlavniodkazsvis {
width: 166px;
height: 20px;
font-size: 16px;
font-weight: bold;
border-right:4px solid #6699ff;
margin-top:65px;
_margin-top:90px;
}


#iframe{
overflow: auto;
float: right;
background: #fff;
width: 686px;
min-height: 600px;
padding: 0px 2px;
text-align: center;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;

}
#vlajka {
background: #fff;
float: right;
width: 100px;
height: 22px;
_height: 22px;
vertical-align: center;
text-align: right;
}
.border{
width:676px;
border: 1px solid rgb(219,219,219);
   margin-bottom:3px;
}
.menu-but {
float: left;
height: 19px;
   line-height: 19px;
   font: bold 12px Verdana, sans-serif;
   margin-bottom:0px;margin-left: 0px; padding: 0px 0; _padding:0;
   border: 0px solid black;
   white-space:nowrap;
   text-decoration: none;
vertical-align: text-bottom;


   color: #6699ff;
   }
.menu-but:hover {
   border: 0px black;

   color: #0033ff;
   }

.menu-butn {
float: left;
width: 148px;
height: 19px;
_height: 19px;
   font: bold 11px Verdana, sans-serif;
   margin-bottom:2px;margin-left: 0px; padding: 0px 0; _padding:0;
   border: 0px solid black;
   white-space:nowrap;
   text-decoration: none;
   text-align: left;
   line-height: 19px;

   color: rgb(29,52,132);
   }


.menu-butn:hover {
   border: 0px black;

   color: rgb(182,255,255);
   }




.menu-button {
float: left;
width: 148px;_width: 148px;
height: 19px;
_height: 19px;
   font: bold 11px Verdana, sans-serif;
   margin-bottom:2px;margin-left: 0px; padding: 0px 0; _padding:0;
   border: 0px solid black;
   white-space:nowrap;
   text-decoration: none;
   text-align: left;
   line-height: 19px;
   background: #ccc;
   color: black;
   }
.menu-button:hover {
   border: 0px black;
   background: #8DC83D ;
   color: #0033ff;
   }


.blue { background:rgb(255,255,255); }

.kurzy-button-tech {
float: left;
width: 120px;
height:37px;
border-right: 0px solid black ;border-bottom: 0px ;
 padding: 0px 0px 0px 0px; margin-left:20px;
   background: rgb(0,51,255);
   }
.kurzy-button-tech:hover {  
float: right;
 width: 120px;
 height:37px;

border-left: 0px solid black;border-top: 0px ; padding: 0px 0px 0px 0px; margin-left:20px;
   background: rgb(0,51,255);   
   }


.tec {
 background: rgb(0,51,255);
   }

.inline-button1 {
float: left;
height: 18px;
 width:74px;
font: bold 13px bolder Verdana, tahoma, arial, sans-serif;
   white-space:nowrap;
   text-decoration: none;
   text-align: center;
   color: rgb(102,153,255);

   border-right:0px solid rgb(102,153,255);
  }
.inline-button1:hover {
   border: 0px black;
   background: rgb(133,194,38) ;
color:rgb(204,255,255);
   }
.inline-button2 {
float: left;
height: 18px;
 width:95px;
font: bold 13px bolder Verdana, tahoma, arial, sans-serif;
   white-space:nowrap;
   text-decoration: none;
   text-align: center;
   color: rgb(102,153,255);

   border-right:0px solid rgb(102,153,255);
  }
.inline-button2:hover {
   border: 0px black;
   background: rgb(133,194,38) ;
color:rgb(204,255,255);
   }
.inline-button {
float: left;
 width:116px;
height: 18px;
font: bold 13px bolder Verdana, tahoma, arial, sans-serif;
   white-space:nowrap;
   text-decoration: none;
   text-align: center;
   color: rgb(102,153,255);

   border-right:0px solid rgb(102,153,255);
  }
.inline-button:hover {
   border: 0px black;

   background: rgb(133,194,38) ;
color:rgb(204,255,255);
   }
.blue { background: rgb(255,255,255); color: #1d3484; }
.gren { background: rgb(133,194,38); color:rgb(204,255,255); }

.formkal {
width:52px;
height: 18px;
   font: normal 12px Tahoma, Arial, Verdana, sans-serif;
   border: 1px solid ;
   white-space:nowrap;
   text-decoration: none;
   text-align: left;

}



.form {
width:210px;
height: 14px;
   font: normal 11px Tahoma, Arial, Verdana, sans-serif;
   border: 1px solid rgb(27,53,130);
   white-space:nowrap;
   text-decoration: none;
   text-align: left;
padding:2px 2px 0px 2px;
background: rgb(135,193,47);
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.form2 {
width:218px;
_width:218px;
height: 20px;
   font: normal 11px Tahoma, Arial, Verdana, sans-serif;
   border: 1px solid rgb(27,53,130);
   white-space:nowrap;
   text-decoration: none;
   text-align: left;
padding:2px 2px 0px 2px;
background: rgb(135,193,47);
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.form3 {
width:12px;
_width:12px;
height: 12px;
   font: normal 11px Tahoma, Arial, Verdana, sans-serif;
   border: 0px solid rgb(27,53,130);
   white-space:nowrap;
   text-decoration: none;
   text-align: left;
padding:2px 0px 0px 0px;
background: rgb(135,193,47);
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


.button12 {
width: 100px;
height: 35px;
cursor: pointer;
margin-top:-20px;
   font-size: 0px ;
   border: 0px solid rgb(27,53,130);
   text-decoration: none;
   text-align: center;
background: #fff url("/scripts/showimage.php?filename=../artwork/decostop.gif&width=100&height=40") no-repeat;
   }





.form1 {
width:450px;
height: 121px;
   font: normal 11px Tahoma, Arial, Verdana, sans-serif;
   border: 1px solid rgb(27,53,130);
   text-decoration: none;
   text-align: left;
padding:2px 2px 0px 2px;
background: rgb(135,193,47);
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;

   }

.button {
height: 21px;
   font-size: 9px ;
   white-space:nowrap;
   border: 1px solid rgb(27,53,130);
   text-decoration: none;
   text-align: center;
margin-top:10px;
background: rgb(135,193,47);
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
   }

.button:hover {
height: 21px;
   font-size: 9px ;
   color:white;
   border: 1px solid rgb(135,193,47);
   white-space:nowrap;
   text-decoration: none;
   text-align: center;
background: rgb(27,53,130);
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
   }



#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 400;
	text-align: center;
	line-height: 0;
	}

#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: 310;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* 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;
	}

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 390;
	width: 100%;
	height: 500px;
	background-color: rgb(153,153,255);
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.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 */
	}	
	










/*	#menu {font:0.83em Verdana, sans-serif; width: 100%; float: left; clear: right;}
	#menu ul {width: 450px;}
	#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#menu li {float: left; width: 150px;}
	#menu li, #menu ul.sub li {margin: 0; padding: 0;}
	#menu h3 {font-size: 1em; margin:0; padding: 1px; border: 1px solid Gray;}
	#menu h3 a {display: block; text-decoration: none; width: 100%; }
	#menu h3 a:hover {background-color: #DDD; color: inherit;}
	ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
/*  #menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
	#menu ul.sub li a {display: block; margin: 0; width: 150px; border-left: 10px solid white; background-color: white;}
	#menu ul.sub li > a {width: 140px;}
	#menu ul.sub li a:hover {background-color: #EEE; color: inherit; border-left: 10px solid yellow;}

  #menu ul li.main:hover h3 a {background-color: #DDD; color: inherit;}
  #menu ul li.main {position: relative;}
  #menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
  #menu ul li.main:hover ul.sub {visibility: visible;}*/

	#menu {font:12px arial, Verdana, sans-serif; width: 95px; float: left; text-align:left; clear: right;}
	#menu ul {width: 95px;}
	#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0px;}
	#menu li {float: left; width: 95px; height:17px;}
	#menu li, #menu ul.sub li {margin: 0; padding: 0;}
	#menu h3 {font-size: 13px; height:20px; _height:17px; margin:0; padding: 0px;}
	#menu h3 a {background-image:url(../suite/zpmenu/themes/barblue/arrow_da_down.gif); background-repeat: no-repeat; background-position: right center; color:rgb(29,52,132); display:block; text-decoration: none; width: 95px; text-align: center; }
	#menu h3 a:hover {background-color: rgb(133,194,38) ; color: rgb(204,255,255); }
	ul.sub {position: absolute; z-index: 1000; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
  #menu ul.sub li {background-color: rgb(255,255,204);  display: block; width:95px; font-weight: bold; margin-top:0px;}
	#menu ul.sub li a {display: block; margin: 0; color: color: rgb(29,52,132); width: 95px; height:17px;  border-left: 0px solid rgb(204,255,255); border-top: 0px solid black; border-bottom: 0px solid black; text-align: center;}
	#menu ul.sub li > a {width: 95px;}
	#menu ul.sub li a:hover {  background-color: rgb(133,194,38); width: 95px; height:17px; color: rgb(204,255,255);font-weight: bold; border-left: 0px solid rgb(29,52,132); border-top: 0px solid black; border-bottom: 0px solid black; }

  #menu ul li.main:hover h3 a {background-color:  rgb(133,194,38); color:  rgb(204,255,255);}
  #menu ul li.main { width: 95px; position: relative;}
  #menu ul li > ul.sub { width: 95px;position: absolute; z-index:1000; visibility: hidden;}
  #menu ul li.main:hover ul.sub { width: 95px;visibility: visible;}

ul.sub{position: absolute; z-index:1000; visibility: hidden; } li.mainHover ul.sub{visibility: visible;} li {behavior: url(/hover.htc);}

#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}
 
#test2 {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}
   #tabulka {
      display:block;
      visibility:hidden;
      position:relative;
      bottom:90px;
      background-color:ivory;
      border-width:1px;
      border-color:#737373;
      border-style:solid;
z-index: 20000;
    }
   #hlava{
      width:auto;
      background-color:darkblue;
      color:white;

    }
   #kriz{
      background-color:gray;
      color:white;
      text-align:center;
      cursor: hand;
   }
.buttond{
width:20px;
background: rgb(231,231,231) url() no-repeat; 
cursor:pointer; 
text-align:center;
border:1px solid rgb(21,21,21);
font-weight: normal;
margin:1px;
}
.buttond:hover{
background: rgb(105,105,105) url() no-repeat; 
cursor:pointer; 
text-align:center;
border:1px solid rgb(21,21,21);
}