/*style.css - www.mckapicka.cz*/
* { margin: 0; padding: 0; }
body {
	font-size: 90%;
	font-family: sans-serif;
	text-align: center;
}
a {
	font-weight: bold;
	color: darkblue; color: #00248F;
	/*padding-right: 10px;
	background: url(images/link.gif) right top no-repeat;*/
}
ul, ol {
	padding: 0 2em;
}
h1 a, h2 a, h3 a, h4 a { background: none; }
p {padding: 5px 10px;}
#page { /*border: solid 1px green;/*testing*/
	width: 910px;
	margin: 0 auto;
	text-align: left;
}

#obsah {
	/*border: solid 1px red;/*testing*/

}

#titul {
	height: 324px;
	background: url(images/title.jpg) no-repeat center top;
}
#titul h1 {
	font-size: 0.8em;
	padding-top: 304px;
	text-align: center;
}

#menu {
	/*border: solid 1px blue;/*testing*/
	width: 200px;
	float: left;
}
#menu .in {padding: 0 25px 0 25px;}
#menu .in2 {padding: 10px 5px 0 5px;}
#menu ul { list-style: none; padding: 0; }
#menu ul li {
	border: solid 1px #e6e6e6; border-color: #c2c2c2;
	background: #BFCFFF;
_margin-top: 5px; /*IE neumi li+li*/
}
#menu ul li.active { background: #E6ECFF; cursor: default; }
#menu ul li+li { margin-top: 5px;}
#menu ul li a {
	display: block;
	padding: 8px;
	text-decoration: none;
	background: none;
}

#text {
	/*border: solid 1px black;/*testing*/
	/*margin: 0 202px;*/
	width: 510px; min-height: 450px; _height: 450px;
	float: left;
}
#text .in {padding: 0 10px;}
#text h2, #text h3{
	padding: 5px 5px 5px 50px;
	margin-bottom: 5px;
	font-size: 1em;
	clear: both;
	background: #FFCC80; background: #FFE6BF;
	border-bottom: solid 1px #c2c2c2;
}
#text  h3 {
	margin-top: 5px;
	padding-left: 5px;
	background: #BFCFFF; background: #BF9960; color: white;
	border-top: solid 1px #c2c2c2;
}
#text li { padding: 0.3em 0; }
#odkazy {
	/*border: solid 1px pink;/*testing*/
	width: 200px;
	float: right;
	/*padding: 0 30px 0 10px;*/
	text-align: center;
	font-size: 0.8em;
}
#odkazy .in {padding: 0 30px 0 10px;}
#odkazy a { text-decoration: none; }
#odkazy h2 {
	font-size: 1.2em;
	background: #BFCFFF;
	padding: 8px 0;

	border: solid 1px #c2c2c2;

_margin-top: 10px; /*IE neumi h2+h2*/
}
#odkazy h2+h2, #odkazy p+h2 {
	margin-top: 5px;
}
#odkazy p {
	background: #FFF5E6;
	padding: 5px;
	border: solid 1px #c2c2c2; border-top: none;
}
#program {
	background: white;
}
#program h2 {
	background: #6078BF; color: white; margin: 10px 0; border: solid 1px #808080; }
#program h3, #program h4 { background: #FFE6BF; padding: 5px; margin: 0; }
#program h3 { font-size: 0.9em; color: #00248F; border: none; margin-top: 10px;}
#program h4 { font-size: 1.1em; }
#program ul { background: #e6e6e6; }
#program ul li {}
#program p { background: #e6e6e6; }


#pocitadlo {
	margin-top: 30px;
	text-align: center;
}
#pocitadlo span { display: block; color: #808080; font-size: 0.8em;}

#novinky {
	/*border: solid 1px yellow;/*testing*/
}
#proc {
	/*border: solid 1px orange;/*testing*/
}
#novinky, #proc, .blok {
	margin: 0 0 10px 0;
	border: solid 1px #c2c2c2; background: #FFF5E6;
	padding: 0 0 10px 0; /*padding: 10px;*/
}
#novinky ul, #proc ul {
	list-style: none;
}
#novinky ul li, #proc ul li {
	padding: 5px;
}
#novinky ul li+li, #proc ul li+li {
	border-top: dotted 1px #c2c2c2;
}

.blok li { border-bottom: dotted 1px #c2c2c2; }
.img_1 {
	float: right;
	border: dotted 1px #c2c2c2;
	margin: 5px;
}
div.fotogalerie {

}
.fotogalerie ul {
	list-style: none;
}

img.foto {
	margin: 10px;
	padding: 10px;
	border: solid 1px #808080;
	background-color: white;
	width: 170px;
}

#text * {/*border: solid 1px red;*/}
#text.knihy h1 { clear: both; }
#text.knihy h2 { background: #6078BF; color: white; }
#text.knihy h3 {
	background: white;
	color: #808080;
	border: none;
	clear: none;
}
div.book img {
	width: 50px;
	height: 80px;
	float: right;
	margin: 5px;
	border: solid 5px white
}
div.book {
	background: #E6ECFF; background: #FFF5E6;
	border: solid 1px #808080;
	margin-bottom: 5px;
	font-size: 0.8em;
	height: 100px;
}


#miminka {
	text-align: center; background: white;
}
#miminka img, #miminka .kluk p, #miminka .holka p {
	border: solid 10px;
	margin: 0 auto;
	padding: 0;
}
#miminka .kluk img, #miminka .kluk p {
	border-color: #d5e9ff;
	background-color: #d5e9ff;
}
#miminka .holka img, #miminka .holka p {
	border-color: pink;
	background-color: pink;
}
.kluk a, .holka a {
	background: none;
	padding: 0;
}
div.kluk, div.holka {
	margin-bottom: 10px;
}
.siroky { width: 300px; }
.vysoky { width: 225px; }

/*.den, .co, .popis, .kdo { padding: 5px 10px; background: #f3f3f3;}
.den, .co { font-weight: bold; }
.den { border-top: solid 1px #c2c2c2; background: }
.co { color: darkred; color: #d70b04; }
.popis {  }
.kdo { border-bottom: solid 1px #c2c2c2; margin-bottom: 10px; text-align: right;}*/

.den, .co, .popis, .kdo { padding: 5px 10px; }
.den, .co { font-weight: bold; }
.den { background: }
.co { color: #d70b04; color: #B36B00; }
.popis {  }
.kdo { text-align: right; font-weight: bold; }

.vizitka {
	margin: 10px 0;
	border: solid 1px #c2c2c2;
	padding: 5px 10px;
	background: #FFF5E6;
}
.jmeno { font-weight: bold; padding: 5px; background: #E6ECFF;}

ol.blok {
	padding: 1em 1.5em 1em 2.5em;
	 list-style-position: outside;
}
ol.desatero li {
	padding: 5px 0;
	border-bottom: solid 1px #c2c2c2;
}
ol.desatero li.light { background: #e6e6e6;}

.center { text-align: center; }
.cistic { visibility: hidden; clear: both; }
#paticka {
	color: #808080;
	border: solid 1px #e6e6e6;
	margin: 0 0 10px 0;
	padding: 3px;
	text-align: center;
	font-size: 0.8em;
}