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

	#web				{margin: 0 auto; width: 1020px; background-repeat: no-repeat; min-height: 655px}

	*.skryty, h1, hr		{display: none}
	*.stred				{text-align: center}
	*.fl				{float: left}
	*.fr				{float: right}
	*.mt-5px			{margin-top: 5px}
	*.mt-20px			{margin-top: 20px}
	*.mt-30px			{margin-top: 30px}
	*.mt-40px			{margin-top: 40px}
	*.mr-20px			{margin-right: 20px}
	*.w-100				{width: 100%}
	*.w-50				{width: 50%}
	*.w-30px			{width: 30px}
	*.w-50px			{width: 50px}
	*.h-30px			{height: 30px}
	*.w-150px			{width: 150px}
	*.margin0			{margin: 0}


	*.svetla			{color: #878686}
	*.visible			{dispaly: block}
	*.skryty			{display: none}
	*.clear				{clear: both}
	*.bold				{font-weight: bold}
	*.bezodsazeni			{padding-left: 10px; margin-left: 10px; margin-top: 10px; }
	*.bezodsazeni li		{padding: 2px 0 2px 0px}
	*.odsazeni li			{padding: 0; line-height: 150%; margin-top: 10px}
	*.prt-1px			{position: relative; top: -1px}
	*.odrazka			{background: url("image/odrazka.png") left center no-repeat; padding-left: 30px; min-height: 20px; padding-top: 5px;}
	*.ta-left			{text-align: left}
	*.ta-right			{text-align: right}
	*.barva				{color: #885C9F}
	*.italic			{font-style: italic}
	*.border			{border: 2px solid #DBD8D7;}

	input.text			{width: 220px}

	p				{text-align: justify; padding: 0; margin: 10px 0 0 0}
	h2				{margin: 0 0 15px 0; padding: 0 0 10px 0; font: italic 15px Verdana; border-bottom: 2px solid #504C4B}
	h3				{margin: 20px 0 10px 0; padding: 0; font: bold 13px Verdana; color: #885C8F}

	h3.normal			{margin: 0; padding: 0; color: #885C8F; font: 12px Verdana}
	img				{border: none}
	

/* HLAVICKA A MENU */


	#hlavicka ul, #hlavicka li	{margin: 0; padding: 0; display: inline; list-style-type: none}
	#hlavicka			{width. 1020px; height: 247px; background-image: url("image/hlavicka.jpg"); position: relative}
	a#logo				{width: 330px; height: 100px; position: absolute; top: 35px; left: 50px }
	
	#jazyky				{position: absolute; top: 20px; left: 920px; }
	#jazyky	a			{font: 14px Verdana; color: #000; text-decoration: none}
	#jazyky a:hover			{text-decoration: underline; color: #885C8F}

	#menu				{width: 960px; height: 40px; position: absolute; bottom: 52px; left: 30px}
	#menu a				{display: block; height: 30px; float: left; font: 15px Verdana; color: #FFF; text-align: center; text-decoration: none; padding-top: 10px}

	a#menu1				{width: 83px; background-image: url("image/menu1.jpg")}
	a#menu2				{width: 220px; background-image: url("image/menu2.jpg")}
	a#menu3				{width: 201px; background-image: url("image/menu3.jpg")}
	a#menu4				{width: 132px; background-image: url("image/menu4.jpg")}
	a#menu5				{width: 117px; background-image: url("image/menu5.jpg")}
	a#menu6				{width: 97px; background-image: url("image/menu6.jpg")}
	a#menu7				{width: 110px; background-image: url("image/menu7.jpg")}

	a#menu1:hover, .menu1H		{background-position: -83px}
	a#menu2:hover, .menu2H		{background-position: -220px}
	a#menu3:hover, .menu3H		{background-position: -201px}
	a#menu4:hover, .menu4H		{background-position: -132px}
	a#menu5:hover, .menu5H		{background-position: -117px}
	a#menu6:hover, .menu6H		{background-position: -97px}
	a#menu7:hover, .menu7H		{background-position: -110px}

/* OBSAH */

	#stred				{width: 940px; margin: 0 auto; line-height: 150%}


	#sloupekL			{width: 220px; float: left}
	.box				{border-bottom: 2px solid #FFF; padding-bottom: 20px}	
	a.button			{background: url("image/tlacitko-prihlasit.png") no-repeat; display: block; width: 140px; height: 20px; font-size: 11px; text-align: center; color: white; text-decoration: none}
	a.button:hover			{font-weight: bold}
	

	#obsah				{width: 460px; float: left; padding-left: 20px; min-height: 435px}
	#obsah a			{color: #885C8F; }
	#obsah a:hover			{color: #572F5F}
	#reference a			{background-color: #FFF; border: none}
	#reference td			{vertical-align: midle; background-color: #FFF;border: 1px solid #DBD8D7; text-align: center; padding: 10px 5px 10px 5px}
	#reference img			{border: none}


	#sloupekP			{width: 220px; float: right;}
	#novinkyS			{width: 190px;   background: url("image/novinkyS.png") repeat-y; position: relative; padding: 0 15px 10px 15px}
	#novinkyH			{background-image: url("image/novinkyH.png"); width: 100%; height: 10px; margin-top: 20px}
	#novinkyD			{background-image: url("image/novinkyD.png"); width: 100%; height: 10px; float: left}
	#facebook			{margin-top: 30px; margin-bottom: 20px; text-align: center}


	.fotogalerie img		{border: 2px solid #DBD8D7; margin: 10px}
	
	.desc-box			{min-height: 170px;}
	.desc-box img		{width: 105px}

	*.datum				{font: bold 13px Verdana; color: #BFA8C4; margin: 0 0 15px 0}
	.sdeleni			{border-bottom: 2px solid #CBC8C6; padding-bottom: 10px; margin-bottom: 10px}

	

	table.collapse			{border-collapse: collapse}


/* PATKA */

	#patka				{clear: both; width: 1020px; height: 54px; background-image: url("image/patka.jpg"); margin: 0 auto; text-align: center; color: #999999; padding-top: 70px}