/* ~-~ kulturni portal nove pa-c-ky web ~-~ */
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', 'Geneva CE', lucida, sans-serif;
	font-size: 90%;
	text-align: center;
	color: #000;
	background: #ededdc url("bg-web.gif") 50% 0;
}

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

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 130%;
	font-weight: normal;
	color: #224ea5;
}
h1 { font-size: 175%; min-height: 36px; background: url("bg-nadpis-1.gif") left bottom no-repeat; }
h2 { font-size: 155%; }

a { text-decoration: underline; font-weight: normal; color: #039; }
a:visited { color: #636; }
a:hover, a:active { text-decoration: underline; color: #900; }

p, address {
	margin: .2em 0 1.2em 0;
	padding: 0;
	line-height: 160%;
	font-size: 1em;
}
address {	font-style: normal; }

hr {	display: none; }

cite { font-style: italic; }
cite:before { content: open-quote; }
cite:after { content: close-quote; }

img { border: none; }
form { margin: 0; }
form input { margin: 0; }

/* ~-~ hlavicka, design obsahu ~-~ */
#stranka {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#logo { height: 193px; font-size: 1.5em; background-image: url("bg-hlavicka.jpg"); }
#logo-txt, #logo-txt a, #logo-txt div, #logo-txt a span, #logo-txt div span, #logo-txt a:hover span {
	width: 271px; height: 101px; overflow: hidden; background-image: url("logo.jpg");
}
#logo-txt { position: relative; top: 0; left: 85px; }
#logo-txt a span, #logo-txt div span { position: absolute; top: 0; left: 0; background: url("logo.jpg") 0 -101px no-repeat; }
#logo-txt a:hover span { position: absolute; top: 0; left: 0; background: url("logo.jpg") 0 0 no-repeat; }

.accesslink { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

#obal { background: #f5f5ea url("bg-obal.gif") 0 0 repeat-y; }

.text { float: left; width: 735px; padding: 1em 0 0 18px; }

.text ul { margin: 1em 0 1.5em 2.5em; }

#hledat { position: relative; top: -26px; min-height: 20px; padding-top: 28px; background: url("bg-hledat.gif") top no-repeat; }

#blok-1 { float: left; width: 80%; padding: 0 28px 0 110px; background: url("lupa.gif") 50px 25px no-repeat; }
#blok-1 fieldset { float: left; width: auto; padding: 0 30px 0 10px; border: none; background: url("bg-linka.gif") left top repeat-y; }
#blok-1 fieldset.prvni { background: none; padding: 0 10px 0 0; }
#blok-1 legend { padding: 0 2px; }
#blok-1 label { display: inline; line-height: 1.8; vertical-align: middle; }
#blok-1 fieldset label { display: block; width: auto; }
#blok-1 fieldset p { margin: 0; padding: 0; font-size: .9em; }
#blok-1 fieldset strong { font-size: 1.1em !important; }
#blok-1 fieldset.tlacitko { margin-top: 10px; /*background: none;*/ }

/* ~-~ sloupek ~-~ */
#sloupek {
	float: right;
	position: relative;
	top: -81px;
	right: 12px;
	width: 208px;
}
.prvni-info, .info {
	padding: 0 6px 0 4px;
	min-height: 116px;
	background: url("bg-prvni-info.jpg") top no-repeat;
}
.info { margin-top: 1.5em; background: url("bg-info.jpg") top no-repeat; }
.reklama-1 { margin-top: 1.5em; padding: 0 0 0 25px; }
.reklama-2 { margin-top: 1em; }

.prvni-info h3, .info h3 { padding-top: .5em; font-size: 1.3em; text-align: center; }
.prvni-info ul, .info ul { margin-left: 1.6em; line-height: 160%; }
.prvni-info li, .info li { color: #ccc; }
.prvni-info li span, .info li span { color: #000; }

.foto { padding: 5px 0; }
.foto img { border: 1px solid #224ea5; }
.foto a:hover img { border: 1px solid #900; }

.right { float: right; }
.left { float: left; }

.txt-center { text-align: center; }
.txt-right { text-align: right; }

.cistic { clear: both; height: auto; }
.cistic span { display: none; }

/* ~-~ hlavni nabidka ~-~ */
#menu {
	position: absolute;
	z-index: 1;
	top: 127px;
	width: 757px;
	margin-left: 6px;
}
#menu li { float: left; list-style-type: none; background-color: #ace68b; }

#programy, #programy a, #programy strong, #programy a span, #programy a:hover span, #programy strong span
{ height: 50px; display: block; overflow: hidden; }
#programy { position: relative; top: 0; left: 0; }
#programy a span, #programy a:hover span, #programy strong span, #programy a strong span
{ position: absolute; top: 0; left: 0; }
#programy a span { background-position: 0 -100px; }
#programy a:hover span { background-position: 0 -50px; }
#programy strong span { background-position: 0 0; }
#programy a strong span { background-position: 0 0; }
#programy .aktiv a span { background-position: 0 0; }
#programy .aktiv a:hover span { background-position: 0 -50px; }
#programy, #programy a, #programy strong, #programy a span, #programy a:hover span, #programy strong span
{ width: 107px; background-image: url("programy.jpg"); }
#programy a span, #programy a:hover span, #programy strong span, #programy a strong span
{ background-image: url("programy.jpg"); }

#fotogalerie, #fotogalerie a, #fotogalerie strong, #fotogalerie a span, #fotogalerie a:hover span, #fotogalerie strong span
{ height: 47px; display: block; overflow: hidden; }
#fotogalerie { position: relative; top: 0; left: 0; }
#fotogalerie a span, #fotogalerie a:hover span, #fotogalerie strong span, #fotogalerie a strong span
{ position: absolute; top: 0; left: 0; }
#fotogalerie a span { background-position: 0 -94px; }
#fotogalerie a:hover span { background-position: 0 -47px; }
#fotogalerie strong span { background-position: 0 0; }
#fotogalerie a strong span { background-position: 0 0; }
#fotogalerie .aktiv a span { background-position: 0 0; }
#fotogalerie .aktiv a:hover span { background-position: 0 -47px; }
#fotogalerie, #fotogalerie a, #fotogalerie strong, #fotogalerie a span, #fotogalerie a:hover span, #fotogalerie strong span
{ width: 111px; background-image: url("fotogalerie.jpg"); }
#fotogalerie a span, #fotogalerie a:hover span, #fotogalerie strong span, #fotogalerie a strong span
{ background-image: url("fotogalerie.jpg"); }

#podporuji, #podporuji a, #podporuji strong, #podporuji a span, #podporuji a:hover span, #podporuji strong span
{ height: 44px; display: block; overflow: hidden; }
#podporuji { position: relative; top: 0; left: 0; }
#podporuji a span, #podporuji a:hover span, #podporuji strong span, #podporuji a strong span
{ position: absolute; top: 0; left: 0; }
#podporuji a span { background-position: 0 -88px; }
#podporuji a:hover span { background-position: 0 -44px; }
#podporuji strong span { background-position: 0 0; }
#podporuji a strong span { background-position: 0 0; }
#podporuji .aktiv a span { background-position: 0 0; }
#podporuji .aktiv a:hover span { background-position: 0 -44px; }
#podporuji, #podporuji a, #podporuji strong, #podporuji a span, #podporuji a:hover span, #podporuji strong span
{ width: 132px; background-image: url("podporuji.jpg"); }
#podporuji a span, #podporuji a:hover span, #podporuji strong span, #podporuji a strong span
{ background-image: url("podporuji.jpg"); }

#kniha, #kniha a, #kniha strong, #kniha a span, #kniha a:hover span, #kniha strong span
{ height: 41px; display: block; overflow: hidden; }
#kniha { position: relative; top: 0; left: 0; }
#kniha a span, #kniha a:hover span, #kniha strong span, #kniha a strong span
{ position: absolute; top: 0; left: 0; }
#kniha a span { background-position: 0 -82px; }
#kniha a:hover span { background-position: 0 -41px; }
#kniha strong span { background-position: 0 0; }
#kniha a strong span { background-position: 0 0; }
#kniha .aktiv a span { background-position: 0 0; }
#kniha .aktiv a:hover span { background-position: 0 -41px; }
#kniha, #kniha a, #kniha strong, #kniha a span, #kniha a:hover span, #kniha strong span
{ width: 124px; background-image: url("kniha.jpg"); }
#kniha a span, #kniha a:hover span, #kniha strong span, #kniha a strong span
{ background-image: url("kniha.jpg"); }

#napiste, #napiste a, #napiste strong, #napiste a span, #napiste a:hover span, #napiste strong span
{ height: 43px; display: block; overflow: hidden; }
#napiste { position: relative; top: 0; left: 0; }
#napiste a span, #napiste a:hover span, #napiste strong span, #napiste a strong span
{ position: absolute; top: 0; left: 0; }
#napiste a span { background-position: 0 -86px; }
#napiste a:hover span { background-position: 0 -43px; }
#napiste strong span { background-position: 0 0; }
#napiste a strong span { background-position: 0 0; }
#napiste .aktiv a span { background-position: 0 0; }
#napiste .aktiv a:hover span { background-position: 0 -43px; }
#napiste, #napiste a, #napiste strong, #napiste a span, #napiste a:hover span, #napiste strong span
{ width: 112px; background-image: url("napiste.jpg"); }
#napiste a span, #napiste a:hover span, #napiste strong span, #napiste a strong span
{ background-image: url("napiste.jpg"); }

#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ height: 45px; display: block; overflow: hidden; }
#kontakty { position: relative; top: 0; left: 0; }
#kontakty a span, #kontakty a:hover span, #kontakty strong span, #kontakty a strong span
{ position: absolute; top: 0; left: 0; }
#kontakty a span { background-position: 0 -90px; }
#kontakty a:hover span { background-position: 0 -45px; }
#kontakty strong span { background-position: 0 0; }
#kontakty a strong span { background-position: 0 0; }
#kontakty .aktiv a span { background-position: 0 0; }
#kontakty .aktiv a:hover span { background-position: 0 -45px; }
#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ width: 91px; background-image: url("kontakty.jpg"); }
#kontakty a span, #kontakty a:hover span, #kontakty strong span, #kontakty a strong span
{ background-image: url("kontakty.jpg"); }

#odkazy, #odkazy a, #odkazy strong, #odkazy a span, #odkazy a:hover span, #odkazy strong span
{ height: 46px; display: block; overflow: hidden; }
#odkazy { position: relative; top: 0; left: 0; }
#odkazy a span, #odkazy a:hover span, #odkazy strong span, #odkazy a strong span
{ position: absolute; top: 0; left: 0; }
#odkazy a span { background-position: 0 -92px; }
#odkazy a:hover span { background-position: 0 -46px; }
#odkazy strong span { background-position: 0 0; }
#odkazy a strong span { background-position: 0 0; }
#odkazy .aktiv a span { background-position: 0 0; }
#odkazy .aktiv a:hover span { background-position: 0 -46px; }
#odkazy, #odkazy a, #odkazy strong, #odkazy a span, #odkazy a:hover span, #odkazy strong span
{ width: 80px; background-image: url("odkazy.jpg"); }
#odkazy a span, #odkazy a:hover span, #odkazy strong span, #odkazy a strong span
{ background-image: url("odkazy.jpg"); }

/* ~-~ paticka ~-~ */
#paticka { background: url("bg-paticka.png") left top no-repeat; }
#paticka p { margin: 0; padding: 10px 8px 0 8px; text-align: center; color: #789; line-height: normal; font-size: .85em; }
#paticka a { color: #678; }

/* ~-~ doplnky ~-~ */
.dr-bek { margin: 0 7px .8em 3px; text-transform: lowercase; padding: 0 10px; font-size: .85em; }

.strankovani {
	margin: .3em 7px 1em 3px;
	padding: 0 10px;
}
.strankovani a {
	margin: 0 -2px;
	padding: 0 5px !important;
	font-weight: bold;
}
.strankovani a:visited { color: #039; }
.strankovani a:hover, .strankovani a:active { color: #900; }
.strankovani span {
	margin: 0 -2px;
	padding: 0 5px !important;
	color: #900;
	font-weight: bold;
}

.mail-form { margin-bottom: 1em; padding: 5px; padding-top: 0; }
.mail-form .linka { clear: both; padding-top: 7px; }
.mail-form .linka span.typ-pole { float: left; width: 100px; margin-right: 5px; text-align: right; }
.mail-form .linka span.pole { float: left; text-align: left; }