html, body, div, p, form, fieldset, h1, h2, h3, h4, h5, h6,  { margin: 0; padding: 0; list-style: none; }

body	  { font: normal 68.8%/1.3 Arial, Helvetica, sans-serif; }
a	  { text-decoration: underline !important; color: #0D5D7A; }
a:hover	  { color: #000;}

#stranka {
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom: 1px;
	width: 810px;
	border: 0px solid orange;
}

#paticka   { display: none; }
#oblibene  { display: none; }
.print_off { display: none; }


h1         { font-size: 2.0em; }
h2         { font-size: 1.7em; }
h3         { font-size: 1.4em; }
h4         { font-size: 1.1em; }
h5         { font-size: 0.8em; }
ul         { padding: 0 40px 20px 50px; list-style-type: square; }
li         { font-size: 1.0em; color: navy; margin-bottom: 3px; text-align: justify;}
input      { margin-top: 3px }

.skryty    { display: none; }
.pr	   { float: right !important; }
.pl	   { float: left !important; }
.justify   { text-align: justify; }
.center    { text-align: center; }
.bold      { font-weight: bold; }
.italic    { font-style: italic; }
.min       { color: red; font-weight: bold; }
.ok        { color: green; font-weight: bold; }
.max       { color: navy; font-weight: bold; }
..nadpis    { color: navy; font-size: 90%; font-weight: bold; margin: 5px 0 10px 0;}
.aktual    { text-align: left; font-size: 0.8em; text-indent: 30px; color: brown; padding-bottom: 10px; }
.date_o    { font-style: italic; color: red; }
.date_p    { font-style: italic; color: green; }
.case      { clear: both; margin: 10px 10px 10px 10px; border: 2px solid #E0D607; padding: 12px 6px; padding-left: 30px; background: #FDFAC1; border-radius: 3px; box-shadow: 3px 3px 4px #aaa;}
.alert     { font-weight: bold; color: red;}
.tlacitko  { background: #ddd; margin: 10px 5px 10px 5px; padding: 3px 10px 2px 10px; text-align: center; }
.small    { font-size: 85%; }

.t10	   { height: 35px; }
.b05	   { padding-left: 5px; }
.b10	   { padding-left: 10px; }
.b20	   { padding-left: 20px; }
.b30	   { padding-left: 30px; }
.b40	   { padding-left: 40px; }
.b50	   { padding-left: 50px; }

table             { border-collapse: collapse; width: 99%; margin: 0 0 10px 3px;}
table tr.add td,
table tr.add th   { border: 1px #d8d8d8 solid; padding-left: 6px; padding-right: 4px;}
table tr.line td,
table tr.line th  { border-bottom: 1px #d8d8d8 solid; padding-left: 10px; padding-right: 10px;}
table tr.even td,
table tr.even th  { padding-left: 10px;}
table .hd         { height: 35px;}
table .sd         { height: 25px;}

table th.marker     {background-color: #eee; color: #000; border: 1px #d8d8d8 solid; vertical-align: top; height: 45px; padding-left: 11px;}
table th.o          {background-color: orange;}
table th.r          {background-color: #ffcccc;}
table th.g          {background-color: green;}
table th.marker div {width: 0; font-size: .95m; writing-mode: tb-rl; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
table td.marker     {border: 1px #ddd solid; text-align: center;}

.graf   { width: 45px; vertical-align: bottom; padding: 5px 0px 3px 0px; }

/* nápověda */
span.tooltip { cursor: help; border-bottom:1px dotted #333; }
span.tooltip:hover { background: #fca; }
/* konec nápověda */

/* stránkování */
#paging_url strong { padding: 3px 15px 2px 15px; background-color: white ; border: 1px solid orange; }
#paging_url a { padding: 3px 15px 2px 15px; background-color: #eee ; border: 1px solid #2b66a5; }
#paging_url a:hover { background-color: lightyellow; border: 1px solid #2b66a5;}
/* konec stránkování */

/* kalendář */
#kalendar .col1     { float: left; width: 270px; border: 1px solid; margin: 5px 230px; padding: 10px; background: #fff; }
/* konec kalendář */

/* sloupcovy graf a znacky */
.card {width: 900px; height: 325px; position: relative; border:0px solid #4682b2;}
.back {position: absolute; width: 240px; height: 20px; top: 10px; left: 2px; z-index: 0;}
.cont {position: relative; width: 10px; height: 25px; float: left; border:0px solid #4682b2;}
.bar  {position: absolute; width: 9px; left: 0; z-index: 1;}
.mark {position: absolute; width: 8px; height: 8px; left:1px; z-index:2;}
.cena {position: absolute; width: 730px; height: 10px; left:2px; z-index:3; color: #4682b2; border:0px solid #4682b2;}

/* Boxes */
.case {
	clear: both;
	min-height: 150px;
	border: 2px solid #4682b2;
	margin: 15px 55px 25px 35px;
	padding: 12px 24px;
	background: #f0f0ff;
	border-radius: 4px;
	box-shadow: 3px 3px 4px #aaa;
        width: 300px;
}

.case-blue {
	clear: both;
	border: 2px solid #4682b2;
	margin: 5px 0 25px 0;
	padding: 12px 6px;
	background: #f0f0ff;
	border-radius: 4px;
	box-shadow: 3px 3px 4px #aaa;
}
.parents      { 
	clear: both; 
	width: 410px;
	margin: 10px 20px 10px 5px; 
	border: 1px solid #ccc; 
	padding: 5px 0 20px 20px; 
	background: white; 
	border-radius: 3px; 
	box-shadow: 2px 2px 5px #aaa;
}

.ancestor      { 
	clear: both; 
	width: 250px;
	margin: 10px 20px 10px 5px; 
	border: 1px solid #ccc; 
	padding: 5px 0 20px 30px; 
	background: white; 
	border-radius: 3px; 
	box-shadow: 2px 2px 5px #aaa;
}
.descendant    { 
	clear: both;
	margin: 10px 20px 10px 15px; 
	border: 1px solid #ccc; 
	padding: 5px 0 20px 30px; 
	background: white; 
	border-radius: 3px; 
	box-shadow: 2px 2px 5px #aaa;
}
/* konec Boxes */