<!--

BODY { 
      background-color:#e9f3fb;
       margin: 0px;
       width: 100%;
       font-family: Tahoma, Arial;
}
       
a img {
      border: 0;
}

.pozadie {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 310px;
      background-image:url(img/mapa2.jpg);
      background-repeat: repeat-x;
      background-position: center;
      z-index: -1;
}
       
.stred {
      margin: 0 auto;
      width: 963px;
}

.hlavicka {
      height: 196px;
      padding-bottom: 15px;
      font-size: 11pt;
      color: #677683;
}

.logo {
      float:left;
      position:relative;
      top: 58px;
}

.login {
      float:right;
      position:relative;
      top: 68px;
      width: 265px;
}

.logout {
      float:right;
      position:relative;
      top: 88px;
      width: 180px;
      text-align: center;
}

.textbox1 {
      background-image:url(img/loginname.png);
      background-repeat: no-repeat;
      width: 154px;
      height: 32px;
      padding-bottom: 5px;
}
.textbox1 input, .textbox2 input {
      position: relative;
      top: 6px;
      left: 30px;
}

.textbox2 {
      float:left;
      background-image:url(img/loginpass.png);
      background-repeat: no-repeat;
      width: 154px;
      padding-right: 15px;
      height: 32px;
}

input {
      background-color: transparent;
      border: solid 0px #FFF;
      color: #677683;
}

input.formular {
      background-image:url(img/input.png);
      background-repeat: no-repeat;
      width: 143px;
      height: 32px;
      padding-left: 5px;
      padding-right: 5px;
}

input.formular_maly {
      background-image:url(img/input_maly.png);
      background-repeat: no-repeat;
      width: 50px;
      height: 32px;
      padding-left: 5px;
      padding-right: 5px;
}

input.vriadku {
      position: relative;
      top: 9px;
      padding-bottom: 0px;;
}

input.checkbox {
      width: 14px; height: 14px;
      color:#00f;
      background:#ddd;
      border: 1px;
}

.menu {
      float: left;
      width: 198px;
}

.menutop1 {
      position: relative;
      background-image: url(img/menu-main-top.png);
      height: 50px;
}

.menutop2 {
      position: relative;
      background-image: url(img/menu-klub-top.png);
      height: 50px;
}

.menuobsah {
      background-image: url(img/menu.png);
      background-repeat: repeat-y;
      padding-top: 10px;
      padding-left: 18px;
}

.menuobsah a {
      font-size: 11pt;
      color: white;
      line-height: 2em;
}

.menuobsah A:link { text-decoration: none;}
.menuobsah A:active { text-decoration: none;}
.menuobsah A:visited { text-decoration: none;}
.menuobsah A:hover { text-decoration: underline;}

.menupata {
      background-image: url(img/menu-pata.png);
      height: 9px;
      margin-bottom: 25px;
}

.foto {
      border: 1px solid #0f6ac3;
}

/* zjednotit tieto stylu */
#info_main {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

#info {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    background-color: #118EE5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    color: white;
}

#info1 {
    width: 45%;
    float: left;
    background-color: #118EE5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    color: white;
    margin-right: 10px;
}

#info2 {
    width: 45%;
    float: left;
    background-color: #118EE5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    color: white;
}

#info1 a, #info2 a, #info a {
  color: white;
}

#info1 a:hover, #info2 a:hover {
  text-decoration: underline;
}

.obsah {
      width: 728px;
      float:right;
      color: #494f5c;
      font-size: 10pt;
      text-align: justify;
}

.obsah A:link, .paticka A:link { color: #118ee5;
         text-decoration: none;
         font-weight: bold; }
.obsah A:visited, .paticka A:visited { color: #118ee5;
            text-decoration: none;
            font-weight: bold; }
.obsah A:active, .paticka A:active { color: #118ee5;
           text-decoration: none;
           font-weight: bold; }
.obsah A:hover, .paticka A:hover { color: #0d6aab;
          text-decoration: underline;
          font-weight: bold; }

.obsah .oob {
      float:left;
      width: 52%;
}

.oob .oddel {
      background-image: url(img/line-dashed.png);
      background-repeat: repeat-x;
      height: 1px;
}

.obsah .mapa {
      float:right;
      width: 45%;
      text-align: center;
      padding-top: 1em;
}

.mapa span {
      font-style: italic;
}

.navigacia {
    margin: 0;
    padding: 0;
    position: relative;
    top: 35px;
    left: 680px;
    width: 40px;
}

h1 {
    font-weight: bold;
    font-size: 18pt;
    margin: 0 0 20px 0;
}

h2 {
    font-weight: bold;
    font-size: 150%;
} 

h3 {
    font-weight: bold;
    font-size: 115%;
    margin: 10px 0 10px 0;
} 

.paticka {
    background: url(img/line-dot.png) repeat-x;
    position: relative;
    top: 20px;
    clear: both;
    text-align: center;
    color: #494f5c;
    font-size: 9pt;
    padding-top: 10px;
}

.line {
      background: url(img/line-dot.png) repeat-x;
      width: 40%;
}

P { 
    text-indent: 15pt;
}

table.vypis {
    width: 100%;
}

table.vypissmall {
    width: 100%;
    font-size: 8pt;
}

tr.svetla {
    background-color: #ffffff;
}

tr.tmava {
    background-color: #e8e8e8;
}

td.nadpis {
    background-image: url(img/table-nadpis.png);
    height: 50px;
    width: 728px;
    background-repeat: no-repeat;
}

td.nadpis span {
    position: relative;
    left: 45px;
    top: -2px;
    font-weight: bold;
    font-size: 11pt;
    color: #f1f4f8;
}

td.vypis, td.vypis-odkaz {
    /*background-image: url(img/table-content.png);
    background-repeat: repeat-x;*/
    
    background-image: linear-gradient(bottom, rgb(218,228,237) 17%, rgb(225,239,245) 73%);
    background-image: -o-linear-gradient(bottom, rgb(218,228,237) 17%, rgb(225,239,245) 73%);
    background-image: -moz-linear-gradient(bottom, rgb(218,228,237) 17%, rgb(225,239,245) 73%);
    background-image: -webkit-linear-gradient(bottom, rgb(218,228,237) 17%, rgb(225,239,245) 73%);
    background-image: -ms-linear-gradient(bottom, rgb(218,228,237) 17%, rgb(225,239,245) 73%);
    
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.17, rgb(218,228,237)),
    	color-stop(0.73, rgb(225,239,245))
    );
    
    height: 48px;
    padding: 2px 15px;
    /*padding-left: 15px;
    padding-right: 15px;*/
    white-space: nowrap;
}

tr th {
    padding-right: 5px;
}

.vypis th, .vypissmall th {
    background-image: url(img/table-header.png);
    background-repeat: repeat-x;
    height: 48px;
    text-align: left;
    white-space: nowrap;
}

th img {
    padding-left: 15px;
}

th span {
    /*background-image: url(img/table-header-tien.png);
    background-repeat: no-repeat;*/
    padding-left: 10px;
    color: #f1f4f8;
}

th span.posun {
    padding-left: 15px;
}

.odkaz { 
  border: #b0b0b0 1px solid;
  width:90%; 
  margin: 0 auto;
}

a.popup {
position: relative;
}

a.popup img {
display: none;
}

a.popup:hover img {
position: absolute;
top: -5em;
left: -20em;
width: 15em;
padding: 1em;
display: block;
border: 3px solid #ccc;
}

/* Don't expect to write standards code for IE. ;) */
a.popup:hover {
  font-size: 100%;
}

div.centruj {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

-->