body {
  background-color: #000000;
  /*font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;*/
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  /*font: 18px "Georgia", serif;*/

  color: #000000;
}

#hlavni {
  width:1100px;
  margin: -8px auto 0px auto;
  position:relative;
  background: url('obr/pozadi.jpg') center top repeat-y
}

#hlavicka {
  width: 1100px;
  height: 275px;
  margin: 0px;
  padding:0px;
}

#hlavicka img {
  border:none
}

#obsah  {
  position:relative;
  border:none;
  width: 617px;
  margin: 20px auto;
}

#menu  {
  position:relative;
  border:none;
  width: 952px;
  margin: 0px auto;
  height:53px;
  background: url(obr/menu.jpg) left top no-repeat; 
}

#patka  {
  position:relative;
  margin: 0px auto -7px auto;
  text-align:right;
  font-size:90%;
  width: 1100px;
  height:87px;
  padding: 10px 0px 0px 0px;
  background: url(obr/patka.jpg) center bottom no-repeat;
}

p {
  text-indent:15px;
  margin: 5px 25px 15px 25px;
  line-height:1.3  
}

p#pata  {
  text-indent:0px;
  margin: 0px 78px 0px 0px;
  padding:0px;
}

h1, h2  {
  margin:0px;
}

h1.plain  {margin: 0px 0px 25px 35px;font-size:1.8em;text-decoration:underline}

#patka a:link  {
  color: #000000;
  text-decoration:underline
}

#patka a:visited {
  color: #000000;
  text-decoration:underline
}

#patka a:hover  {
  text-decoration:none;
  color: #000000
}

a:link, a:visited  {
  color:#000000;
  text-decoration:underline;
}

a:hover  {
  color:#000000;
  text-decoration:none;
}

.rozcestnik {width:500px;border-top:1px solid black;border-bottom:1px solid black;text-align:center;margin:0px auto 15px auto;text-indent:0px;padding:2px 0px 4px 0px;position:relative;font-size:.9em;}
.nahoru {text-align:center;text-indent:0px}

h3  {
  margin:5px 0px 15px 45px;
  text-decoration:underline
}

#jazyky {
  width:80px;
  height: 16px;
  position:absolute;
  top:254px;
  left:915px;
  z-index:50
}

#jazyky img {
  margin-right:2px
}

.velky  {
  font-weight:bold;
  text-decoration:underline
}

.red  {
  font-weight:bold;
  color:#D50000;
}

.green  {
  font-weight:bold;
  color:#00B500
}

ul.clen {
  margin:-5px 0px 25px 15px;
  width:540px
}

ul.clen li  {
  margin:0px;padding-top:0px;
  list-style-image: url('obr/odrazka.gif');
}

.clen-img {width:100px;height:125px;position:relative;float:right;margin:0px 20px 0px 10px;}
.druhy {font-size:1em;font-weight:normal;font-style:italic}

p.nulovy {text-indent:0px;}

.kurziva  {font-style:italic}
.bold {font-weight:bold}

.maly {font-size:.8em;font-weight:normal;font-style:italic}

.underline  {text-decoration:underline}

.seznam {margin-bottom:0px}

#obsah a img {border:none}

.pgc  {
  position:relative;
  width:450px;
  margin:0px auto;
}

.adv  {
  height:235px;
  width:150px;
  position:relative;
  float:right;
  margin: 0px 35px 10px 15px
  
}

.workshop {
  margin-top: 30px;
  margin-bottom:8px;
}

.ws2  {
  margin-top: 0px;
  margin-bottom:5px
}

.ws_sezn  {
  margin:-5px 0px 8px 5px;
  width:540px
}

ul.ws_sezn li  {
  margin:0px;padding-top:0px;
  list-style-image: url('obr/odrazka.gif');
}

.odkaz-ven  {vertical-align:super;margin-left:2px}

/* ----------------------------------------------------- MENU ----------------------------------------------------- */

div#menu ul {
	list-style-type: none;
  position: relative;
  margin:0px;
  width:952px;
  height:28px;
  padding: 0px;
}

div#menu ul li#domu {
  display: block;
  float: left;
  height: 53px;
  line-height: 18px;
  width: 64px;
  margin: 0px 0px 0px 12px;
  padding:0px;
}

div#menu ul li#domu a {
  background: url("obr/menu/domu.png") top left no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 64px;
  height: 53px; 
  border: none
}

div#menu ul li#domu a:hover { 
	background: url("obr/menu/domu.png") 0px -53px no-repeat;
}

div#menu ul li#aktu {
  display: block;
  float: left;
  height: 53px;
  line-height: 18px;
  width: 131px;
  margin: 0px 0px 0px 7px;
}

div#menu ul li#aktu a {
  background: url("obr/menu/aktu.png") top left no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 131px;
  height: 53px; 
  border: none
}

div#menu ul li#aktu a:hover { 
	background: url("obr/menu/aktu.png") 0px -53px no-repeat;
}

div#menu ul li#kdo_jsme {
  display: block;
  float: left;
  height: 53px;
  line-height: 18px;
  width: 115px;
  margin: 0px 0px 0px 2px;
}

div#menu ul li#kdo_jsme a {
  background: url("obr/menu/kdo_jsme.png") top left no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 115px;
  height: 53px; 
  border: none
}

div#menu ul li#kdo_jsme a:hover { 
	background: url("obr/menu/kdo_jsme.png") 0px -53px no-repeat;
}

div#menu ul li#predstaveni {
  display: block;
  float: left;
  height: 53px;
  line-height: 18px;
  width: 138px;
  margin: 0px 0px 0px 2px;
}

div#menu ul li#predstaveni a {
  background: url("obr/menu/predstaveni.png") top left no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 138px;
  height: 53px; 
  border: none
}

div#menu ul li#predstaveni a:hover { 
	background: url("obr/menu/predstaveni.png") 0px -53px no-repeat;
}

div#menu ul li#galerie {
  display: block;
  float: left;
  height: 53px;
  line-height: 18px;
  width: 91px;
  margin: 0px 0px 0px 7px;
}

div#menu ul li#galerie a {
  background: url("obr/menu/galerie.png") top left no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 91px;
  height: 53px; 
  border: none
}

div#menu ul li#galerie a:hover { 
	background: url("obr/menu/galerie.png") 0px -53px no-repeat;
}

div#menu ul li#ws {
  display: block;
  float: left;
  height: 53px;
  line-height: 18px;
  width: 144px;
  margin: 0px 0px 0px 2px;
}

div#menu ul li#ws a {
  background: url("obr/menu/ws.png") top left no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 144px;
  height: 53px; 
  border: none
}

div#menu ul li#ws a:hover { 
	background: url("obr/menu/ws.png") 0px -53px no-repeat;
}

div#menu ul li#kalendar {
  display: block;
  float: left;
  height: 53px;
  line-height: 18px;
  width: 110px;
  margin: 0px 0px 0px 2px;
}

div#menu ul li#kalendar a {
  background: url("obr/menu/kalendar.png") top left no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 110px;
  height: 53px; 
  border: none
}

div#menu ul li#kalendar a:hover { 
	background: url("obr/menu/kalendar.png") 0px -53px no-repeat;
}

div#menu ul li#odkazy {
  display: block;
  float: left;
  height: 53px;
  line-height: 18px;
  width: 107px;
  margin: 0px 0px 0px 7px;
}

div#menu ul li#odkazy a {
  background: url("obr/menu/odkazy.png") top left no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 107px;
  height: 53px; 
  border: none
}

div#menu ul li#odkazy a:hover { 
	background: url("obr/menu/odkazy.png") 0px -53px no-repeat;
}

/* --------------------------------------------------- KULATE ROHY ------------------------------------------------------ */

div.middle {
  width: 617px;
  background: url("obr/stredni_rohy.jpg") repeat-y #FFFFFF;
  position:relative;
  border:none;
  margin: 20px auto;
}

div.top {
  background-image: url("obr/horni_rohy.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}

div.bottom {
  background-image: url("obr/dolni_rohy.jpg");
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 15px 0px 5px 0px;
}


/* --------------------------------------------------- NAHRAZENI NADPISU ------------------------------------------------------ */

.nahrazeni-uvod {
	margin:0px 0px 20px 45px; padding:0;
  width:111px; height:47px;
  background:url("obr/nadpisy/domu.png") top left no-repeat
	}
.nahrazeni-uvod span {
	display:none
}

.nahrazeni-aktu {
	margin:0px 0px 20px 45px; padding:0;
  width:175px; height:51px;
  background:url("obr/nadpisy/aktu.png") top left no-repeat
	}
.nahrazeni-aktu span {
	display:none
}

.nahrazeni-kdojsme {
	margin:0px 0px 20px 45px; padding:0;
  width:148px; height:46px;
  background:url("obr/nadpisy/kdo-jsme.png") top left no-repeat
	}
.nahrazeni-kdojsme span {
	display:none
}

.nahrazeni-predstaveni {
	margin:0px 0px 20px 45px; padding:0;
  width:202px; height:35px;
  background:url("obr/nadpisy/predstaveni.png") top left no-repeat
	}
.nahrazeni-predstaveni span {
	display:none
}

.nahrazeni-galerie {
	margin:0px 0px 20px 45px; padding:0;
  width:114px; height:52px;
  background:url("obr/nadpisy/galerie.png") top left no-repeat
	}
.nahrazeni-galerie span {
	display:none
}

.nahrazeni-ws {
	margin:0px 0px 20px 45px; padding:0;
  width:196px; height:49px;
  background:url("obr/nadpisy/ws.png") top left no-repeat
	}
.nahrazeni-ws span {
	display:none
}

.nahrazeni-kalendar {
	margin:0px 0px 20px 45px; padding:0;
  width:240px; height:38px;
  background:url("obr/nadpisy/kalendar-akci.png") top left no-repeat
	}
.nahrazeni-kalendar span {
	display:none
}

.nahrazeni-odkazy {
	margin:0px 0px 20px 45px; padding:0;
  width:140px; height:46px;
  background:url("obr/nadpisy/odkazy.png") top left no-repeat
	}
.nahrazeni-odkazy span {
	display:none
}

#fotogalerie  {
  width: 525px;
  border:none;
  margin:2px auto;
  padding:0px;
  position:relative
}

#fotogalerie img  {
  margin:0px;
  padding:0px;
  border:none
}

#fotogalerie tr {
  width:525px
}

#fotogalerie td {
  border:1px solid #ddd;
  width:105px;
  height:105px;
  margin:0px;
  padding:5px;
  text-align:center
}

#fotogalerie a img {
  border:4px solid silver;
}


#fotogalerie a img:link {
  border:4px solid silver;
}

#fotogalerie a img:visited {
  border:4px solid silver;
}

#fotogalerie a img:hover {
  border:4px solid gray;
}

.obr_strana1  {
  position:absolute;
  top:375px;
  left:60px;
  margin:0px;
  padding:0px;
  width:150px;
  border:3px solid white;
  height:200px;
}

.obr_strana2  {
  position:absolute;
  top:460px;
  left:870px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  z-index:20;
  height:131px;
}

.obr_strana3  {
  position:absolute;
  top:380px;
  left:870px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:131px;
}

.obr_strana4  {
  position:absolute;
  top:440px;
  left:65px;
  margin:0px;
  padding:0px;
  width:133px;
  border:3px solid white;
  height:200px;
}

.obr_strana5  {
  position:absolute;
  top:900px;
  left:870px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  z-index:20;
  height:131px;
}

.obr_strana6  {
  position:absolute;
  top:1500px;
  left:52px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:131px;
}

.obr_strana7  {
  position:absolute;
  top:2100px;
  left:890px;
  margin:0px;
  padding:0px;
  width:150px;
  border:3px solid white;
  z-index:20;
  height:200px;
}

.obr_strana8  {
  position:absolute;
  top:3000px;
  left:52px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:131px;
}

.obr_strana9  {
  position:absolute;
  top:3900px;
  left:870px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  z-index:20;
  height:116px;
}
.obr_strana10  {
  position:absolute;
  top:4800px;
  left:52px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:131px;
}

.obr_strana11  {
  position:absolute;
  top:5700px;
  left:885px;
  margin:0px;
  padding:0px;
  width:150px;
  border:3px solid white;
  z-index:20;
  height:200px;
}

.obr_strana12  {
  position:absolute;
  top:900px;
  left:52px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:131px;
}

.obr_strana13  {
  position:absolute;
  top:450px;
  left:870px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:117px;
}

.obr_strana14  {
  position:absolute;
  top:600px;
  left:895px;
  margin:0px;
  padding:0px;
  width:131px;
  border:3px solid white;
  height:175px;
}

.obr_strana15  {
  position:absolute;
  top:1000px;
  left:60px;
  margin:0px;
  padding:0px;
  width:150px;
  border:3px solid white;
  height:200px;
}

.obr_strana16  {
  position:absolute;
  top:600px;
  left:870px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:131px;
}

.obr_strana17  {
  position:absolute;
  top:1850px;
  left:60px;
  margin:0px;
  padding:0px;
  width:150px;
  border:3px solid white;
  height:200px;
}

.obr_strana18  {
  position:absolute;
  top:370px;
  left:885px;
  margin:0px;
  padding:0px;
  width:150px;
  border:3px solid white;
  height:200px;
}

.obr_strana19  {
  position:absolute;
  top:1250px;
  left:50px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:116px;
}

.obr_strana20  {
  position:absolute;
  top:2270px;
  left:885px;
  margin:0px;
  padding:0px;
  width:150px;
  border:3px solid white;
  height:200px;
}

.obr_strana21  {
  position:absolute;
  top:3550px;
  left:50px;
  margin:0px;
  padding:0px;
  width:175px;
  border:3px solid white;
  height:131px;
}

.obr_strana22  {
  position:absolute;
  top:4570px;
  left:885px;
  margin:0px;
  padding:0px;
  width:150px;
  border:3px solid white;
  height:200px;
}

.fb:link {
  color:#0000CB;
}
.fb:visited {
  color:#0000CB;
}

/* --------------------------------------------------- KALENDAR ------------------------------------------------------ */

.udalost_green  {
  margin: 30px 0px 7px 11px;
  padding: 5px; 
  font-size: 1.1em;
  color: #FFF;
  background: #00B500;
  width:585px;
  border:none;
  font-weight:bold
}

.udalost_green a:link {
  color:white;
  text-decoration:underline;
}

.udalost_green a:visited  {
  color:white;
  text-decoration:underline;
}

.udalost_green a:hover  {
  color:white;
  text-decoration:none;
}

.udalost_red  {
  margin: 30px 0px 7px 11px;
  padding: 5px; 
  font-size: 1.1em;
  color: #FFF;
  background: #D50000;
  width:585px;
  border:none;
  font-weight:bold
}

.datum 	{
  position:relative;
	font-weight: bold;
	font-size: 1em;
	border:2px solid black;
	background-color:#fff;
	margin-left:10px;
	margin-right:10px;
	color: black;
	padding: 4px;
}

.privesek  { 
  width: 520px;
  margin: 3px 0px 0px 30px;
  padding: 4px 15px;
  color:black;
  font-size: .9em;
  background-color: #fff;
  border-top: 1px solid #808080;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  border-left:  1px solid #808080;
}

.privesek a:link {
  color:black;
  text-decoration:underline;
}

.privesek a:visited  {
  color:black;
  text-decoration:underline;
}

.privesek a:hover  {
  color:black;
  text-decoration:none;
}

h2#alt, h2#aktualni, h2#archiv {
  margin:40px 0px 10px 10px;
  padding-left:15px;
  border-bottom:3px solid black;
  width:580px
}

h2#hrajeme, h2#pripravujeme {
  margin:25px 0px 30px 10px;
  padding-left:35px;
  border-bottom:2px solid black;
  width:560px
}

#fotogalerie_plakat {width:150px;height:112px;position:relative;float:right;margin:0px 0px 0px 10px;}

#fotogalerie_plakat a img {
  border:4px solid silver;
}


#fotogalerie_plakat a img:link {
  border:4px solid silver;
}

#fotogalerie_plakat a img:visited {
  border:4px solid silver;
}

#fotogalerie_plakat a img:hover {
  border:4px solid gray;
}