body     { font-size: 90%; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; background-image: url(images/pozadi.gif); text-align: center; margin: 0 0 10px; padding: 0; }
#content{ background-image: url(images/bg.gif); background-repeat: repeat-y; width: 803px; margin-right: auto; margin-left: auto; }
#header_bg { background-repeat: no-repeat; position: relative; height: 92px; float: none; clear: both; }
#logo{ background-image: url(images/header_logo.gif); background-repeat: no-repeat; width: 433px; height: 92px; float: left; }
#logo h1, #logo h1 span { top: 0; left: 0; z-index: 1; overflow: hidden; width: 390px; height: 29px; z-index: 1; color: #fff; font-size: 12px; position: absolute; margin: 15px 0 0; padding: 0; }

#logo h1 span { font-size: 12px; display: block; width: 390px; height: 29px; background: url(images/h1.gif) no-repeat; left: 0; z-index: 2; margin: 0 0 0 15px; padding: 0; }
#header { background-image: url(images/header_nav.gif); background-repeat: no-repeat; width: 343px; height: 92px; float: left; }
#vlajecky { background-image: url(images/vlajecky.gif); background-repeat: no-repeat; width: 24px; height: 92px; float: left; }


h2 { color: #790000; font-size: 1.2em; line-height: 1.2em; text-align: justify; margin: 5px 0 3px; }
h2 span { display: none; }
h3 { color: #790000; font-size: 1.2em; line-height: 1.2em; text-align: justify; margin: 0; padding: 0; }
h4 a {
	color: #FFFFFF;
	font-size: 1.4em;
	line-height: 1.8em;
	text-align: justify;
	text-decoration: none;
	padding: 20px;
}
h4 {
	background-color: #FF0000;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-bottom-width: 2px;
	border-bottom-color: #666666;
}
#left { width: 433px; float: left; margin: 0; padding: 0 0 0 2px; }
.inner1 { text-align: justify; width: 195px; float: left; padding-left: 9px; }
.inner1 p { margin: 0 0 5px 5px; padding: 0; }
.inner1 img { margin-bottom: 20px; border-style: none; }
.ramecek { border-style: none; }
.inner2 { text-align: justify; width: 195px; float: left; padding-left: 13px; }
.inner2 p { margin: 0 0 5px 5px; padding: 0; }
.akce { margin-left: 15px; }
.akce h2 { font-size: 14px; }
.odskok p { text-align: left; margin: 0 0 0 5px; padding: 7px 0 0; }
.odskok { margin: 10px 0 40px; padding: 0; }
.inner2 img { margin-bottom: 20px; border-style: none; }
#right { text-align: left; width: 318px; float: left; margin: 0; padding: 0 0 0 10px; }
#right p { margin-bottom: 15px; margin-left: 15px; }
#right img { text-align: justify; float: left; margin-bottom: 4px; margin-left: 15px; border-style: none; }
.right_foto { padding-bottom: 20px; }
.pravy { text-align: left; }
.red { color: #790000; font-weight: bold; }
.white { color: white; font-size: 16px; font-weight: bold; }
.clanek_title { background-image: url(images/clanek.gif); background-repeat: no-repeat; background-position: left center; margin-top: 0; margin-bottom: 0; padding-top: 1em; padding-bottom: 1em; padding-left: 20px; }
.tlac { color: #dddad9; background-color: #534741; text-align: center; border: solid 1px #d4d0c8; cursor: pointer; }
#enoviny { font-size: 12px; height: 100px; margin: 0; padding-bottom: 10px; }
.nov { color: #ffffe7; font-size: 1.3em; font-weight: bold; }
/*navigace*/
#navigace { color: #fff; text-align: justify; width: 320px; float: left; margin: 0; padding: 20px 0 0 15px; }
#navigace ul { color: #fcfcfc; text-align: justify; height: 22px; margin: 0; padding: 0; }
#navigace li { float: left; list-style: none;
/* IE hover hack */
text-align: justify; height: 22px; margin: 0; padding-left: 13px; }
#navigace li a { display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; line-height: 12px; text-decoration: underline; height: 22px; }
#navigace li a:hover { color: #fff200; text-decoration: underline; position: relative; }
body.uvod #navigace li#nav-1 a, 
body.buggy #navigace li#nav-2 a, 
body.rez #navigace li#nav-3 a,
body.pul #navigace li#nav-4 a,
body.gal #navigace li#nav-5 a, 
body.nvn #navigace li#nav-6 a, 
body.akc #navigace li#nav-7 a, 
body.ubyt #navigace li#nav-9 a, 
body.part #navigace li#nav-10 a, 
body.kon #navigace li#nav-8 a { color: #fff200; position: relative; }
/*navigace*/
.flag { margin: 0; padding: 29px 0 0; }
.flag img { margin: 0; padding: 0 4px 0 0; border-style: none; }

p { text-align: left; }
#footer { color: #fff; font-size: 12px; background-image: url(images/foot.gif); background-repeat: no-repeat; width: 776px; height: 66px; float: left; margin-right: auto; margin-left: auto; }
#footer p { font-size: 11px; background-position: 0 center; text-align: center; margin-top: 25px; margin-left: 10px; }
#footer a { color: #fbfbe9; font-size: 11px; }
#footer a:hover { color: #fbfbe9; font-size: 11px; }

.box { margin-top: 20px; }
.fl_left{ float: left; margin-right: 10px; }
.fl_right { float: right; margin-left: 10px; }
img { border: solid 2px white; }
.galery { text-align: justify; margin-right: 10px; margin-left: 9px; }
.galerie { text-align: justify; margin-right: 10px; margin-left: 8px; }
.galery p { font-size: 12px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
.galerie p { font-size: 12px; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; }
.galery a img { border: solid 2px #fff; }
.galery a:hover img { border: solid 2px #f00; }
.foto_odkaz { font-weight: bold; }
#foto_box  { background-image: url(images/foto-bg.gif); background-repeat: no-repeat; background-position: center 0; padding: 0; width: 390px; height: 310px ; margin: 20px auto 0; }
#foto_box p   { color: #fff; position: relative; margin: 14px 0 0 20px; padding: 0  }
#foto       { margin: 0 8px; width: 375px ; padding: 15px 0 0; }
.foto td { border-style: none; border-width: 0; }
.odsaz { margin-right: 10px; }
.cleaner{ font-size: 1px; line-height: 1px; float: none; clear: both; }
a { color: #2b2b2b; }
a:hover { color: #363636; }
/*kontaktni formular */
fieldset { margin-top: 10px; margin-bottom: 10px; padding: 10px; border: solid 1px #736257 }
legend  { color: #3d342e; font-size: 0.7em; font-weight: bold; padding: 3px 5px; border: solid 1px #bfbfbf }
input { margin-right: 5px; }
textarea { }
label { color: #000; text-align: right; margin-right: 10px; width: 35%; float: left ; }
table   { color: #333; font-size: 12px; text-align: left; width: 410px; margin-top: 10px; border: none; border-collapse: collapse                              }
th  { color: #fff; font-weight: bold; background-color: #736257; margin: 10px; padding: 3px 6px; border: solid 1px #ffffe7  }
td { margin: 10px; padding: 3px 6px; border: solid 1px #ffffe7; }
.nodisp { display: none; }
#chyba  { color: #fffbf0; font-weight: bold; background-color: #736257; padding: 10px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff    }
.top { _width: 2em;  white-space:nowrap; background-image: url(images/top.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 1em; padding-bottom: 1em; padding-left: 20px; }
.print { _width: 13em;  white-space:nowrap; background-image: url(images/tiskarna.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; margin-left: 10px; padding-top: 1em; padding-bottom: 1em; padding-left: 20px; }
p.printit { margin: 10px 0 4px; padding: 0; }
.noscreen { display: none; }
.delitko { background-image: url(images/delitko.gif); background-repeat: no-repeat; width: 410px; height: 2px; margin: 10px auto; padding: 0; }
.none { height: 10px; display: none; }
.galery ul { margin-left: 15px; }
.galery li { margin-top: 3px; }
/*rezervace*/
a.nav10	{ background-image: url(images/rezervace-nav.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-bottom: 15px; border-style: none; }
a.nav10	{ background-repeat: no-repeat; background-position: left top; text-decoration: none; width: 200px; height: 42px; float: left; }
a:hover.nav10 { background-position: -200px 0; margin: 0 0 15px; padding: 0; }
/*foto*/
a.nav11	{ background-image: url(images/fotogalerie-cz.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-bottom: 15px; border-style: none; }
a.nav11	{ background-repeat: no-repeat; background-position: left top; text-decoration: none; width: 200px; height: 42px; float: left; }
a:hover.nav11 { background-position: -200px 0; margin: 0 0 15px; padding: 0; }
.nobr { border-style: none; border-width: 0; }
.info {
	background-color: #FFFFFF;
	border: 1px solid #660000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#google_map {
	width: 400px;
	height: 280px;
	margin-left: 5px;
}
#google_map img {
	background-color: transparent;
	background-image: none;
}
.google_map_p {
	padding-left: 5px;
	font-size: 0.8em;
	padding-top: 10px;
}
.map_popis {
	padding-left: 5px;
	padding-top: 10px;
}
.video{
	display: block;
	height: 280px;
	width: 400px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	/*background-image: url(../images/img_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	clear: both;
	float: left;
	margin-bottom: 15px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.video_galerie{
	background-image: url(images/video_galerie.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 400px;
	cursor: pointer;
	display: block;
}
ul {
	padding-left: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}

ul li {
	padding-left: 5px;
	margin-bottom: 1px;
	list-style-type: disc;
	list-style-position: outside;
}