/* ~-~-~-~-~-~-~-~-~-~- Roskopov 1+3 (roskopov.open-art.cz) -~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~ grafiku pres CSS rozhejbal IdeFixx (www.sucharda.cz) -~-~-~-~-~-~ */
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: #f4f5f7 url("bg-web.gif");
}

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

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; }
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;
}

hr, .hr { display: none; }

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

address { margin: 0 0 .5em 0; font-style: normal; }
img { border: none; }
form { margin: 0; }
form input { margin-bottom: 3px; }

/* ~-~ hlavicka, design obsahu ~-~ */
#logo {
	position: absolute;
	z-index: 1;
	top: 0;
	width: 100%;
	font-size: 2em;
}
#logo-txt, #logo-txt a span, #logo-txt div span {
	margin: 0 auto; width: 770px; height: 228px; overflow: hidden; background: url("roskopov-motiv-2008.jpg");
}
#logo-txt { position: relative; top: 0;	left: 0; }
#logo-txt a span, #logo-txt div span {
	position: absolute; top: 0; left: 0; background: url("roskopov-motiv-2008.jpg");
}
#logo-txt a { color: #000; }

#stranka {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	margin-top: 228px;
	width: 770px;
	text-align: left;
	background: url("bg-stranka.jpg") 0 14px repeat-y;
}
#obal { position: relative; /*margin-bottom: -50px;*/ padding: 122px 22px 0 22px; background: url("bg-stranka-top.jpg") top no-repeat; }
#obsah {}
#stranka-fin { height: 78px; background: url("bg-stranka-bottom.jpg") top no-repeat; }

#obsah ul, #obsah ol { margin: 1em 0 1.5em 2.5em; line-height: 140%; }
#obsah img { border: 1px solid #7e9db9; }
#obsah a:hover img { border: 1px solid #8d3039; }

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

.doplnky { float: right; margin: 0; width: 196px; text-align: center; background: url("bg-doplnky.gif") repeat-y; }
.doplnky h4 {
	position: relative;
	top: -21px;
	display: block;
	margin-bottom: -55px;
	padding: 7.5em 5px 2.5em 5px;
	font-size: 1.2em;
	color: #8d3039;
	background: url("bg-doplnky-top.jpg") top no-repeat;
}
.doplnky-in { position: relative; padding: 0 5px 3em 5px; background: url("bg-doplnky-bottom.jpg") bottom no-repeat; }
.doplnky-in h5 { margin-top: .8em; font-size: 1.2em; color: #8d3039; }

.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 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; }

.cleaner { clear: both; }
.cleaner span { display: none; }

/* ~-~ hlavni nabidka ~-~ */
#menu {
	position: absolute;
	z-index: 2;
	top: 229px;
	width: 100%;
}
#menu-in { margin: 0 auto; width: 770px; }
#menu li { float: left; list-style-type: none; }

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

#prihlaska { margin-top: 18px; }
#prihlaska, #prihlaska a, #prihlaska strong, #prihlaska a span, #prihlaska a:hover span, #prihlaska strong span {
	height: 55px; width: 102px; display: block; overflow: hidden; background-image: url("prihlaska.jpg");
}
#prihlaska { position: relative; top: 0; left: 0; }
#prihlaska a span, #prihlaska a:hover span, #prihlaska strong span, #prihlaska a strong span {
	position: absolute; top: 0; left: 0; background-image: url("prihlaska.jpg");
}
#prihlaska a span { 			background-position: 0 -110px; }
#prihlaska a:hover span { 		background-position: 0 -55px; }
#prihlaska strong span { 		background-position: 0 0; }
#prihlaska a strong span { 		background-position: 0 0; }
#prihlaska .aktiv a span { 		background-position: 0 0; }
#prihlaska .aktiv a:hover span {background-position: 0 -55px; }

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

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

#kniha { margin-top: 15px; }
#kniha, #kniha a, #kniha strong, #kniha a span, #kniha a:hover span, #kniha strong span {
	height: 65px; width: 118px; display: block; overflow: hidden; background-image: url("kniha.jpg");
}
#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; background-image: url("kniha.jpg");
}
#kniha a span { 				background-position: 0 -130px; }
#kniha a:hover span { 			background-position: 0 -65px; }
#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 -65px; }

#podporuji { margin-top: 30px; }
#podporuji, #podporuji a, #podporuji strong, #podporuji a span, #podporuji a:hover span, #podporuji strong span {
	height: 62px; width: 112px; display: block; overflow: hidden; background-image: url("podporuji.jpg");
}
#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; background-image: url("podporuji.jpg");
}
#podporuji a span { 			background-position: 0 -124px; }
#podporuji a:hover span { 		background-position: 0 -62px; }
#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 -62px; }

#fotky { margin-top: 19px; }
#fotky, #fotky a, #fotky strong, #fotky a span, #fotky a:hover span, #fotky strong span {
	height: 39px; width: 58px; display: block; overflow: hidden; background-image: url("fotky.jpg");
}
#fotky { position: relative; top: 0; left: 0; }
#fotky a span, #fotky a:hover span, #fotky strong span, #fotky a strong span {
	position: absolute; top: 0; left: 0; background-image: url("fotky.jpg");
}
#fotky a span { 				background-position: 0 -78px; }
#fotky a:hover span { 			background-position: 0 -39px; }
#fotky strong span { 			background-position: 0 0; }
#fotky a strong span { 			background-position: 0 0; }
#fotky .aktiv a span { 			background-position: 0 0; }
#fotky .aktiv a:hover span {	background-position: 0 -39px; }

#rocniky { margin-top: 34px; }
#rocniky, #rocniky a, #rocniky strong, #rocniky a span, #rocniky a:hover span, #rocniky strong span {
	height: 65px; width: 119px; display: block; overflow: hidden; background-image: url("rocniky.jpg");
}
#rocniky { position: relative; top: 0; left: 0; }
#rocniky a span, #rocniky a:hover span, #rocniky strong span, #rocniky a strong span {
	position: absolute; top: 0; left: 0; background-image: url("rocniky.jpg");
}
#rocniky a span { 				background-position: 0 -130px; }
#rocniky a:hover span { 		background-position: 0 -65px; }
#rocniky strong span { 			background-position: 0 0; }
#rocniky a strong span { 		background-position: 0 0; }
#rocniky .aktiv a span { 		background-position: 0 0; }
#rocniky .aktiv a:hover span {	background-position: 0 -65px; }

/* ~-~ paticka ~-~ */
#paticka {
	margin: 0 auto;
	margin-top: -2px;
	min-height: 105px;
	padding: 0 15px;
	width: 740px;
	background: url("bg-paticka.jpg") top no-repeat;
}
#paticka p { font-size: .75em; }
#paticka a { color: #000; }

/* ~-~ doplnky ~-~ */
#top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 406px;
	background: url("bg-top.jpg") 50% 0 no-repeat;
}

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

#form-style p { margin-bottom: .6em;}