/* CSS Document */

body {
		margin:0; padding:0;
    font-size: 11pt;
	  background-image: url(pics/prechod-zluty.jpg);
	  background-position: left top;
	  background-attachment: fixed;
	  background-repeat: repeat-x;
	  text-align: center;
	  behavior: url("csshover3.htc");
		}

#main {
  margin: 2em auto;
  width: 810px;
  border: 0px solid black; 
  text-align: left;
  }

	
#left {
	width: 200px;  
	float:left;
	margin:0; padding:0;
	border:0px solid black;
  }


#middle {
  text-align: center;
  margin: 0 200px;
  padding: 0;
  width: 600px;
  border: 0px solid black;
  }

#footer {
		clear:both;	
		width: 808px;
		margin: 0; 
		height: 78px;
    padding:0;
    border: 0px solid black;
		}

#logo {
	/*border-bottom: 2px solid black;*/
	margin: 0;
	padding: 0;
	width: 807px;
	height: 168px;
	/*background: rgb(85,117,150);
	background: url("pics/pokus1.jpg") top right no-repeat;*/
}

#mbody {
	width:805px;
	margin:0;
	padding:0;
  }
  
.mbody_inner {
	margin:0;
	padding:0;
	border:0px solid black;
	display:block;
	background-image: url(pics/main-pozadi4.jpg);
	background-repeat: repeat-y;
  }

#menu {
width: 791px;
float: left;
margin: 0 0 0 3px;
	height: 50px;
	background-color:rgb(253,197,62);
}
#menu ul {
list-style: none;
margin: 5px 12px 0 13px;
padding: 0;
float: left;
border:0px solid black;
width:100px;
}


#menu ul a {
margin: 0;
padding:0em 0 0 0;
display: block;
color: #000;
text-decoration: none;
height: 40px;
width:100px;
}


#menu ul a.onas {
background-image: url(pics/o-nas.jpg);
background-repeat: no-repeat;
}

#menu ul a.napiste {
background-image: url(pics/napiste-nam.jpg);
background-repeat: no-repeat;
}

#menu ul a.napiste:hover {
background-image: url(pics/napiste-nam-hover.jpg);
background-repeat: no-repeat;
}

#menu ul a.aktivity {
background-image: url(pics/aktivity.jpg);
background-repeat: no-repeat;
}

#menu ul a.aktivity:hover {
background-image: url(pics/aktivity-hover.jpg);
background-repeat: no-repeat;
}

#menu ul a.novinky {
background-image: url(pics/novinky.jpg);
background-repeat: no-repeat;
}

#menu ul a.novinky:hover {
background-image: url(pics/novinky-hover.jpg);
background-repeat: no-repeat;
}

#menu ul a.kontakt {
background-image: url(pics/kontakt.jpg);
background-repeat: no-repeat;
}

#menu ul a.kontakt:hover {
background-image: url(pics/kontakt-hover.jpg);
background-repeat: no-repeat;
}

#menu ul a.bazarek {
background-image: url(pics/bazarek.jpg);
background-repeat: no-repeat;
}

#menu ul a.bazarek:hover {
background-image: url(pics/bazarek-hover.jpg);
background-repeat: no-repeat;
}

#menu ul a.onas:hover {
color: #a00;
background-image: url(pics/o-nas-hover.jpg);
background-repeat: no-repeat;
height: 40px;
}

#menu ul ul {
margin:0em 0 0 0;
position: absolute;
z-index: 500;
border:1px solid black;
background-color: rgb(255,231,214);
width:120px;
}

#menu ul ul a {
color: rgb(105,105,105);
text-decoration: none;
background-image: none;
margin:0;
display:inline;
font-family: Arial, sans-serif;
font-size: 9pt;
padding: 0;
}

#menu ul ul a:hover {
color: black;
background-image: none;
margin:0;
padding: 0;
font-weight: 600;
}



#menu li {position: relative;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul li{
border-bottom: 1px solid black;
padding:0.5em 0.3em 0 0.3em;
margin:0;
}

#menu ul ul li.dolni{
border-bottom: 0px solid black;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




.logo_inner{
margin: 0;
padding: 0;
height: 168px;
text-align: center;
border: 0px solid black;
background-image: url(pics/logo.gif);
background-repeat: no-repeat;
}

.pomocny{
font-size: 9pt;
position: absolute;
top: 172px;
width:805px;
left: auto;
font-weight: 500;
height: 45px;
background-color: white;
text-align: left;
visibility: hidden;
} 

.vyhledavani{
/* background-color:rgb(215,87,11); */
font-family:sans-serif;
color: black;
font-weight: 900;
border: 0px solid white;
display: block;
visibility: visible;
/* position: absolute;
top: 172px;
left: 700px; */
position:relative;
top: 0em;
left: 4em; 
float: right;
padding: 0;
width: 228px;
height: 30px;
margin:0;
}

.vyhledavani table td{
vertical-align: middle;
border: 0px solid black;
padding:0;
}

.vyhledavani form{
margin:0;
padding: 0;
}

.vyhledavani form input.text{
margin:0 0 0 0em;
padding: 0;
height: 17px;
vertical-align: middle;
}

.vyhledavani form input.tlacitko{
margin:0 2px 0 0;
padding: 0em;
height: 20px;
vertical-align: middle;
background-image: url(pics/search_16x16.gif)!important;
background-color: black;
width:20px;
background-repeat: no-repeat;
}

.logo_inner a{
margin: 0;
padding: 0;
width: 802px;
height: 168px;
display: block;
}

.logo_inner2{
margin: 0px 0;
text-align: center;
border: 0px solid black;
}

.logo_inner h1{
display: block;
padding: 5px 0;
margin: 0;
color: rgb(147,1,66);
font-family: Arial, sans-serif;
font-weight: 500;
font-size: 25pt;
visibility: hidden;
}


.logo_inner img, .logo_inner2 img {
border: 0px solid black;
margin:0;
padding:0;
}

.left_inner {
margin: 0;
border: 0px solid black;
text-align: left;
display: block;
font-size: 10pt;
font-family: Arial, sans-serif;
}

.left_inner a{
color: black;
text-decoration: underline;
padding:0;
}

.left_inner a:hover{
color: white;
text-decoration: none;
background-color: rgb(206,10,8);
}

#left .left_inner div.datum{
width: 150px;
margin: 3em auto;
color: white;
font-weight: 300;
}

#left .left_inner div.datum div.datum_upper{
background-image: url(pics/datum-upper.gif);
margin:0;
padding:0;
height:30px;
background-repeat: no-repeat;
border:0px solid black;
}

#left div.datum div.datum_upper h2{
text-align:center;
padding: 0.3em 0 0 0;
margin:0;
font-size:12pt;
}

#left .left_inner div.datum div.datum_inner{
margin:0;
padding: 0.5em;
border-left: 3px solid rgb(198,83,47);
border-right: 3px solid rgb(198,83,47);
background-color: rgb(253,218,196);
font-size: 9pt;
color:black;
}

#left .left_inner div.datum div.datum_inner br{
margin:0 0 0.5em 0;
padding:0;
}

#left .left_inner div.datum div.datum_bottom{
background-image: url(pics/datum-bottom.gif);
background-repeat: no-repeat;
margin:0;
padding:0;
height:11px;
}

#left div.kontakty{
width: 150px;
margin: 3em auto;
color: white;
font-weight: 600;
}

#left div.kontakty div.kontakty_upper{
background-image: url(pics/kontakt-upper.gif);
margin:0;
padding:0;
height:30px;
background-repeat: no-repeat;
}

#left div.kontakty div.kontakty_upper h2{
text-align:center;
padding: 0.3em 0 0 0;
margin:0;
font-size:12pt;
}

#left div.kontakty div.kontakty_inner{
margin:0;
padding: 0.5em;
border-left: 3px solid rgb(206,10,8);
border-right: 3px solid rgb(206,10,8);
background-color: rgb(255,198,185);
color: black;
font-size:9pt;
font-weight: 300;
}

#left div.kontakty div.kontakty_bottom{
background-image: url(pics/kontakt-bottom.gif);
background-repeat: no-repeat;
margin:0;
padding:0;
height:11px;
}

#left div.kontakty, div.akce, div.fotogalerie, div.vite{
width: 150px;
margin: 3em auto;
color: white;
font-weight: 600;
}

#left div.lbox{
width: 200px;
margin: 1em auto;
font-weight: 600;
}

#left div.banner{
width: 150px;
margin: 1em auto;
font-weight: 600;
}

#left div.banner img{
border:none;
}

#left div.banner a{
margin: 0.5em auto;
border:2px solid black;
width:150px;
height:105px;
display:block;
}

#left div.banner a:hover{
border:2px solid rgb(185,67,30);
}

#left div.fotogalerie div.fotogalerie_upper{
background-image: url(pics/fotogalerie-upper.gif);
margin:0;
padding:0;
height:30px;
background-repeat: no-repeat;
}

#left div.fotogalerie div.fotogalerie_upper h2{
text-align:center;
padding: 0.3em 0 0 0;
margin:0;
font-size:12pt;
}

#left div.fotogalerie div.fotogalerie_inner{
margin:0;
padding: 0.5em;
border-left: 3px solid rgb(185,67,30);
border-right: 3px solid rgb(185,67,30);
background-color: rgb(247,162,106);
color: black;
font-size:9pt;
font-weight: 300;
text-align:center;
}

#left div.fotogalerie div.fotogalerie_inner img{
border:none;
margin:0 auto;
width:90px;
height:67px;
}

#left div.fotogalerie div.fotogalerie_inner a{
width:90px;
height:67px;
display:block;
margin:0 auto;
border:2px solid white;
}

#left div.fotogalerie div.fotogalerie_inner a:hover{
background:none;
border:2px solid rgb(185,67,30);
}

#left div.fotogalerie div.fotogalerie_bottom{
background-image: url(pics/fotogalerie-bottom.gif);
background-repeat: no-repeat;
margin:0;
padding:0;
height:11px;
}


#left div.akce div.akce_upper{
background-image: url(pics/akce-upper.gif);
margin:0;
padding:0;
height:30px;
background-repeat: no-repeat;
}

#left div.akce div.akce_upper h2{
text-align:center;
padding: 0.3em 0 0 0;
margin:0;
font-size:12pt;
}

#left div.akce div.akce_inner{
margin:0;
padding: 0.5em;
border-left: 3px solid rgb(225,106,26);
border-right: 3px solid rgb(225,106,26);
background-color: rgb(253,231,143);
color: black;
font-size:9pt;
font-weight: 300;
}

#left div.vite div.vite_upper{
background-image: url(pics/vite-upper.gif);
margin:0;
padding:0;
height:30px;
background-repeat: no-repeat;
}

#left div.vite div.vite_upper h2{
text-align:center;
padding: 0.3em 0 0 0;
margin:0;
font-size:12pt;
}

#left div.vite div.vite_inner{
margin:0;
padding: 0.5em;
border-left: 3px solid rgb(153,0,0);
border-right: 3px solid rgb(153,0,0);
background-color: rgb(255,153,153);
color: black;
font-size:9pt;
font-weight: 300;
}

#left div.vite div.vite_bottom{
background-image: url(pics/vite-bottom.gif);
background-repeat: no-repeat;
margin:0;
padding:0;
height:11px;
}


#left div.lbox table {
margin:0 auto;
}

#left div.lbox table td{
vertical-align: middle;
color: black;
}


#left div.akce div.akce_bottom{
background-image: url(pics/akce-bottom.gif);
background-repeat: no-repeat;
margin:0;
padding:0;
height:11px;
}

#left div.mapa{
width: 180px;
margin: 1em auto 0 auto;
}

#left div.mapa a{
color: black;
font-weight: 600;
font-size: 9pt;
text-decoration: none;
}

#left div.mapa a:hover{
color: black;
text-decoration: underline;
}

#left div.mapa iframe{
width: 180px;
margin: 0.5em auto 0 auto;
border:1px solid black;
}

#left div.pocitadlo{
width: 88px;
height:60px;
margin: 1em auto 0 auto;
}

#left div.kontakty a{
font-weight: 300;
font-size: 9pt;
text-decoration: none;
}

#left div.kontakty a:hover{
text-decoration: underline;
}

.left_inner .menu2{
font-size: 8pt;
margin: 0.2em 2em;
}

.left_inner .menu2 a{
font-size: 8pt;
border-bottom: 0px solid black;
}

.left_inner .menu2 li{
border-bottom: 0px solid black;
}

.left_inner ul{
margin: 0;
padding: 0;
}

.left_inner li{
list-style-type: none;
padding: 0;
margin: 0;
border-bottom: 1px solid black;
}

.left_inner li a{
color: rgb(187,30,26);
text-decoration: none;
font-family: Arial, sans-serif;
line-height: 200%;
display: block;
font-weight: 500;
padding: 0em 0.1em 0.2em 0.2em;
background-color: white;

}

.left_inner li a:hover{
color: white;
background-color: rgb(14,146,53);
}

#left div.reklama a img{
margin: 1em 0 0 0;
border: 1px solid black;
padding:0;
}

.left_inner_nadpis h3{
border-bottom: 2px solid white;
text-align: center;
font-size: 13pt;
margin: 5px;
padding: 0;
}

.middle_inner {
font-family: Arial, sans-serif;
width: 566px;
margin: 0;
text-align: center;
padding: 1em;
border: 0px solid rgb(128,0,0);
font-size: 10pt;
}

.middle_inner .mapa{
width: 500px;
height: 350px;
margin: 1em auto;
}


.middle_inner a{
color: green;
text-decoration: underline;
font-weight: 600;
padding:2px 0;
}

.middle_inner a img{
border:none;
padding:0;
margin:0;
}

.middle_inner a.obr{
padding:0;
margin:0;
}

.middle_inner a.obr:hover{
text-decoration: none;
background:none;
}


.middle_inner a:hover{
color: white !important;
text-decoration: none;
background-color: rgb(206,10,8);
}

.middle_inner h1{
text-align: center;
margin: 0;
padding: 2em 0 0.5em 0;
border: 0px solid rgb(128,0,0);
color: rgb(228,116,42);
font-family: Arial, sans-serif;
display:block;
font-size: 20pt;
}

.middle_inner img{
text-align:center;
margin: 1em auto 0 auto;
border: 1px solid rgb(102,0,0);
}

.middle_inner .nahled a
{ 
float: left; 
width: 150px;
height: 112px; 
border: 1px solid #999; 
margin: 1em 1em 0em 1em; 
padding: 0.2em; 
} 

.middle_inner .nahled a:hover
{ 
float: left; 
width: 150px;
height: 112px; 
border: 1px solid #999; 
margin: 1em 1em 0em 1em; 
background-color: rgb(102,0,0);
} 

.middle_inner .nahled img
{ 
margin: 0 auto;
border-width: 0;
} 

.middle_inner .foto
{ 
text-align: left;
margin: 2em auto;
padding: 0em;
border: 0px solid rgb(128,0,0);
width: 556px;
height: 500px;
} 

.middle_inner h2{
text-align: left;
margin: 0.8em 0 0.5em 0;
font-family: Arial, sans-serif;
color: rgb(232,91,84);
font-size: 16pt;
}

.middle_inner ul{
margin-top:0;
}

.middle_inner li{
text-align: left;
list-style-type: disc;
}

.middle_inner ol li{
text-align: left;
list-style-type: decimal;
}

.middle_inner h3{
text-align: left;
font-size: 12pt;
padding: 0px;
margin: 0.8em 0 1em 0;
color:darkgreen; 
}

.middle_inner p{
text-align: left;
margin: 0;
padding: 0em 0em 1em 0em;
border: 0px solid black;
font-size:11pt;
line-height: 150%;

}


.middle_inner p.povidani{
font-family: fantasy;
font-size:10pt;
}

.middle_inner .zvyrazneni {
color: rgb(187,30,26);
font-size: 11pt;
}

.middle_inner h4{
font-size: 12pt;
text-align: left;
padding: 0px;
margin: 10px auto;
color: rgb(187,30,26);
}

.middle_inner h5{
font-size: 11pt;
text-align: left;
padding: 0px;
color: rgb(0,132,50);
margin: 0;
}

.middle_inner h5 a{
font-size: 11pt;
text-align: left;
padding: 0px;
color: rgb(0,132,50);
text-decoration: none;
}

.middle_inner h5 a:hover{
font-size: 11pt;
text-align: left;
padding: 0px;
color: rgb(0,132,50);
text-decoration: underline;
}

.middle_inner table{
text-align: left;
padding: 0px 0px;
margin: 0px auto 0px auto;
clear: none;
border:0px solid black;
}

.middle_inner hr{
width:100%;
color:black;
}

.middle_inner table th{
text-align: left;
padding: 10px 5px 10px 5px;
margin: 0px;
font-size: 10pt;
font-weight: 600;
background-color: rgb(184,50,13);
}

.middle_inner table td{
text-align: left;
padding: 10px 5px 10px 5px;
margin: 0px;
font-size: 10pt;
}

.middle_inner td.right {
text-align: right;
}


.middle_inner td.left {
text-align: left;
}



.middle_inner .spoj .lefttop {
border: 0px solid black;
background-image: url(pics/menu_horni_l.gif);
background-repeat: no-repeat;
float: left;
margin: -2px -2px;
width: 30px;
height: 30px;
}

.middle_inner .spoj .righttop {
float: right;
background-image: url(pics/menu_horni_p.gif);
background-repeat: no-repeat;
background-position: right top;
margin: -2px -2px;
width: 30px;
height: 30px;
}

.middle_inner .spoj .rightbottom {
float: right;
background-image: url(pics/menu_dolni_p.gif);
background-repeat: no-repeat;
background-position: right top;
width: 30px;
height: 30px;
margin: 2px -2px;
top: 2px;
left: 2px;
}


.middle_inner .spoj .leftbottom {
float: left;
background-image: url(pics/menu_dolni_l.gif);
background-repeat: no-repeat;
background-position: left top;
width: 30px;
height: 30px;
margin: 2px -2px;
}


.right_inner {
margin: 10px 5px 5px 2.5px;
padding: 5px 2.5px 5px 5px;
border: 1px solid black;
}

.footer_inner {
font-family: Arial, sans-serif;
margin: 0;
padding: 1em 0 0 0em;
border: 0px solid black;
background-image: url(pics/footer2.gif);
background-repeat: no-repeat;
height: 78px;
}

.footer_inner a{
font-family: Arial, sans-serif;
color: white;
text-decoration: none;
font-size:11pt;
font-weight:600;
display: inline;
margin: 0em 0 0 2em;
border:0px solid black;
text-align: left;
float:left;
}

.footer_inner a.webmaster{
font-family: Arial, sans-serif;
text-align: right;
font-size: 6pt;
padding:0;
margin:1em 8em 0 0;
display:block;
float:right;
font-weight:600;
clear:both;
}

.footer_inner a:hover{
text-decoration: underline;
}