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; }
.nadpis    { font-size: .98em; margin: 10px 0px 15px 20px !important; color: #000; }
.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: .8em; padding: 0 3px; }

.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 .w300       { width: 260px; }
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; }

/* rodokmen */
#rodokmen	    { font-size: 1.0em; color: #000; }
#rodokmen .kraj     { float: left; width: 800px; border: 0px solid; margin: 5px 4px; background: #eee; }
#rodokmen .col1     { float: left; width: 133px; height: 170px; border: 1px solid; margin: 5px 10px; background: #fff; }
#rodokmen .col1a    { float: left; width: 161px; height: 170px; border: 1px solid; margin: 5px 10px; background: #fff; }
#rodokmen .col2     { float: left; width: 130px; height: 170px; border: 1px solid; margin: 5px 10px; background: #fff; }
#rodokmen .col3     { float: left; width: 780px; border: 1px solid; margin: 5px 10px; background: #fff; }
#rodokmen .obec     { float: left; width: 720px; height: 165px; border: 0px solid; margin: 0 10px; background: #fff; }
#rodokmen img       { padding: 0; }
#rodokmen .text1    { padding: 3px 0 5px 0; text-align: center; }
#rodokmen .text2    { padding: 17px 0 3px 0; text-align: center; }
#rodokmen .text3    { font-size: 1.3em; padding: 0 0 0 20px; color: green; }
#rodokmen .text     { padding: 5px 0 10px 20px; }
#rodokmen .url1     { padding: 0 0 0 200px; font-weight: bold; }
#rodokmen .url2     { padding: 0 0 0 200px; font-weight: bold; }
#rodokmen .url_next { padding: 6px 50px 6px 15px; background: #fff url('../img/ico/ico-next.png') right no-repeat;}
#rodokmen .url_prev { padding: 6px 15px 6px 50px; background: #fff url('../img/ico/ico-prev.png') left no-repeat;}
#rodokmen .detective { padding: 6px 40px 6px 0; background: #fff url('../img/ico/ico-detective.png') right no-repeat;}
#rodokmen .next     { padding: 6px 40px 6px 0; background: #fff url('../img/ico/ico-next.png') right no-repeat;}
#rodokmen .broken   { padding: 6px 40px 7px 0; background: #fff url('../img/ico/ico-broken.png') right no-repeat;}
#rodokmen .live     { padding: 6px 40px 6px 0; background: #fff url('../img/ico/ico-live.png') right no-repeat;}
#rodokmen .kriz     { padding: 8px 40px 8px 0; background: #fff url('../img/ico/ico-kriz.png') right no-repeat;}
#rodokmen .birt     { padding: 9px 40px 9px 0; background: #fff url('../img/ico/ico-birt.png') right no-repeat;}
#rodokmen .otec     { font-weight: bold; color: black; }
#rodokmen .syn      { font-size: 1.4em; font-weight: bold; color: navy; padding: 0 5px;}
#rodokmen .red      { font-weight: bold; color: red; }
#rodokmen .green    { font-weight: bold; color: green; }
#rodokmen .blue     { font-weight: bold; color: #035988; }
#rodokmen .navy     { font-weight: bold; color: navy; }
#rodokmen .black    { font-weight: bold; color: black; }
#rodokmen .orange   { font-weight: bold; color: orange; }
/* konec rodokmen */

/* 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ář */

#m		{ width: 40px; height: 15px; text-align: center; color: #eee }
#m .m_par	{ position: relative; top:-200px; left: 460px; background-color: navy; border: 1px solid #000;}
#m .m_vys	{ position: relative; top:-140px; left: 410px; background-color: navy; border: 1px solid #000;}
#m .m_jim	{ position: relative; top:-126px; left: 500px; background-color: green; border: 1px solid #000;}
#m .m_ust	{ position: relative; top:-362px; left: 195px; background-color: navy; border: 1px solid #000;}
#m .m_lib	{ position: relative; top:-420px; left: 300px; background-color: red; border: 1px solid #000;}
#m .m_praha	{ position: relative; top:-380px; left: 245px; background-color: red; border: 1px solid #000;}
#m .m_jic	{ position: relative; top:-230px; left: 260px; background-color: red; border: 1px solid #000;}
#m .m_kar	{ position: relative; top:-440px; left: 70px; background-color: red; border: 1px solid #000;}
#m .m_krh	{ position: relative; top:-500px; left: 370px; background-color: red; border: 1px solid #000;}
#m .m_mor	{ position: relative; top:-410px; left: 650px; background-color: red; border: 1px solid #000;}
#m .m_olo	{ position: relative; top:-450px; left: 565px; background-color: green; border: 1px solid #000;}
#m .m_plz	{ position: relative; top:-445px; left: 170px; background-color: green; border: 1px solid #000;}
#m .m_str	{ position: relative; top:-520px; left: 300px; background-color: green; border: 1px solid #000;}
#m .m_zli	{ position: relative; top:-440px; left: 600px; background-color: green; border: 1px solid #000;}
#m .m_jine	{ position: relative; top:-400px; left: 700px; background-color: red; border: 1px solid #000;}

/* Boxes */
.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;
}

.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 */