/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }

body { font: 75%/1.6 Georgia, "New York CE", utopia, serif }

body { text-align: center; color: #000; background: #D3E7F0 url(../obr/bg.jpg)}
h1, h2, h3, h4, h5, h6 { color: #000; padding: 0; line-height: normal; font-weight: normal }
h1 { font-size: 205%; clear: both; margin: 0 0 0.5em 0 }
h2 { font-size: 160%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 150%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Georgia, "New York CE", utopia, serif }
a { color: #000 }
a:link { color: #000; text-decoration: none; }
a:hover { color: silver; text-decoration: underline }
a:visited { color: #000; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.vlajky {padding-left: 30px; padding-top: 10px;}
.vlajky img {padding: 10px;}
/* /zakladni tridy */

/* layout - zaklad */
#main { width: 782px; margin: 0 auto; text-align: left; border: 0px solid black; position: relative; background: #D3E7F0;}

#header { position: absolute; left: 0; top: 0px; width: 782px; }
#header-in {height: 184px; position: relative;  background: transparent url(../obr/header.jpg) no-repeat center top}
#header-out { position: absolute; right: 20px; top: 175px; width: 182px; height: 34px; border: dotted 0px black}
#header-out img {padding: 5px}
#header-social { position: absolute; left: 230px; top: 125px; width: 350px; height: 48px; border: dotted 0px black}
#header-social img {padding-right: 5px}

#content { float: right; width: 550px; overflow: hidden; border: solid 0px black; background: transparent; }
#content-in { padding: 200px 45px 100px 15px; margin-left: 4px; background: transparent; }
#content-in img {padding-left: 20px;}

#panel { float: left; width: 190px; height: 490px; border: solid 0px black; background: transparent; }
html>body #panel { min-height: 490px; height: auto }
#panel-in { padding: 175px 0 100px 0 }

#footer { position: absolute; left: 0; bottom: 0; width: 775px;}
#footer-in { height: 100px; position: relative }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; width: 97px; height: 34px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0px; top: 0px; background: transparent url(../obr/logo.gif) no-repeat 0 0 }

#play {position: absolute; right: 10px; top: 8px}

#menu { width: 185px;  }
#menu ul { margin: 0; padding: 25px 15px 15px 11px; list-style: none;  }
#menu ul ul { list-style: none; background: none }
#menu li {list-style: none;  background-color: transparent; padding: 0 0 0 18px;  }
#menu li:hover { background: transparent}
#menu ul ul li { list-style: none;   }
#menu a { color: #000; font-weight: bold; font-style: italic; display: block; width: 100%; padding: 5px 0; text-decoration: none }
#menu a:hover { color: silver; background-color: #fff; }
#menu ul.uroven2 { position: absolute; line-height: 100%; left: 149px; top: 250px; width: 150px; visibility: hidden; padding: .3em .5em; }
#menu ul.uroven2a { position: absolute; line-height: 100%; left: 149px; top: 310px; width: 150px; visibility: hidden; padding: .3em .5em; }
#menu ul li:hover ul.uroven2  { visibility: visible; }
#menu li:hover ul.uroven2 { visibility: visible; }
#menu ul li:hover ul.uroven2a  { visibility: visible; }
#menu li:hover ul.uroven2a { visibility: visible; }

#footer p { margin: 0; padding: 68px 20px 0 0; font-size: 90%; font-style: italic; text-align: right }
/* /layout - special */

/* ostatni tridy pro web */
.fotogalerie { width: 635px; overflow: hidden; background-color: transparent; padding: 15px 8px 15px 7px }
.fotogalerie img { border: 1px solid #ddddd5; margin: 0 1.3em 1.8em 0; padding: 7px; background-color: #fff; float: left; display: inline }
.fotogalerie a:hover img { border: 1px solid #DCE0E3 !important }
.fotografie {float: left; width: 160px;}
.foto_obr {width: 100%; height: 98px; text-align: center; }
.foto_popis {width: 100%; text-align: center; padding-left: 10px}
/* /ostatni tridy pro web */


.bodyin td {padding: 10px; vertical-align:top;}
.bodyin object {margin-right:5px;}
.bodyin p {margin: 5px 0 0px;}
.bodyin h3 {margin: 7px 0 0px; font-size:13px; font-weight:bold;}



DIV.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
	font-family: Arial, sans; font-size: 12px;
}
DIV.digg A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #888; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid; COLOR: #000; BORDER-BOTTOM: #444 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.digg A:active {
	BORDER-RIGHT: #888 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #000; BORDER-BOTTOM: #000000 1px solid
}
DIV.digg SPAN.current {
	BORDER-RIGHT: #444 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #444 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #444 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #444 1px solid; BACKGROUND-COLOR: #444
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #444 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #444 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #444 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #444 1px solid; 
}

div.flash {
	color: black;
	background: #FFFFDD;
	border: 1px solid #FFD700;
	padding: 1em;
	margin: 1em 0;
}

.fb {padding-left: 40px}
.hudba {padding-top: 20px; border-bottom: 1px solid gray}
.hudba strong {font-size: 105%;}

div.entry {
	margin: 1em 0;
	border: 1px solid #87CEEB;
	padding: 1ex;
	background-color: transparent;
	color: #000;
}

div.author {
	font-size: 120%;
	font-weight: bold;
	color: #4682B4;
}

div.text {
	paddding: 1ex;
}

div.posted {
	text-align: right;
	font-size: 80%;
	font-style: italic;
}

.fotogalerie { text-align: center; width: 100%; overflow: hidden; background-color: transparent; padding: 15px 8px 15px 7px }
.fotografie {float: left; width: 145px; height: 185px;  margin: 0 auto;}
.fotografie img { margin: 0 auto; border: 1px solid #ddddd5; margin: 2em 1.3em 0 0; padding: 7px; background-color: #fff  }
.fotografie a:hover img { border: 1px solid #DCE0E3 !important }
.foto_popis {width: 125px; text-align: center;  color: #228495; font-weight: bold;}