html {
        height: 100%;
        }
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial ce, helvetica, sans-serif;
	font-size: 1em;
	color: black;
	background-color: white;
	background-image: url('img/background.gif');
	z-index: 0;
	height: 100%;
	min-height: 100%;
       scrollbar-base-color: white;        /* -- */
       scrollbar-track-color: white;       /* jizdni draha jezdce */
       scrollbar-face-color: #2e9e31;      /* plocha jezdce a tlacitek */
       scrollbar-highlight-color: gold;    /* LH okraj jezdce a tlacitek */
       scrollbar-3dlight-color: darkgreen;
       scrollbar-darkshadow-color: darkgreen; /* PD okraj jezdce a tlacitek */
       scrollbar-shadow-color: gold;
       scrollbar-arrow-color: navy; */ }   /* barva sipecky na tlacitku */
	}
a {
	text-decoration: none;
	font-weight: inherit;
	color: teal;
	outline: none;
	}
a:visited {
	color: inherit;
	}
a:active {
	color: blue;
	}
a:hover {
	color: navy;
	background: paleturquoise;
	text-decoration: none;
	}

a marquee {
  color: gold;
  text-decoration: none;
  }
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 1em;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box
gets pushed around. UPDATE: this has turned out to be very rare. my current
recommendation is IGNORE this warning. at the moment i'm leaving it in only
in case the issue turns up again. possibly the original bug in march 2001
was caused by an unusual combination of factors, although this solved it at
the time.*/

h1 {
  color: navy; /* #006600; */
  text-align: center;
	font-size: 1.7em;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
  color: mediumblue;  /* #006600; */
	font-size: 1.1em;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
  color: teal;  /* #006600; */
	font-size: 1em;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1.5em;
	}
h4 {
  color: navy;
	font-size: 12px;
	font-weight: bold;
	font-family: sans-serif;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	}

UL		{ list-style-image: url('img/listecek-green.gif'); text-align: left }
UL UL		{ list-style-image: url('img/listecek-orange.gif'); text-align: left}
UL UL UL	{ list-style-image: url('img/listecek-maroon.gif'); text-align: left}
UL B		{ color: teal; } /* #004269 */
UL H3		{ text-indent: 25px }
LI, DL, MENU, TD, TH, UL, OL { line-height: 130%}




#top {
  position: absolute;
  top: 10px;
  left: 0px;
  height: 40px;
  width: auto;

  overflow: hidden;
	margin: 0px 10px 0px 10px;
	padding-left: 20px;
	padding-top: 10px;
	border-left: 1px dashed darkgreen;
	border-right: 1px dashed darkgreen;
	border-top: 1px dashed darkgreen;
  border-bottom: 1px dashed orange;
	color: gold;
	background: #2e9e31;
  text-align: right;

  font-weight: bold;
	z-index: 2;
	height: 40px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
html>body #top {
	height: 27px; /* ie5win fudge ends */
	}
#top, [class~="top"] {  /* Mozilla hack */
  right: 0px;
  }
#top { right /*\**/: 20px\9 }   /* IE 7,8 hack */
#top { margin-right /*\**/: -10px\9 }   /* IE 7,8 hack */
#top A {
  color: gold;
  text-decoration: none;
  }
#top A:hover {
  color: teal;
  }



#left {
	position: absolute;
	top: 50px;
	left: 0px;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	padding-top: 25px;
	border-left: 1px dashed darkgreen;
	border-right: 1px dashed orange;
	/* border-bottom: 1px dashed darkgreen; */
	background: #2e9e31;
	z-index: 2;
	width: 140px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 140px;
	/* display: none; */
	}
html>body #left {
  top: 47px;
	width: 140px; /* ie5win fudge ends */
	}
#left, [class~="left"] {  /* Mozilla hack */
  left: 0px;  /* pro MZ1 */
  }



#middle {
  position: relative;
	margin: 50px 10px 10px 150px;
	padding: 0px;
	padding-left: 10px;
        padding-top: 20px;
	display: block;
	border-right: 1px dashed darkgreen;
	border-bottom: 1px dashed darkgreen;
	background: transparent;
	z-index: 4;
	min-height: 100%;
	}

.right {
        float: right;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	font-family: Tahoma;
	font-weight: bold;
	background: #2e9e31;
	border: 1px dashed orange;
	}

#logo {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  z-index: 2;
  }

#cara {  color: darkorange; }

#stretch {  /* styl pro natahovaci linku */
  position: relative;
  left: -1px;
  visibility: hidden;
  }
#vtipek	 {
  filter: Alpha(opacity=90, finishopacity=0, style=3)
  background-color: yellow;
  margin-top: 6px;
  margin-bottom: 6px;
	width: 50%;
  letter-spacing: 10px;
  font-size: 2em;
  text-align: center;
  }

#sloupec {
  background-color: #2e9e31;
  background-image: none;
  margin: 0px;
  padding-right: 0px;
  border: none;
  vertical-align: top;
  }

#sloupec A {
  width: 100%;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  margin: 2px;
  display: block;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-opacity: 10%;

  color: rgb(253,202,0);
  background-color: navy;

  font-size: 0.8em;
  font-family: Verdana;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 99%;
	}
html>body #sloupec A {
  width: 100%;
  }
#sloupec, [class~="sloupec"] {  /* Mozilla hack */
  max-width: 126px;
  }


#sloupec P, #sloupec P A {
  width: 100%;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  margin: 2px;
  display: block;

  color: black; /* rgb(253,202,0) */
  background-color: transparent;

  font-size: 0.8em;
  font-family: Verdana;
  font-weight: normal;
  text-align: center;
  line-height: 110%;
  }

#sloupec P A { color: navy; }

#sloupec A:hover  { background-color: orange; color: navy; text-decoration: none;}
#sloupec A:active { background-color: gold; color: blue; text-decoration: underline;}
#sloupec A:visited { background-color: navy; color: yellow; text-decoration: none;}
/* filter: Alpha(Opacity=10, FinishOpacity=60, Style=1);  */

#pozadi1 { filter: Alpha(Opacity=0, FinishOpacity=100, Style=1);}
#pozadi2 { filter: Alpha(Opacity=50, FinishOpacity=100, Style=1);}
#pozadi3 { filter: Alpha(Opacity=0, FinishOpacity=100, Style=1); background-color: #BF3317 ! important; }

#jpw {
  border: 0px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  text-align: center;
}

#nudle {
  display: float;
  position: absolute;
  margin: 0px 0px 10px 10px;
  background-color: #2e9e31;
  background-image: none;
  color: transparent;
  vertical-align: top;
  border-left: 1px dashed darkgreen;
  border-right: 1px dashed orange;
  border-bottom: 1px dashed darkgreen;
  background: #2e9e31;
  z-index: -10;
  width: 140px;
  top: 459px;
  left: -150px;
  height: calc(100% - 460px);
  overflow: hidden;
}

/*
#loginform {
  position: absolute;
  top: 5px;
  right: 0px;
  width: auto;
  padding: 0px 0px 0px 10px;
  margin: 0px;
  z-index: 4;
  background: #2e9e31;
  font-size: 0.8em;
  font-family: Verdana;
  line-height: 110%;
}
*/

#loginform {
  float: right;
  width: auto;
  padding: 2px 0px 0px 10px;
  margin: 0px;
  margin-top: -8px;
  z-index: 4;
  background: #2e9e31;
  font-size: 0.8em;
  font-family: Verdana;
  line-height: 110%;
}

#loginform TABLE TD {
  color: gold;
}
#loginform TABLE TD A {
  font: bold 10pt Verdana;
  color: gold;
}

#tab_akce {
  text-align: left;
  font-size: 1em;
  }
#tab_akce TR {
  border-left: 1px solid maroon;
  border-right: 1px solid maroon;
  }
#tab_akce TH {
  font-size: 1.1em;
  text-align: center;
  border-top: 2px solid maroon;
  border-bottom: 2px solid maroon;
  }
#tab_akce TD {
  cursor: hand;
  font-size: 0.95em;
  }
#filtr {
  padding: 8px;
  padding-left: 0px;
  font-size: 1.2em;
  cursor: hand;
  }
#tab_prihl {
  border: 1px solid darkorange;
  background-color: gold;
  }
#tab_prihl TD {
  font-size: 0.8em;
  /* ALIGN="center" STYLE="border: 1px solid darkorange" */
  }
#tab_prihl_td {
  text-align: center;
  border: 1px solid darkorange;

}
#pri_cnt TD { text-align: center; }

#plavec {
  margin: 10px;
  padding: 10px;
  border-top: 1px dashed navy;
  border-bottom: 1px dashed navy;
  border-left: 1px dashed orange;
  border-right: 1px dashed gold;
  border-collapse: collapse;
  display: block;
  }
#plavec TH {
  background-color: gold;
  vertical-align: top;
  padding: 10px;
  }
#plavec TH BIG {
  margin: 0px 0px 10px 0px;
  }
#plavec TH LI {
  margin: 10px 0px 0px 0px;
  padding: 0px;
  list-style-image: url('img/listecek-orange.gif');
  text-align: left;
  font: 12pt bold;
  }
#plavec TH A { text-decoration: none; }

#plavec TD {
  padding: 10px;
  font: 12pt bold;
  background-color: orange;
  }
#plavec TD LI {
  margin: 10px 0px 0px 0px;
  padding: 0px;
  color: teal;
  list-style-image: url('img/listecek-yellow.gif');
  text-align: left;
  }
#plavec TH H3, #plavec TD H3 { text-align: center; color: navy; }

.th_kun    { width: 320px; height: 240px; border: 0px; }
.th_kun_d  { border: 0px; }
.h2blue    { color:navy; text-align: center; font-weight: bold; margin: 10px; text-decoration: underline; }
.ppp       { text-align: center; }

.startka TD {
  height: auto;
  padding: 0px;
  font-size: 0.8em
}

.startky TD A {
  color: gold;
  font-size: 2.3em;
  display: block;
  padding: 3px;
}

.startky TD {
  vertical-align: center;
  border: 1px solid orange;
  padding-right: 5px;
  padding-left: 5px;

}

.startky {
  width: auto;
  background-color: #2e9e31; /* #2e9e31; */
  text-align: left;
}

.startkydiv {
  width: 100%;
  background-color: #2e9e31; /* #2e9e31; */
  text-align: center;
  border-top: 1px solid navy;
  border-left: 1px solid navy;
  border-right: 1px solid navy;
}

.chktd TD {  /* vlastnosti checkboxu v pri-form */
  border: 1px solid darkorange;
}

.form_uprav INPUT, form_uprav SELECT {
  border: 1px solid navy;
  background-color: gold;
  font: 12pt normal Arial;
}

.profiltable {
  border: 1px solid navy;
  background-color: chocolate;
  font: 12pt normal Arial;
  line-height: 150%;
}
.profiltable TD INPUT, profiltable TD SELECT {
  border: 1px solid navy;
  background-color: gold;
  font: 12pt normal Arial;
}
.profiltable TD {
  border: 0px solid navy;
  padding: 5px;
}

.favoritestable {
  border: 1px solid navy;
  font: 12pt normal Arial;
  line-height: 150%;
}
.favoritestable TD INPUT, favoritestable TD SELECT {
  border: 1px solid navy;
  background-color: gold;
  font: 12pt normal Arial;
  padding: 5px;
}
.favoritestable TD {
  border: 1px solid navy;
  background-color: chocolate;
  padding: 5px;
  text-align: right;
  vertical-align: center;
}
.favoritestable TH {
  border: 1px solid navy;
  background-color: darkseagreen;
  padding: 5px;
  text-align: center;
  vertical-align: center;
}

#sendbutton {
  font-weight: bold;
  vertical-align: center;
}

.seznamoblibenych {
  border: 1px solid navy;
  font: 12pt normal Arial;
  line-height: 150%;
}

.seznamoblibenych TD {
  border: 1px solid navy;
  background-color: deepskyblue;
  padding: 5px 10px 5px 5px;
  text-align: left;
  vertical-align: top;
}

.seznamoblibenych TH {
  border: 1px solid navy;
  background-color: darkseagreen;
  padding: 5px;
  text-align: center;
  vertical-align: center;
}

.prihlastable {
  border: 1px solid navy;
  text-align: center;
}

.prihlastable TD {
  padding: 10px;
  border: 0px solid navy;
  background-color: chocolate;
}

.prihlastable TH {
  border: 0px solid navy;
  background-color: darkseagreen;
}

.seznamuseru {
  border: 1px solid navy;
  font: 12pt normal Arial;
}

.seznamuseru TH {
  padding: 3px;
  font-weight: bold;
  background: darkseagreen;
}

.seznamuseru TD {
  border-top: 1px solid navy;
  padding: 3px;
  font-weight: normal;
  background: goldenrod;
}

.seznamuseru INPUT {
  border: 1px solid navy;
  font-weight: normal;
  background: goldenrod;
}

#limit {
  color: black;
  background: transparent;
  border: 0px;
  text-decoration: underline;
}

.stdform TD {
  font-weight: bold;
  padding: 5px;
}

.stdform INPUT {
  background-color: gold;
  border: 1px dashed navy;
}

.stdform_button {
  border: 1px solid navy ! important;

}

.stdtab {
  border-top: 1px solid black;
  border-left: 1px solid black;
}

.stdtab TH {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  text-align: center;
  padding: 3px;
}
.stdtab TD {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  text-align: left;
  padding: 3px;
}

.h2 {
  color: teal;  /* #006600; */
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 1.5em;
  padding-bottom: 0px;
  display: static;
}

.h2 B {
  border-bottom: 2px dotted blue;
  display: inline;
}

#csor, #csom, #csod {
 border: 0px;
 border-bottom: 1px solid navy;
 text-align: center;
 font-size: 10pt;
}

#csor TD, #csom TD, #csod TD {
 border: 0px;
 font-weight: bold;
 margin: 5px;
 font-size: 10pt;
}

#csod TD {
 font-size: 10pt;
}

#csor TD A, #csom TD A, #csod TD A {
 color: black;
 text-decoration: none;
}


/*                    VLASTNOSTI TISKU       */

    @media print {
        body
        {color: black;
        background: white;}

        div#top
        {display: none;}

        div#left
        {display: none;}

        div#right
        {display: none;}

        div#middle
        {
        position: static;
        margin: 0px;
        padding: 0px;
        top: 0px;
        left: 0px;
        width: 100%;

        color: black;
        background-color: white;
        border: none;

        font-size: 12pt;
        }

        iframe
        {display: block;}

        .videt
        {display: block;}

        #logo
        {display: none;}

        a, a:hover, a:visited, a:active {
        color: black;
        background: white;
        text-decoration: underline;
        }

        a:after {content: " [" attr(href) "] ";}

        h1,h2,h3,h4,h5,h6
        {page-break-after: avoid;}

    }