/* ROZVRŽENÍ */

body {
	margin: 0;
	padding: 0;
	color: #222;
	background: #eee;
	font: 13px arial, helvetica, verdana, tahoma, sans-serif;
	text-align: center;
}
div#column {
	width: 75%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	text-align: left;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

/* HLAVIČKA */

div#header {
	background: #69f url('gradient.png') top left repeat-x;
	width: 94%;
	height: 125px;
	margin: 0;
	padding: 0 3%;
	text-align: left;
}

div#header-container {
	position: relative;
	top: 60%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#header h1 {
	position: relative;
	top: -1em;
	left: 0;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
}

div#header span {
	font-size: 0.7em;
	text-transform: uppercase;
	position: absolute;
	top: 0.3em;
	left: 0;
}

div#header a {
	background: url('kdulogo.gif') top right no-repeat;
	width: 169px;
	height: 75px;
	position: absolute;
	top: -40px;
	right: 0;
}

div#header a span {
	display: none;
}

/* MENU */

div#menu{
	float: left;
	padding: 0 3%;
	background: #69f;
	width: 94%;
}

ul#navigation,
ul#navigation li{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#navigation li{
	float: left;
	margin-right: 2px;
	text-align: center;
}

ul#navigation a{
	background: #237 url('tab-other-left.png') no-repeat 0% -150px;
	text-transform: uppercase;
	color: #fff;
	display: block;
	text-decoration: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.4em;
}

ul#navigation a span {
	background: transparent url('tab-other-right.png') no-repeat 100% -150px;

	padding-right: 1.4em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

ul#navigation a.yellow {
	background: #ffe143 url('tab-yellow-left.png') no-repeat 0% -150px;
	text-transform: uppercase;
	color: #237;
	display: block;
	text-decoration: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.4em;
}

ul#navigation a.yellow span {
	background: transparent url('tab-yellow-right.png') no-repeat 100% -150px;

	padding-right: 1.4em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

ul#navigation a.yellow:hover {
	color: #fff;
}

ul#navigation a:hover {
	background-position: top left;
}

ul#navigation a:hover span {
	background-position: top right;
}

ul#navigation li.active a {
	color: #237;
	background: #fff url('tab-active-left.png') no-repeat 0% -150px;
}

ul#navigation li.active a span {
	background: transparent url('tab-active-right.png') no-repeat 100% -150px;
}

ul#navigation li.active a:hover {
	color: #fff;
	background-position: top left;
}

ul#navigation li.active a:hover span {
	background-position: top right;
}

/* OBSAH */

div#content {
	clear: both;
	width: 94%;
	margin: 0;
	padding: 2.5% 3% 2%;
}

div#content a:link,
div#content a:visited,
div#content a:active {
	color: #237;
	text-decoration: underline;
}

div#content a:hover {
	color: #69f;
	text-decoration: underline;
}

div#content h1,
div#intro h1 {
	color: #fff;
	background: #237;
	font-size: 1.5em;
	padding: 0.4em 0;
	margin: 0 0 0.5em 0;
	font-weight: bold;
	clear: both;
}

div#content h1 span,
div#intro h1 span {
	 padding: 0 1em;
}

div#content h2 {
	color: #912;
	background: #eee;
	font-size: 1.2em;
	padding: 0.4em 0;
	margin: 0 0 0.6em 0;
	font-weight: bold;
	clear: both;
}

div#content h2 span {
	 padding: 0 1.2em;
}

div#content h3 {
	color: #237;
	font-size: 1.1em;
	padding: 0;
	margin: 0 0 0.6em 0;
	font-weight: bold;
	clear: both;
}

div#content p {
	padding: 0;
	margin: 0 0 1em 0;
	text-align: justify;
}

div#content blockquote {
	padding: 0;
	margin: 0 3% 1em;
	background: #eee url('blockquote.png') top left no-repeat;
}

div#content blockquote.volby {
  min-height: 133px;
  height: auto !important;
  height: 133px;
  background: #eee;
}

div#content blockquote.volby p {
	padding: 10px 15px 10px 115px;
	margin: 0;
}

div#content blockquote.volby.pithart {
  background: #eee url('/profile/pithart.jpg') top left no-repeat;
}
div#content blockquote.volby.halik {
  background: #eee url('/profile/halik.jpg') top left no-repeat;
}
div#content blockquote.volby.paces {
  background: #eee url('/profile/paces.jpg') top left no-repeat;
}
div#content blockquote.volby.roithova {
  background: #eee url('/profile/roithova.jpg') top left no-repeat;
}
div#content blockquote.volby.bratinka {
  background: #eee url('/profile/bratinka.jpg') top left no-repeat;
}
div#content blockquote.volby.klener {
  background: #eee url('/profile/klener.jpg') top left no-repeat;
}
div#content blockquote.volby.sturma {
  background: #eee url('/profile/sturma.jpg') top left no-repeat;
}
div#content blockquote.volby.kroupa {
  background: #eee url('/profile/kroupa.jpg') top left no-repeat;
}
div#content blockquote.volby.svatosova {
  background: #eee url('/profile/svatosova.jpg') top left no-repeat;
}

div#content blockquote p {
	padding: 10px 15px 10px 60px;
	margin: 0;
}

div#content ul,
div#content ol,
div#intro ul
div#intro ol {
	padding: 0;
	margin: 0 3% 1em;
}

div#content ul li,
div#intro ul li {
	background: url('bullet.png') top left no-repeat;
	list-style-type: none;
	padding: 0 0 0 15px;
}

div#content ol li,
div#intro ol li {
	margin: 0 0 0 15px;
}

div#content img {
	border: 0;
}

div#content p img {
	float: left;
	padding: 0;
	margin: 0 1em 0.5em 0;
}

div#content p.pager {
	text-align: center;
	vertical-align: middle;
}

div#content p.pager a {
	text-decoration: none;
}

div#content p.answer {
	font-weight: bold;
	margin: 0;
}

div#content p.subheader {
	font-variant: small-caps;
	margin: -0.7em 0 0.5em;
}

div#content hr,
div#intro hr {
	color: #bbb;
	background: #bbb;
	height: 1px;
	width: 80%;
	margin: 0 auto 1em;
	text-align: center;
	border: 0;
}

div#content img.button {
	vertical-align: middle;
	height: 20px;
	width: 20px;
	border: 1px solid #bbb;
}

div#content a.active {
	font-weight: bold;
	font-size: 1.1em;
}

div#content p#error,
div#content p#ok {
	width: 100%;
	padding: 0.5em 0;
	margin: 0 0 0.5em 0;
	display: block;
	clear: both;
	text-align: center;
	font-variant: small-caps;
	font-size: 1.2em;
}

div#content p#error {
	background: #912;
	color: #fff;
}

div#content p#ok {
	background: #69f;
	color: #fff;
}

div#content form {
	margin: 0;
	padding: 0;
}

div#content label {
	float: left;
	clear: left;
	text-align: right;
	width: 10em;
	margin: 0.3em 0.4em 0.7em 0;
}

div#content form span {
	position: relative;
	top: 0.3em;
	left: 0.3em;
}

div#content input,
div#content textarea,
div#content select {
	float: left;
	clear: right;
	text-align: left;
	font: 13px arial, helvetica, verdana, tahoma, sans-serif;
	border: 1px solid #bbb;
	background: #eee;
	padding: 0.3em 5px;
	margin: 0 0 0.3em 0;
}

div#content input#name {
	width: 12em;
}

div#content textarea#text {
	width: 20em;
	height: 10em;
}

div#content .nolabel {
	border: 1px solid #bbb;
	position: relative;
	clear: both;
	float: none;
	display: block;
	margin: 0 0 0 10.3em;
}

div#content input.nolabel,
div#content input.submit {
	background: #237;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

div#content img.nolabel {
	border: 1px solid #bbb;
	margin: 0 0 0.3em 10.4em;
	height: 60px;
	width: 126px;
}

div#content input#code {
	width: 116px;
}

div#content form br {
	clear: both;
}

div#content fieldset {
	border: 1px solid #bbb;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
}

div#content fieldset.notop {
	border: 1px solid #bbb;
	padding: 0 0.5em 0.5em;
	margin: 0 0 0.5em 0;
}

div#content fieldset legend {
	font-size: 1em;
	font-weight: bold;
	color: #237;
	margin: 0 1em;
	padding: 0 0.5em;
}

/* FOTOGALERIE */

div#gallery1 ul,
div#gallery2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#gallery1 ul li,
div#gallery2 ul li {
	float: left;
	width: 95px;
	margin: 0 10px 10px 0;
	padding: 5px 0;
	background: #eee;
}

div#gallery1 ul li img,
div#gallery2 ul li img {
	display: block;
	width: 75px;
	height: 75px;
	margin: 0 10px;
	padding: 5px 0;
	border: 0;
}

/* PATKA */

div#footer {
	clear: both;
	margin: 0;
	padding: 1em 3%;
	width: 94%;
	color: #fff;
	background: #69f url('gradient-reverse.png') top left repeat-x;
	font-size: 0.7em;
}

div#footer p {
	display:block;
	margin: 0;
	padding: 0;
}

div#footer p.first {
	font-weight: bold;
	font-size: 1.2em;
}

div#footer a,
div#footer a:active,
div#footer a:visited,
div#footer a:hover {
	color: #237;
	text-decoration: none;
}

/* LIGHTBOX */

#lightbox {
	border: 1px solid #bbb;
	padding: 0;
	margin: 0;
}
#lightboxDetails {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 25px 0;
	padding:  5px 10px;
	background: url('transparent.png') top left repeat;
}
#lightboxCaption {
	text-align: left;
	float: left;
	padding: 0;
	margin: 0;
}
#keyboardMsg{
	float: right;
	padding: 0;
	margin: 0;
}
#keyboardMsg a,
#keyboardMsg a:hover {
	color: #237;
	text-decoration: none;
	font-weight: bold;
}
#lightbox img {
	border: none;
	margin: 0;
	padding: 0;
} 
#overlay img {
	border: none;
}
#overlay {
	background: url('overlay.png') top left repeat;
}

/* INDEX */

div#column-intro {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 720px;
}

div#intro h1 {
	text-align: left;
}

div#intro {
	margin: 15% 0;
	padding: 1em 1em 0;
	background: #fff;
	border: 1px solid #bbb;
	text-align: center;
}

div#intro img {
	/*float: left;  */
	padding: 0;
	margin: 0 1em 0.5em 0;
	width: 320px;
	height: 471px;
}

div#intro p {
	padding: 0;
	margin: 1em 0 0; 
	text-align: justify;
}

div#intro a:link.go,
div#intro a:visited.go,
div#intro a:active.go,
div#intro a:hover.go {
	clear: both;
	text-align: center;
	color: #237;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 0.66em 0;
	display: block;
}

div#intro a:link,
div#intro a:visited,
div#intro a:active,
div#intro a:hover {
	color: #237;
}


/* ROUNDED CORNERS */
/*
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}                   
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /##/:1px}
na poslednim radku misto # * */

div#intro h1,
div#content h1,
div#content h2,
div#content blockquote,
div#gallery1 li,
div#gallery2 li,
div#intro h1 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}