body {
  background-color: #B7D2E6;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 80%;
  text-align: left;
  color: black;
  background-image: url("img/podklad.gif");
  background-position: left top;
  
}

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

table {
border-collapse: collapse;
font-size: 100%;
}

td  {
vertical-align: top;
}

h1  {
margin-top: 0.5em;
margin-bottom: 0.8em;
color: #659EC9;
font-weight: normal;
font-size: 220%;
padding-bottom: 0.1em;
border-bottom: 1px solid #CCCCCC;
padding-left: 25px;
}

h1 b  {
font-weight: normal; 
font-size: 40%;
color: #CCCCCC;
}

h1 a  {
font-weight: normal; 
font-size: 40%;
color: #CCCCCC;
text-decoration: none;
}

h1 a:hover  {
color: #5796C4;
}

h2  {
font-size: 20px;
margin-bottom: 0.4em;
margin-top: 1.2em;
}

h3  {
font-size: 110%;
margin-top: 1.5em;
color: #3B62B1;
}

h4  {
font-size: 100%;
border-bottom: 1px solid #DDDDDD;
padding-bottom: 0.2em;
margin-bottom: 0.5em;
margin-top: 1em;
}

p {
line-height: 150%;
margin-bottom: 0.5em;
}



a {
color: #5796C4;
}

a img {
border: 0px solid black;
}

a:hover {
color: #003399;
}

ul  {
margin-bottom: 0.3em;
}

li  {
margin-left: 2em;
margin-top: 0.3em;
list-style-type: square;
}

ol li {
list-style-type: decimal;
color: #3B62B1;
font-style: italic;
margin-left: 2.5em;
}

.nadpisky li  {
margin-bottom: 3px;
margin-top: 3px;
list-style-image: url("img/sipka-posunuta.gif");
font-size: 120%;
margin-left: 20px;
padding-left: 5px;
}



.podvrch {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 188px;
  background-image: url("img/podklad_tmavsi.gif");
  background-position: left top;
  position: absolute;
  z-index: 1;
}

.celek  {
position: relative;
margin-left: -400px;
z-index: 2;
top: 18px;
width: 799px;
left: 50%;
background-color: white;
text-align: left;
}

.vrch {
height: 170px;
background-repeat: no-repeat;
background-image: url("img/vrch_stred.gif");
background-position: left top;
}

.flash-vrch {
position: relative;
width: 791px;
left: 4px;
padding-top: 5px;
border-bottom: 1px solid #000066;
}

.adresa {
position: absolute;
z-index: 5;
font-size: 80%;
color: #003373;
top: 115px;
left: 28px;
}

.adresa a {
color: black;
}

.telo {
background-color: white;
background-image: url("img/podstred.gif");
background-position: left top;
background-repeat: repeat-y;

}

.vnitrek  {
width: 791px;
position: relative;
left: 4px;
top: -14px;
background-color: white;
background-image: url("img/podklad_vnitrek.gif");
background-position: left top;
background-repeat: repeat-y;
}

.pata {
background-color: white;
background-image: url("img/pata.gif");
background-position: left bottom;
background-repeat: no-repeat;
height: 14px;
margin-top: -14px;
}

.obsah  {
width: 640px;
text-align: center;
}

.menu {
background-image: url("img/podmenu.gif");
background-position: left top;
background-repeat: repeat-x;
border-bottom: 1px solid #000066;
padding-top: 3px;
padding-left: 10px;
text-align: left;
}

.menu a   {
display: block;
color: white;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
text-decoration: none;
height: 1.5em;
}

.menu a:hover {
color: #5796C4;
}

.menu .oznacene {
background-color: #00336E;
}

.upoutavky  {
border-top: 1px solid white;
width: 148px;
text-align: center;
padding-top: 10px;
}

.upoutavkyzu  {
border-top: 1px solid white;
width: 148px;
text-align: center;
padding-top: 10px;
}

.upoutavkynew  {
border-top: 1px solid white;
width: 148px;
text-align: center;
padding-top: 10px;
}

.upoutavky a  {
display: block;
width: 130px;
margin:auto;
background-color: #659EC9;
margin-bottom: 10px;
text-decoration: none;
background-image: url("img/upoutavka.gif");
background-position: right bottom;
background-repeat: no-repeat;
color: #000066;
text-align: left;
font-size: 80%;
}

.upoutavkyzu a  {
display: block;
width: 130px;
margin:auto;
background-color: #659EC9;
margin-bottom: 10px;
text-decoration: none;
background-image: url("img/upoutavka.gif");
background-position: right bottom;
background-repeat: no-repeat;
color: #000066;
text-align: left;
font-size: 80%;
}

.upoutavkynew a  {
display: block;
width: 130px;
margin:auto;
background-color: #659EC9;
margin-bottom: 10px;
text-decoration: none;
background-image: url("img/upoutavka.gif");
background-position: right bottom;
background-repeat: no-repeat;
color: #000066;
text-align: left;
font-size: 80%;
}

.upoutavky h3 {
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #618bb4;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
font-size: 100%;
color: #000066;
margin-bottom: 4px;
}

.upoutavkyzu h3 {
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #008000;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
font-size: 100%;
color: #ffffff;
margin-bottom: 4px;
}

.upoutavkynew h3 {
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #ff0000;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
font-size: 100%;
color: #ffffff;
margin-bottom: 4px;
}

.upoutavky a h4 {
color: white;
font-size: 100%;
margin-bottom: 0.4em;
margin-top: 0em;
}

.upoutavkyzu a h4 {
color: white;
font-size: 100%;
margin-bottom: 0.4em;
margin-top: 0em;
}

.upoutavkynew a h4 {
color: white;
font-size: 100%;
margin-bottom: 0.4em;
margin-top: 0em;
}

.upoutavky a:hover  {
background-color: #5A98C5;
background-image: url("img/upoutavka_oznac.gif");
background-position: right bottom;
background-repeat: no-repeat;
}

.upoutavkyzu a:hover  {
background-color: #5A98C5;
background-image: url("img/upoutavka_oznac.gif");
background-position: right bottom;
background-repeat: no-repeat;
}

.upoutavkynew a:hover  {
background-color: #5A98C5;
background-image: url("img/upoutavka_oznac.gif");
background-position: right bottom;
background-repeat: no-repeat;
}

.vnor {
padding: 10px;
}

.obsah_vnoreny  {
z-index: 3;
width: 590px;
padding-top: 25px;
padding-bottom: 25px;
margin:auto;
line-height: 150%;
text-align: left;
}

.hlavicka {
position: relative;
left: -25px;
}

.outline  {
border: 1px solid #CCCCCC;
}

.outline table  {
border-collapse: collapse;
}

.outline td {
text-align: center;
padding: 5px;
color: #888888;
}

.zavri  {
position: absolute;
right: 2px;
top: 2px;
}

.fotka  {
display: inline;
}

.fotka table {
display: inline;
margin-right: 15px;
margin-right: 15px;
}

.text {
border: 1px solid #97CACF;
padding: 10px;
margin-bottom: 15px;
}

.datum  {
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
background-color: #B4D9DD;
margin-bottom: 10px;

background-image: url("img/podklad.gif");
background-position: center top;
}

.podmenu  {
margin-bottom: 1em;
}

.soubory  {
margin-top: 10px;
width: 100%;
}

.soubory td  {
border-top: 1px solid #CCCCCC;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}

.soubory h6  a   {
text-decoration: none;
font-size: 12px;
}

.mezisloupec  {
background-image: url("img/mezilinka.gif");
background-position: center top;
background-repeat: repeat-y;
width: 30px;
}


.sloupce  {
width: 100%;
}

.sloupec2  {
width: 260px;
}

.sloupec3  {
width: 130px;
}

.sloupec4  {
width: 420px;
}

.sloupec5  {
width: 210px;
}

.sloupec6  {
width: 340px;
}

.nahledy  td  {
padding-bottom: 20px;
padding-right: 20px;
text-align: center;
}

.podmenu {
position: absolute;
z-index: 7;

top: 1.5em;
left: 7em;
visibility: hidden;
width: 8em;
background-color: blue;

background-color: #B7D2E6;
}

.podmenu a  {
color: black;
display: block;
width: 8em;
border-bottom: 1px solid #5796C4;
}

.podmenu2 {
position: absolute;
z-index: 7;

top: 1.5em;
left: 14em;
visibility: hidden;
width: 12em;
background-color: blue;

background-color: #5796C4;
}

.podmenu2 a:hover {
color: black;
}

/* styly pro tve nove menu - doplnky */
.podmenu_doplnky {
position: absolute;
z-index: 7;
top: 1.5em;
/* "left" urcuje, jak daleko z leva bude toto menu, je to 7em, tak to
 * posuneme treba na 40 tady to budes menit, aby to bylo presne tam,
 * kde chces.  */ 
left: 31em;
visibility: hidden;
/* "width" je sirka tohoto menu necham 8, ale muzes si to rozsirit,
 * jak budes potrebovat */
width: 11em;
background-color: blue;
background-color: #B7D2E6;
}

.podmenu_doplnky a  {
color: black;
display: block;
/* Tato sirka musi byt stejna, jako v predchozim stylu. Takze pokud to
 * zmenis o tam, musis to prepsat i tady.. */
width: 11em;
border-bottom: 1px solid #5796C4;
}

.podmenu2_doplnky {
position: absolute;
z-index: 7;
top: 1.5em;
/* tady aby to bylo stejne, musi byt cislo left ze stylu podmenu_dpolnky
 * plus width ze stylu podmenu_doplnky minus 1. V nasem pripade to bude
 * 40 + 8 - 1 = 47*/
left: 47em;
visibility: hidden;
/* a zase sirka podmenu2, to si uprav, jak budes potrebovat.. */
width: 12em;
background-color: blue;
background-color: #5796C4;
}

.podmenu2__doplnky a:hover {
color: black;
}