body {
	margin: 0;
	padding: 0;
	font: 100%/1.4 Calibri, 'Microsoft Sans Serif', sans-serif;
	background: #889ba0 url('img/hdr_bkgr.png') top center repeat-x;              /*     #F1E1C4           */
	color: black;
	border-bottom: 10px solid #24363b;                                 /*       15px solid #FFB515;    */
	}
.hide, h1 em {
	display: none;
	}
a {
	color: #c00;
	text-decoration: underline;
	}
a[href^=http] {
	padding-right: 20px;
	background: url('img/link-ut.gif') top right no-repeat;
	}
a[href^=mailto] {
	padding-right: 20px;
	background: url('img/dopis.gif') top right no-repeat;
	}
a:visited {
	color: #966;
	}
a:hover {
	background-color: #889ba0;        /*    #FFF5E0;     */
	}
abbr {
	border-bottom: 1px dotted #966;
	cursor: help;
	}
p {
	margin: 0.5em 0;
	}
h4 {
	margin: 1.5em 0 0.5em 0;
	}
ul, ol {
	margin: 0.75em 0 0.75em 1em;
	padding: 0;
	}
li {
	margin: 0.33em 0 0.33em 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: square;
	}
dl {
	font-size: 90%;
	}
dt {
	float: left;
	clear: left;
	width: 8.5em;
	margin: 0;
	padding: 0.7em 0 0 0;
	font-weight: bold;
	text-align: right;
	}
dd {
	margin: 0 0 0 9em;
	padding: 0.7em 0 0 0;
	}
input, select, button {
	font-size: 100%;
	vertical-align: middle;
	}
table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	}
th, td {
	vertical-align: middle;
	}
.right {
	text-align: right;
	}
.fotoleft {
	float: left;
	margin: 0.3em 1em 1em 0;
	}
#main {
	position: relative;
	width: 850px;					/* 780px   */
	margin: 0 auto;
	padding: 150px 0 0 0;                        /*      206px 0 0 0;      */
	background: #d1dadd url('img/hdr.png') top center no-repeat;            /*   #FFF5E0     podklad    */
	}
h1 {
	position: absolute; top: 0; left: 0;
	width: 720px; height: 150px;            /* width: 670px;   height: 205px  */
	margin: 0;
	background: transparent url('img/jirina.png') bottom right no-repeat;
	}
h1 a, h1 a:hover {
	display: block;
	width: 280px;
	height: 100%;
	text-decoration: none;
	background: transparent;
	}
#content {
	margin: 0 30px 0 160px; padding: 1px 0;    /*    0 90px 0 165px;     ?  pravy  ?   levy */
	min-height: 600px;                        /* min-height: 440px    spodni kraj   */
	background: #d1dadd url('img/jirina_refl.png') 380px 0px no-repeat;   /*  white    274px 0 no-repeat;   */
	color: #24363b;     	/*       #2B516D;       pismena  */
	border: 0px solid red;	
	font-size: 95%;
	}
#content hr {
	margin: 1em 0; padding: 0;
	height: 1px;
	border: none;
	border-top: 1px dotted #999;
	}

/* @group menu */
#menu {
	position: absolute; top: 230px; left: -14px;
	width: 160px;
	margin: 0; padding: 0;
	list-style-type: none;
	}
#menu li {
	height: 2em;
	margin: 0; padding: 1px 7px 1px 14px;
	list-style-type: none;
	background: url('img/menus.png') -200px 50% no-repeat;
	font-size: 100%;
	}
#menu li.sel {
	background-position: 0 50%;
	}
#menu a {
	display: block;
	height: 100%;
	margin: 0; padding: 0 15px;
	background: #F2D39A;
	color:#333;
	text-decoration: none;
	text-align: left;
	line-height: 2em;
	}
#menu a:hover,
#menu #collapse a:hover,
.submenu a:hover,
#lang-menu a:hover {
	background: #c1c8cb;
	color: black;
	}
#menu .sel a, .submenu .sel a {
	background: #5E7889;
	color: white;
	}
#menu #collapse {
	height: 1.667em;
	margin-top: 7px;
	font-size: 75%;
	}
#menu #collapse a {
	background: #889ba0;         /*      #F1E1C4;    */
	line-height: 1.667em;
	}
/* @end */

/* @group submenu */
.submenu {
	position: absolute; top: 80px; left: 572px;                 /*    top: 100px; left: 449px;   */
	width: 132px;                                               /*  180px       132px */
	margin: 0; padding: 0;
	list-style-type: none;
	}
.submenu li {
	height: 1.667em;
	margin: 0; padding: 1px 14px 1px 7px;
	list-style-type: none;
	background: url('img/menus.png') -600px 50% no-repeat;                 /*   -600px 50% no-repeat   */
	font-size: 75%;
	/*  border: 1px solid red; */
	}
.submenu li.sel {
	background-position: -400px 50%;				/*     -400px 50%    */
	}
.submenu a {
	display: block;
	height: 100%;
	margin:0; padding: 0 0.75em;
	background: #F2D39A;
	color:#333;
	text-decoration: none;
	text-align: right;
	line-height: 1.667em;
	/*  border: 1px solid black;  */
	}
/* @end */

/* @group langmenu */
#lang-menu {
	position: absolute; top: 165px; left: 700px;
	margin: 0; padding: 0;
	width: 100px;
	list-style-type: none;
	}
#lang-menu li {
	height: 1.667em;
	margin: 0; padding: 1px 20px 1px 0;
	list-style-type: none;
	background: url('img/menus.png') -800px 50% no-repeat;     
	font-size: 70%;
	}
#lang-menu a {
	display: block;
	padding: 0 1em;
	background: #F2D39A;                         /*   #F2D39A;   */
	color:#333;									/*     #333;    */
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.667em;
	}
/* @end */

/* @group chapter */
.chapter {
	position: relative;
	margin: 0;
	padding: 50px 120px 30px 40px;
	}
.chapter.nomenu {
	padding-left: 50px;
	padding-right: 40px;
	}
.subchapter {
	margin: 0 0 2em 0;
	}
.chttl {
	margin: 0 0 0.5em 0;
	}
.subchttl {
	margin: 0 0 0.5em 0;
	font: bold 200%/1.1 Cambria, Palatino, serif;     /*   bold 200%/1.1 Cambria, Palatino, serif;   */
	letter-spacing: -1px;
	}
.perex {
	font-size: 100%;
	font-weight: bold;
	}
.pict {
	position: relative;
	width: 560px; 
	height: 380px;
	left: -40px;
	
	}	
.note {
	margin: 0.3em 0 0.6em 0;
	font-size: 85%;
	line-height: 1.1;
	}
li.hl-on {
	}
li.hl-off,
li.hl-off a {
	color: #828f98;
	}
/* @end */

#footer {
	position: absolute; bottom:0; left: -80px;
	width: 180px; height: 150px;
	background: url('img/tabule.gif') bottom center no-repeat;
	}
#copyright {
	display: none;
	}
	
	
	
#quote1 {
	position: absolute; top:5px; left: 8px;
	width: 160px; height: 30px;
	margin: 0;
	font-family: "Indie Flower";
	font-size: 90%;
	color: #ababab;
	line-height: 60px;
	text-align: center;
	letter-spacing: 2px;
	font-style: italic;
	font-weight: bold;
	}
#quote2 {
	position: absolute; top:30px; left: 8px;
	width: 160px; height: 30px;
	margin: 0;
	font-family: "Indie Flower";
	font-size: 90%;
	color: #ababab;
	line-height: 60px;
	text-align: center;
	letter-spacing: 2px;
	font-style: italic;
	font-weight: bold;
	}
#datum {
	position: absolute; top:60px; left: 8px;
	width: 160px; height: 30px;
	margin: 0;
	font-family: "Indie Flower";
	font-size: 120%;
	color: #ababab;
	line-height: 60px;
	text-align: center;
	letter-spacing: 2px;
	font-style: italic;
	font-weight: bold;
	}