body {
	margin: 0px;
	padding: 0px;
	background: rgb(232,232,232) url(img/bck.png) fixed repeat-y center;
	color: #000000;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 9pt;
}
img {
  border: 0;
}
p {
	color: #000000;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
}
a {
	color: rgb(60,110,190);
	text-decoration: underline;
}
a:hover {
	color: rgb(95,140,205);
	text-decoration: none;
}
a.black {
	color: rgb(0,0,0);
	text-decoration: none;
}
a.black:hover {
	text-decoration: underline;
}
h1, h1 a, h1 a img {
	margin: 0;
	padding: 0;
	border: 0;
}
h2 {
	color: #888888;
	font-weight: bold;
	font-size: 9pt;
	margin: 5px 0 5px 0;
	padding: 0;
}
h3 {
	color: rgb(60,110,190);
	margin: 0;
	padding: 0;
	font-size: 11pt;
}
h3.mesicAkce {
	color: rgb(60,110,190);
	margin: 0;
	padding: 0;
	font-size: 9pt;
	border-bottom: 1px rgb(60,110,190) solid;
	margin-bottom: 5px;
}
.podpis {
	color: #666666;
	font-style: normal;
	font-size: 8pt;
}
.podpis a {
	color: #666666;
}

em.red {
  color: red;
  text-decoration: none;
  font-size: 0.7em;
}
   
#page {
	position: absolute;
	width: 770px;
	top: 0;
	height: auto;
	left: 50%;
	margin-left: -385px;
}
#line {
	position: absolute;
	right: 3px;
	top: 3px;
	margin: 0;
	text-align: right;
	z-index: 3;
	color: #888888;
	font-size: 7pt;
}
#line form {
	margin: 0;
	padding: 0;
}
#line input {
	border: 1px #888888 solid;
	color: #888888;
	background-color: white;
	margin: 0;
	padding: 1px;
	font-size: 7pt;
}
#line input.edit {
	width: 100px;
}
#line input.button {
	height: 16px;
	width: 30px;
	border: 0;
}
#logo {
	position: absolute;
	left: 1px;
	top: 21px;
	width: 768px;
	height: 100px;
	z-index: 2;
}
#obsah {
	position: absolute;
	left: 154px;
	top: 130px;
	width: 610px;
	background-color: white;
}
#obsah img {
	border: 0;
}
#prostredek {
	position: relative;
	width: 360px;
	float: left;
	min-height: 410px;
}
#prostredek-big {
	position: relative;
	width: 600px;
	float: left;
	min-height: 410px;
}/*
#prostredek-big .thumbsy {
  margin-top: 10px;
  width: 600px;
  background-color: blue;
}*/
#patka {
	position: relative;
	width: 600px;
	float: left;
	margin-top: 20px;
	text-align: center;
	font-size: 8pt;
	padding-top: 7px;
	font-size: 7pt;
}
#right {
	position: relative;
	width: 230px;
	max-width: 230px;
	float: right;
}
#right .firstakce {
	cursor: pointer;
  float: right;
	width: 230px;
	margin-top: 3px;
	font-size: 8pt;
	text-align: justify;
	line-height: 1.1;
}
#right .foto {
	float: right;
	width: 218px;
	text-align: center;
	background: rgb(210,220,240);
	padding: 6px;
	border: 1px solid rgb(175,195,230);
	margin-top: 3px;
	font-size: 8pt;
}
#left {
	position: absolute;
	top: 130px;
	left: 10px;
	width: 128px;
	padding: 0px;
	margin: 0px;
	z-index: 2;
}
.leftblok {
	float: left;
	width: 116px;
	/*padding: 5px;*/
	background: #F4F4F4;
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
}
.menu {
	float: left;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	width: 128px;
	margin-bottom: 15px;
}
.menu a {
	color: #444444;
	display: block;
	text-decoration: none;
	left: 10px;
	font-size: 10pt;
	font-weight: bold;
	margin: 2px 0 2px 0;
	border: 1px rgb(210,210,210) solid;
	padding: 3px 0 3px 20px;
	background: rgb(244,244,244) url(img/bck_menu_a5.png) repeat-x bottom;
}
.menu a:hover {
	color: #666666;
	background: rgb(244,244,244) url(img/bck_menu_a_hvr5.png) repeat-x bottom;
}
div#akce-big {
  display: block;
  width: 324px;
  height: 398px;
  padding: 80px 20px 40px 20px;
  border: 1px black solid;
}

div#akce-big h3 {
  font-size: 4em;
  color: black;
}
div#akce-big h4.datum {
  font-size: 1.8em;
  margin: 0 0 0 4px;
  border-bottom: 1px black dashed;
}
div#akce-big div.informace {
  margin: 20px 0 0 4px;
  font-size: 1.8em;
}
div#akce-big table th {
 text-align: left;
 width: 100px;
}
div#akce-big table td {
  text-align: left;
}
div.akce {
	margin-bottom: 5px;
	cursor: pointer;
}
div.akce a,div.akce a:hover, div.akce a:visited{
	color: black;
}
div.akce .datum {
	font-size: x-small;
	margin-bottom: 2px;
}
div.akce h4 {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}
div.akce em {
	font-size: x-small;
}

div.report {
 margin: 0 0 5px 0;
 padding: 2px;
 border: 1px black solid;
}

.otevrit {
  float: right;
}
/* Zelena */
.coch {
  padding: 5px;
  border: 1px #1E660F solid;
  background: #DAFF92 url(img/bck_zelena.png) repeat-x bottom;
}
.coch .datum {
  background: #DAFF92 url(img/coch_green.png) no-repeat right;
  border-bottom: 1px #75b942 solid;
  margin-bottom: 2px;
}
/* /Zelena */
/* Modra */
.ples {
  padding: 5px;
  border: 1px #1f5983 solid;
  background: #9de5ff url(img/bck_modra.png) repeat-x bottom;
}
.ples .datum {
  background: #9de5ff url(img/ples_blue.png) no-repeat right;
  border-bottom: 1px #5898c5 solid;
}
/* /Modra */
/* Zluta */
.koncert {
  padding: 5px;
  border: 1px #806427 solid;
  background: #f8e202 url(img/bck_zluta.png) repeat-x bottom;
}
.koncert .datum {
  background: #f8e202 url(img/koncert_yellow.png) no-repeat right;
  border-bottom: 1px #c79e08 solid;
}
/* /Zluta */
/* Cervena */
.ostatni {
  padding: 5px;
  border: 1px #840000 solid;
  background: #ff9191 url(img/bck_cervena.png) repeat-x bottom;
}
.ostatni .datum {
  background: #ff9191 url(img/ostatni_red.png) no-repeat right;
  border-bottom: 1px #a62121 solid;
}
/* /Cervena */
.clanek {
	margin-bottom: 15px;
}
.clanek img.obrazek {
float: left;
margin-right: 4px;
}
.repertoar {
	background: rgb(245,245,245);
	width: 320px;
	height: 200px;
	border: 1px black solid;
	overflow: auto;
	padding: 2px;
	font-size: 0.9em;
}
/* Oranžová */
.festak {
  padding: 5px;
  border: 1px #ffc369 solid;
  background: #ffedc6 url(img/bck_orange.png) repeat-x bottom;
}
.festak .datum {
  background: #ffedc6 url(img/festak_orange.png) no-repeat right;
  border-bottom: 1px #ffc369 solid;
}
/* /Oranžová */
/* GuestBook */
div.gbcomm {
	padding: 2px;
	margin-bottom: 4px;
	color: #000000;
}
div.gbcomm img {
	border: 0;
}
div.gbhead {
	font-weight: bold;
	color: rgb(95,140,205);
	margin-bottom: 4px;
	line-height: 0.8em;
}
div.gbhead img {
	margin-right: 4px;
}
div.gbhead small {
	color: #666666;
}
div.gbhead a {
	color: rgb(60,110,190);
	text-decoration: none;
}
div.gbhead a:hover {
	color: rgb(95,140,205);
}
.nav {
	border-top: 1px black solid;
	margin-top: 5px;
	padding-top: 5px;
	text-align: center;
}
#smajlici img {
	border: 0;
	cursor: hand;
}
#anketa {
	float: left;
	width: 116px;
	padding: 5px;
	background: #F4F4F4;
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
}
#anketa form {
	padding: 0;
	margin: 0;
}
#anketa .question {
	font-size: 0.9em;
	margin-bottom: 2px;
}
#anketa .answer {
	font-size: 0.8em;
	font-weight: bold;
}
#anketa .pruh {
	height: 5px;
	line-height: 0;
	background-color: rgb(95,140,205);
}
#anketa .pocet {
	font-size: 0.8em;
	border-bottom: 2px;
	border-bottom: 1px solid #D9D9D9;
}
#anketa .celkem {
	text-align: center;
	font-size: 0.8em;
}
#anketa a, #anketa a:visited {
	color: black;
	text-decoration: none;
}
#anketa a:hover {
	text-decoration: underline;
}
.AnkPrehled {
  padding: 5px;
  margin-bottom: 15px;
  border: 1px solid #D9D9D9;
}
.AnkPrehled .pruh {
	height: 5px;
	line-height: 0;
	background-color: rgb(95,140,205);
}
.AnkPrehled .celkem {
	font-style: italic;
}
.AnkPrehled .pocet {
	border-bottom: 2px;
	border-bottom: 1px solid #D9D9D9;
}
#kalendar {
	float: left;
	width: 126px;
	background: #F4F4F4;
	margin-bottom: 5px;
}
table.kalendar {
	text-align: center;
	width: 124px;
	font-size: 8pt;
}
table.kalendar th, table.kalendar td {
	border: 1px solid #D9D9D9;
}
table.kalendar th {
	font-size: 8pt;
	font-style: bold;
}
table.kalendar td.den-nit, table.kalendar td.den-ni {
  cursor: pointer;
  background: #BDCEE9;
}
table.kalendar td.den-nit,table.kalendar td.den-nt {
  font-weight: bold;
}
a.kal-odkaz {
  color: black;
  text-decoration: none;
}
a.kal-odkaz:hover {
  text-decoration: underline;
}

div.event {
 display: none;
 position: absolute;
 background-color: #BDCEE9;
 border: 1px #AAA solid;
 padding: 7px;
 z-index: 9;
}

input, textarea {
	border: 1px #D9D9D9 solid;
	color: rgb(85,88,93);
}
input.radio {
	border: none;
}
input.edt, textarea.edt {
	width: 250px;
}
img.banner468 {
	width: 468px;
	height: 61px;
	border: 0;
}
.posl_zmeny {
  border: 1px #d9d9d9 dashed;
  padding: 2px;
  font-size: 0.9em;
}
.posl_zmeny small {
  color: #888888;
  font-size: 0.8em;
}
.posl_zmeny .vysvetlivky { margin-top: 2px; border-top: 1px #d9d9d9 dashed; text-align:center;}
.posl_zmeny .vysvetlivky div {display: inline;}

.posl_zmeny .add { color: rgb(102,204,51); }
.posl_zmeny .del { color: rgb(255,102,102); }
.posl_zmeny .edit { color: rgb(255,204,0); }

p.info {
	margin: 5px 0 5px 0;
	font-size: 8pt;
}
table.tabulka {
	border: 1px black solid;
	background-color: #D9D9D9;
}
table.tabulka td, table.tabulka th {
	border: 1px black solid;
	background-color: #F4F4F4;
	text-align: left;
	padding: 2px;
}
#tooltip {
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 1px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid: DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.chyba {
  color: red;
}
/* --- Synchronizace --- */
table#sync th { width: 50%; }

.cervene {background:rgb(255,187,187);}
.zelene {background:rgb(187,255,102);}
.modre {background:rgb(136,221,255);}
.zlute {background:rgb(255,255,164);}

/* --- /Synchronizace --- */

/* --- Pocasi --- */
table#pocasi {
  text-align: center;
}
table#pocasi th,table#pocasi td {
  width: 25%;
}
/* --- /Pocasi ---*/


/* ---- FotoGalerie ---- */
.fotka {
	text-align: center;
}
.fotka img {
	border: 1px black solid;
	margin-left: auto;
	margin-right: auto;
}
.gal {
  font-size: 1.2em;
  background-color: rgb(238,238,238);
  height: 66px;
  margin-top: 10px;
}
.gal strong {
  font-size: 1.4em;
}
.gal a {
  text-decoration: none;
  color: black;
}
.gal a:hover {
  letter-spacing: 0.1em;
}
.gal img {
  float: left;
  margin-right: 10px;
}

table#fotos {
  width: 98%;
  border: 0;
}
table#fotos td,table#fotos th {
width: 100px;
border: 1px black solid;
vertical-align: middle;
text-align: center;
padding: 0;
background-color: white;
}
table#fotos td {
  height: 100px; 
}
table#fotos th a,table#fotos th a:hover {
  color: black;
}
table#fotos .free {
  background-color: white ;
  border: 1px black dotted;
}
table#fotos .aktual {
  border: 2px black solid;
}
.souhrn {
  border-bottom: 1px dotted black;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.souhrn a {
  color: black;
  text-decoration: none;
}
.souhrn a:hover {
  border-bottom: 1px black solid;
}
.souhrn .text {
  margin: 5px;
  font-family: Courier;
}
.souhrn h3 small {
 font-size: x-small;
}

#comment .com-menu {
  margin-top: 10px;
}
.com a {
  color: black;
  text-decoration: none;
}
.com a:hover {
  border-bottom: 1px black dotted;
}
/* ---- /Fotogalerie ---- */