body
{
font-family: Trebuchet MS, Luxi Sans;
font-size: 16px;
padding: 0px;
margin: 0px;
color: #82702F;
background: #F1E0B6;
}

.ram
{
left: 50%;
margin: 0px 0px 0px -380px;
width: 0;
position: absolute;
padding: 0px 0px 0px 0px;
}

.pozadi
{
background: #FFFFFF url("pozadi/pozadi2.gif");
height: 100%;
width: 760px;
display: block;
}

.top
{
font-size: 16px;
width: 760px;
height: 200px;
color: #DFE4E2;
background:  url("top4.gif") no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#buttonzel {

  position: absolute;
  left:20px;
  top:40px;
  z-index: 0;
  width: 72px; height: 73px;
  background: url("l1.gif") no-repeat;

}

#buttonzel a {
  background: url("l1hover.gif") no-repeat;
  display: block;
  width: 0px; height: 0px;
}

#buttonzel a img {
  position: absolute;
  left:72px;
  top:0px;
  border: 0;
}

#buttonzel a:hover, #buttonzel a.zde{
  background-position: 0 0;
  display: block;
  width: 72px; height: 73px;
}

#buttonzel a:hover img, #buttonzel a:focus img {
  position: absolute;
  z-index: -1;
}

#buttonora {

  position: absolute;
  left:20px;
  top:127px;
  z-index: 0;
  width: 72px; height: 73px;
  background: url("l11.gif") no-repeat;

}

#buttonora a {
  background: url("l11hover.gif") no-repeat;
  display: block;
  width: 0px; height: 0px;
}

#buttonora a img {
  position: absolute;
  left:72px;
  top:33px;
  border: 0;
}

#buttonora a:hover, #buttonora a.zde {
  background-position: 0 0;
  display: block;
  width: 72px; height: 73px;
}

#buttonora a:hover img, #buttonora a:focus img {
  position: absolute;
  z-index: -1;
}


#buttonzlu {

  position: absolute;
  left:668px;
  top: 40px;
  z-index: 0;
  width: 72px; height: 73px;
  background: url("p2.gif") no-repeat;

}

#buttonzlu a {
  background: url("p2hover.gif") no-repeat;
  display: block;
  width: 0px; height: 0px;
}

#buttonzlu a img {
  position: absolute;
  left: -180px;
  top:0px;
  border: 0;
}

#buttonzlu a:hover, #buttonzlu a.zde {
  background-position: 0 0;
  display: block;
  width: 72px; height: 73px;
}

#buttonzlu a:hover img, #buttonzlu a:focus img {
  position: absolute;
  z-index: -1;
}



#buttonmod {

  position: absolute;
  left:668px;
  top:127px;
  z-index: 0;
  width: 72px; height: 73px;
  background: url("p22.gif") no-repeat;

}

#buttonmod a {

  background: url("p22hover.gif") no-repeat;
  display: block;
  width: 0px; height: 0px;
}

#buttonmod a img {
  position: absolute;
  left: -180px;
  top:33px;
  border: 0;
}

#buttonmod a:hover, #buttonmod a.zde {
  background-position: 0 0;
  display: block;
  width: 72px; height: 73px;
}

#buttonmod a:hover img, #buttonmod a:focus img {
  position: absolute;
  z-index: -1;
}

#center {
  position: absolute;
  z-index: 0;
  left: 112px;
  top: 100px;
  width: 536px; height: 40px;
}

#center a {
  background: url("centerhover.gif") no-repeat;
  display: block;
  width: 536px; height: 40px;
  
}

#center a img {
  border: 0;

}

#center a:hover, #center a.zde{
  background-position: 0 0;
  display: block;
  width: 536px; height: 40px;
}

#center a:hover img, #center a:focus img {
  position: relative;
  z-index: -1;
}

#napln {
  position: absolute;
  z-index: 0;
  left: 290px;
  top: 40px;
  width: 180px; height: 40px;
}

#napln a {
  background: url("naplnhover.gif") no-repeat;
  display: block;
  width: 180px; height: 40px;

}

#napln a img {
  border: 0;

}

#napln a:hover, #napln a.zde{
  background-position: 0 0;
  display: block;
  width: 180px; height: 40px;
}

#napln a:hover img, #napln a:focus img {
  position: relative;
  z-index: -1;
}

.okno
{
font-size: 5px;
width: 536px;
color: #82702F;
background: #FFFFFF url("podokno.gif");
margin: 20px 0px 0px 112px;
padding: 0px 0px 0px 0px;
}

.oknocer
{
font-size: 5px;
width: 536px;
color: #82702F;
background: #FFFFFF url("podoknocer.gif");
margin: 20px 0px 0px 112px;
padding: 0px 0px 0px 0px;
}

.oknozel
{
font-size: 5px;
width: 536px;
color: #82702F;
background: #FFFFFF url("podoknozel.gif");
margin: 20px 0px 0px 112px;
padding: 0px 0px 0px 0px;
}

.oknozlu
{
font-size: 5px;
width: 536px;
color: #82702F;
background: #FFFFFF url("podoknozlu.gif");
margin: 20px 0px 0px 112px;
padding: 0px 0px 0px 0px;
}

.oknoora
{
font-size: 5px;
width: 536px;
color: #82702F;
background: #FFFFFF url("podoknoora.gif");
margin: 20px 0px 0px 112px;
padding: 0px 0px 0px 0px;
}

.oknomod
{
font-size: 5px;
width: 536px;
color: #82702F;
background: #FFFFFF url("podoknomod.gif");
margin: 20px 0px 0px 112px;
padding: 0px 0px 0px 0px;
}

.okno1
{
width: 536px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.listalh
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listalh.gif") no-repeat;
}

.listalhcer
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listalhcer.gif") no-repeat;
}

.listalhzel
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listalhzel.gif") no-repeat;
}

.listalhzlu
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listalhzlu.gif") no-repeat;
}

.listalhora
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listalhora.gif") no-repeat;
}

.listalhmod
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listalhmod.gif") no-repeat;
}

.listah
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listah.gif");
}

.listahcer
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listahcer.gif");
}

.listahzel
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listahzel.gif");
}

.listahzlu
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listahzlu.gif");
}

.listahora
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listahora.gif");
}

.listahmod
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listahmod.gif");
}

.listaph
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaph.gif") no-repeat;
}

.listaphcer
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaphcer.gif") no-repeat;
}

.listaphzel
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaphzel.gif") no-repeat;
}

.listaphzlu
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaphzlu.gif") no-repeat;
}

.listaphora
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaphora.gif") no-repeat;
}

.listaphmod
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaphmod.gif") no-repeat;
}

.podobsah
{
width: 536px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("podokno.gif");
}

.podobsahcer
{
width: 536px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("podoknocer.gif");
}

.podobsahzel
{
width: 536px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("podoknozel.gif");
}

.podobsahzlu
{
width: 536px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("podoknozlu.gif");
}

.podobsahora
{
width: 536px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("podoknoora.gif");
}

.podobsahmod
{
width: 536px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("podoknomod.gif");
}


.obsah
{
font-size: 16px;
width: 476px;
margin: 10px 0px 10px 30px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url(".gif") no-repeat;
color:black;
display:block;
}

.okno2
{
text-align: center;
font-size: 10px;
width: 536px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
}

.okno2 a
{
color: black;
}

.listald
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listald.gif") no-repeat;
}

.listaldcer
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaldcer.gif") no-repeat;
}

.listaldzel
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaldzel.gif") no-repeat;
}

.listaldzlu
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaldzlu.gif") no-repeat;
}

.listaldora
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaldora.gif") no-repeat;
}

.listaldmod
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listaldmod.gif") no-repeat;
}

.listad
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listad.gif");
}

.listadcer
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listadcer.gif");
}

.listadzel
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listadzel.gif");
}

.listadzlu
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listadzlu.gif");
}

.listadora
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listadora.gif");
}

.listadmod
{
float: left;
display: inline;
width: 496px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listadmod.gif");
}

.listapd
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listapd.gif") no-repeat;
}

.listapdcer
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listapdcer.gif") no-repeat;
}

.listapdzel
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listapdzel.gif") no-repeat;
}

.listapdzlu
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listapdzlu.gif") no-repeat;
}

.listapdora
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listapdora.gif") no-repeat;
}

.listapdmod
{
float: left;
display: inline;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("listapdmod.gif") no-repeat;
}

.paticka
{

height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFFFF url("pozadi/pozadi2.gif");
}

#mapa1 {

	display: block;
	position: relative;
	margin: 0; padding: 0;
	width: 476px; height: 392px;
	overflow:  hidden;
        z-index: 0;
}

#mapa1 a {

  background: url("mapa1hover.gif") no-repeat;
  display: block;
  width: 476px; height: 392px;
}

#mapa1 a img {
  border: 0;
}

#mapa1 a:hover, #mapa1 a.zde {
  background-position: 0 0;
  display: block;
  width: 476px; height: 392px;
}

#mapa1 a:hover img, #mapa1 a:focus img {
  position: relative;
  z-index: -1;
}



#mapa3 {

	display: block;
	position: relative;
	margin: 0; padding: 0;
	width: 476px; height: 392px;
	overflow:  hidden;
        z-index: 0;
}

#mapa3 a {

  background: url("mapa3hover.gif") no-repeat;
  display: block;
  width: 476px; height: 392px;
}

#mapa3 a img {
  border: 0;
}

#mapa3 a:hover, #mapa3 a.zde {
  background-position: 0 0;
  display: block;
  width: 476px; height: 392px;
}

#mapa3 a:hover img, #mapa3 a:focus img {
  position: relative;
  z-index: -1;
}

#mapa4 {

	display: block;
	position: relative;
	margin: 0; padding: 0;
	width: 476px; height: 392px;
	overflow:  hidden;
        z-index: 0;
}

#mapa4 a {

  background: url("mapa4hover.gif") no-repeat;
  display: block;
  width: 476px; height: 392px;
}

#mapa4 a img {
  border: 0;
}

#mapa4 a:hover, #mapa4 a.zde {
  background-position: 0 0;
  display: block;
  width: 476px; height: 392px;
}

#mapa4 a:hover img, #mapa4 a:focus img {
  position: relative;
  z-index: -1;
}

td
{
background: #F2ECDE;
width: 120px;
height: 30px;
font-size: 16px;
color: #000000;
}
.even td
{
background: #E2E2E2;
}

h2
{
background: #F1E0B6;
font-size: 24px;
}

p
{
background: #F2ECDE;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
font-size: 16px;
}

form
{
display:block;
}

form input
{

}

.prava
{

}

.podtlacitka
{
width:476px;
height:32px;
}

.miniatury {
height: 80px;
background: #F2ECDE;
padding: 10px 0px 10px 10px;
margin: 10px 0px 0px 0px;
}

.miniatury:hover {
display: block;
background: #F1E0B6;
padding: 10px 0px 10px 10px;
margin: 10px 0px 0px 0px;
color: blue;
}

.miniaturytext a {
width: 247px;
padding: 25.5px 25.5px 25.5px 25.5px;
position: relative;
font-size: 24px;
color: #000000;
float: left;
}

.leva
{
float: left;
}

#obr1 {
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 107px; height: 80px;
}

#obr1 a {
  background: url("nahled/detskyaenahledhover.gif") no-repeat;
  display: block;
  width: 107px; height: 80px;

}

#obr1 a img {
  border: 0;

}

#obr1 a:hover, #obr1 a.zde{
  background-position: 0 0;
  display: block;
  width: 107px; height: 80px;
}

#obr1 a:hover img, #obr1 a:focus img {
  position: relative;
  z-index: -1;
}

#obr2 {
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 107px; height: 80px;
}

#obr2 a {
  background: url("nahled/rdnahledhover.gif") no-repeat;
  display: block;
  width: 107px; height: 80px;

}

#obr2 a img {
  border: 0;

}

#obr2 a:hover, #obr2 a.zde{
  background-position: 0 0;
  display: block;
  width: 107px; height: 80px;
}

#obr2 a:hover img, #obr2 a:focus img {
  position: relative;
  z-index: -1;
}

#obr3 {
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 107px; height: 80px;
}

#obr3 a {
  background: url("nahled/joganahledhover.gif") no-repeat;
  display: block;
  width: 107px; height: 80px;

}

#obr3 a img {
  border: 0;

}

#obr3 a:hover, #obr3 a.zde{
  background-position: 0 0;
  display: block;
  width: 107px; height: 80px;
}

#obr3 a:hover img, #obr3 a:focus img {
  position: relative;
  z-index: -1;
}

#obr4 {
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 107px; height: 80px;
}

#obr4 a {
  background: url("nahled/bodystylingnahledhover.gif") no-repeat;
  display: block;
  width: 107px; height: 80px;

}

#obr4 a img {
  border: 0;

}

#obr4 a:hover, #obr4 a.zde{
  background-position: 0 0;
  display: block;
  width: 107px; height: 80px;
}

#obr4 a:hover img, #obr4 a:focus img {
  position: relative;
  z-index: -1;
}

#obr5 {
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 107px; height: 80px;
}

#obr5 a {
  background: url("nahled/aenahledhover.gif") no-repeat;
  display: block;
  width: 107px; height: 80px;

}

#obr5 a img {
  border: 0;

}

#obr5 a:hover, #obr5 a.zde{
  background-position: 0 0;
  display: block;
  width: 107px; height: 80px;
}

#obr5 a:hover img, #obr5 a:focus img {
  position: relative;
  z-index: -1;
}

#prihlaska {
  float: right;
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 50px; height: 50px;
}

#prihlaska a {
  background: url("prihlaskahover.gif") no-repeat;
  display: block;
  width: 50px; height: 50px;

}

#prihlaska a img {
  border: 0;

}

#prihlaska a:hover, #obr5 a.zde{
  background-position: 0 0;
  display: block;
  width: 50px; height: 50px;
}

#prihlaska a:hover img, #prihlaska a:focus img {
  position: relative;
  z-index: -1;
}

#galerie {
  float: right;
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 50px; height: 50px;
}

#galerie a {
  background: url("galeriehover.gif") no-repeat;
  display: block;
  width: 50px; height: 50px;

}

#galerie a img {
  border: 0;

}

#galerie a:hover, #obr5 a.zde{
  background-position: 0 0;
  display: block;
  width: 50px; height: 50px;
}

#galerie a:hover img, #galerie a:focus img {
  position: relative;
  z-index: -1;
}