* {
  margin: 0;
  padding: 0;
}
body {
  background: #EAF0F3 url(../img/bg-body.jpg) repeat-x 0 0;
  text-align: center;
  font-family: Arial;
  font-size: 75%;
}

#stranka {
  position: relative;
  width: 986px;
  margin: 0 auto;
  text-align: left;
}
/* -- hlavicka -- */

#hlavicka {
  height: 131px;
  background: url(../img/bg-hlavicka.jpg) no-repeat 0 0;
}
#logo {
  position: absolute;
  top: 27px;
  left: 20px;
}
#logo a img {
  border: 0 none;
}
#volba-mutace {
  position: absolute;
  top: 148px;
  right: 20px;
  color: #94B5C5;
  text-transform: uppercase;
  font-size: 0.8em;
}
#volba-mutace a {
  text-decoration: none;
  color: #94B5C5;
  margin: 0 0 0 1em;
}
#volba-mutace .aktivni {
  color: #fff;
}
#volba-mutace a:hover {
  text-decoration: underline;
}

/* -- menu -- */

#menu {
  height: 46px;
  background: url(../img/bg-menu.jpg) repeat-x 0 0;
  margin: 0 3px 0 3px;
}
#menu ul {
  padding: 4px 0 0 10px;
  margin: 0;
  list-style-type: none;
}
#menu li {
  float: left;
  height: 30px;
  line-height: 1;
  padding: 13px 17px 0 17px;
  margin: 0;
  background: url(../img/bg-menu-separator.jpg) no-repeat 100% 9px;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
}
#menu li a {
  text-decoration: none;
  color: #fff;
}
#menu li a:hover {
  text-decoration: underline;
}
#menu li.aktivni {
  position: relative;
  left: -1px;
  height: 30px;
  padding: 13px 17px 0 17px;
  background: #fff url(../img/bg-menu-aktivni.jpg) repeat-x 0 0;
}
#menu li.aktivni a {
  color: #266888;
}

/* -- blok-obsah-hp -- */

#blok-obsah-hp {
  background: #fff url(../img/bg-blok-obsah.jpg) repeat-y 0 0;
  margin: 0;
  padding: 1px 3px 0 3px;
}

#blok-obsah-hp #obsah {
  position: relative;
  width: 630px;
  float: left;
  padding: 10px 10px 10px 10px;
}

#blok-obsah-hp #dr-navigace {
  margin-bottom: 5px;
}
#blok-obsah-hp #hp-box-flash {
  margin: 0 0 15px 0;
}
#blok-obsah-hp div.clanek-hp {
  padding: 0 10px 10px 10px;
}



/* -- blok-obsah-stranka -- */
#blok-obsah-stranka {
  background: #fff url(../img/bg-blok-obsah-stranka.jpg) repeat-y 0 0;
  margin: 0;
  padding: 1px 13px 0 13px;
  min-height: 500px;
}

/* -- submenu -- */
#blok-obsah-stranka #submenu {
  width: 260px;
  float: left;
  padding: 10px 0;
}
#blok-obsah-stranka #submenu h3 {
  height: 32px;
  line-height: 32px;
  background: url(../img/bg-nadpis-submenu.jpg) repeat-x 0 0;
  color: #fff;
  padding: 0 10px 0 12px;
  margin: 0;
  text-transform: uppercase;
}
#blok-obsah-stranka #submenu h3 a {
  color: #fff;
}
#blok-obsah-stranka #submenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
  background-color: #f4f4f4;
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}
#blok-obsah-stranka #submenu li {
  padding: 8px 10px 8px 20px;
  margin: 0;
  border-bottom: 1px solid #d4d4d4;
  background: url(../img/list-submenu.gif) no-repeat 10px 14px;
}
#blok-obsah-stranka #submenu li a {
  color: #000;
  text-decoration: underline;
}
#blok-obsah-stranka #submenu li a:hover {
  text-decoration: none;
}
#blok-obsah-stranka #submenu li.aktivni {
  background: url(../img/list-submenu-aktivni.gif) no-repeat 10px 13px;
}
#blok-obsah-stranka #submenu li.aktivni a {
  color: #296B8A;
  font-weight: 600;
  text-decoration: none;
}

#blok-obsah-stranka #obsah {
  width: 690px;
  float: right;
  padding: 10px 0;
}
#blok-obsah-stranka #jen-obsah {
  padding: 10px 0;
}
#blok-obsah-stranka div.clanek {
  padding: 0 10px;
}
/* -- dr-navigace -- */
#blok-obsah-stranka #dr-navigace {
  margin: 10px 0 0 0;
}

#dr-navigace {
  padding: 6px 10px;
  border: 1px solid #E5E5E5;
  color: #929293;
}
#dr-navigace .polozka {
  color: #929293;
  font-weight: 600;
  font-size: 0.9em;
}
#dr-navigace .separator {
  color: #929293;
  font-weight: 600;
  font-size: 0.9em;
  margin: 0 0.2em;
}
#dr-navigace a.separator {
  text-decoration: underline;
}

/* -- info-sloupec -- */
#info-sloupec {
  width: 329px;
  float: right;
  background: #fff url(../img/bg-sloupec.jpg) repeat-x 0 0;
}

#info-sloupec h3 {
  color: #186284;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 7px 0;
}

#info-sloupec div.box-aktuality {
  border-bottom: 1px solid #CECECE;
  padding: 15px 20px 20px 20px;
  background: #fff url(../img/bg-sloupec.jpg) repeat-x 0 0;
}

hr.linka {
  border: 0 none;
  background-color: #CECECE;
  height: 1px;
  padding: 0;
  margin: 0.6em 0 0.6em  0;
  clear: both;
}

#info-sloupec div.box-aktuality p.nadpis {
  position: relative;
  font-size: 1.2em;
  margin: 0 0 0.1em 0;
}
#info-sloupec div.box-aktuality p.nadpis .text {
  color: #186284;
  background: url(../img/ico-aktualita.gif) no-repeat 0 4px;
  padding: 0 0 0 15px;
}
#info-sloupec div.box-aktuality p.nadpis a.text {
  text-decoration: underline;
}
#info-sloupec div.box-aktuality p.nadpis .datum {
  display: block;
  width: 80px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 210px;
  color: #8E8E8E;
  font-weight: 600;
}
#info-sloupec div.box-aktuality p.text {
  line-height: 1.3;
  padding: 0;
  margin: 0;
}
#info-sloupec div.box-aktuality p.text a {
  color: #186284;
}

div.box-reference {
  border-bottom: 1px solid #CECECE;
  padding: 15px 20px 20px 20px;
  background: url(../img/bg-box-reference.jpg) repeat-x 0 0;
}
div.box-reference h3 {
    position: relative;
}

div.box-reference div.polozka {
  clear: both;
  padding: 5px 0 0 0;
}

div.box-reference h4 {
  width: 195px;
  float: right;
  position: relative;
  font-size: 1.2em;
  margin: 0 0.1em 0 0;
  font-weight: normal;
  color: #186284;
}
div.box-reference h4 a {
  color: #186284;
  text-decoration: underline;
}
div.box-reference p.text {
  line-height: 1.3;
  width: 195px;
  float: right;
  margin: 0;
}
div.box-reference p.text a {
  color: #186284;
}
div.box-reference p.foto {
  width: 74px;
  height: 74px;
  float: left;
  background-color: #fff;
  padding: 1px;
  border: 3px solid #125C77;
}

div.stranka-reference-box {
  border-bottom: 1px solid #CECECE;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}

div.stranka-reference-box p.foto {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  border: 3px solid #125C77;
  float: left;
  height: 74px;
  padding: 1px;
  width: 74px;
}
div.stranka-reference-box h4 {
  margin: 0 0 0.2em 92px;
  padding: 0;
  font-size: 12px;
  color: #186284;
}
div.stranka-reference-box h4 a {
  color: #186284;
}
div.stranka-reference-box p.text {
  margin: 0 0 0 92px;;
  padding: 0;
  line-height: 1.4;
}
div.stranka-reference-box p.text a {
  color: #186284;
}

div.stranka-reference-box-detail{
  border: 1px solid #CECECE;
  background-color: #F4F4F4;
  padding: 5px;
  margin: 0 0 15px 0;
}

div.stranka-reference-box-detail p.foto {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  border: 3px solid #125C77;
  float: left;
  height: 74px;
  padding: 1px;
  width: 74px;
}
div.stranka-reference-box-detail h4 {
  margin: 0 0 0.2em 92px;
  padding: 0;
  font-size: 12px;
}
div.stranka-reference-box-detail p.text {
  margin: 0 0 0 92px;
  padding: 0;
  line-height: 1.4;
}

/* -- paticka -- */
#paticka {
  position: relative;
  background: url(../img/bg-paticka.jpg) no-repeat center top;
  height: 58px;
  padding: 12px 25px;
  color: #525152;
  font-size: 0.9em;
}
#paticka a {
  color: #525152;
}
#paticka p {
  padding: 0;
  margin: 0;
  line-height: 1.4;
}
#paticka p.winet {
  width: 310px;
  position: absolute;
  top: 28px;
  left: 650px;
  text-align: right;
}

p.aktualita-perex {
  padding: 5px;
  border: 1px solid #d4d4d4;
  background-color: #f4f4f4;
}

/* -- global -- */
a {
  color: #000;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0 none;
}
strong {
}

h1 {
  font-size: 1.6em;
  font-weight: 600;
  color: #296B8A;
  margin: 0.3em  0 0.6em 0;
}
h2 {
  font-size: 1.3em;
  font-weight: 600;
  color: #296B8A;
  margin-bottom: 0.6em;
}
h3 {
  font-size: 1.1em;
  font-weight: 600;
  color: #296B8A;
  margin-bottom: 0.2em;
}


p {
  line-height: 1.4;
  margin-bottom: 1em;
}

ul {
  margin-bottom: 1em;
  list-style-type: none;
} 
ul li {
    line-height: 1.6;
    margin: 0 0 0 0;
    background: url(../img/list-clanek.gif) no-repeat 0 8px;
    padding: 0 0 0 13px;
}
ol {
  margin-bottom: 1em;
} 
ol li {
  line-height: 1.6;
  margin: 0 0 0 25px;
}
.nocss {
  display: none;
}
p.submit {
  border-top: 1px solid #2A6B8B;
  padding: 10px 0 0 0;
}
label {
  color: #000;
}
input.text, textarea.text {
  border: 1px solid #2A6B8B;
}
span.error {
  color: #CC0000;
  font-weight: 600;
}
span.info {
  color: #296B8B;
  font-weight: 600;
}
p.aktualita-datum {
  color: #8E8E8E;
  font-weight: 600;
}

/* -- zajímavé odkazy -- */
div.logo-polozka {
  padding: 5px 0 5px 10px;
}
div.logo-polozka p.logo-foto {
  width: 120px;
  float: left;
  background-color: #fff;
  border: 3px solid #125C77;
  padding: 1px;
}
p.logo-foto a img {
}
div.logo-polozka div.logo-text {
  width: 475px;
  float: right;
}
div.logo-polozka div.logo-text h2 {
  font-size: 12px;
  font-weight: 600;
  color: #186284;
  padding: 0;
  margin: 0 0 4px 0;
}
div.logo-polozka div.logo-text h2 a {
  color: #186284;
}
div.logo-polozka div.logo-text p {
  padding: 0;
  margin: 0;
  line-height: 1.2;
}
div.logo-polozka a:hover {
  background: none;
}