/* =-=-=-=-= festival muzika paka =-=-=-=-= */
body, html {
	margin: 0 auto;
	padding: 0;
	font-family: 'Verdana CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, lucida, sans-serif;
	font-size: 1em;
	text-align: center;
	background: #1D6098 url("../obraz/pozadi-1.jpg") top center repeat-x scroll;
}

/* =-=-=-=-= vseobecne =-=-=-=-= */
* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, #logo strong, #navigace, #vyhledat, #paticka {
	margin: 0 0 .5em 0;
	padding: 0;
	font-size: 135%;
	color: #FFF;
	font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', 'Geneva CE', lucida, sans-serif;
}
h1 { font-size: 175%; color: #C69; border-bottom: 1px solid #C69; }
h1 span, h2 span { font-size: .7em; }
h2 { margin: .3em 0 .2em 0; font-size: 155%; }
h3 { text-decoration: underline; }

p { margin: .2em 0 1em 0; padding: 0; line-height: 135%; }
ul {	margin: .5em 1.5em; padding: 0; }
img { border: none; }
hr { display: none; }
address { font-style: normal; }
q { font-style: italic; }

a { text-decoration: underline; font-weight: normal; color: #FDDE02; }
a:hover, a:active { text-decoration: underline; color: #FFF; }

/* =-=-=-=-= design obsahu =-=-=-=-= */
#telo { margin: 0 auto; width: 766px; text-align: left; }
#obsah { z-index: 1; background: #369 url("../obraz/okraje.gif") top center repeat-y; }

#logo { position: absolute; z-index: 3; margin-left: 34px; width: 201px; height: 165px; text-align: center; background: #000 url("../obraz/pod-logo.jpg") no-repeat; }
#logo p { margin: 0 auto; padding: 0; font-size: 1.3em; font-weight: bold; letter-spacing: -.04em; text-transform: uppercase; color: #FFF; }
.nahradit { position: relative; margin: 0; padding: 0; overflow: hidden; }
.nahradit span { display: block; position: absolute; top: 0; left: 0; z-index: 4; }
#mpaka { margin: 3px 0 0 36px; }
#mpaka, #mpaka span { width: 127px; height: 112px; background: url("../obraz/muzika-paka.jpg") no-repeat; }
#mpaka a { color: #FFF; cursor: pointer; }
#accesslink { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; }

#pod { position: relative; z-index: 1; height: 360px; background: transparent url("../obraz/pod.jpg") bottom center no-repeat; }

/* =-=-=-=-= nabidka/menu =-=-=-=-= */
#navigace {
	position: absolute;
	top: 277px;
	z-index: 4;
	margin-left: 8px;
 	width: 748px;
	height: 3.4em;
	font-size: 1em;
	border: 1px solid #357498;
	background: #286CA4 url("../obraz/nabidka.jpg") bottom left repeat-x;
}
#navigace ul { margin: 0; padding: 16px 0 0 0; list-style-type: none; }
#navigace li { margin-left: -4px; display: inline; text-align: center; }

#navigace a:link, #navigace a:visited {
	padding: 16px .6em 16px .6em;
	border-right: 1px solid #357498;
	text-decoration: underline;
	font-weight: bold;
	color: #FDDE02;
}
#navigace a:hover, #navigace a:active {
	text-decoration: underline;
	color: #FFF;
}
#navigace strong {
	padding: 16px .6em 16px .6em;
	border-right: 1px solid #357498;
	text-decoration: none;
	color: #FFF;
}

/* =-=-=-=-= text a obsah dokumentu =-=-=-=-= */
#stranka {
	z-index: 1;
	padding: 0 30px 20px 30px;
	font-size: .9em;
	background: transparent url("../obraz/stranka.gif") top center repeat-y;
}

#stranka img { margin-bottom: 5px; padding: 2px; border: 1px solid #999; }

.text { margin: 0; padding: .5em .5em; text-align: left; color: #FFF;	background: #1D6098 url("../obraz/pod-text.gif") top left repeat; }

.zvyrazni { color: #FCF; font-weight: bold; }

.stred { text-align: center; }

.img-left, .img-right { float: left; margin: 5px; padding: 1px; border: 1px solid #94B1C9; }
.img-right { float: right; }

.foto { text-align: center; font-size: .9em; }
.foto img { margin: 0; padding: 1px; border: 1px solid #94B1C9; }

#nav-foto { margin-top: .5em; text-align: center;	}
#nav-foto a { margin: 0 1em; padding: .2em .3em; background-color: #ddd; }

#foto-popis { margin-bottom: .5em; text-align: center; }
#foto-popis h2 { font-size: 1.2em; }

.cleaner { clear: both; }

/* =-=-=-=-= preklad =-=-=-=-= */
#preklad {
	position: absolute;
	top: 212px;
	right: 0;
	text-align: left;
}

.info-1, .info-2 {
	margin: 0;
	padding: 3px 0 0 15px;
	display: block;
	height: 26px;
	width: 75px;
	color: #FFF;
	background: #000 url("../obraz/lang-1.gif") bottom right no-repeat;
}
.info-2 { background: #000 url("../obraz/lang-2.gif") bottom right no-repeat; }

.blok a { padding-left: 20px; font-size: .7em; text-decoration: none; }
.blok a.en { background: url("../obraz/english.gif") left center no-repeat; }
.blok a.de { background: url("../obraz/deutsch.gif") left center no-repeat; }
.blok a.cz { background: url("../obraz/cesky.gif") left center no-repeat; }
.blok span { color: #FFF; }
.blok a:hover, .blok a:active { text-decoration: none; }

#panel {
	float: right;
	margin: 0 0 5px 5px;
	padding: 5px;
	width: 204px;
	font-size: .9em;
	border: 1px solid #357498;
	background: #069 url("../obraz/prg-1.gif") bottom right no-repeat;
}
#panel-2 {
	position: absolute;
	top: 332px;
	z-index: 2;
	margin-left: 200px;
	padding: 2px 5px;
	font-size: .9em;
	color: #FFF;
	border-right: 1px solid #357498;
	border-bottom: 1px solid #357498;
	border-left: 1px solid #357498;
	background-color: #069;
}

/* =-=-=-=-= paticka =-=-=-=-= */
#paticka {
	margin: 0 auto;
	padding: 0;
	width: 766px;
	height: 4em;
	clear: left;
	font-size: .7em;
	text-align: center;
	color: #FFF;
	background: #036 url("../obraz/paticka.gif") bottom left no-repeat;
}
#paticka a { text-decoration: underline; font-weight: normal; color: #FDDE02; }
#paticka a:hover, #paticka a:active { color: #FFF; }

/* =-=-=-=-= formatovani programu =-=-=-=-= */
.karta { margin-bottom: 1em; background: #069 url("../obraz/prg-1.gif") bottom right no-repeat; }
.karta:hover, .karta.hover { background: #369 url("../obraz/prg-2.gif") bottom right no-repeat; }
.karta p { margin: 0; padding: 0 0 .2em 0; }

.cas-kde { padding: .2em .5em; border-bottom: 1px solid #195188; }
em { padding: 0; font-weight: bold; font-style: normal; }
.program { padding: .2em .5em; }
.program h3 { text-decoration: none; }
.vstup { clear: both; padding: .2em .5em; }

/* =-=-=-=-= doplnky =-=-=-=-= */
#fractal-mid {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	min-width: 766px;
	height: 277px;
	background: url("../obraz/fraktaly.jpg") top center no-repeat;
}

#fractal-top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	min-width: 766px;
	height: 245px;
	background: url("../obraz/pozadi-2.jpg") center no-repeat;
}

#vyhledat {
	position: absolute;
	top: 212px;
	z-index: 3;
	margin-left: 35px;
	padding-top: 15px;
	width: 201px;
	height: 65px;
	text-align: center;
	font-size: .9em;
	color: #FFF;
	background: #000 url("../obraz/vyhledat.jpg") no-repeat;
}

.reklama { padding-top: .8em; }

form, .formular, .tlacitko { margin: 0; padding: 0; }
fieldset { margin: 0 0 .5em 0; padding: .5em; border: 3px double #94B1C9; }

#none a { text-decoration: none; }
#none { text-align: center; font-size: .8em; }
#none .fotka { padding: 1px; border: 1px solid #94B1C9; }

/* ~-~-~-~-~-~-~ Fractals made with Context Free Art (www.contextfreeart.org) ~-~-~-~-~-~-~ */