/* Web jankovice.net   @   http://www.jankovice.net */
/* Autor Jiří Bureš    @   http://www.jiribures.cz */
body
	{ color: #333; background-color: #dbe2f1;
	font: normal small "Segoe UI", Trebuchet, "Geneva CE", lucida, sans-serif;
	text-decoration: none; text-align: left;
	line-height: 100%;
	padding: 0; border: none;
	margin: 0 0 0 0;
	border-top: 5px solid #8dc270;
	/* border-bottom: 2px solid #3F6FBB; */
	background: url('images/bg-body.png') no-repeat top center #DBE2F1; }

/* POZICOVÁNÍ */
#kontejner {
	width: 750px;
	margin: 0 auto;
	border: 1px solid transparent; /* Pokud není, tak FF a O kašle na position: relative */
	position: relative; }

#header { box-shadow: 0 8px 6px -6px gray;
	background: url('images/bg-header.gif') no-repeat 25px 10px #3F6FBB;
	margin-top: 45px;
	border-top: 5px solid #FFF;
	border-bottom: 1px solid #2f548d;
	height: 105px;
	clear: both; }

#obsah {
	width: 750px;
	margin: 0 auto; margin-top: 25px;
	padding: 2em 0;
	position: relative;
	background-color: #FFF; }

/* Dvousloupcový layout */
#obsah {
	padding: 0;
	text-align: left;
	background: url('images/bg-obsah.gif') repeat-y top left; }

/* Levá navigace */
#navigace { 
	float: left;
	width: 223px;
	margin: 0; padding: 0;
	background-color: #8dc270; }

#navigace-obsah {
	margin: 0; padding: 0.5em 1em; }

/* Hlavní oblast (pravý sloupec) */
#hlavni {
	margin: 0 0 0 235px; 
	padding: 0; }

#hlavni-obsah {
	margin: 0; 
	padding: 0.5em 1em; }

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

#logo { float: left; padding: 0; }
#logo span {
	color: #FFF; font-size: 14px; font-weight: bold;
	width: 300px; height: 28px;
	padding-top: 2px;
	position: absolute; top: 38px; left: 250px;
	z-index: 100; }

#global, #pata {
	color: #335D99;
	font-size: 90%; letter-spacing: 0.07em; }

#global {
	background-color: transparent;
	position: absolute;
	top: 15px; right: 0;
	height: 1.5em; line-height: 1.5em;
	padding-bottom: 2px;
	text-align: right; }

#pata {
	background: url('images/bg-pata.jpg') no-repeat top right transparent;
	height: 95px;
	text-align: center;
	margin: 0;
	padding-top: 2em; padding-bottom: 2px;
	clear: both; }

/* Další styly */
#header h1 {
	color: #FFF;
	font-size: 140%; font-weight: bold;
	margin: 20px 0 0 250px;
	text-align: left; }
#header h1 {
	width: 220px; 
	height: 54px; 
	position: relative; }

#header h1 span { 
	background: url('images/bg-jankovice.gif') no-repeat; 
	position: absolute; 
	width: 100%; height: 100%; }

#header p {
	color: #FFF;
	font-weight: normal; letter-spacing: 0.07em;
	margin: 0 0 0 245px;
	padding: 0;
	text-align: left; }
p#drobeckova {
	line-height: 120%; height: 120%;
	margin-top: 0.5em;
	padding-bottom: 2px; }

#obsah h1, #obsah h2, #obsah h3 {
	color: #3F6FBB; background-color: transparent;
	font-weight: normal; letter-spacing: 0.07em;
	margin-top: 1em;
	line-height: 120%; }

#obsah h1 {
	font-size: 190%; }

#obsah h2 {
	font-size: 150%;
	margin-top: 2em; }

#obsah h3 {
	font-size: 130%;
	margin-top: 2em; }

#novinky h2 {
	font-weight: normal;
	font-size: 120%;
	margin-top: 1em; line-height: 100%; }
#novinky p {
	line-height: 140%;
	letter-spacing: 0.03em; word-spacing: 0.1em; }
#novinky p.datum {
	line-height: 140%;
	letter-spacing: 0.1em; word-spacing: -0.05em;
	float: left;
	display: block;
	padding-right: 2em; padding-bottom: 1em; }

#obsah p {
	line-height: 140%; }

#obsah div.hr {
	width: 99%; height: 1px;
	margin: 1.5em 0 1em 0;
	background-color: #0054A6; }
#obsah div.hr hr { display: none; }

/* Obecné styly */
address { font-style: normal;
	line-height: 140%; }

blockquote {
	background: url('images/bg-uvozovky.png') #FFF no-repeat left top;
	padding: 15px 0 0 35px; margin: 0 0 1em 1em; }

dt {
	/* color: #555; */
	font-weight: bold;
	color: #3F6FBB; font-weight: normal;
	letter-spacing: 0.1em; word-spacing: 0.15em;
	margin-top: 1.5em; }
dl.tn { /* width: 470px; */ overflow: auto; }
dl.tnf { width: 230px; }
dl.tn dt img, dl.tnf dt img {
	float: left;
	margin: 0 1em 1em 0;
	border: 1px solid #2F548D; }
dl.tn dt, dl.tnf dt {
	clear: left; }
dd {
	line-height: 140%;
	margin-top: 0.3em;
	margin-left: 2em;}
dd.date {
	/* color: #000; */
	margin-top: 0.85em; padding-left: 20px;
	background: url("images/bg-dd-date.png") no-repeat 0 center; }
dl.tn dd {
	margin-left: 90px; }
dl.tnf dd {
	color: #666;
	font-size: 90%;
	line-height: 140%;
	margin-top: 0.6em; }


img { border: none; }

li { line-height: 140%; }
#hlavni ul {
	margin-left: 0; padding-left: 2.5em; }
#hlavni li { /* list-style-type: circle; */
	display: list-item; list-style: none;
	padding: 0 0 0 14px;
	margin: 3px 0;
	background: url("images/li.png") no-repeat 0 0.55em; }

q { font-style: italic; }
q:before {content: "„";}
q:after {content: "“";}

strong {
	color: #555;
	letter-spacing: 0.06em; }

/* Klasy */
.c { text-align: center; }
span.date {
	/* font-size: 80%; */
	display: inline-block; width: 6em;
	color: #666; }
.fl {
	float: left;
	margin-right: 20px;
}
.fr {
	float: right;
	margin-left: 20px;
}
.fl span, .fr span {
	display: block;
	margin-top: 5px;
	text-align: center;
	font-size: 85%;
}

.hideme { display: none; }
img.obr {
	border: 1px solid #2f548d;
	box-shadow: 0 8px 6px -6px gray;
	padding: 0;
	/* margin-top: 1em; margin-bottom: 0; */
	margin: 1em 2px 0 2px; }
.fl img.obr, .fr img.obr {
	margin-top: 0; }
.refs {
	font-style: normal; font-size: 85%;
	line-height: 100%; text-align: center;
	margin-top: 0; margin-bottom: 2em }


/* FORMULÁŘE */
/* Kontaktní formulář */
#eml, #cmt {
	border: 1px solid #dbe2f1;
	padding: 3px 3px 0 3px;
	min-height: 20px;
	-moz-box-shadow: inset 1px 2px 3px rgba(225,225,225,0.4);
	-webkit-box-shadow: inset 1px 2px 3px rgba(225,225,225,0.4);
	box-shadow: inset 1px 2px 3px rgba(225,225,225,0.4); }
#eml:focus, #cmt:focus {
	border: 1px solid #becce6; }
#hlavni-obsah input[type="submit"] {
	padding: 0.5em 1em 0.3em 1em;
	letter-spacing: 0.1em; }

/* Vyhledávací formulář */
#navigace form, #navigace address {
	margin: 20px 0 10px 0;
	padding: 0 0 1em 0.5em;
	line-height: 150%; }
#navigace address { margin-top: 2em; }
#navigace label { display: none; }
#navigace input[type="text"] {
	width: 150px; height: 20px;
	padding: 3px 3px 0 3px;
	margin-right: -2px;
	border: 1px solid #5B903E;
	-moz-box-shadow: inset 1px 2px 3px rgba(125,125,125,0.4);
	-webkit-box-shadow: inset 1px 2px 3px rgba(125,125,125,0.4);
	box-shadow: inset 1px 2px 3px rgba(125,125,125,0.4); }
#navigace input[type="submit"] {
	width: 24px; height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: #76B553 url('images/bg-search-button.png') no-repeat top right;
	line-height: 0; }
#navigace input[type="submit"]:hover {
	background: #76B553 url('images/bg-search-button.png') no-repeat bottom right; }


/* Tabulky */
table.tbl {
	background-color: #F1F4F9;
	border-collapse: collapse;
	letter-spacing: 0.04em;
	font-size: 90%; }
/* table.tblist {
	background-color: #FFF;
	border-collapse: collapse; } */

table.tbl th, table.tbl caption {
	background: #DBE2F1 url('images/bg-tbl-th.png') repeat left top; }
table.tbl td, table.tbl th {
	border: 1px solid #FFF; padding: 0.75em 0.75em 0.5em 0.75em; }

/* table.tblist td, table.tblist th {
	border-bottom: 1px solid #0054A6;
	padding: 0.25em; padding-top: 0.5em;
	vertical-align: top; } */

table.tbl caption {
	border: 1px solid #FFF;
	padding: 0.75em; padding-bottom: 0.5em;
	text-align: left;
	letter-spacing: 0.1em;
	width: auto;
	font-weight: bold; }
table.tbl th {
	text-align: center; vertical-align: top;
	font-weight: normal; }
table.tbl th.prvni {
	text-align: left; }
table.tbl .bg {
	background-color: #C0DEF0; }

table.tblud td {
	text-align: right; }


/* Odkazy */
/* link, visited, hover, active */
a {
	color: #4E7B35;
	text-decoration: none;
	border-bottom: 1px solid #b5d7a1; }
a[href^="images/"] { /* Odkazy na obrázky nbez podtržení */
	border-bottom: none; }

#hlavni a:hover, /* #hlavni-titulka a:hover */ {
	border-bottom: 2px solid #609741; }

#global a, #drobeckova a, #pata a {
	padding: 0 /* 0.5em */;
	margin: 0 0.5em }
#global a {
	padding: 15px 3px 1px 3px; }

#global a, #pata a {
	color: #335D99; /* #4672C1; - nevyhovující nízký kontrast */
	text-decoration: none;
	border-bottom: 1px solid #b0c1e0; }
#global a:hover, #pata a:hover {
	color: #192d4b;
	border-bottom: 2px solid #3c6eb4; }
#global a[href="index.htm"] {
	border-bottom: 2px solid #3c6eb4; }

#drobeckova a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #b0c1e0; }
#drobeckova a:hover {
	border-bottom: 2px solid #cdd8eb; }

#header h1 a {
	color: #FFF; }
a.externi {
	background: url('images/a-externi.gif') no-repeat top right;
	padding-right: 9px;
	white-space: nowrap; }

a.pagi {
	/* float: left; */
	display: inline-block; width: 200px; height: 133px;
	line-height: 133px;
	color: #666; font-size: 160%;
	border: 1px solid #CCC; background-color: #DDD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#dddddd');
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(220,220,220)), color-stop(0.69, rgb(240,240,240)));
	background-image: -moz-linear-gradient( center bottom, rgb(220,220,220) 0%, rgb(240,240,240) 69%);
	padding: 50px auto; margin: 50px 4px 20px; }

a.pagi:hover { color: #4E7B35; border-bottom: 1px solid #CCC;}


/* Pohyb po odkazech pomocí klávesnice */
a:focus {
	background-color: #feff7b;
	outline: #feff7b solid medium; }
#drobeckova a:focus {
	color: #000; }

a.skipmenu {
     position: absolute;
     top: -80px;
     z-index: 0; }
a.skipmenu:focus, a.skipmenu:active {
     z-index: 2;
     background: #FFF; }

/* Kontextové menu */
ul#menu {
	list-style: none;
	padding: 0; border: none; margin: 0 auto 0.5em auto;
	font-size: 75%;
	width: 200px; _width: 95%;
	color: #000; background-color: transparent;
	font-weight: bold; }
ul#menu li ul {
	list-style: none;
	margin-left: -20px; }
ul#menu li {
	margin: 0;
	border-bottom: 1px solid #8dc270; }
/* ul#menu li.zde {
	background-color: white; } */
ul#menu li a {
	display: block; padding: 2px 1em; _padding: 2px 0 2px 3px;
	background-color: transparent;
	font-size: 120%;
	text-decoration: none; width: 100%;
	height: 2em; line-height: 2em }
ul#menu li a {
	color: #233818;
	font-weight: normal; }
ul#menu li.top a {
	font-weight: bold; }
html>body ul#menu li a {
	width: auto; }
ul#menu li a:hover {
	text-decoration: none;
	color: #000;
	background-color: #A4CE8C; }