.body {
  font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif; 
  font-size: 0.9em;
  color: #282828;
  background-image: url("img/artworks-blue/darkblue.png");
  background-color: #0665AA;
  background-repeat: repeat-x;
  text-align: center;
}
html {
  overflow-y: scroll;
  height: 100%;
}

/* -------------------- Obecne -------------------- */ 

a {
  text-decoration: none;
  color: #282828;
}

img {
  border-width: 0px;
}

form {
  margin: 0px;
  padding: 0px;
}

h2 {
  font-size: 120%; 
  font-weight: bold;
  color: #14489D;
}

.odstavec {
  text-indent: 30px;
}

.odsazeni {
  margin-left: 20px;
}

.dulezite {
  font-weight: bold;
  display: inline;
}

.vpravo {
  float: right;
}

.vlevo {
  float: left;
}

.nastred-okraj {
  text-align: center;
}

.nastred {
  text-align: left;
  margin: 0px auto;
}

.nastred td {
  text-align: center;
}

.pritlouct td {
  vertical-align: top;
}

.obrazek, .fotky img {
  padding: 2px;
  border: solid 1px #316AC5;
}

.obrazek {
  margin: 15px;
}

.fotky img {
  margin: 10px;
}

.cara {
  margin-top: 15px;
  background: url('img/artworks-blue/divider.gif') no-repeat top left;
  height: 38px;
  width: 100%;
}

.cislo {
  text-align: right;
}

a .obrazek:hover, .fotky a img:hover {
  padding: 1px;
  border: solid 2px #316AC5;
}

.tabulka {
  border-collapse: collapse;
}

.tabulka td {
  border: solid 2px #14489D;
  padding: 2px;
}

.seznam-odkazu li{
  padding: 5px;
}

.odkaz-pevny, .seznam-odkazu a, .akce-tabulka a {
  text-decoration: underline;
}

.odkaz-pevny:hover, .seznam-odkazu a:hover, .akce-tabulka a:hover {
  text-decoration: none;
}

.text-posun {
  margin-left: 8px;
  position: relative;
  left: 0px;
  top: -3px;
}

.obrazek-posun, .tlacitko img {
  margin-right: 5px;
  position: relative;
  left: 0px;
  top: 2px;
}

.pozadi-in {
  background-color: white;
}

.colored {
  color: #14489D;
}

/* ------------------- Formuláře --------------------- */
/*         (login, změna hesla, změna údajů)           */

.hlaska {
  margin: 0px 60px 20px 60px;
  padding: 15px;
  border: solid 2px #14489D;
  text-align: center;
  font-weight: bold;
}

.form {
  border: solid 1px gray;
  border-collapse: collapse;
  background-color: white;
}

.form .form-nadpis {
  padding: 5px 0px 5px 0px;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px gray;
  margin-bottom: 8px;
}

.form td {
  text-align: right;
  padding: 3px 3px 3px 20px;
}

.form td + td {
  text-align: center;
  padding: 3px 20px 3px 3px;
}

.form .form-vata {
  height: 15px;
}

.form .form-prava-vata {
  margin: 0px 17px 0px 0px;
}

/* ------------------ Výpisy dat ---------------- */ 

.vypisy-okraj {
  padding: 20px;
}

.vypisy {
  border: solid 1px #81A7C4;
  font-size: 0.8em;
}

.vypisy a {
  display: block;
}

.vypisy img {
  margin: 0px 3px;
}

.vypisy th {
  text-align: center;
  border: solid 1px #81A7C4;
  padding: 4px 4px 4px 4px;
}

.vypisy td, .vypisy td + td {
  text-align: left;
  border: solid 1px #81A7C4;
  padding: 4px 4px 4px 4px;
}

.vypisy-polozka:hover a {
  color: white;
}

.vypisy-polozka:hover {
  background-color: #14489D;
}

.vypisy-pridat:hover {
  background-color: green;
}

.dokumenty a:hover {
  text-decoration: underline;
}

/* ------------------ Tlačítko ----------------- */ 

.tlacitko {
  width: 220px;
}

.tlacitko a {
  border: solid 1px #316AC5;
  padding: 3px 5px 4px 5px;
  margin: 6px;
  text-align: center;
  display: block;
  height: 20px;
}

.tlacitko a:hover {
  font-weight: bold;
  padding: 2px 4px 3px 4px;
  border: solid 2px #316AC5;
}

/* -------------------- Okno -------------------- */ 

.okno {
  width: 900px; 
  text-align: left; 
  margin: 10px auto;
}

.okno-okraj {
  padding: 4px;
  background-color: white;
  background-image: url('img/artworks-blue/divider.gif');
  background-repeat: no-repeat;
  background-position: 195px 140px;
}

.logo-plovouci {
  background: url('img/artworks/logo-plovouci.gif') no-repeat bottom left;
}

.stranka {
  margin-left: 200px;
  margin-right: 20px;
  margin-top: 25px;
  min-height: 259px;
}

.stranka-vata {
  padding-bottom: 20px;
}

.banner {
  position: absolute;
  text-align: center; 
  font-size: 40px; 
  color: black;
  font-weight: bolder; 
  background-color: #E0B850;
  border: 2px solid #AE831C;
}

/* -------------------- Hlavička -------------------- */ 

.hlavicka-okraj {
  border: 1px solid #81a7c4;
}

.hlavicka {
  height: 134px;
  position: relative;
}

.logo {
  width: 150px;
  height: 130px;
  position: absolute;
  left: 20px;
  top: 2px;
}

.jmeno {
  width: 715px;
  height: 100px;
  margin-left: 173px;
  position: absolute;
  top: 2px;
  background-color: #2E7FB4;
}

.nazev-cz {
  background-image: url('img/artworks-blue/hlavicka-cz.jpg'); 
}

.nazev-ro {
  background-image: url('img/artworks-blue/hlavicka-ro.jpg'); 
}

.vlajka img {
  border: solid 1px #282828;
}

.vlajka a:hover img {
  border-color: white;
}

.vlajka-cz {
  position: absolute;
  top: 4px;
  left: 660px;
}

.vlajka-ro {
  position: absolute;
  top: 4px;
  left: 687px;
}

.info-okraj {
  margin-left: 173px;
  position: absolute;
  top: 104px;
  border: 1px solid #81A7C4;
  background-color: white;
}

.info-prazdne {
  width: 709px;
  height: 22px;
  padding: 2px;
}

.info {
  width: 705px;
  margin: 2px;
  position: absolute; 
  visibility: hidden;
}

.info:hover a .info-datum, .info:hover a .info-text {
  text-decoration: underline;
}

.info-datum {
  float: left;
  line-height: 22px;
  padding: 0px 5px;
  background-color: #316AC5;
  color: white;
}

.info-text {
  line-height: 22px;
  padding: 0px 3px 0px 6px;
}

.info-dal{
  display: inline;
  width: 12px; 
  height: 12px;
}

/* -------------------- Menu -------------------- */ 

.menu-okraj {
  width: 174px;
  float: left;
  margin-bottom: 2px;
}

.menu {
  border: 1px solid #81A7C4;
  margin: 2px 0px;
}

.polozka {
  background-image: url('img/artworks-blue/menu-bg-out.jpg');
}

.polozka img {
   margin-left: 6px;
}

.polozka a {
  display: block;
  color:#14489D;
  line-height: 30px;
}

.polozka a:hover {
  font-weight: bold;
  color: white;
  background-image: url('img/artworks-blue/menu-bg-over.jpg');
}

.polozka-text {
  margin-left: 5px;
}

.input-label {
  text-align: left;
  padding-left: 4px;
}

#hledani-in {
  padding: 4px;
}

.input-okraj {
  margin: 0px 0px 4px 0px;
  height: 24px;
}

.button-okraj {
  margin: 4px 0px 2px 0px;
}

.input {
  width: 146px;
  height: 16px; 
}

.input-siroky {
  width: 320px;
  height: 16px;
}

.button {
  width: 105px;
  height: 24px;
}

.skryty {
  display: none;
}

.viditelny {
  display: block;
}

.menu-username {
  padding: 4px 4px 4px 7px;
}

/* -------------------- Patička -------------------- */ 

.paticka {
  clear: both;
  width: 100%;
  border-collapse: collapse;
}

.paticka td a {
  display: block;
  border: 1px solid #81A7C4;
  background-image: url('img/artworks-blue/menu-bg-out.jpg');
  text-align: center;
 line-height: 30px;
}

.paticka td a:hover {
  background-image: url('img/artworks-blue/menu-bg-over.jpg');
  color: white;
}


.paticka-webmail {
  width: 168px;
}

/* -------------------- Kalendář akcí ------------------- */ 

.akce-tabulka{
  border-collapse: collapse;
}

.akce-tabulka td{
  border-left: solid 2px #14489D;
  padding: 5px;
}

.akce-tabulka-datum {
  text-align: right;
  width: 110px;
}

.akce-tabulka-zahlavi {
  border-top: solid 2px #14489D;
}

.akce-tabulka-zapati {
  border-bottom: solid 2px #14489D;
}

.akce-tabulka-dnes {
  color: white;
  font-weight: bold;
  background-color: #14489D;
}

/* -------------------- Služby-Ceník -------------------- */ 

.cenik-tabulka {
  width: 86%;
  margin-left: 20px;
}

.cenik-cena {
  text-align: right;
  width: 80px;
}

.cenik-koment {
  padding-top: 15px;
  text-indent: 30px;
  font-style: italic;
}

/* -------------------- Clenstvi -------------------- */ 

.clenstvi-tabulka {
  margin-left: 20px;
}

.clenstvi-tabulka td {
  line-height: 20px;
  width: 220px;
}

/* -------------------- Clenove --------------------- */

.obrazek-balici {
  margin-left: 8px; 
}

.clen {
  width: 580px;
  border: solid 1px #14489D;
}

.clen-odsazeni {
  margin-top: 8px;
}

.clen table {
  margin: 10px;
}

.clen td {
  text-align: left;
  width: 280px;
  padding-right: 20px;
}

.clen-typ {
  float: left;
}

.clen-hodnota {
  margin-left: 30px;
}

.zavinac {
  position: relative; 
  top: 2px; 
  padding: 0px 2px;
}

/* -------------------- Odkazy ---------------------- */

.tabulka-odkazy td {
  vertical-align: middle;
  text-align: left;
  padding: 10px;
  height: 50px;
}

/* -------------------- Kontakt --------------------- */

.kontakt-adresa {
  text-align: center;
  padding: 20px 0px 0px 0px;
}

/* -------------------- Grafika --------------------- */

.zdrojovy-kod {
  background-color: white;
}

/* ---------------------- No ------------------------ */

.no {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}----------- Odkazy ---------------------- */

.tabulka-odkazy td {
  vertical-align: middle;
  text-align: left;
  padding: 10px;
  height: 50px;
}

.hkcr {
  background-color: white;
  padding: 7px 10px 7px 3px;
}

/* -------------------- Kontakt --------------------- */

.kontakt-adresa {
  text-align: center;
  padding: 20px 0px 0px 0px;
}

/* -------------------- Grafika --------------------- */

.zdrojovy-kod {
  background-color: white;
}

/* ---------------------- No ------------------------ */

.no {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}te;
}

/* ---------------------- No ------------------------ */

.no {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}----------- Odkazy ---------------------- */

.tabulka-odkazy td {
  vertical-align: middle;
  text-align: left;
  padding: 10px;
  height: 50px;
}

.hkcr {
  background-color: white;
  padding: 7px 10px 7px 3px;
}

/* -------------------- Kontakt --------------------- */

.kontakt-adresa {
  text-align: center;
  padding: 20px 0px 0px 0px;
}

/* -------------------- Grafika --------------------- */

.zdrojovy-kod {
  background-color: white;
}

/* ---------------------- No ------------------------ */

.no {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}