/* ~-~-~-~-~-~-~-~-~-~ Letni dilny Roskopov [roskopov.open-art.cz] ~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~- GFx by Effik via CSS by IdeFixx [www.sucharda.cz] -~-~-~-~-~-~-~-~ */

/*@import "./fonty/base64_stylesheet.css";*/
@font-face {
	font-family: 'MuseoSans500';
	src: url('./fonty/MuseoSans_500.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500'), url('./fonty/MuseoSans_500.woff') format('woff'), url('./fonty/MuseoSans_500.ttf') format('truetype'), url('./fonty/MuseoSans_500.svg#MuseoSans-500') format('svg');
}
/* ~-~ THX for free font Museo Sans 500 to exljbris Font Foundry [http://www.josbuivenga.demon.nl/museosans.html] ~-~ */
/* ~-~ @font-face generated by fontsquirrel.com and is based on the work of Paul Irish ~-~ */

body {
	margin: 0 auto;
	padding: 0;
	font: normal .9em 'MuseoSans500', 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', 'Geneva CE', lucida, sans-serif;
	text-align: center;
	color: #000;
	background: #ddd7c8 url("podklad.jpg") 50% 0;
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3, h4, h5, h6 { margin: 0 0 .2em 0; padding: 0; font-weight: normal; color: #2f405a; }
h1, h2 { font-size: 2em; }
.detail h2 { display: inline; }
h3 { font-size: 1.6em; }
cite { font-style: italic; color: #2f405a; }

a { text-decoration: none; border-bottom: 1px solid #6d0004; font-weight: normal; color: #6d0004; text-shadow: #d8d3c6 1px 1px 0; } :focus { outline: none; }
a:visited { color: #572b57; border-bottom: 1px solid #572b57; }
a:hover, a:active { text-decoration: none; border-bottom: 1px solid #000; color: #000; background-color: #e7dbd0; }
#logo-txt a, #menu a, .prihlaska a,
#logo-txt a:hover, #menu a:hover, .prihlaska a:hover
{ border-bottom: none; }
.thickbox, .thickbox:hover { border-bottom: none; background: none; }
#panel a, #paticka a { text-shadow: none; }

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

ul, ol { margin: .4em 0 1.2em .6em; line-height: 160%; }
ul li { padding-left: 16px; list-style: none; background: url("texty.png") -933px -53px no-repeat; }
ol li { margin-left: .8em; }

.pismena li { margin-left: .8em; padding-left: 0; background: none; list-style: lower-alpha; }

hr { display: none; }
img { border: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.skrt { text-decoration: line-through; }
.center { text-align: center; }

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

/* ~-~ nadpisy ~-~ */
#logo-txt a, .prepinac, .schovat, .prihlaska a, .posledni-mista, #prehled-fotek-txt, #vyber-galerie-txt, #vyhledat-txt, #tisk-txt,
#program-txt, #prihlaska-txt, #rad-txt, #vedouci-txt, #fotky-txt, #kniha-txt, #historie-txt, #podpora-txt, #kontakty-txt
{ display: block; background: url("texty.png") no-repeat; text-indent: -1000em; }

#logo-txt a { position: absolute; z-index: 2; top: 29px; right: 17px; width: 678px; height: 98px; }

#program-txt, #prihlaska-txt, #rad-txt, #vedouci-txt, #fotky-txt, #kniha-txt, #historie-txt, #podpora-txt, #kontakty-txt
{ margin: 0 0 20px 20px; width: 921px; height: 35px; }

#program-txt { height: 76px; background-position: 0 -98px; }
#prihlaska-txt { background-position: 0 -174px; }
#rad-txt { background-position: 0 -495px; }
#vedouci-txt { height: 33px; background-position: 0 -209px; }
#fotky-txt { height: 73px; background-position: 0 -242px; }
#kniha-txt { height: 32px; background-position: 0 -316px; }
#historie-txt { height: 80px; background-position: 0 -348px; }
#podpora-txt { height: 34px; background-position: 0 -428px; }
#kontakty-txt { height: 33px; background-position: 0 -462px; }

#prehled-fotek-txt { margin: 0 0 14px 13px; width: 168px; height: 38px; background-position: -678px 0; }
#vyber-galerie-txt { margin: 0 0 6px 19px; width: 153px; height: 18px; background-position: -678px -38px; }
#vyhledat-txt { margin: 20px 0 10px 42px; width: 107px; height: 18px; background-position: -678px -56px; }
#tisk-txt { margin: 20px 0 6px 35px; width: 122px; height: 17px; background-position: -678px -74px; }

/* ~-~ design obsahu ~-~ */
#obal { position: relative; margin: 0 auto; width: 960px; text-align: left; }

#obsah { position: relative; z-index: 1; padding: 436px 0 0 0; background: url("pas-hracek.jpg") 350px 321px no-repeat; overflow: auto; }

#text { float: left; margin-left: 16px; width: 714px; }

.pod-1, .pod-2, .vstup, #guestbook { position: relative; margin: 0 0 20px 0; padding: 20px; background: url("pod.png") repeat-y; overflow: auto; }
.detail p, .detail p, .vstup p { margin: 0; padding: 0; }
.pod-2, #guestbook { background-position: -928px 0; }

.datum { font-size: 1.2em; }

.prepinac {
	position: absolute; top: 22px; right: 20px; 
	width: 97px;
	height: 18px;
	background-position: -846px 0;
	cursor: pointer;
}
.prepinac:hover { background-position: -943px 0; }
.schovat { background-position: -846px -18px; }
.schovat:hover { background-position: -943px -18px; }
.schovka { display: none; }
.schovka p { padding: .5em 0; }
.prihlaska a { margin-top: 10px; width: 97px; height: 19px; background-position: -846px -36px; }
.prihlaska a:hover { background-position: -846px -55px; }
.posledni-mista {
	position: absolute; top: 22px; right: 140px; 
	width: 185px;
	height: 18px;
	background-position: -846px -530px;
}

.vedouci ul { min-height: 110px; }
.vedouci img { float: right; margin: 5px 0 1em 1em; padding: 3px; border: 1px solid #a58e78; background-color: #fff; }

/* ~-~ fotky ~-~ */
.thickbox img { margin-bottom: 5px; padding: 3px; border: 1px solid #a58e78; background-color: #e7e1d3; }
.thickbox img:hover { border: 1px solid #6d0004; }
.foto { margin: 0; padding: 1em 0 0 0; overflow: auto; }
.foto img { margin: 0; }
.foto .thickbox { position: relative; display: block; float: left; margin: 0 4px 4px 0; padding: 3px; height: 120px; width: 120px; border: 1px solid #a58e78; background-color: #e7e1d3; }
.foto .thickbox img { padding: 0; border: none; position: absolute; clip: rect(0 140px 120px 20px); left: -17px; }

/* ~-~ pravy panel ~-~ */
#panel { float: right; margin-right: 16px; padding: 15px 0; width: 194px; text-align: center; }
#panel ul { text-align: left; line-height: 1.3em; }
#panel li { padding-right: 10px; background-position: -933px -55px; }
#panel p { padding: 0 .5em; }

/* ~-~ hlavni nabidka ~-~ */
#menu { position: absolute; z-index: 1; top: 169px; margin-left: 390px; width: 554px; }
#menu ul { margin: 0; padding: 0; }
#menu li { margin: 0; padding: 0; float: left; background: none; }

#program a, #prihlaska a, #taborovy-rad a, #vedouci a, #fotky a, #kniha a, #rocniky a, #podporuji a, #kontakt a, #program strong, #prihlaska strong, #taborovy-rad strong, #vedouci strong, #fotky strong, #kniha strong, #rocniky strong, #podporuji strong, #kontakt strong { display: block; height: 28px; background: url("menu.png") no-repeat; text-indent: -1000em; }
#program a, #program a:hover, #program strong { width: 121px; }
#prihlaska a, #prihlaska a:hover, #prihlaska strong { margin-left: 49px; width: 136px; background-position: -121px 0; }
#taborovy-rad a, #taborovy-rad a:hover, #taborovy-rad strong { margin-left: 50px; width: 198px; background-position: -257px 0; }
#vedouci a, #vedouci a:hover, #vedouci strong { margin-top: 26px; height: 26px; width: 107px; background-position: 0 -84px; }
#fotky a, #fotky a:hover, #fotky strong { margin: 26px 0 0 45px; height: 26px; width: 158px; background-position: -107px -84px; }
#kniha a, #kniha a:hover, #kniha strong { margin: 26px 0 0 41px; height: 26px; width: 203px; background-position: -265px -84px; }
#rocniky a, #rocniky a:hover, #rocniky strong { margin-top: 24px; height: 27px; width: 113px; background-position: 0 -162px; }
#podporuji a, #podporuji a:hover, #podporuji strong { margin: 24px 0 0 59px; height: 27px; width: 198px; background-position: -113px -162px; }
#kontakt a, #kontakt a:hover, #kontakt strong { margin: 24px 0 0 58px; height: 27px; width: 126px; background-position: -311px -162px; }

#program a:hover { background-position: 0 -28px; }
#prihlaska a:hover { background-position: -121px -28px; }
#taborovy-rad a:hover { background-position: -257px -28px; }
#vedouci a:hover { background-position: 0 -110px; }
#fotky a:hover { background-position: -107px -110px; }
#kniha a:hover { background-position: -265px -110px; }
#rocniky a:hover { background-position: 0 -189px; }
#podporuji a:hover { background-position: -113px -189px; }
#kontakt a:hover { background-position: -311px -189px; }

#program strong { background-position: 0 -56px; }
#prihlaska strong { background-position: -121px -56px; }
#taborovy-rad strong { background-position: -257px -56px; }
#vedouci strong { background-position: 0 -136px; }
#fotky strong { background-position: -107px -136px; }
#kniha strong { background-position: -265px -136px; }
#rocniky strong { background-position: 0 -216px; }
#podporuji strong { background-position: -113px -216px; }
#kontakt strong { background-position: -311px -216px; }

/* ~-~ paticka ~-~ */
#paticka { position: relative; margin: 0 0 20px 16px; padding: 20px 0; width: 928px; min-height: 70px; text-align: center; background: url("pod.png") -1642px 0 repeat-y; }
#paticka p { margin: 0; padding: 5px 72px; font-size: .8em; }

#odkazy {}
#odkazy a { white-space: nowrap; }

#paticka .mala-kaca, #paticka .maly-rarach, #panel .maly-obrucak { display: block; background: url("male-hracky.png") 0 0 no-repeat; text-indent: -1000em; }
#paticka .mala-kaca, #paticka .maly-rarach { position: absolute; width: 46px; height: 65px; }
#paticka .mala-kaca { left: 19px; top: 25px; }
#paticka .maly-rarach { right: 10px; top: 29px; width: 65px; background-position: -46px 0; }
#panel .maly-obrucak { margin-top: 10px; width: 194px; height: 65px; background-position: -111px 0; }

#paticka a { color: #000; border-bottom: 1px solid #000; }
#paticka a:visited { color: #000; border-bottom: 1px solid #000; }
#paticka a:hover, #paticka a:active { border-bottom: 1px solid #000; color: #000; }

#nahoru { position: absolute; top: 0; right: 15px; padding: 3px 5px 4px 5px; font-size: .7em; text-transform: uppercase; background: url("pod.png") -1642px 0 repeat-y; }

/* ~-~ doplnky ~-~ */
#doplnek { position: absolute; z-index: 0; top: 0; left: 0; display: block; width: 379px; height: 401px; }
.rarach, .kaca, .obrucak, .fialka, .hrasek, .kaca-2, .kaca-3 { background: url("hracky.jpg") no-repeat; }
.kaca { background-position: -379px 0; }
.obrucak { background-position: -758px 0; }
.fialka { background-position: -1137px 0; }
.hrasek { background-position: -1516px 0; }
.kaca-2 { background-position: -1895px 0; }
.kaca-3 { background-position: -2274px 0; }

.formular { margin: .1em 0 .1em 0; }
.tlacitko { padding: .2em .5em; }

#prihlaska-form {}
#form-valid label.error { display: block; font-weight: bold; color: #800000; }

#form-valid .block { display: block; }
#form-valid .souhlas { display: none; }

#javascript-test { position: absolute; z-index: 123; left: 35px; top: 335px; width: 886px; height: 63px; background: url("javascript-warning.png") no-repeat; }

/* ~-~ kniha navstev ~-~ */
#text-kniha { margin-left: 16px; width: 928px; }
#text-kniha .posun { margin-left: 20px; text-align: center; }
.posun { text-transform: uppercase; }

/* ~-~ vzkazy ~-~ */
#text-kniha .autor, #text-kniha .datum { margin-bottom: .3em; }
#text-kniha .datum { padding: .2em 0; font-size: .8em; }

#text-kniha .zpravicka { padding-top: .5em; }
#text-kniha .zpravicka img { vertical-align: middle; }

/* ~-~ formular ~-~ */
#guestbook { margin-left: 107px; width: 674px; }
#guestbook h2 { text-align: center; }
#vzkaz { display: block; margin-bottom: 10px; text-align: center; }

#name, #email, #website, #captcha, #message { padding: .4em 20px; }
#name span.label, #email span.label, #website span.label, #captcha span.label { display: block; margin-right: 8px; padding-top: 5px; float: left; width: 218px; text-align: right; }

.captcha { font-weight: bold; }

/* ~-~ tabulky ~-~ */
table { margin: 7px 0 1.2em 0; padding: 0; width: 100%; border: none; font-size: .9em; text-align: left; }
table.denni-rezim { width: 60%; }
table caption { display: none; }
table th { padding: 10px; text-align: left; font-size: 1.1em; text-transform: uppercase; background: url("bg-photo.png"); border-top: 3px solid #999; border-bottom: 3px solid #999; }
table td { padding: 10px; vertical-align: top; border-bottom: 1px solid #999; }
table th.c-1 { width: 22%; }
table th.c-2 { width: 22%; }
table th.c-3 { width: 56%; }

/* ~-~ kniha - vlozeni vzkazu ~-~ */
#message { text-align: center; }
#message a { border-bottom: none; } #message a:hover { background: none; }
#message span.label { margin-right: 10px; margin-bottom: 4pt; }
.formatcontrols { display: inline; }
.formatcontrols img { border: 0; margin-bottom: 2pt; vertical-align: middle; }
#message textarea { display: block; clear: both; margin: .5em auto; }

/* ~-~ kniha - odesilaci tlacitko ~-~ */
#submit { margin: 0; padding: .2em .5em; text-align: center; }

/* ~-~ kniha - zalozky ~-~ */
.zalozky { text-align: center; margin: 1em 15px; line-height: 150%; }

/* ~-~ admin knihy ~-~ */
#changepass { background-color: #bac7c5; padding: 1em; margin: 1.6em .5em 3em .5em; }
#changepass h3 { padding: 2pt; margin: 2pt; text-align: center; }
#newPassword1 { padding: 3pt 5pt 3pt 6pt; margin: 2pt; }
#newPassword1 label { display: block; float: left; width: 50%; text-align: right; padding-right: 1em; }
#newPassword1 input {}
#newPassword2 { padding: 3pt 5pt 3pt 6pt; margin: 2pt; }
#newPassword2 label { display: block; float: left; width: 50%; text-align: right; padding-right: 1em; }
#newPassword2 input {}
#changepasssubmit { padding: 5pt 6pt 5pt 6pt; margin: 2pt; text-align: center; }

/* ~-~ admin knihy - uprava vzkazu ~-~ */
.editableentry { width: 100%; background-color: #bac7c5; padding: 1em; margin: .5em 0; }
.editableentry th { text-align: left; padding: .3em .5em; }
.editableentry td,th {}
.editableentry td { text-align: center; }
.editableentry textarea {}
#editsubmit { margin-top: 2em; padding: .2em .5em; }