/* ===============================================  G L O B A L  =============================================== */
body						{ margin: 0; padding: 0; background: url(../images/back10.jpg) no-repeat top #fff; text-align: center; }
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: 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{ clear: both; padding: 5px; border: 5px solid #F8E3D2; text-align: left; font-weight: bold; margin-bottom: 1em; }
#center img	      { padding: 3px; border: 4px solid #ff99ff; }
#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 0em; }
.sh     { margin: 0 0 1.5em; }
.d      { margin: 0 0 2em; }
                            			/* hidden & clear */
hr      	{ display: none; }
.hidden	 	{ position: absolute; top: -10px; }
.clr    	{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
/* ------------------------------------- / Jockie CSS global format definition 1.0 / -------------------------- */
acronym, 
abbr 		{ background: url(../images/sig.gif) repeat-x bottom; border: 0; cursor: help; padding: 0 0 2px; } 
	/* nadpisy + odstavec */
h1, h2, h3, 
h4, h5, h6 	{ color: #ff00ff; margin: 1em 0 .5em 0; font-weight: normal; clear: both;} 
h1 			{ background: url(../images/sig.gif) no-repeat left; padding: 0 0 0 0px; font-size: 2.2em; color: #ff0000; margin: 0 0 1em;}
h2			{ font-size: 1.8em; }
h3 			{ font-size: 1.3em; }
h4 			{ font-size: 1.2em; }
h5 			{ font-size: 1.1em; }
h6			{ font-size: 1.0em; }
p			{ font-size: 1.2em; line-height: 140%; color: #000; text-align: justify; padding: 0 0 1.5em; }
/*p.message	{  padding: 1em; border: 0.5em solid #d8bfa9;}*/
	/* seznamy */
ul 			{ list-style-type: none; margin: 0 1em 1em 20px;}
li			{ background: url(../images/bg-box-li.gif) no-repeat left 50%; color: #000; padding: 0.3em 0 0.3em 18px; 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 20px;}
ol li		{ background: none; padding: 0.3em 0; }
	/* odkazy */
a			{ color: #CC3399; }
a:hover		{ text-decoration: none; }
	/* tabulky */
p a,		
li a,
table a	{ font-size: 1.0em; }
	/* tabulky */
table			      { width: 100%; margin: 0 0 1.3em; border: 0; border-collapse: collapse; clear: both; }
th, td 			    { font-size: 1.2em; color: #000; vertical-align: middle; border-color: #fff; border-width: 0 0 0px 0; border-style: solid; border-collapse: collapse; padding: 0.6em; }
table thead,
table tfoot		  { background: #ff0000; 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 0em;}
table th		    { background: #ff0000; 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 ul							{ margin: 0; padding: 0; }
#mapa ul li 						{ font-size: 1.2em; padding: 0.2 0 0.2em 15px; margin: 0; background: url(../images/bg-box-li.gif) no-repeat left 9px; }
#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; }

 /* podstránky */
.rozcestnik { float: left; margin: 0 1em 5em 0; font-size: 1.3em; padding: 0.5em; }
/* ============================================================================================================ */   
#page		{ width: 920px; margin: 0 auto; text-align: left; }
#head		{ height: 15px }
#left		{ float: left; width: 270px; padding: 41px 0 0; }/*tabulka romanka a ostatní ve sloupci*/
#center		{ float: left; width: 639px; padding: 20px 0 0; }
#foot		{ float: right; width: 903px; margin: 20px 0; border-top: 1px solid #D8BFA9; padding: 0px 0 0 0; }
#head img	{ margin: 20 0 0 0px;}  
#head p		{ position: relative; top: 10px; right: 0;}
#head p a.sitemap	{ background: url(../images/bg-a-map.gif) no-repeat left; padding: 0 0 0 15px; }
#topbar1 {
	position:relative;
	float: left
	top:-1px;
	left: 0px;
	width: 246px;
	height: 191px;
	background-repeat: no-repeat;
	background-image: url('../images/pruh1.jpg');

}
#topbar2 {
	position:relative;
	float: left
	top:0px;
	left: -2px;
	width: 10px;
	height: 64px;
	background-repeat: no-repeat;
	background-image: url('../images/pruh2.jpg');

}
}
/* -----------------------------------------------/ LEFT BOX / ------------------------------------------------ */
	/* menu */
#menu				{ background: no-repeat top; padding: 5px 0 0 0px; margin: 0; }
#menu ul			{ list-style-type: none; background: url(../images/bg-menu-bottom.gif) no-repeat bottom left; padding: 0 0 10px; width:245px; margin: 0;  }
#menu ul li			{ background: #fff; width: 245px; position: relative; #float: left; margin: 0; padding: 0;  }
#menu ul li a		{ color: #7D3A0D; text-decoration: none; display: block; padding: 10px 0 10px 15px; border: solid #FFF2E7; border-width: 0px 0px 0; width: 229px; }
#menu ul li ul li a	{ font-size: 0.85em; #font-size: 0.85em; }
* html #menu ul li ul li a	 { font-size: 0.85em; }
#menu ul li a:hover	{ background: url(../images/pruh.jpg) repeat-x bottom #FFFFFF;  }
#menu ul li a.active{ font-weight: bold; color: #FF0000; background: url(../images/bg-menu-li-hover.jpg) repeat-x bottom #FFFFFF;  }
#menu ul li a span	{ padding: 0 0 0 10px; background: url(../images/bg-menu-li.gif) no-repeat left; }
  /* drop-down menu */
#menu ul li ul 			{ visibility: hidden; position: absolute; top: 0px; left: 246px;  width: 246px; }
#menu ul li:hover ul	{ visibility: visible;  }
#menu ul li ul a span	{ padding: 0; background: 0; }
	/* quick contact */
#contact			{ width: 246px; background: url(../images/bg-contact-bottom1.jpg) no-repeat bottom #fff; margin: 8px 0 0 0px; padding: 0 0 100px; }
#contact p			{ width: 246px; background: url(../images/bg-contact-top1.jpg) no-repeat top; font-size: 1.8em; font-weight: normal; padding: 10px 0 0px;  }
#contact p span		{ margin: 0 0 0 20px; border-bottom: 1px solid #F8E3D2; width: 200px; display: block; }
#contact ul			{ list-style-type: none; margin: 0 0 0 3px;  }
#contact ul li		{ font-size: 1.2em; background: none; }
/* -----------------------------------------------/ CENTER BOX / -------------------------------------------- */
	/* index */
#center h1 			{ background: url(../images/bg-h1.gif) no-repeat right; padding: 0 0 0 0px; font-size: 2.5em; font-weight: normal; color: #ff99ff; }
	/* informacni boxy */
#boxes					{ float: left; margin: 20px 0 0;  }
#boxes .box				{ width: 202px; min-height: 310px; background: url(../images/bg-box-bottom1.jpg) no-repeat bottom #fff; padding: 0 0 20px; float: left; margin: 0 16px 0 0; }
* html #boxes .box		{ height: 310px; }
#boxes .box.nomargin	{ margin: 0; }
#boxes .box:after		{ content:" "; display: block; clear: both; height: 0px; }
#boxes .box h2			{ font-size: 1.8em; height: 58px; font-weight: normal; background: url(../images/bg-box-top1.jpg) no-repeat top; margin: 0; padding: 0; }
#boxes .box h2 a  		{ color: #ff99ff; text-decoration: none; }
#boxes .box h2 a:hover	{ color: #ff99ff; text-decoration: none;  }
#boxes .box h2 span		{ display: block; padding: 10px 0 0 30px; }
#boxes .box img			{ border: 0; margin: 0 0 0 20px; }
#boxes .box ul			{ list-style-type: none; float: left; margin: 10px 0 0 20px; display: inline;   }
#boxes .box ul li		{ background: url(../images/bg-box-li.gif) no-repeat left; padding: 0 0 0.3em 15px; #padding: 0 0 0.3em; }
* html #boxes .box ul li{ padding: 0 0 0.3em 0;}
#boxes .box ul li a		{ text-decoration: underline;  }
#boxes .box ul li a:hover{ text-decoration: none; }
	/* doplnky ke kave */
#addition				{ float: left; width: 100%; height: 97px; background: url(../images/bg-foot.jpg) no-repeat bottom; }
#addition ul			{ list-style-type: none; margin: 35px 0 0 180px; }
#addition ul li			{ background: url(../images/bg-addition-li.gif) no-repeat left; padding: 0 0 0.3em 15px; }
#addition ul li a		{ font-weight: bold;  }

.rozcestnikItem       { position: relative; float:left; margin: 2.5em 2.5em 2.5em 2.5em; width: 130px; height: 250px; }
.rozcestnikItem h3    { text-align: center;   }
.rozcestnikItem img   { border: 0 !important; text-align: center !important; margin: auto !important; float: none; }
.rozcestnikItem a   { text-align: center; }
.rozcestnikItem span  { font-size: 1.2em; display: block; }

.rozcestnikItem .cena { font-size: 1.2em; font-weight: bold; text-align: right; }

p.new { position: absolute; top: -20px; color: #ff0000; }