/*  CSS Document  ---  www.krivanek.eu       */

/* umisteni webu */
body {
	margin: 0px;
	width: 100%;
	height: 35px;
	font-family: Arial, MS Sans Serif, Geneva, sans-serif, Verdana;
	font-size: 0.8em;
	color: #000;
	background-image: url("../img/bg.gif");
	/* scrollbar pro MSIE */
  scrollbar-track-color: #F6F6F6;
	scrollbar-face-color: #DADADA;
	scrollbar-highlight-color: #DADADA;
	scrollbar-3dlight-color: #DADADA;
	scrollbar-darkshadow-color: #F6F6F6;
	scrollbar-shadow-color: #F3F3F3;
	scrollbar-arrow-color: #595959;
	background-color: #FBD84D;
  /* ------------------ */
}

#pageholder { 
  position: absolute; 
  width: 1; 
  height: 1px;  
  left: 50%; 
  top: 50%; 
}

#bgholder { 
  position: absolute; 
  width: 900px; 
  height: 618px; 
  left: -450px; 
  top: -315px;  
  background: #DADADA; 
}

#page {
  position: relative;
  margin: 2px;
  background: #FFFFFF;
  width: 896px;
  height: 610px;
  overflow: hidden;
}


/* globalni nastaveni webu */
.hidden {
  display: none;
}

.bullet {
  position: relative;
  top: -1px;
}

.clear {
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: .5;
} 

.center {
  text-align: center;
}

.obrazky {
  text-align: center;
}
.usernavi {
	position: absolute;
	right: 19px;
	font-size: 0.9em;
	color: #808080;
	z-index: 3;
	top: 244px;
}


.usernavimain {
	position: absolute;
	left: 482px;
	font-size: 0.9em;
	color: #808080;
	z-index: 1;
	top: 19px;
}

.usernaviintext {
  text-align: right;
  margin: 10px;
  font-size: 12px;
  color: #808080;
  z-index: 1;  
}

.usernavi a, .usernavimain a, .usernaviintext a {
  color: #808080;
}

.underline {
  font-style: italic;
}

.black {
  color: #000000;
}

#widecontent table a {
  text-decoration: underline;
}

.highlight {
  color: #000;
  font-weight: bold;
}

ul {
  margin: 8px 0 8px 0;
  padding-left: 14px;
  list-style-type: square;
}


table {
  margin: 10px 0 10px 0;
  border-collapse: collapse;
  border-top: 6px solid #DADADA;
  border-bottom: 6px solid #DADADA;
  font-size: 0.95em;
}

th {
  background: #021138;
  color: #FFFFFF;
}

td {
  background: #F3F3F3;
  border: 1px solid #FFFFFF;
  color: #000000;
}


/* hlavicka webu, logo navigace */
#header {
  top: 0px;
  width: 900px;
  height: 220px;
  background: #95B5C9;
  background-image: url(../img/top_background.jpg); 
  margin: 0px;
  background-repeat: no-repeat; 
  text-align: center;
}

#header #leftinfo {
	position: absolute;
	left: -8px;
	width: 228px;
	height: 106px;
	background-repeat: no-repeat;
	overflow: hidden;
	top: 33px;
	z-index: 2;
}

#leftinfo div {
  position: absolute;
  left: 17px;
  top: -4px;
  width: 223px; 
  height: 132px;
  color: #FFF;
  text-align: center;
  overflow: hidden;
}

#leftinfo div span {
  margin: 20px 0 0 0;
  font-size: 1em;
  font-weight:bold;
  
}

#leftinfo div p {
  font-size: 0.9em;
  margin: 15px 0 20px 0;
}

#header #rightinfo {
	position: absolute;
	top: 0px;
	right: -2px;
	width: 603px;
	height: 188px;
	background-image: url(../img/top_background_right.jpg);
	background-repeat: no-repeat;
	color: #103D64;
	overflow:hidden;
	z-index: 4;
}

#header #rightinfo div {
  margin: 12px;
  text-align: left;
  font-size: 11px;
}

#header #rightinfo div h3 {
  font-size: 1em;
  margin: 0px;
  margin-bottom: 4px;
}

#header #topmenu {
  position: absolute;
  top: 212px;
  left: 16px;
  width: 744px;
  height: 30px;
}



/* hlavni obsah webu - stred stranky */
#content {
	width: 885px;
	height: 298px;
	margin: 5px;
	color: #021239;
}

#content .headundrl {
  position: relative;
  margin: 0px 0 10px 0;
  padding: 0px;
  padding-bottom: 3px;
  font-size: 2em;
  border-bottom: 8px solid #FBD84D;
  color: #0D2F68;
  font-weight:bold;
}

#content .noformat {
  font-size: 1em;
  padding-top:10px;
}

#content .headundrl img {
  margin-right: 20px;
}

#content h1 {
  font-size: 1.3em;
  margin: 10px 0 5px 0;
  color: #0F395F;
}

#content h2 {
  font-size: 2em;
  margin: 10px 0 5px 0;
  color: #003399;
}

#content h3 {
  font-size: 1.1em;
  margin: 10px 0 5px 0;
  color: #818181;
}

#content #widecontent {
  width: 875px;
  height: 298px;
  margin-left: 8px;
  line-height: 150%;
  font-size: 1.0em;
  color: #595959;
  overflow: auto;
}

#content #left {
  position: relative;
  float: left;
  width: 574px;
  height: 348px;
  overflow: auto;
}

#content a {
  text-decoration: none;
}

#content #right a, #content a:hover {
  text-decoration: underline;
}


#content #maincontent {
  margin: 8px;
  line-height: 140%;
  font-size: 0.9em;
  color: #595959;
}

#content #maincontent .it a {
  font-style: italic;
}

#content #right {
	position: relative;
	float: left;
	width: 311px;
	height: 340px;
	background: #DADADA;
	overflow: hidden;
}

#content #rightcontent {
  width: 300px;
  height: 330px;
  margin: 5px;
  background: #FFFFFF;
  overflow: hidden;
}

.arrow {
  background: url("../img/arrow.gif") left no-repeat;
  padding-left: 8px;
}

#rightcontent h3 {
  margin: 0px; 
  padding: 6px;
  font-size: 0.9em;
  font-weight: normal;
  background: url(../img/left_menu_bg.jpg);
  color: #FBD84D;
}

#rightcontent .reference {
  margin: 2px;
  background: #FFFFFF;
  height: 112px;
  overflow: hidden;
  font-size: 11px;
}

#rightcontent .reference img, .reftable td img {
  margin: 10px 12px 0 0;
  border-right: 6px solid #95B5C9;
  float: left;
}

#tbl2 td img {
  margin: 10px 12px 0 0;
  border-right: 6px solid #95B5C9;
  float: none;
}

#rightcontent .reference h4 {
  margin: 12px 0 5px 0;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

.reftable td h5 {
  margin: 6px 0 5px 0;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

#rightcontent .reference span, .reftable td span {
  color: #779EB5;
  font-weight: bold;
}


/*  paticka webu */ 
#footer {
	position: absolute;
	width: 898px;
	height: 30px;
	background: #497AAB;
	margin: 2px;
	background-repeat: no-repeat;
	bottom: -2px;
	text-align: right;
	border-top: #DADADA 5px solid;
	line-height: 30px;
	z-index: 5;
	left: -3px;
}

#footer div {
  margin-right: 12px;
  color: #FBD84D;
}


/*  reference  */
.reftable {
/*  width: 726px;  */
  border: 0px;
  margin: 0px;
  vertical-align: top;
}

.reftable#tbl2 td {
  text-align: center;
  vertical-align: top; 
}

a img {
	border: 0px;
	text-align: left;
}

/* kontakt */ 
#contact {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: auto;
}

.contactinfo {
  background: #FFFFFF;
  padding: 8px;
  width: 140px;
  max-width: 120px;
  border: 1px solid #DADADA;
  line-height: 160%;
}

#contact .headundrl {
  margin-bottom: 0px;
}

#contact table {
  border-top: 0px;
}

#contact sup { 
  color: #9FA1AC;
}

#contact p {
  color: #9FA1AC;
  margin: 0px;
  margin-top: -4px;
  padding: 0px;
}

#contact input, #contact textarea {
  border: #9FA1AC 1px solid; 
}

#contact #send {
  margin: 0px;
  padding: 2px 5px;
  border: 1px solid #9FA1AC;  
  cursor: pointer; 
  font-size: 11px;
  background: #FFFFFF;  
  float: right;
}

#contact .black {
  font-size: 11px;
}

.counter {
  visibility: hidden;
}

xxx {
  font-size: 1.1em;
  margin: 10px 0 5px 0;
  color: #818100;
}
ul, li, em{
margin:0px;
padding:0px;
float:none;
border:none;
}

ul, li{
list-style-type:none;
}

#top{
	position:absolute;
	width:899px;
	height:45px;
	top:191px;
	left:-2px;
	z-index: 6;
	font-size: 1.0em;

}

ul#mainMenu{
position:absolute;
top:1px;
left:0px;
width:909px;
height:39px;
}

ul#mainMenu, ul{
color:#000000;
padding:0;
margin:0;
}

ul#mainMenu ul{
margin-top:0px;
border-top:2px solid white;
}

ul#mainMenu li.s2{
	float:left;
	padding:0px 2px 0px 2px;
	width:125px;
	line-height: 220%;
}
ul#mainMenu li.s4{
	float:left;
	padding:0px 2px 0px 2px;
	width:100px;
	line-height: 220%;
}

ul#mainMenu li.s5{
	float:left;
	padding:0px 2px 0px 2px;
	width:140px;
	line-height: 220%;
}


ul#mainMenu li.s{
	float:left;
	padding:0px 3px 0px 3px;
	width:81px;
	line-height: 220%;
	font-size: 1em;
}
ul#mainMenu a{
color:#FBD84D;
background-color:#497AAB;
display:block;
text-decoration:none;
font-weight:bold;
text-align:center
}

ul#mainMenu a:hover{
color:#FFFFFF;
background-color:#84A7CA;
}

ul#mainMenu ul.menu a{
border-bottom:none;
border-left:0px solid #dddddd;
border-right:0px solid #dddddd;
width:150px;
line-height: 160%;
text-align:left;
}

ul#mainMenu ul.menu2 a{
border-bottom:none;
border-left:0px solid #dddddd;
border-right:0px solid #dddddd;
width:280px;
line-height: 160%;
text-align:left;
}

ul#mainMenu ul.menu3 a{
border-bottom:none;
border-left:0px solid #dddddd;
border-right:0px solid #dddddd;
width:200px;
line-height: 160%;
text-align:left;
}


ul#mainMenu ul.menu a:hover{
color:#FFFFFF;
border-left:0px solid white;
border-right:0px solid white;
background-color:#84A7CA;
width:150px;
line-height: 160%;
text-align:left;
}
ul#mainMenu ul.menu2 a:hover{
color:#FFFFFF;
border-left:0px solid white;
border-right:0px solid white;
background-color:#84A7CA;
width:280px;
line-height: 160%;
text-align:left;
}

ul#mainMenu ul.menu3 a:hover{
color:#FFFFFF;
border-left:0px solid white;
border-right:0px solid white;
background-color:#84A7CA;
width:200px;
line-height: 160%;
text-align:left;
}
ul#mainMenu ul.menu2{
position:absolute;
visibility:hidden;
border-bottom:1px solid white;
background-color:#F0F0F0;
width:280px;
line-height: 160%;
text-align:left;
}


ul#mainMenu ul.menu3{
position:absolute;
visibility:hidden;
border-bottom:1px solid white;
background-color:#F0F0F0;
width:200px;
line-height: 160%;
text-align:left;
}

ul#mainMenu ul.menu{
position:absolute;
visibility:hidden;
border-bottom:1px solid white;
background-color:#F0F0F0;
width:150px;
text-align:left;
line-height: 160%;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
	visibility:visible;
}

ul#mainMenu li li{
float:none;
border:none;
padding:0;
}

ul#mainMenu li{
behavior: url(hover.htc);
}

#hlavni{
position:absolute;
width:750px;
top:170px;
left:0;
font-size:12px;
}