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

/* umisteni webu */
body { 
  margin: 0px;  
  width: 100%; 
  height: 100%; 
  background: #95B5C9;
  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;
  /* ------------------ */
}

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

#bgholder { 
  position: absolute; 
  width: 798px; 
  height: 600px; 
  left: -399px; 
  top: -300px;  
  background: #DADADA; 
}

#page {
  position: relative;
  margin: 9px;
  background: #FFFFFF;
  width: 780px;
  height: 582px;
  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;
}

.usernavi {
  position: absolute;
  right: 10px;
  font-size: 0.9em;
  color: #808080;
  z-index: 1;
}

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

.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;
}

ul li {
  line-height: 160%;
}

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: 764px;
  height: 234px;
  background: #95B5C9;
  background-image: url(../img/top_background.jpg); 
  margin: 8px;
  background-repeat: no-repeat; 
  text-align: center;
}

#header #leftinfo {
  position: absolute;
  top: 50px;
  left: 5px;
  width: 218px;
  height: 142px;
  background-image: url(../img/top_background_left.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
}

#leftinfo div {
  position: absolute;
  left: 70px;
  top: 5px;
  width: 144px; 
  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: 50px;
  right: 7px;
  width: 280px;
  height: 142px;
  background-image: url(../img/top_background_right.jpg);
  background-repeat: no-repeat;
  color: #103D64;
  overflow:hidden;
}

#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;
}

.menu, form {
  margin: 0px;
  padding: 0px;
}

ul.menu li {
  list-style-type: none;
}

ul.menu li.item {
  float: left;
  width: 80px;
  height: 30px;
  margin-left: 6px;
} 

ul.menu li.item a {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px; 
  text-align: center;
  background: #95B5C9 url("../img/menu_button.jpg");
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
} 

ul.menu li.item a:hover, #active a {
  background: #FFFFFF;
  color: #103D64;
}

ul.menu li.item2 a:hover, #active a {
  background: #FFFFFF;
  color: #103D64;
}

ul.menu li.item3 a:hover, #active a {
  background: #FFFFFF;
  color: #103D64;
}

ul.menu li.item2 {
  float: left;
  width: 170px;
  height: 30px;
  margin-left: 6px;
} 

ul.menu li.item2 a {
  display: block;
  width: 170px;
  height: 30px;
  line-height: 30px; 
  text-align: center;
  background: #112254 url("../img/menu_button2.jpg");
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
} 

ul.menu li.item2 a:hover, #active a {
  background: #FFFFFF;
  color: #103D64;
}

ul.menu li.item3 {
  float: left;
  width: 130px;
  height: 30px;
  margin-left: 6px;
} 

ul.menu li.item3 a {
  display: block;
  width: 130px;
  height: 30px;
  line-height: 30px; 
  text-align: center;
  background: #112254 url("../img/menu_button2.jpg");
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
} 

ul.menu li.item3 a:hover, #active a {
  background: #FFFFFF;
  color: #103D64;
}


/* hlavni obsah webu - stred stranky */
#content {
  width: 764px;
  height: 270px;
  margin: 8px;
  color: #021239;
}

#content .headundrl {
  position: relative;
  margin: 0px 0 10px 0;
  padding: 0px;
  padding-bottom: 3px;
  font-size: 1em;
  border-bottom: 5px solid #DADADA;
  color: #818181;
  font-weight:bold;
}

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

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

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

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

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

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

#content #left {
  position: relative;
  float: left;
  width: 414px;
  height: 270px;
  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: right;
  width: 350px;
  height: 270px;
  background: #DADADA;
  overflow: hidden;
}

#content #rightcontent {
  width: 338px;
  height: 258px;
  margin: 6px;
  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: #FFFFFF;
}

#rightcontent .reference {
  margin: 8px;
  background: #FFFFFF;
  height: 102px;
  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: 764px;
  height: 41px;
  background: #95B5C9;
  background-image: url(../img/bottom_background.jpg);
  margin: 8px;
  background-repeat: no-repeat; 
  bottom: 0px;
  text-align: right;
  border-top: #DADADA 5px solid;
  line-height: 41px;
}

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


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

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

a img {
  border: 0px;
}

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