/* ===============================================  G L O B A L  =============================================== */
body						{ margin: 0 0 10px; padding: 0; background: url(/images/bg-body.jpg) repeat-x top #C8E4F5; }
body, td, th,
input, textarea, select		{ font: 62.5% 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: 49%; margin-right: 1em; }
.inline { display: inline; }
.mr05   { margin-right: 0.5em; }
.red    { color: #ff0000; }
.required { color: #929292; }
                            			/* images */
.il     { float: left; clear: left; margin: 0.5em 1em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0.5em 0 0.5em 1em; }
#center img.ramecek	{ padding: 3px; border: 3px solid #D4D4D4; }
                            			/* 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: #EA0806; margin: 1em 0 1em 0; font-weight: normal; } 
h1 			{ line-height: 140%; font-size: 2.5em; background: url(/images/h1.jpg) no-repeat left 50%; padding: 0 0 0 50px; margin: 0 0 1.3em 0; }
h2			{ font-size: 1.8em; }
h3 			{ font-size: 1.3em; font-weight: bold; }
h4 			{ font-size: 1.3em; }
h5 			{ font-size: 1.3em; }
h6			{ font-size: 1.3em; }
p		  	{ font-size: 1.2em; line-height: 140%; color: #000; text-align: justify; margin: 1em 0 1em 0; }
	/* seznamy */
ul 			{ list-style-type: none; margin: 0 1em 1em 0; }
li			{ background: url(/images/arrow-red.gif) no-repeat left 3px; color: #000; padding: 0 0 0 15px; margin: 0.5em 0 0.5em 0; font-size: 1.2em; }
ul.bezodrazek { margin-bottom: 2em; }
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; padding: 0; margin: 0.5em 0 0.5em 0; list-style-type: decimal; }
	/* odkazy */
a			{ color: #0182CC; font-size: 1.2em;}
a:hover		{ text-decoration: none; }
p a,		
li a,
table a	{ font-size: 1.0em; }
	/* tabulky */
table			{ width: 100%; margin: 0 0 1.5em; border: 0; border-collapse: collapse; clear: both; }
th, td 			{ font-size: 1.2em; color: #000; vertical-align: middle; border-color: #ddeffb; border-width: 0 0 1px 0; border-style: solid; border-collapse: collapse; padding: 0.6em; }
table thead,
table tfoot		{ background: #ddeffb; text-align: center; }
table thead td,
table tfoot td	{ color: #000; font-weight: bold; }
table caption	{ font-size: 1.1em; font-style: italic; padding: 0 0 0.5em;}
table th		{ background: #ddeffb; font-weight: bold; }
	/* FORM */	
form			    { padding: 0; margin: 0; }
form p			  { color: #000; text-align: justify; padding: 0.5em 0; }
form fieldset	{ border: 0px solid #a8a8a8; padding: 0; margin: 0; }
form label		{ font-size: 1em; display: block; padding: 0 0 2px; }
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		{ font-size: 1.1em; padding: 3px 5px; 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; }
	/* mapa webu */
#sitemap ul							               { margin: 0; padding: 0; }
#sitemap ul li 						             { padding: 0 0 0 15px; margin: 0.5em 0 0.5em 0; font-size: 1.2em; }
#sitemap ul li ul li 					         { font-size: 1.1em; }
#sitemap ul li ul li ul li 			       { font-size: 1.0em; }
#sitemap ul li ul li ul li ul li 		   { font-size: 1.0em; }
#sitemap ul li ul li ul li ul li ul li { font-size: 1.0em; }
/* ============================================================================================================ */   
#page		{ width: 936px; margin: 0 auto; text-align: left; background: #fff; }
#page:after	{ content:" "; display: block; clear: both; height: 0px; }
#head		{ height: 166px; background: url(/images/bg-head.jpg) no-repeat; position: relative; }
#content	{ padding: 0 12px 20px 13px; background: #fff; }
#menu		{ float: left; width: 912px; background: url(/images/bg-menu.gif) repeat-x bottom /*#DCEFFB*/; margin: 0 0 15px; padding: 8px 0 0;  }

#menu ul 			{ position: relative; bottom: 0 }
#menu ul li			{ float: left; background: none; margin: 0 10px 0 0; display: inline; padding: 0 }	
#menu ul li	a			{ padding: 0 15px 0 0; display: block; color: #000; text-decoration: none;  }
#menu ul li a span		  { display: block; padding: 20px 0 15px 15px; }
#menu ul li a:hover     { color: #fff; background: url(/images/bg-menur.jpg) no-repeat right top; }
#menu ul li a.active		{ font-weight: bold; color: #fff; background: url(/images/bg-menur.jpg) no-repeat right top; }	
#menu ul li a:hover span,
#menu ul li a.active span	{ background: url(/images/bg-menul.jpg) no-repeat left top;  }

#left		{ width: 208px; float: left; }
#center	{ width: 682px; float: right; margin-bottom: 15px; }
#foot		{ float: left; background: #DCEFFB; border-top: 1px solid #C8E4F5; width: 936px; }

/* ------------------------------------/ LEFT BOX /--------------------------------------------------------------- */
	/* rychle kontakty */
#contact h2	{ background: url(/images/bg-contact.jpg) no-repeat bottom; padding: 15px 0 12px 62px; color: #000; font-weight: bold; font-size: 1.6em; font-weight: bold; margin: 0 }
#contact ul	{ margin: 10px 0 0;}
#contact li	{ background: none; padding: 0; }
#contact a.mapa	{ background: url(/images/bg-mapa.jpg) no-repeat top left; display: block; padding: 27px 0 35px 20px; color: #fff; margin: 20px 0 0;  }
	/* submenu */
#submenu				{ background: url(/images/bg-menu-v.jpg) repeat-y; }
#submenu ul				{ padding: 10px 0 20px 10px;  }
#submenu ul li			{ background: url(/images/bg-menu-v-dot.gif) repeat-x bottom; margin: 0; padding: 10px 0; }
#submenu ul li a		{ color: #fff; background: url(/images/bg-menu-v-arrow.gif) no-repeat left 50%; padding: 0 0 0 20px; text-decoration: none; }
#submenu ul li a:hover,
#submenu ul li a.active	{ font-weight: bold; }

/* ------------------------------------/ CENTER BOX /-------------------------------------------------------------- */
	/* aktualni kurzy */
#center .box		{ float: left; width: 200px; background: url(/images/dot.gif) repeat-y right; padding:0 20px 0 0; margin: 0 20px 0 0;  }
#center .box.last	{ background: none; padding: 0; margin: 0; }
#center .box h3	{ background: url(/images/box-folder.jpg) no-repeat top left; padding: 5px 0 1em 40px; height:35px; text-align: left; font-weight: bold; font-size: 1.0em; line-height: 160%; }

/* ------------------------------------/ TOP + BOTTOM BOX /--------------------------------------------------------- */
#head a.entry	{ position: absolute; top: 47px; right: 12px; }
#head a.logo	{ position: absolute; top: 55px; left: 29px;}
#head a.sitemap	{ background: url(/images/sitemap.gif) no-repeat left 50%; padding: 0 0 0 18px; position: relative; top: 10px; left: 40px  }
#head #flashcontent { position: absolute; top: 85px; left: 375px; width: width: 371px; height: 42px; }

	/* paticka */
#foot p		{ padding: 10px 20px;}
#foot p a	{ color: #FF0000; }

.detail {
    padding-left:20px;
}