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

	#celek1 {
		position: absolute;
		width: 980px; /* melo by byt mene, ale IE!! */
		padding: 0;
		background: #3AC83A url("./grafika/provozni/lista.gif") top left repeat-y;
		
		/* pozor - definovano i v index.php v JS funkci */
		margin-left: 15px;
		margin-top: 15px;
	}
	
	#celek2 {
		margin: 0;
		padding: 0;
		background:  url("./grafika/provozni/lista.gif") top right repeat-y;
	}

	#lista-leva {
	  float: left;
	  width: 120px;
		margin:0; padding:0;
		padding-bottom: 2px;
		text-align: center;
	}
	#lista-leva img {
		border: 0px;
		
	}
	
	#lista-prava {
		float: right;
	  width: 120px;
		margin:0; padding:0;
		padding: 2px 0px 2px 0px;
		text-align: center;
	}
	
	#stred {
		margin: 0px 125px;
		text-align: center;
	}
	
	#lista-horni {
		width: 722px; height: 80px;
		margin: 0; padding: 0;
		margin-left: 2px;
		
	}
	#lista-horni img {
		
		border: 1px solid black;
	}
	
	
	#lista-bezici {
		background-color: #000000;
		width: 722px; height: 20px;
		margin: 2px 0 0 2px;
		
	}
	
	.logo-malenik {
 		padding: 2px;
 		margin: 0;
	}
	
	#lista-leva img.dvorak {
		border: 1px solid black;
	}
	
	.clanek {
		width: 722px;
		margin: 10px 0px;
	}
	
	.clanek p {
		text-align: justify;
	}
	
	.clanek img.ikona {
		border: 1px solid black;
	}
	
	.clanek img.logo {
		border: 1px solid black;
	}
	.clanek img.logo-left {
		border: 1px solid black;
		float: left;
		margin: 5px 10px 5px 0;
	}
	
	.clanek #img1 {
		text-align: center;
		font-size: 80%;
		float: right;
		margin: 5px 0px 5px 10;
	}
	.clanek #img1 img {
		border: 1px solid black;
	}
	.clanek #img1 img.hover {
		border: 1px solid red;
	}
	.clanek #img1 a {
		text-decoration: none;
	}
	
	.clanek #img2 {
		text-align: center;
		font-size: 80%;
		float: left;
		margin: 5px 10px 5px 0;
	}
	.clanek #img2 img {
		border: 1px solid black;
	}
	.clanek #img2 img.hover {
		border: 1px solid red;
	}
	.clanek #img2 a {
		text-decoration: none;
	}
	
	.clanek #obrazek {
		text-align: center;
		font-size: 80%;
	}
	.clanek #obrazek img {
		border: 1px solid black;
	}
	.clanek #obrazek img.hover {
		border: 1px solid red;
	}
	.clanek #obrazek a {
		text-decoration: none;
	}
	
	.clanek .obr-popis {
		border: 1px solid black;
		border-top: none;
		width: 180px;
	}
		
	.clanek .nadpis {
		font-size: 200%;
		font-weight: bold;
		color: black;
	}
	
	.clanek .nadpis2 {
		font-size: 150%;
		font-weight: bold;
		color: black;
	}
	
	.clanek .podnadpis {
		margin: 10px 0 0 5px;
		text-align: left;
		font-weight: bold;
		color: black;
	}
	
	.clanek a {
		text-decoration: underline;
		color: black;
	}
	
	.clanek a.modry {
		text-decoration: underline;
		color: blue;
	}
	
	.podpis {
		font-weight: bold;
		color: black;
		float: right;
	}
	
	.podpis a {
		color: black;
		text-decoration: none;
	}
	
	.copyright {
		font-size: 80%;
		border-top: 1px solid black;
	}
		
	.cleaner {
		clear: both;
		height: 1px;
		font-size: 1px;
		border: none;
		margin:0; padding:0;
		background: transparent;
	}
	
	.novinky {
		width: 110px;
		font-size: 80%;
		margin: auto;
		background: url("./grafika/provozni/novinky-zalozka.gif") top left;
		text-align: left;
		border-bottom: 1px solid #3ACC3A;
	}
	
	.novinky a {
		color: black;
	}
	.novinka {
		background: #50EE50;
		border: 1px solid #3ACC3A;
		border-bottom: none;
		padding: 0 2px 0 2px;
	}
	.novinka2 {
		background: #60EE60;
		border: 1px solid #3ACC3A;
		border-bottom: none;
		padding: 0 2px 0 2px;
	}
	.novinka .datum {
		font-style: italic;
	}
	.novinka2 .datum {
		font-style: italic;
	}
	
/* --------------------- ankety v liste ------------------------ */

	.anketa {
		width: 110px;
		font-size: 80%;
		margin: auto;
		background: url("./grafika/provozni/novinky-zalozka.gif") top left no-repeat;
		text-align: left;
		border-bottom: 1px solid #3ACC3A;
	}
	.anketa a {
		color: black;
		text-decoration: none;
	}
	.otazka {
		background: #60EE60;
		border: 1px solid #3ACC3A;
		border-bottom: none;
		padding: 0 2px 1px 2px;
	}
	.otazka a {
		text-decoration: underline;
	} 
	.moznost {
		background: #50EE50;
		border: 1px solid #3ACC3A;
		border-bottom: none;
		padding: 0 2px 1px 2px;
	}
	.moznost .A {
		background: blue;
		height: 10px;
		font-size: 50%;
	}
	.moznost .B {
		background: yellow;
		height: 10px;
		font-size: 50%;
	}
	.moznost .C {
		background: red;
		height: 10px;
		font-size: 50%;
	}
	.moznost .D {
		background: green;
		height: 10px;
		font-size: 50%;
	}
	.moznost .E {
		background: teal;
		height: 10px;
		font-size: 50%;
	}
	.reklama {
		background: transparent;
		padding: 0 1px 1px 1px;
	}
	.reklama img {
		border: none;
	}
	
/* --------------------- ankety v liste ------------------------ */

	/* bere to i anketu samostatnou, tady pouze upravuji drobnosti */
	.text .anketa {
		width: 100%;
	}

	.text .anketa .otazka {
		font-weight: bold;
	}
	
	/* toto neni soucasti anket v leve liste */
	.text .anketa .souhrn {
		background: #60EE60;
		border: 1px solid #3ACC3A;
		border-bottom: none;
		padding: 0 2px 1px 2px;
	}
		
/* --------------------- menu rubrik v liste ------------------------ */

	#lista-leva .rubriky {
 		margin: auto;
 		
 	}
 	

	#lista-leva .menu {
		width: 118px;
		height: 20px;
		text-align: center;
		background-color: #3AAA3A;
		border-left: 1px solid #00E600;
		border-top: 1px solid #00E600;
		border-right: 1px solid #00E600;
		cursor: hand;
		
	}
	#lista-leva .menu a {
		text-decoration: none;
		color: black;
		display: block;
	}
	
	#lista-leva .menu-aktivni {
		width: 118px;
		height: 20px;
		text-align: center;
		background-color: #3AAA3A;
		border-left: 1px solid #00E600;
		border-top: 1px solid #00E600;
		border-right: 1px solid #00E600;
		cursor: hand;
		font-weight: bold;
	}
	#lista-leva .menu-aktivni a {
		text-decoration: none;
		color: black;
		display: block;
	}	

	#lista-leva .podmenu {
		width: 100px;
		height: 20px;
		margin-left: 16px;
		text-align: center;
		background-color: #50EE50;
		border-left: 1px solid #3ACC3A;
		border-right: 1px solid #3ACC3A;
		border-bottom: 1px solid #3ACC3A;
		cursor: hand;
		font-size: 90%;
		padding-top: 2px;
	}
	#lista-leva .podmenu a {
		text-decoration: none;
		color: black;
		display: block;
	}

	#lista-leva .podmenu-aktivni {
		width: 100px;
		height: 20px;
		margin-left: 16px;
		text-align: center;
		background-color: #50EE50;
		border-left: 1px solid #3ACC3A;
		border-right: 1px solid #3ACC3A;
		border-bottom: 1px solid #3ACC3A;
		cursor: hand;
		font-weight: bold;
		font-size: 90%;
		padding-top: 2px;
	}
	#lista-leva .podmenu-aktivni a {
		text-decoration: none;
		color: black;
		display: block;
	}

	
	/* -------------------- tabulka aktualnich akci ---------------------- */
	
	.clanek table.akce {
		padding: 3px;
	}
	
	.clanek table.akce a {
		color: black;
	}
	
	.clanek table.akce td {
		padding: 0 5px;
	}	
	
	.clanek table.akce td.termin {
		font-style: italic;
	}	
	
	/* --------------------- tabulka vypis clanku ------------------------ */
	
	.clanek table.vypis_clanku {
		padding: 3px;
		width: 100%;
	}
	
	.clanek table.vypis_clanku td {
		padding: 5px;
	}	
	
	.clanek table.vypis_clanku td.jmeno {
		padding: 3px;
		font-weight: bold;
	}	
	
	.clanek table.vypis_clanku a {
		color: black;
		text-decoration: none;
	}
	
	/* Ramecek abstraktu pro IE */
	span.Alt {
    width: 400px;
    position: absolute;
  	color: black;
    background-color: #50EE50;
    border: 1px solid black;
    visibility: hidden;
    padding: 3px;
    text-align: left;
    z-index:1;
 } 

	
	/* --------------------- tabulka hledani clanku ------------------------ */
	
	.hledani {
		text-align: left;
	}
	
	table.hledani_clanku {
		padding: 3px;
	}
	
	table.hledani_clanku td {
		padding: 5px;
	}	
	
	table.hledani_clanku td.jmeno {
		padding: 3px;
		font-weight: bold;
	}	
	
	table.hledani_clanku a {
		color: black;
		text-decoration: none;
	}
 
	
	/* --------------------- tabulka hlavicka clanku ------------------------ */
	
	.clanek table.hlavicka {
		padding: 20px 10px 0px 10px ;
		margin: auto;
	}
	
	.clanek table.hlavicka td.parametr {
		padding: 0px 5px 0px 15px;
		font-weight: bold;
	}	
	
	.clanek table.hlavicka td.parametry {
		vertical-align: bottom;
	}
	
	.clanek table.hlavicka td.parametry a {
		color: blue;
	}
	
	
	.clanek div.text {
		text-align: left;
		margin: 0px 10px 0px 10px;
	}
	
	.clanek div.akce {
		text-align: left;
		margin: 0px 10px 0px 10px;
	}
	
	/* --------------------------- guestbook ----------------------------- */
	
	.clanek .guest-form {
		text-align: left;
		margin: 0px 10px 0px 10px;
		padding: 0 5px 0 5px;
		background: #3AEE3A;
	}
	
	table.guestbook-form {
		
	}
	
	table.guestbook-form td.popis {
		width: 50px;
	}
	
	table.guestbook-form td.popis-tucny {
		font-weight: bold;
	}
	
	.guestbook {
		margin: 0px 10px 0px 10px;
		border: 1px solid black;
	}
	
	.guest-hlavicka {
		background: #3AEE3A;
		border: 1px solid black;
	}
	
	.guest-hlavicka .jmeno {
		float: left;
		font-weight: bold;
		margin: 2px 5px 2px 5px;
	}
	
	.guest-hlavicka .email {
		float: left;
		color: blue;
		margin: 2px 5px 2px 15px;
	}
	
	.guest-hlavicka .cas {
		float: right;
		font-style: italic;
		margin: 2px 5px 2px 5px;
	}
	.guest-hlavicka a {
		color: blue;
	}
	
	.guest-hlavicka .clean {
		clear: both;
		background: transparent;
	}
	
	.guest-prispevek {
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		text-align: left;
		padding: 2px 5px 2px 5px;
	}
	
	ul.guest {
		margin: 0;
		padding: 0;
		font-size: 90%;
	}
	
	ul.guest a{
		padding-top: 2px;
		color: black;
		text-decoration: none;
		display: block;
	}
	
	ul.guest li.left {
		
		float: left;
		list-style-type: none;
		width: 100px; height: 20px;
		text-align: center;
		background-image: url("./grafika/provozni/tlacitko-guest.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0px 0px 0px 10px;
	}
	
	ul.guest li.right {
		float: right;
		list-style-type: none;
		width: 100px; height: 20px;
		text-align: center;
		background-image: url("./grafika/provozni/tlacitko-guest.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0px 10px 0px 0px;
	}
	
	/* --------------------------- diskuze ----------------------------- */
	
	.diskuze {
		width: 680px;
		margin: auto;
		border: 2px solid black;
		font-size: 90%;
	}
	
	.diskuze .hlavicka
	{
		width: 100%;
		background: #3AAA3A;
	}
	.diskuze .patka
	{
		width: 100%;
		background: #3AAA3A;
		border-top: 1px solid black;
	}
	
	.diskuze-radek {
		background: #3AEE3A;
		border-top: 1px solid black;
		
	}
	
	.diskuze .jmeno {
		float: left;
		font-weight: bold;
		width: 100px;
		text-align: left;
		margin: 2px 5px 2px 5px;
	}
	
	.diskuze .titulek {
		float: left;
		margin: 2px 5px 2px 15px;
		padding-top: 1px;
	}
	
	.diskuze .cas {
		float: right;
		font-style: italic;
		margin: 2px 5px 2px 5px;
		padding-top: 1px;
	}
	
	.diskuze .prispevek {
		text-align: left;
	}
	.diskuze .prispevek0 {
		background: #50EE50;
		border: 1px solid black;
		margin: 2px;
	}	
	.diskuze .prispevek1 {
		background: #50EE50;
		border: 1px solid black;
		margin: 2px;
		margin-left: 12px;
	}
	.diskuze .prispevek2 {
		background: #50EE50;
		border: 1px solid black;
		margin: 2px;
		margin-left: 22px;
	}
	.diskuze .prispevek3 {
		background: #50EE50;
		border: 1px solid black;
		margin: 2px;
		margin-left: 32px;
	}
	.diskuze .prispevek4 {
		background: #50EE50;
		border: 1px solid black;
		margin: 2px;
		margin-left: 42px;
	}
	
	
	.diskuze .prispevek .hlava {
		background: #00E600;
		border-bottom: 1px solid black;
	}
	.diskuze .prispevek .hlava .nick {
		float: left;
		font-weight: bold;
		margin: 2px 5px 2px 5px;
	}
	.diskuze .prispevek .hlava .email {
		color: blue;
		float: left;
		margin: 2px 5px 2px 5px;
		padding-top: 1px;
	}
	.diskuze .prispevek .hlava .cas {
		float: right;
		font-style: italic;
		margin: 2px 5px 2px 5px;
	}
	.diskuze .prispevek .hlava .titulek {
		float: left;
		font-weight: bold;
		margin: 2px 5px 2px 5px;
	}
	
	.diskuze .prispevek .text {
		padding: 1px 2px 1px 2px;
	}
	
	ul.pod-diskuzi {
		margin: 0;
		padding: 0;
		font-size: 90%;
	}
	
	ul.pod-diskuzi a{
		padding-top: 1px;
		color: black;
		text-decoration: none;
		display: block;
	}
	
	ul.pod-diskuzi li {
		
		list-style-type: none;
		width: 100px; height: 20px;
		text-align: center;
		background-image: url("./grafika/provozni/tlacitko-guest.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
	}
	
	ul.odpovedet {
		margin: 0;
		padding: 0;
		font-size: 90%;
		float: right;
	}
	ul.odpovedet a{
		padding-top: 2px;
		color: black;
		text-decoration: none;
		display: block;
	}
	ul.odpovedet li {
		list-style-type: none;
		width: 100px; height: 20px;
		text-align: center;
		background-image: url("./grafika/provozni/tlacitko-guest.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
	}
	
	table.na-stred {
		margin: auto;
	}
	
	/* --------------------------- fotogalerie ----------------------------- */
	
	div.fotogalerie {
		width: 680px;
		margin: auto;
		background: #50EE50;
		border: 1px solid black;
	}
	
	div.fotogalerie .nazev {
		font-weight: bold;
		text-align: center;
	}
	
	div.fotogalerie a {
		text-decoration: none;
	}
	
	table.galerie {
		width: 100%;
	}
	
	table.galerie td {
		text-align: center;
		vertical-align: top;
		width: 25%;
	}
	
	img.preview {
		border: 1px solid black;
	}
	
	/* --------------------------- souvisy ----------------------------- */
	
	div.souvisy {
		text-align: left;
		margin-left: 10px;
	}
	
	/* ---------- kalendar ---------- */
  
  .kalendar {
    border: 1px solid black;
  }
  
  .kalendar a {
    color: black;
    text-decoration: none;
  }
  
  .kalendar a:hover {
    color: black;
    text-decoration: underline;
  }
  
  .oddelovac {
    height: 1px;
    font-size: 1%;
    border-top: 1px solid black;
  }
  
  .den {
    background: #3AAA3A;
    border-bottom: 1px solid black;
    font-size: 120%;
  }
  
  .den-nedele {
    background: #3AAA3A;
    font-weight: bold; 
    border-bottom: 1px solid black;
    font-size: 120%;
  }
  
  .jmeno-dne {
    float: right;
  }
  
  table.kalendar {
    border: none;
    font-size: 80%;
  }
  
  table.kalendar td {
    border: 2px solid black;
    width: 110px;
    height: 80px;
    vertical-align: top;
  }
  
  table.kalendar td.nedele {
    border: 2px solid black;
    background: #50EE50;
    width: 110px;
    height: 80px;
    vertical-align: top; 
  }
  
  .kalendar .mesic {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin: 10px;
  }
  
  .kalendar .mesic-pred {
    float: left;
    margin: 10px;
  }
  
  .kalendar .mesic-pred a {
    color: black;
  }
  
  .kalendar .mesic-po {
    float: right;
    margin: 10px;
    width: 150px;
    text-align: right;
  }
  
  .kalendar .mesic-po a {
    color: black;
  }