html, body			{ text-align: center; margin: 0; text-align: left; background-image:  url("image/pozadi.jpg"); background-repeat: repeat-x; background-color: #EBEBEB;  font: 12px Tahoma; color: #696969}

	#web				{margin: 0 auto; width: 1200px; background-repeat: no-repeat }

	*.w-100				{width: 100%}
	*.right				{text-align: right}
	*.seda				{background-color: #E3E3E3}
	li.bez				{list-style-type: none; margin: 0; padding: 0 }
	*.mt-20px			{margin-top: 20px}
	*.mt-10px			{margin-top: 10px}
	*.margin0			{margin: 0}
	*.padding0			{padding: 0}
	*.modra				{color: #088A8A}
	*.pr-20px			{padding-right: 20px}
	*.va-top			{vertical-align: top}
	*.h-20px			{height: 20px}
	*.stred				{text-align: center}
	*.bold				{font-weight: bold}
	*.ruzova			{color: red}
	*.text				{width: 200px}
	*.w-30px			{width: 30px}
	*.w-60px			{width: 60px}
	*.ml-20px			{margin-left: 20px}	
	*.w-150px			{width: 150px}
	*.h-10px			{height: 10px}
	*.w-33				{width: 174px}
	*.min-w1200px			{min-width: 1200px;}	
	*.podtrzene			{text-decoration: underline}
	*.w-60				{width: 80%}

	img				{border: none}
	

/* HLAVICKA A MENU */

	#hlavicka			{width: 100%; height: 356px; background-image: url("image/hlavicka.jpg"); position: relative}
	#menu				{margin: 0 auto; height: 40px;  width: 793px; text-align: center; }
	#navigace			{width: 100%; height: 32px; font-size: 11px; }
	#navigace a			{background: url("image/odrazka.png") center left no-repeat; color: #696969; padding-left: 15px; margin-right: 5px; text-decoration: none; position: relative; left: 180px; top: 9px}
	#hlavicka a:hover, #navigace a:hover		{text-decoration: underline}
	#flash				{position: relative; top: 24px}


	a#jazykL			{width: 60px; height: 20px; position: absolute; display: block; left: 537px; top: 3px; text-align: center; color: #FFF; text-decoration: none;font-size: 11px}
	a#jazykP			{width: 60px; height: 20px; position: absolute; display: block; left: 620px; top: 3px; text-align: center; color: #FFF; text-decoration: none;font-size: 11px}

	#menu ul, #menu li		{margin: 0; padding: 0; display: inline; list-style-type: none; }
	#menu a				{height: 27px; display: block; float: left; color: #FFF; font: bold 12px Tahoma; text-decoration: none; padding-top: 13px }

	a#menu1				{background-image: url("image/menu1.jpg"); width: 117px}	
	a#menu2				{background-image: url("image/menu3.jpg"); width: 161px}
	a#menu3				{background-image: url("image/menu3.jpg"); width: 161px}
	a#menu4				{background-image: url("image/menu4.jpg"); width: 117px}
	a#menu5				{background-image: url("image/menu5.jpg"); width: 117px}
	a#menu6				{background-image: url("image/menu5.jpg"); width: 117px}

	a#menu1:hover, a.menu1H		{background-position: -117px}
	a#menu2:hover, a.menu2H		{background-position: -161px}
	a#menu3:hover, a.menu3H		{background-position: -161px}
	a#menu4:hover, a.menu4H		{background-position: -117px}
	a#menu5:hover, a.menu5H		{background-position: -117px}
	a#menu6:hover, a.menu6H		{background-position: -117px}

/* OBSAH */

	/* klikaci tabulka */

  		tr.alt td 		{background:#f5f5f5;}
  		tr.over td 		{background:#ddf;}
 		table.js		{border-collapse: collapse; }
  		table.js td		{border: 1px solid #000;padding:0 5px;height:20px;line-height:20px;}
		table.js th		{background-color: #14617D; color: #FFF}		


	table.bezna th			{font-size: 10px; text-align: center; background-color: #088A8A; color: #FFF}
	table.bezna			{margin: 20px 0 20px 0}

	table.galerie img		{border: 2px solid #FFF; width: 100px; }
	table.galerie td		{width: 174px; vertical-align: top; font: 11px Tahoma; text-align: center; padding: 10px 5px 10px 5px; border: 1px solid #FFF}
	table.galerie p			{text-align: center}

	#web_stred			{width: 1200px; float: left;margin: 0 auto; }
	#stred				{width: 850px; margin: 0 auto; line-height: 180%; clear: both }
	#obal				{background: url("image/dekor.jpg") repeat-y ; width: 100%; float: left; padding-bottom: 30px}
	#panel				{width: 305px;  float: left; min-height: 300px; background-color: #E3E3E3;}
	#strankovani			{text-align: center; width: 100%}


	#panel h2			{color: #088A8A;width: 285px; background-color: #EBEBEB; height: 22px; font: bold 13px Tahoma; margin: 15px 0 15px 0; padding: 5px 0px 0 20px}
	#panel li, #panel ul		{ margin-left: 10px}
	#panel h3			{margin: 0; padding: 0; font: bold 12px Tahoma; display: inline }
	#panel a:hover			{text-decoration: underline}

	a.podmenu			{background: url("image/odrazka.png") center left no-repeat; color: #696969; padding-left: 15px; margin-right: 5px; text-decoration: none;}
	a.podmenuH			{background: url("image/odrazka2.png") center left no-repeat; color:#088A8A; padding-left: 15px; margin-right: 5px; text-decoration: none; }

	a#sluzby			{width: 272px; height: 63px; background-image: url("image/menuL1.jpg"); display: block; margin: 0 auto; margin-top: 40px}
	a#ledvice			{width: 272px; height: 63px; background-image: url("image/menuL3.jpg"); display: block; margin: 0 auto; margin-top: 10px}
	a#melnik			{width: 272px; height: 63px; background-image: url("image/menuL2.jpg"); display: block; margin: 0 auto; margin-top: 10px}

	
	a#ledvice:hover, a#tusimice:hover, a#sluzby:hover, a#melnik:hover {background-position: -272px}

	ul.pod li			{list-style-type: disc; }
	ul.pod				{margin: 5px 0 10px 0px; padding: 0 0 0 20px }
	ul.pod a			{color: #696969; text-decoration: none}


	#obsah				{width: 525px; float: right; padding-left: 20px; background: #EBEBEB}
	#obsah a			{color: #088A8A}
	#obsah h3			{font: bold 13px Tahoma; margin: 20px 0 15px 0; padding: 0}

	img.pdf				{position: relative; top: 1px; width: 10px;}
	img.foto_uvod			{width: 300px;  border: 2px solid #E3E3E3;}
	p.uvod				{position: relative; top:  -65px}
	*.skryty, h1, hr		{display: none}
	p				{text-align: justify; margin: 10px 0 0 0; padding-right: 5px}
	


/* PATKA */

	#patka_pozadi			{clear: both; width: 100%; height: 27px; background-image: url("image/pozadi_patka.jpg"); background-repeat: repeat-x}
	#patka				{width: 1200px; margin: 0 auto;position: relative;}

	a#menuP1			{width: 111px; height: 20px; font: bold 11px Tahoma; text-align: center; padding-top: 7px; background-image: url("image/menuP1.jpg"); display: block; position: absolute; left: 175px}
	a#menuP2			{width: 120px; height: 20px; font: bold 11px Tahoma; text-align: center; padding-top: 7px; background-image: url("image/menuP2.jpg"); display: block; position: absolute; left: 286px}
	span#copy			{font: 10px Tahoma; color: #FFF; position: absolute; left: 425px; top: 7px}
	
	#patka a			{color: #FFF; text-decoration: none}

	a#menuP1:hover			{background-position: -111px}
	a#menuP2:hover			{background-position: -120px}
	a#cez				{width: 195px; height: 20px; font: bold 11px Tahoma; text-align: center; padding-top: 7px; background-image: url("image/cez.jpg"); display: block; position: absolute; right: 70px}
	a#cez:hover			{text-decoration: underline}