/* ===============================================  G L O B A L  =============================================== */
body						{ margin: 0; padding: 0; background: url(/images/bg-body.jpg) repeat-x top #F5F5F5; text-align: center; }
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 #EEEDED; text-align: left; font-weight: bold; }
#center img	      { padding: 3px; border: 5px solid #EEEDED; }
#center img.noborder	{ padding: 0; border: 0; } 
                            			/* images */
.il     { float: left; clear: left; margin: 0 1em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0 0 0.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: #ff0000; margin: 1em 0 1em 0; font-weight: normal; clear: both; } 
h1 			{ margin-top: 0; font-size: 2.2em; background: url(/images/bg-h1.jpg) no-repeat left 50%; padding: 10px 0 10px 45px; }
h2			{ font-size: 1.7em; }
h3 			{ font-size: 1.5em; }
h4 			{ font-size: 1.5em; }
h5 			{ font-size: 1.5em; }
h6			{ font-size: 1.5em; }
p			{ font-size: 1.2em; line-height: 140%; color: #000; text-align: justify; padding: 0 0 0.5em; }
	/* seznamy */

ul 			{ list-style-type: none; margin: 0 1em 1em 20px; }
li			{ background: url(/images/li-dot.gif) no-repeat left 5px; color: #000; padding: 0.3em 0 0.3em 20px; font-size: 1.2em; }
ul.bezodrazek    { margin-left: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; padding: 0; margin: 0.5em 0 0.5em 0; list-style-type: decimal; }
	/* odkazy */
a			{ color: #ff0000; 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: #F5F5F5; border-width: 0 0 1px 0; border-style: solid; border-collapse: collapse; padding: 0.6em; }
table thead,
table tfoot		  { background: #EEEDED; text-align: center; }
table thead td,
table tfoot td	{ color: #000; font-weight: bold; }
table caption	  { font-size: 1.2em; font-style: italic; padding: 0 0 0.5em;}
table th		    { background: #EEEDED; font-weight: bold; }
/* FORM */	
form			    { padding: 0; margin: 0 0 2em 0; }
form fieldset	{ border: 0px solid #a8a8a8; padding: 0; margin: 0; }
form label		{ font-size: 1em; display: block; padding: 0 0 2px; }
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; }
	/* 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: 950px; margin: 0 auto; text-align: left; background: url(/images/bg-page.gif) repeat-y #fff; }
#page:after	{ content:" "; display: block; clear: both; height: 0px; }
#head		{ height: 240px; background: url(/images/bg-head.jpg) no-repeat top; position: relative; z-index: 5px }
#menu		{ float: left; width: 898px; background: url(/images/bg-menu.jpg) repeat-x bottom; margin: -5px 0 0 26px; display: inline; padding: 0 0 2px; position: relative; z-index: 10; }
#content	{ float: left; padding: 15px 0 0; background: url(/images/bg-content.jpg) repeat-x top; margin: 0 26px; display: inline; width: 898px; }
#left		{ width: 244px; float: left; }
#center		{ width: 634px; float: right; }
#foot		{ float: left; height: 98px; width: 950px; background: url(/images/bg-foot.gif) no-repeat; }
#foot p		{ margin: 45px 10px 0 0; text-align: right; font-size: 1.1em; }

/* ------------------------------------------/ CENTER BOX / ---------------------------------------------------- */
#center .box1			{ width: 288px; height: 198px; background: url(/images/box-1.jpg) no-repeat; float: left; margin: 20px 0 0 20px; display: inline; }
#center .box2			{ width: 288px; height: 198px; background: url(/images/box-2.jpg) no-repeat; float: right; margin: 20px 20px 0 0; display: inline; }
#center .box1 h2,
#center .box2 h2  { font-size: 2.1em; }  
#center .box1 a,
#center .box2 a			{ color: #fff; font-size: 0.65em; margin: 24px 0 0 40px; font-weight: bold; display: block; text-decoration: none; }
#center .box1 a:hover,
#center .box2 a:hover	{ text-decoration: underline; }

/* ------------------------------------------/ LEFT BOX / ------------------------------------------------------ */
	/* leve menu */
#left-menu, #contact		{ border: 4px solid #EEEDED; background: url(/images/bg-leftmenu.jpg) repeat-x bottom #FEFEFE; padding: 10px; margin: 0 0 10px; }
#left-menu ul				{ margin: 0; }
#left-menu ul li			{ background: url(/images/arrow.gif) no-repeat left 50%; padding: 0.5em 0 0.5em 25px; }
#left-menu ul li a			{ color: #000; font-weight: bold; text-decoration: none;  }
#left-menu ul li a:hover,
#left-menu ul li a.active	{ color: #ff0000;}
	/* rychle kontakty */
#contact h2			{ background: url(/images/phone.jpg) no-repeat left; padding: 5px 0 5px 25px; color: #000; font-size: 1.4em; font-weight: bold; margin: 0; color: #ff0000; }
#contact ul			{ margin: 10px 0 0;}
#contact li			{ background: none; padding: 0.2em 0 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;  }
/* ------------------------------------------/ TOP BOX / ------------------------------------------------------ */
#head img			{ position: absolute; top: 90px; left: 44px; }
#head ul			{ position: absolute; top: 10px; right: 0px; }
#head ul li			{ float: left; padding: 5px 20px 8px 25px; }
#head ul li.cz		{ background: url(/images/flag-cz.jpg) no-repeat left; }
#head ul li.en		{ background: url(/images/flag-en.jpg) no-repeat left; }
#head ul li a		{ color: #fff; }
#head ul li a.act	{ font-weight: bold; }
	/* menu */
#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 25px 0 0; display: block; color: #000; text-decoration: none;  }
#menu ul li a span			{ display: block; padding: 21px 0 15px 15px; }
#menu ul li a:hover,
#menu ul li a.active		{ color: #000; 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;  }
#menu ul li a.active		{ font-weight: bold; }

#menu a.sitemap				{ display: block; position: absolute; top: 10px; right: 0; border: solid #FFE076; border-width: 1px 0 1px 1px; padding: 9px 15px 9px 15px; color: #000; text-decoration: none; }
#menu a.sitemap:hover		{ text-decoration: underline; }

/* ----------------------------------------/ fotogalerie /------------------------------------------------------ */
#galery img	  { padding: 3px; border: 5px solid #EEEDED; }
#galery a img	{ }
#galery .popisek { text-align: right; font-size: 1.2em; margin: 2px 2px 0 0; color: #481F07; }
#galery .photo_item { float:left;  margin: 0 3.1em 2em 0; height: 160px; }