* {margin: 0; padding: 0;}
a img, form fieldset {border:0}

body {
  background: #e9f6fd;
  text-align: center;
  font-family: Arial CE, Arial, Tahoma, Verdana, sans-serif;
  font-size: 0.8em;
}

h1 {width:988px; height: 185px; background: url('../img/bg_hlavicka.jpg') top no-repeat;}
h1 img {position: absolute; top: 70px; left: 105px;}


h2, h3, h4, h5{
  margin: 10px 0 0.3em;
  font-size: 1.4em; 
  color: #0382c5;
}


h3 {
  margin: 1.5em 0 0em;
  font-size: 1.1em;
}

h4 {
  margin: 1.5em 0 0em;
  font-size: 1em;
}

p {margin: 1em 0 1.5em; line-height: 1.5em;}


#pravy ul, #pravy ol {
  margin: 1em 0 2em 0;
  list-style-type: none;
}

#pravy li {
  margin-bottom: 0.8em;
  list-style-type: none;
  padding-left: 15px;
  background: url('../img/odr_seznam.gif') left 0.4em no-repeat;
}

#pravy form {
  background: #e9f7fe;
  padding: 1em;
}

#pravy form input {margin-bottom: 0.5em;}
#pravy form fieldset {border: 1px solid #bce0f3; background: #d5f0fd; padding: 0.5em;}
#pravy form legend {color: #0382c5; position: relative; top: -1em; background: white; padding: 2px;}

table {
  width: 100%;
  margin: 1em 0;
  font-size: 0.9em;
  border-top: 5px solid #9cd2ee;
  border-bottom: 5px solid #9cd2ee;
}

table td, table th {
  padding: 3px;
  vertical-align: top;
  /* text-align: left; */
  background: #dff3fe;
}

table th {padding: 6px 3px; background: #9cd2ee;text-align: center}
caption {color: #0382c5}

a {color: #d82e00;}
a:hover {text-decoration: none;}



/* --------------- LAYOUT --------------------------------------------------------------------------- */

#obalka {
  position: relative;
  width: 988px;
  margin: 0 auto;
  text-align: left;
  background: white url('../img/bg_obalka.gif') repeat-y;
  padding: 0;
}

#obsah {
}

#levy {
  float: left;
  width: 172px;
  padding: 0 47px 0 59px;
  background: url('../img/bg_menu.gif') top no-repeat;
  /*_margin-left: -1px;*/
  _height: 250px;
  min-height: 250px;
}

#pravy {
  float: right;
  width: 675px;
  padding: 0 30px 20px 5px;
  _height: 250px;
  min-height: 250px;
}

#paticka {
  clear: both;
  background: url('../img/bg_paticka.gif') left top no-repeat;
  font-size: 80%;
  padding: 20px 0 0 290px;
  /*width: 100%;*/
  height: 123px;
}



/* ------------- LEVY --------------------------------------------------------------------------------- */

ul#menu {margin-top: 40px; position: relative; font-weight: bold; font-size: 0.9em;}
ul#menu li {
  list-style-type: none;
  background: url('../img/hr_menu.gif') bottom no-repeat;
  /*width: 100%;*/
}

ul#menu li a{
  display: block;
  padding: 7px 0 7px 14%;
  background: url('../img/odr_sipka_brown.gif') 10px center no-repeat;
  color: black;
  text-decoration: none;
  width: 86%;
}

ul#menu li a.aktivni_polozka, ul#menu li a.aktivni_polozka:hover  {background-color: #23479d; color: white; cursor: default; font-weight: bold;}
ul#menu li a:hover  {background-color: #c1c1c1; color: white;}

/* ------- druha uroven menu --------------- */
ul#menu ul {
  background: url('../img/hr_menu.gif') top no-repeat;
  font-weight: normal;
}

ul#menu ul li {background: transparent;}

ul#menu ul li a{
  padding: 3px 0 3px 14%;
  color: #797979;
  background: #f3f2f2 url('../img/odr_sipka_gray.gif') 10px center no-repeat;
  border-bottom: 1px solid white;
}

ul#menu ul li a:hover{background-color:#cce8f7; color: black;}

ul#menu ul li a.aktivni_polozka, ul#menu ul li a.aktivni_polozka:hover {background-color:#cce8f7; color: black;}

/* --------------------------------------- */
.reklama {
  margin: 30px 0 10px;
}

#odkazy {
  padding: 25px 0 0 7px;
  background: url('../img/nadpis_odkazy.gif') 7px top no-repeat;
}
#odkazy li {
  list-style-type: none;
}

/* ------------- PRAVY -------------------------------------------------------------------------------- */
#uvodka {
  background: url('../img/bg_uvodka_top.gif') top left no-repeat;
  position: relative;
  margin: -20px 0 40px;
  _height: 200px;
  min-height: 200px;
  padding: 55px 0 0;

}

#uvodka_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 37px;
  width: 671px;
  z-index: 0;
  background: url('../img/bg_uvodka_bottom.gif') left no-repeat;
}

.uvodka_sloupec {
  position: relative;
  width: 280px;
  padding: 0 15px 20px;
  float:left;
  margin: 0 10px 0 20px;
  _margin: 0 10px 0 10px;
  _height: 270px;
  min-height: 290px;
  z-index: 3000;
  font-size: 0.85em;
 }

.uvodka_sloupec.neprehlednete {margin: 0; width: 275px;}

ul#uvodka_sluzby {
  margin: 0; 
  padding: 10px; 
  border: 4px solid white; 
  background: white url('../img/bg_sluzby.gif') right top no-repeat; 
  font-weight: bold;
  font-size: 1.1em;
}

#pravy .uvodka_sloupec ul {position: relative;}
#pravy .uvodka_sloupec ul li {
  margin-bottom: 0.6em;
}


.nadpis_produkty {background: url('../img/nadpis_produkty.gif') left no-repeat; height: 20px;}
.nadpis_neprehlednete {background: url('../img/nadpis_neprehlednete.gif') left no-repeat; height: 20px;}

.neprehlednete h2{padding:0 0 10px;}
.neprehlednete h3{margin:0}
.neprehlednete p {margin:0.5em 0 0; line-height: 1.2em;}

.uvodni_info, .aktuality {padding-bottom: 10px;}

.uvodni_info {
  float: left;
  width: 327px;
  padding-right: 10px;
  border-right: 1px solid #d5d5d5;
}

.aktuality {
  float: right;
  width: 310px;
}

#pravy .aktuality ul {padding: 0; font-size: 0.85em;}
#pravy .aktuality ul li {background: transparent; padding: 0;}

.uvodni_info h2 {background: url('../img/nadpis_predstaveni.gif') left no-repeat; height: 16px;}
.aktuality h2 {background: url('../img/nadpis_aktuality.gif') left no-repeat; height: 16px;}

table.aplikace a {font-weight:bold;}
table.aplikace img {border:1px solid #033587;}


/* ------------- PATICKA -------------------------------------------------------------------------------- */
.logo_bottom {position: absolute; bottom: 50px; right: 40px;}

#paticka_info {
  display: block;
  width: 350px;
  padding: 15px 0 0 80px;
  color: #4e7c95;
  height: 75px;
  background: url('../img/logo_infotea_bottom.gif') left no-repeat;
}

#paticka_info h5 {background: url('../img/nadpis_paticka.gif') left no-repeat; height:17px;margin: 0 0 5px 0;}
#paticka_info p {width: 49%;}
#paticka_info a {color: #4e7c95;}

#paticka p {margin: 0;}
#paticka img {border:0 !important;}

/* -------------- REFERENCE ------------- */
.reference {float: left; margin: 10px 30px 20px 0; color: white;}
.reference div {
  width:177px;
  height: 43px;

  padding: 10px 0 0 8px;
  background: #0082c7 url('../img/bg_reference.gif') no-repeat;
}

.reference img {border:0; margin: 0; padding: 0;}
.reference div a {color: white; font-weight: bold; }
.reference div small {font-size: 11px; color:#b1dcf3; }

/* -------------- POMOCNE ----------------------------------------------------------------------------- */

.button {
  background: url('../img/bg_btn.gif') right no-repeat;
  height: 23px;
  border: 1px solid #94ceed;
  font-weight: bold;
  padding: 2px 15px 2px 2px;
  margin: 1em 0 2em;
} 
.button:hover {border-color: #2b9ddb #94ceed #94ceed #2b9ddb;}
.sudy {background: #e9e9e9;}
.skryte, hr {display: none;}
.obteka_vlevo {float: left; margin: 0 20px 10px 0;}
.obteka_vpravo {float: right; margin: 0 0 5px 8px;}
.neobteka {clear:both; height: 0; font-size: 0;}
.bez_ramecku {border: 0 !important;}
.hr {border-top: 1px dashed #d6d6d6; margin-top: 2em; padding-top: 8px;}
.zvyrazneno {color: #5e5891;}
#ToolTip {background: white; padding: 2px; border: 1px solid #033587;}