/* ~-~-~-~-~-~-~-~-~-~- Roskopov 1+3 (roskopov.open-art.cz) -~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~ grafiku pres CSS rozhejbal IdeFixx (www.sucharda.cz) -~-~-~-~-~-~ */
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Myriad Web', Myriad, 'Myriad Pro', 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', 'Geneva CE', lucida, sans-serif;
	font-size: 90%;
	text-align: center;
	color: #000;
	background: #dedde2;
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
	color: #153775;
}
h1 { font-size: 165%; line-height: 103%; }
h2 { display: inline; }

a { text-decoration: underline; font-weight: normal; color: #8d3039; } :focus { outline: none; }
a:visited { color: #636; }
a:hover, a:active { text-decoration: underline; color: #000; }

p {
	margin: .2em 0 1.2em 0;
	padding: 0;
	line-height: 145%;
	font-size: 1em;
}
ul, ol { margin: 1em 0 1.5em 1.5em; line-height: 140%; }

hr { display: none; }

cite { font-style: italic; color: #153775; }

address { margin: 0 0 .5em 0; font-style: normal; }
img { border: none; }

#logo-txt span, #menu span { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* ~-~ hlavicka, design obsahu ~-~ */
#stranka { width: 100%; background: url("motiv-2009.jpg") 50% top no-repeat; }

#obal { margin: 0 auto; width: 770px; text-align: left; }

#logo-txt a { position: relative; top: 8px; left: 138px; display: block; width: 487px; height: 125px; background: url("logo-txt.png"); }

#obsah { min-height: 565px; margin-top: 300px; padding: 10px 0 0 69px; background: url("stonek.png") left top no-repeat; overflow: auto; }

#obsah img { border: 1px solid #7e9db9; }
#obsah a:hover img { border: 1px solid #8d3039; }

.text { float: left; width: 500px; }

.doplnky { float: right; padding: 15px 0; width: 190px; text-align: center; background: url("tile.png"); }
.doplnky-in { background: url("doplnky.png") center top no-repeat; }
.doplnky h4 { padding: 85px .5em .2em .5em; }
.doplnky h5 { margin-top: 1em; font-size: 1.2em; }

.zvyrazni { margin-top: .7em; font-size: 1.2em; color: #8d3039; }
.skrt { text-decoration: line-through; }

.foto { margin-bottom: 1.2em; padding: 5px 0; text-align: center; }

.left { float: left; }
.left.in { margin: 6px 5px 1px 0; }

.vedouci { overflow: auto; }
.vedouci h5 { margin-top: 1em; }
.vedouci img { float: left; margin: .4em 1.7em 1em 0; }
.vedouci ul { margin-top: .4em; }
.vedouci li { margin-left: .4em; }

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

/* ~-~ hlavni nabidka ~-~ */
#menu { position: absolute; top: 349px; margin-left: 91px; width: 679px; }
#menu ul { margin: 0; padding: 0; }
#menu li { margin: 0; padding: 0; float: left; list-style-type: none; }

#program a, #prihlaska a, #vedouci a, #fotky a, #kniha a, #rocniky a, #podporuji a, #kontakt a, #program strong, #prihlaska strong, #vedouci strong, #fotky strong, #kniha strong, #rocniky strong, #podporuji strong, #kontakt strong { display: block; height: 77px; background: url("menu.jpg") no-repeat; }
#program a, #program a:hover, #program strong { width: 84px; }
#prihlaska a, #prihlaska a:hover, #prihlaska strong { width: 92px; background-position: -84px 0; }
#vedouci a, #vedouci a:hover, #vedouci strong { width: 86px; background-position: -176px 0; }
#fotky a, #fotky a:hover, #fotky strong { width: 70px; background-position: -262px 0; }
#kniha a, #kniha a:hover, #kniha strong { width: 80px; background-position: -332px 0; }
#rocniky a, #rocniky a:hover, #rocniky strong { width: 82px; background-position: -412px 0; }
#podporuji a, #podporuji a:hover, #podporuji strong { width: 102px; background-position: -494px 0; }
#kontakt a, #kontakt a:hover, #kontakt strong { width: 83px; background-position: -596px 0; }

#program a:hover { background-position: 0 -77px; }
#prihlaska a:hover { background-position: -84px -77px; }
#vedouci a:hover { background-position: -176px -77px; }
#fotky a:hover { background-position: -262px -77px; }
#kniha a:hover { background-position: -332px -77px; }
#rocniky a:hover { background-position: -412px -77px; }
#podporuji a:hover { background-position: -494px -77px; }
#kontakt a:hover { background-position: -596px -77px; }

#program strong { background-position: 0 -154px; }
#prihlaska strong { background-position: -84px -154px; }
#vedouci strong { background-position: -176px -154px; }
#fotky strong { background-position: -262px -154px; }
#kniha strong { background-position: -332px -154px; }
#rocniky strong { background-position: -412px -154px; }
#podporuji strong { background-position: -494px -154px; }
#kontakt strong { background-position: -596px -154px; }

/* ~-~ paticka ~-~ */
#paticka { margin: 1em 0 0 0; padding: 1em 15px 1em 15px; text-align: center; background: url("tile.png"); }
#paticka p { font-size: .75em; }
#paticka a { color: #000; }

/* ~-~ doplnky ~-~ */
.dr-bek { margin-bottom: .5em; padding: 5px 4px; }
.reklama { margin-bottom: 1.2em; }

form { margin: 0; }
form input { margin-bottom: 3px; }
#form-style p { margin-bottom: .6em; }