* {
  font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
}

body {
  font-size: 11pt;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: white;
}

a {
  color: #316194;
  text-decoration: underline;
}

h1 {
  font-size: 20pt;
  margin-top: 0pt;
  margin-bottom: 10pt;
}

h2 {
  font-size: 16pt;
  color: #316194;
  margin-top: 10pt;
  margin-bottom: 7pt;
}

h3 {
  font-size: 14pt;
  margin-top: 7pt;
  margin-bottom: 5pt;
}

p {
  margin-top: 4pt;
  margin-bottom: 4pt;
}

.geo {
  display: none;
}

#doc {
  position: relative;
  padding: 0px;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 30px;
  width: 765px;
  padding-top: 291px;
}

#header {
  position: absolute;
  width: 765px;
  height: 90px;
  left: 0px;
  top: 0px;
  background-image: url('images/pozadi-horni.png');
  background-repeat: no-repeat;
  padding: 0px;
  border: 0px;
  margin: 0px;
}

#fotopruh-ext {
  position: absolute;
  width: 765px;
  height: 172px;
  left: 0px;
  top: 90px;
  background-image: url('images/pozadi-pruh.png');
  background-repeat: repeat-y;
  padding: 0px;
  border: 0px;
  margin: 0px;
  z-index: 10;
}

#fotopruh {
  position: absolute;
  width: 746px;
  height: 170px;
  left: 2px;
  top: 0px;
  background-image: url('images/fotopruh.jpg');
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  border-left: 0px;
  border-right: 0px;
  z-index: 20;
  border-top: 1px solid #5989BC;
  border-bottom: 1px solid #5989BC;
}

#menu {
  position: absolute;
  width: 765px;
  height: 29px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  left: 0px;
  top: 262px;
  background-image: url('images/pozadi-pruh.png');
  background-repeat: repeat-y;
}

#menu-items {
  position: absolute;
  width: 746px;
  height: 28px;
  left: 2px;
  top: 0px;
}

#main {
  width: 765px;
  background-image: url('images/pozadi-pruh.png');
  background-repeat: repeat-y;
}

#content-ext {
  margin-left: 20px;
  margin-right: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#content {
  position: relative;
  background-color: #F2F8FF;
  border: 1px solid #5989BC;
  padding: 20px;
  min-height: 550px;
  text-align: left;
}

#content p {
  text-align: justify;
}

#content h1 {
  text-align: left;
}

#content h2 {
  text-align: left;
}

#content h3 {
  text-align: left;
}

#content ul {
  text-align: left;
}

#content ul li {
  margin-bottom: 6pt;
}


#footer {
  width: 765px;
  height: 60px;
  background-image: url('images/pozadi-dolni.png');
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 30px;
  padding: 0px;
}

#footer p {
  font-size: 10pt;
  margin-top: 0px;
}



.novinka {
  margin-bottom: 15px;
}

.novinka .datum {
  text-align: left;
}


.overlay {
  display: none;
}

.menu-item {
  position: absolute;
  height: 28px;
  top: 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-bottom: 1px solid #5989BC;
}

#menu-uvod {
  background-image: url('images/menu-uvod.gif');
  width: 56px;
  left: 0px;
}

#menu-novinky {
  background-image: url('images/menu-novinky.gif');
  width: 69px;
  left: 56px;
}

#menu-co-je-odf {
  background-image: url('images/menu-co-je-odf.gif');
  width: 81px;
  left: 125px;
}

#menu-proc-pouzivat {
  background-image: url('images/menu-proc-pouzivat.gif');
  width: 102px;
  left: 206px;
}

#menu-firemni-prostredi {
  background-image: url('images/menu-firemni-prostredi.gif');
  width: 129px;
  left: 308px;
}

#menu-verejny-sektor {
  background-image: url('images/menu-verejny-sektor.gif');
  width: 110px;
  left: 437px;
}

#menu-pripadove-studie {
  background-image: url('images/menu-pripadove-studie.gif');
  width: 126px;
  left: 547px;
}

#menu-aplikace {
  background-image: url('images/menu-aplikace.gif');
  width: 73px;
  left: 673px;
}


.menu-item:hover {
  background-position: 0px -28px;
}



#novinky-home {
  border: 1px dotted #5989BC;
  width: 350px;
  background-color: white;
  padding: 0px;
  margin-left: 318px;
}

#novinky-home .novinka {
  
}

#novinky-home .novinka .datum {
  text-align: left;
}

#novinky-home h3 {
  font-size: 11pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 4px;
  padding: 0px;
}

#novinky-home .datum {
  font-size: 10pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0px;
}

#novinky-home p {
  font-size: 10pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 4px;
  padding: 0px;
}

#novinky-home p.dalsi {
  margin-bottom: 10px;
}

#archiv-link {
  text-align: center;
  margin-top: 40px;
}


#seznam {
  position: absolute;
  left: 20px;
  top: 20px;
  
  height: 550px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

#seznam li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.home-seznam {
  position: absolute;
  left: 0px;
  width: 295px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.home-seznam:hover {
  background-position: 0px -70px;
}

#seznam-novinky {
  background-image: url('images/seznam-novinky.png');
  top: 0px;
}

#seznam-co-je-odf {
  background-image: url('images/seznam-co-je-odf.png');
  top: 80px;
}

#seznam-proc-pouzivat {
  background-image: url('images/seznam-proc-pouzivat.png');
  top: 160px;
}

#seznam-firemni-prostredi {
  background-image: url('images/seznam-firemni-prostredi.png');
  top: 240px;
}

#seznam-verejny-sektor {
  background-image: url('images/seznam-verejny-sektor.png');
  top: 320px;
}

#seznam-pripadove-studie {
  background-image: url('images/seznam-pripadove-studie.png');
  top: 400px;
}

#seznam-aplikace {
  background-image: url('images/seznam-aplikace.png');
  top: 480px;
}