html, body			{text-align: center; margin: 0; text-align: left; background-color: #6C99B0; font: 12px Tahoma ; color: #366172}

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

	*.skryty, h1, hr		{display: none}
	*.stred				{text-align: center}
	*.fl				{float: left}
	*.fr				{float: right}
	*.mt-20px			{margin-top: 20px}
	*.mt-10px			{margin-top: 10px}
	*.w-100				{width: 100%}
	*.w-50				{width: 50%}
	*.va-top			{vertical-align: top}
	*.bezodsazeni			{padding-left: 10px; margin-left: 10px; margin-top: 10px}
	*.collapse			{border-collapse: collapse}
	*.m0auto			{margin: 0 auto}
	*.h-10px			{height: 10px}
	*.w-150px			{width: 150px}
	*.bold				{font-weight: bold}
	*.mt-30px			{margin-top: 30px}
	*.mb-20px			{margin-bottom: 20px}

	form				{margin: 0; padding: 0}
	img				{border: none}
	p				{text-align: justify; padding: 0; margin: 10px 0 0 0}
	th				{color: #FFF; background-color: #1B3D47; text-align: center;}

/* HLAVICKA A MENU */


	#hlavicka			{width: 100%; height: 264px; background-image: url("image/hlavickaO.jpg"); position: relative}
	
	#menuH				{width: 740px; height: 45px; position: absolute; top: 41px; left: 232px; text-align: center; }
	#menuH a			{width: 25%; text-align: center; display: block; padding: 15px 0 0 0; height: 30px; float: left; color: #366172; text-decoration: none; background:  url("image/menudeco.jpg")  center bottom no-repeat;}	
	#menuH a:hover			{background-image: url("image/menudecoH.jpg")}

	#menu ul, #menu li, #menuH ul, #menuH li		{margin: 0; padding: 0; display: inline; list-style-type: none}

	#menu				{height: 100px; width: 768px; position: absolute; bottom: 55px; left: 217px}
	#menu h2			{margin: 0; padding: 0;}
	#menu span			{display: none}
	#menu a				{display: block; float: left; height: 100px; }
	
	a#menu1				{background-image: url("image/menu1O.jpg"); width: 108px}
	a#menu2				{background-image: url("image/menu2O.jpg"); width: 114px}
	a#menu3				{background-image: url("image/menu3O.jpg"); width: 107px}
	a#menu4				{background-image: url("image/menu4O.jpg"); width: 112px}
	a#menu5				{background-image: url("image/menu5O.jpg"); width: 117px}
	a#menu6				{background-image: url("image/menu6O.jpg"); width: 112px}
	a#menu7				{background-image: url("image/menu7O.jpg"); width: 98px}

	a#menu1:hover			{background-position: -108px}
	a#menu2:hover			{background-position: -114px}
	a#menu3:hover			{background-position: -107px}
	a#menu4:hover			{background-position: -112px}
	a#menu5:hover			{background-position: -117px}
	a#menu6:hover			{background-position: -112px}
	a#menu7:hover			{background-position: -98px}


	a.vlajka			{position: absolute; width: 25px; padding: 6px 0 0 35px; height: 18px;font-size: 10px; font-weight: bold; text-decoration: none; display: block; color: #366172}
	a.vlajka:hover			{text-decoration: underline}
	a.cz				{top: 175px; right: 102px}
	a.en				{top: 110px; right: 110px}
	a.de				{top: 140px; right: 78px}
	a.rus				{top: 83px; right: 90px}



/* OBSAH */
	
	#telo				{840px; min-height: 547px; background: url("image/teloO.jpg") no-repeat; padding: 0 190px 0 160px; color: #1B3D47; }
	#telo a				{color: #1B3D47}
	#panel				{width: 100%; height: 25px; padding-top: 15px;position: relative}
	#panel h3			{margin: 0; padding: 0; font: bold 13px Tahoma}
	#navigace			{width: 65%; position: absolute; right: 0; top: 15px; height: 25px}
	#navigace a			{background: url("image/odrazka.jpg") center left no-repeat; color: #1B3D47; padding-left: 15px; font: 10px Tahoma; text-decoration: none; margin-right: 10px; }
	#navigace a:hover		{text-decoration: underline}

	#obsah				{width: 100%; margin-top: 25px; line-height: 180%}
	#levy				{width: 270px; padding-right: 10px;  float: left; padding-bottom: 30px}
	#pravy				{width: 540px; float: left; position: relative; left: 30px; padding-bottom: 30px}

	a#kat5				{width: 175px;height: 86px; display: block; background-image: url("image/kat5.jpg"); float: left}
	a#kat6				{width: 175px;height: 86px; display: block; background-image: url("image/kat6.jpg"); float: left}
	a#kat7				{width: 175px;height: 86px; display: block; background-image: url("image/kat7.jpg"); float: left}

	a#kat5:hover, a#kat6:hover, a#kat7:hover	{background-position: -175px}

/* PATKA */

	#patka				{clear: both; width: 1200px; height: 30px; padding-top: 16px; background: url("image/patka.jpg"); text-align: center; color: #FFF; margin: 0 auto; font: 11px Tahoma}
	#patka a			{color: #FFF}