@import url(content.css);

body {
	font-family: Tahoma, Arial, sans;
	background-color: white;
	color: black;
	font-size: 80%;
}

.page {
	max-width: 1250px;
	min-width: 900px;
	margin: auto;
}

.headertopleft {
	padding: 10px;
	background-color: #FFE500;	
	margin-bottom: 6px;
	left: 0px;
}

.headertopright1, .headertopright2 {
	right: 0px;
	margin-bottom: 6px;
	width: 200px;
	height: 100px;
	background-color: #FFE500;
}

.headertopright1 {
	margin-left: 15px;
}

.headertopright2 {
	margin-left: 6px;
}

.headerbottomleft {
	background-color: #C9F001;
	margin-bottom: 6px;
	padding: 10px ;
	width: auto;
}

.headerbottomright1, .headerbottomright2 {
	background: url('orange-right-down-12-over-green.png') #C9F001 no-repeat bottom right;
	width: 190px;
	height: 52px;
	margin-bottom: 6px;
	margin-top: 0;
	padding: 5px;
}

.headerbottomempty {
	background: #C9F001;
}

.headerbottomright1 {
	margin-left: 15px;
}

.headerbottomright2 {
	margin-left: 6px;
}

.headerBannerText {
	bottom: 0;
	margin: 2px;
/*
	float: right;
	display: block;
	color: black;
	text-overflow: hidden;
	text-overflow: ellipsis;
	line-height: 95%;
	position: relative;
*/
	color: black;
	text-overflow: hidden;
	text-overflow: ellipsis;
	line-height: 120%;
	/*font-size: 16px;*/
	/*font-weight: bold;*/
	text-decoration: none;
}

.headerBannerText:hover {
	text-decoration: underline;
}

.headerBannerText .sipka {
	position: absolute;
	right: 0;
	bottom: 0;
}

.headerID {
	padding: 0 0 0 10px;
	font-size: 3.5ex;
	font-weight: bold;
	font-variant: small-caps;
}

.headerID a, .headerID a:visited {
	color: black;
	text-decoration: none;
}


.footer {
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.footer1 {
	font-size: 90%;
	color: #7B7D7B;
	border-top: 1px solid #FF9900;
	width: 100%;
	margin: 0.5em 0 0 0;
	padding-top: 5px;
}

.content, .footer2 {
	margin-left: 35ex;
}

.content, .footer2 {
	text-align: left;
}

.content p, .content li {
	line-height: 130%;
}

.left {
	width: auto;
	margin-right: 206px;
}

.right {
	float: right;
	width: 200px;
	background-color: white;
}

.firstPage .left {
	margin-right: 421px;
}

.firstPage .right {
	width: 406px;
}

.firstPage .left h1, .firstPage .right h1, .partneri h2, .firstPage h2, .firstPage h2, .firstPage h3, .firstPage h3 {
	/*font-variant: small-caps;*/
	text-transform: uppercase;
}

.firstPage .left h1, .right h1, .partneri h2 {
	background-color: #FF9900;
	margin: 2em 0 0 0;
	padding: 1px 2px;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.firstPage h2, .firstPage h2 {
	font-size: 140%;
	font-weight: bold;
	border-top: 2px solid #FF9900;
	padding-top: 1em;
	margin-top: 2em;
	margin-bottom: 5px;
}

.firstPage .title {
	background-color: #C9F001;
	margin: 2em 0 2em 0;
	padding: 1px 2px;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.firstPage .title a, .firstPage .title a:visited {
	color: black;
}

.firstPage .shortTitle {
	margin-bottom: 1em;
}

.firstPage .shortTitle+h1 {
	margin-top: 1em;
}

.right h4 {
	background-color: #FF9900;
	margin: 1ex 0 0 0;
	padding: 1px 2px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
}


.firstPage h1+h2, .left h2:first-child, .right h2:first-child, .firstPage .title:first-child {
	border-top: none;
	margin-top: 0;
}

.firstPage h1 a, .firstPage h2 a {
	color: black;
	text-decoration: none;
}

.left h1:first-child, .right h1:first-child {
	margin-top: 15px;
}

.left h3, .right h3 {
	font-size: 125%;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 5px;
}

.left h6, .right h6 {
	font-size: 100%;
	margin: 0.5em 0px 0px 0px;
}

.odkaz, .logo {
	text-align: center;
}

.partneri {
	padding-right: 15px;
}

.logo {
	margin-bottom: 1em;
}

.left .odkaz img, .right .odkaz img {
	width: 100%;
	max-width: 418px;
	border: none;
	margin: 3px 0;
}

.left dd, .right dd {
	margin-left: 3ex;
}

#menu {
	float: left;
	width: 35ex;
}

ul.menu {
	display: block;
	margin: 0;
	padding: 0 15px 0 0;
}

ul.menu li {
	display: block;
	margin: 0;
	margin-bottom: 3px;
}

ul.menu ul.menu {
	margin-top: 3px;
}

ul.menu .space {
	margin-top: 5px;
}

ul.menu a {
	text-decoration: none;
	color: black;
}

ul.menu a:visited {
	color: black;
}

ul.menu .ostatni a, ul.menu .ostatni a:visited {
	color: black;
}

ul.menu .block {
	display: block;
	padding: 5px 24px 5px 5px;
	background-color: #FF9900;
	color: black;
	min-height: 24px;
}

ul.menu ul.menu .block {
	background-color: #FFE500;
}

ul.menu .ostatni .block {
	background-color: #C9F001;
	color: black;
}

ul.menu a .item, ul.menu a.item {
	display: block;
	font-weight: bold;
	color: black;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	margin-bottom: 2px;
	font-size: 120%;
}

ul.menu .ostatni .block a .item, ul.menu .ostatni .block a.item{
	color: black;
}


ul.menu a:hover .item, ul.menu a:hover.item, h1 a:hover, h2 a:hover {
	text-decoration: underline;
}

ul.menu .popis {
	font-size: 85%;
	padding: 0;
}

ul.menu ul.menu {
	padding: 0;
}

#menu .link, #menu .subMenu {
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

#menu .subMenu {
	cursor: pointer;
	background-image: url(black-up-24.png);
}

#menu .close {
	background-image: url(black-down-24.png);
}

#menu .link {
	background-image: url(black-right-down-24.png);
}

#menu .ostatni .close {
	background-image: url(black-down-24.png);
}

#menu .ostatni .subMenu {
	background-image: url(black-up-24.png);
}

#menu .ostatni .link {
	background-image: url(black-right-down-24.png);
}

#menu hr {
	border: none;
	border-top: 2px solid #FF9900;
}

a {
	color: #A63F00;
}

a:visited {
	color: #BF6730;
}

ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-image: url("orange-right-12.png");
}

p:first-child, .datum+p, .odkaz+p, .profese+p {
	text-indent: 0;
}

/*
.right .right0 {
	max-width: 500px;
	margin-left:10px;
	padding-left:10px;
}
*/
.right0 h1:first-child {
	margin-top: 0px;
}

blockquote {
	margin: 3ex 0;
	padding: 0;
	border: 1px dotted silver;
	background: #F8F8F8 url(uvozovky-pocatecni.png) no-repeat scroll left bottom;
}

blockquote > div {
	padding: 0 7%;
	background: url(uvozovky-koncove.png) no-repeat scroll right top;
}

.cleaner {
	clear: both;
	visibility: hidden;
}

.cleanerL {
	clear: left;
	visibility: hidden;
}

.cleanerR {
	clear: right;
	visibility: hidden;
}

img {
	border: none;
}

hr {
	border: none;
	border-top: 2px solid #FF9900;
}

.center {
	text-align: center;
}

.TARight {
	text-align: right;
}

p {
	text-align: justify;
	margin: 0;
	text-indent: 2em;
}

p.indent {
	text-indent: 2em;
}

h1 + p, h2 + p {
	text-indent: 0;
}

p.datum {
	line-height: 100%;
}

.youtube {
	text-align: center;
	margin-top: 1ex;
}

* {
	quotes: "\201E" "\201C" "\201A" "\2018" "\00BB" "\00AB" "\203A" "\2039";
}

q:before {
	content:open-quote;
	margin-right:0.1ex;
}

q:after {
	content:close-quote;
	margin-left:0.1ex;
}

ins {
	color: #87A000;
	font-weight: bold;
	text-decoration: none;
}

ins a {
	color: #87A000;
}

ins a:visited {
	color: #A3B92E;
}

dt {
	font-weight: 600;
}

form {
	width: 30em;
}

form br {
	display: none;
}

input, textarea {
	width: 20em;
	margin: 0 0 1ex 0;
}

label {
	width: 5em;
	float: left;
}

table.signatari {
	margin: auto;
	border-collapse: collapse;
}

table.signatari td, table.signatari th {
	border: 1px solid silver;
}

table th {
	background-color: #FF9900;
}

table .row1 {
	background-color: white;
}

table .row2 {
	background-color: #FFFCE6;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 130%;
}

h4 {
	font-size: 115%;
}

.strong {
	font-weight: bold;
}

.obsah ul {
	margin-left: 5px;
}

.obsah {
	margin-bottom: 1em;
}

.perex strong {
	color: #A63F00;
}

.profese {
	text-indent: 0;
	font-style: italic;
	margin: 0.5em 0;
}

h2.jmeno {
	margin-bottom: 0;
}

img.leftPortret {
	margin: 0 10px 10px 0;
}

img.rightPortret {
	margin: 0 0 10px 10px;
}

div.odpovedImg {
	min-height: 200px;
}

.autor {
	text-align: right;
	font-style: italic;
}