/* ===============================================  G L O B A L  =============================================== */
body						{ margin: 0; padding: 0; background: url(/images/bg-body.jpg) no-repeat right top #fff; }
body, td, th,
input, textarea, select		{ font: 62.5% Tahoma, "Lucida Grande CE", lucida, sans-serif;; }
img, fieldset				{ border: 0 solid; }
h6, h5, h4, h3, h2, h1, p,
ul, ol, li, dl, dd, dt, 
input, select, textarea,   
form, fieldset				{ margin: 0; padding: 0; }   
/* ............................................................................................................ */   
                            			/* align */
.fl		{ float: left; }
.fr     { float: right; }
.ac     { text-align: center; }
.ar     { text-align: right; }
.al		{ text-align: left; }

.half   { width: 48%;  margin: 0 1em 0.5em 0; }
.inline { display: inline; }
.mr05   { margin-right: 0.5em; }
.red    { color: #ff0000; }
.ui-datepicker-trigger { padding: 0 !important; border: 0 !important; position: relative; left: -21px; top: 3px; }
* html .ui-datepicker-trigger { position: relative; left: -21px; top: -1px; }
.message{ padding: 5px; border: 5px solid #F3DAB2; text-align: left; font-weight: bold; }
#content img	      { padding: 3px; border: 5px solid #BED268; }
#content img.noborder	{ padding: 0; border: 0; } 
                            			/* images */
.il     { float: left; clear: left; margin: 0 1em 2.5em 0; }
.ir     { float: right; clear: right; margin: 0 0 2.5em 1em; }
                            			/* spacing */
.h      { margin: 0 0 0.5em; }
.s      { margin: 0 0 1em; }
.sh     { margin: 0 0 1.5em; }
.d      { margin: 0 0 2em; }
                            			/* hidden & clear */
hr      	{ display: none; }
.hidden	 	{ position: absolute; top: -10000px; }
.clr    	{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
/* ------------------------------------- / Jockie CSS global format definition 1.0 / -------------------------- */
acronym, 
abbr 		{ background: url(/images/dot-cover.gif) repeat-x bottom; border: 0; cursor: help; padding: 0 0 2px; } 
	/* nadpisy + odstavec */
h1, h2, h3, 
h4, h5, h6 	{ color: #9D073B; margin: 1em 0 1em 0; font-weight: normal; width: 80%; } 
h1 			{ font-size: 2.2em; border-bottom: 2px solid #BED268; margin: 30px 0 1em; padding: 0 0 0.5em; }
h2			{ font-size: 1.8em; }
h3 			{ font-size: 1.7em; background: url(/images/arrow-red.gif) no-repeat left 50%; padding: 0 0 0 15px; }
h4 			{ font-size: 1.2em; }
h5 			{ font-size: 1.1em; }
h6			{ font-size: 1.0em; }
p		  	{ font-size: 1.4em; line-height: 120%; color: #7C7B7E; text-align: justify; margin: 1em 0 1em 0; }
	/* seznamy */
ul 			{ list-style-type: none; margin: 0 1em 1em 1em; }
li		  { background: url(/images/li-dot.gif) no-repeat left 7px; line-height: 120%; color: #7C7B7E; padding: 0 0 0 15px; margin: 0.5em 0 0.5em 0; font-size: 1.4em; }

ul.bezodrazek { margin: 0; }
ul.bezodrazek li { background: 0; padding-left: 0; }
ul.bezodrazek img { border: 0 !important; padding: 0 !important; }

ol 			{ margin: 0 1em 1em 0; list-style-position: inside; }
ol li		{ background: none; line-height: 120%; font-size: 1.4em; padding: 0; margin: 0.5em 0 0.5em 0; list-style-type: decimal; color: #7C7B7E; }
	/* odkazy */
a			    { color: #ff0000; font-size: 1.2em;}
a:hover		{ text-decoration: none; }
a.active	{ text-decoration: none; }
p a,		
li a		{ font-size: 1.0em; }
/* tabulky */
table			{ width: 100%; margin: 1em 0 1em; border: 0; border-collapse: collapse; clear: both; }
th, td 			{ font-size: 1.4em; color: #7C7B7E; vertical-align: middle; border-color: #D4D4D4; border-width: 0 0 1px 0; border-style: solid; border-collapse: collapse; padding: 0.6em; }
th          { color: #fff; }
table thead,
table tfoot		{ background: #9A0036; text-align: center; }
table thead td,
table tfoot td	{ color: #fff; font-weight: bold; }
table caption	{ font-size: 1.1em; font-style: italic; padding: 0 0 0.5em;}
table th		{ background: #9A0036; font-weight: bold; }
/* FORM */	
form			    { padding: 0; margin: 0 0 2em 0; color: #7C7B7E; }
form fieldset	{ border: 0px solid #a8a8a8; padding: 0; margin: 0; }
form label		{ font-size: 1em; display: block; padding: 0 0 2px; color: #7C7B7E; }
form p        { margin: 1.5em 0 1.5em 0; }
form input		{ padding: 4px 5px; font-size: 1.0em; }
form input.bg	{ background: url(/images/bg-input.jpg) no-repeat top left; border: 1px solid #cecece; }
form select		{ width: 140px; font-size: 1.1em; padding: 3px 5px; background: url(/images/bg-input.jpg) no-repeat top left; border: 1px solid #cecece; }
form legend		{ font-size: 1.1em; margin: 0px 0 0; display: none; }
form textarea	{ border: 1px solid #cecece; font-size: 1.0em; padding: 4px 5px; background: url(/images/bg-input.jpg) no-repeat top left; }
form input.button { border: 1px solid #E4E4E4; background: url(/images/bg-button.gif) repeat-x top left; padding: 4px; font-size: 1.2em; font-weight: bold; } 
	/* hlaseni nevyplneneho pole */
form span.error 	{ color: #ff0000; font-style: italic; text-align: left; }
form input.error   	{ border: 1px solid #ff0000; }
	/* definice */
dl		{ margin: 0 0 1em; font-size: 1.4em; } 
dt		{ float: left; color: #7C7B7E; padding: 0 0 0.2em; margin-bottom: -100px;  } /* solves MSIE 3px bug */
dd		{ margin-left: 11em; color: #7C7B7E;  border-left: 3px solid #9A0036; padding: 0 0 0.2em 20px; font-weight: bold;  }

	/* mapa webu */
#mapa ul							{ margin: 0; padding: 0; }
#mapa ul li 						{ font-size: 1.2em; padding: 0.2 0 0.2em 15px; margin: 0; }
#mapa ul li ul li 					{ font-size: 1.1em; }
#mapa ul li ul li ul li 			{ font-size: 1.0em; }
#mapa ul li ul li ul li ul li 		{ font-size: 1.0em; }
#mapa ul li ul li ul li ul li ul li { font-size: 1.0em; }
/* ============================================================================================================ */     
#page	   	{ width: 100%; }
#head		  { height: 136px; float: right; }
#head img	{ margin: 0 770px 0 0; }
#content	{ float: right; width: 560px; padding: 0 420px 0 0; }

#content p.red	{ color: #AE555D; font-weight: bold; }

#menu 			{ width: auto; float: right; margin: 0 250px 0 0; padding: 2px 0; background: url(/images/bg-menu.jpg) repeat-y right #9A0036; display: inline; }
#menu ul 		{ float: right; margin: 0; padding: 0; }
#menu ul li		{ float: left; background: url(/images/bg-menu-li.gif) no-repeat left 2px; margin: 0; padding: 3px 12px; } 
#menu ul li a	{ color: #fff; }

.pictext{
  text-align: right;
  font-size: 1.2em; 
  line-height: 120%; 
  color: #7C7B7E;
}

.pictext img{
  display: block;
  margin-bottom: 5px;
}

.banner
{
  width: 557px;
  height: 72px;
  background: url(/userfiles/image/banner.jpg) no-repeat top left;
  color: white;
  font-size: 1.6em;
  padding: 10px;
}