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

	#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-30px			{margin-top: 30px}
	*.mt-10px			{margin-top: 10px}
	*.w-100				{width: 100%}
	*.w-50				{width: 50%}
	*.w-40				{width: 35%}
	*.w-45				{width: 45%}
	*.w-55				{width: 55%}
	*.w-60px			{width: 60px}
	*.w-30px			{width: 15px}
	*.va-top			{vertical-align: top}
	*.bezodsazeni			{padding-left: 10px; margin-left: 10px; margin-top: 10px}
	*.collapse			{border-collapse: collapse}
	*.podtrzene			{text-decoration: underline}
	*.vetsi				{font-size: 12px}
	*.mensi				{font-size: 11px}
	*.ta-right			{text-align: right}
	*.pb20px			{padding-bottom: 20px}
	*.pt20px			{padding-top: 20px}
	*.pl-20px			{padding-left: 20px}
	*.pr-20px			{padding-right: 20px}
	*.ml-20px			{margin-left: 20px}
	*.mr-20px			{margin-right: 20px}
	*.w-150px			{width: 150px}
	*.w-200px			{width: 200px}
	*.h-10px			{height: 10px}
	*.m-10px			{margin: 10px}
	*.italic			{font-style: italic}
	*.border			{border: 1px solid #E9E9E9}
	*.mt-50px			{margin-top: 50px}
	*.ml-40px			{margin-left: 40px}
	*.mr-40px			{margin-right: 40px}
	*.m0auto			{margin: 0 auto}
	*.clear				{clear: both}
	*.w-300px			{width: 300px}
	*.prt-10px			{position: relative; top: 10px}
	*.prt-5px			{position: relative; top: 5px}
	*.prt-3px			{position: relative; top: 3px}
	*.prl-10px			{position: relative; left: 10px}
	*.plr-20px			{padding: 0 20px 0 20px}
	*.m-w120px			{max-width: 120px}

	*.seda				{color: gray}	
	*.zelena			{color: #00713D}
	*.bold				{font-weight: bold}
	*.bila				{background-color: #FFF}
	*.red				{color: red}
	*.zluta				{color: #D79C1E}

	form				{margin: 0; padding: 0}
	img				{border: none}
	p				{text-align: justify; padding: 0; margin: 10px 0 0 0}

/* HLAVICKA A MENU */

	#hlavicka			{width: 100%; height: 427px; position: relative; background-image: url("image/hlavicka.jpg")}
	img#napis			{position: absolute; top: 73px; right: 365px; z-index: 10}
	a#logo				{width: 180px; height: 130px; position: absolute; top: 95px; left: 160px}
	#flashlogo			{width: 217px; height: 163px;  position: absolute; top: 70px; left: 140px}

	#jazyky				{position: absolute; left: 890px; top: 0;}
	#jazyky a			{width: 30px; height: 25px; display: block; float: left; margin-right: 7px}
	#jazyky span			{display: none}

	/* MENU HORNI */

	#menuH				{position: absolute; left: 150px; top: 0}
	#menuH ul, #menuH li		{margin: 0; padding: 0; display: inline; list-style-type: none}
	#menuH a			{height: 49px; margin-right: 13px; color: #FFF; text-decoration: none; width: 87px; display: block; float: left; font-weight: bold; text-align: center; padding-top: 15px}
	#menuH a:hover, a.topH		{background-position: -87px}	
	a#menuH3:hover, a.top3H		{background-position: -62px}

	a#menuH1			{background-image: url("image/menuH1.jpg")}
	a#menuH2			{background-image: url("image/menuH2.jpg")}
	a#menuH3			{background-image: url("image/menuH3.jpg"); width: 62px}
	a#menuH4			{background-image: url("image/menuH4.jpg")}
	a#menuH5			{background-image: url("image/menuH5.jpg")}
	a#menuH6			{background-image: url("image/menuH6.jpg")}
	a#menuH7			{background-image: url("image/menuH7.jpg")}



	/* MENU HLAVNI */

	#menu ul, #menu li		{margin: 0; padding: 0; display: inline; list-style-type: none}
	#menu				{width: 883px; height: 116px; position: absolute; bottom: 9px; left: 150px }
	#menu h2			{margin: 0;padding: 0; font: 12px Tahoma; color: gray}
	#menu a				{text-decoration: none; text-align: center;}
	#menu a:hover, a.menuH		{color: #00713D; font-weight: bold; }
	
	a#menu1				{width: 455px; height: 40px; padding-top: 60px;  z-index: 1; display: block; position: absolute; top: -80px; left: 221px; color: #00713D; font-weight: bold}
	a#menu2				{width: 178px; padding-right: 20px; padding-left: 20px; height: 56px; background-image: url("image/menu2.jpg"); float: left; padding-top: 60px; position: relative}
	a#menu3				{width: 183px; padding-right: 20px; padding-left: 20px; height: 29px; background-image: url("image/menu3.jpg"); float: left; padding-top: 60px; position: relative; top: 27px}
	a#menu4				{width: 184px; padding-right: 20px; padding-left: 20px; height: 29px; background-image: url("image/menu4.jpg"); float: left; padding-top: 60px; position: relative; top: 27px}
	a#menu5				{width: 178px; padding-right: 20px; padding-left: 20px; height: 56px; background-image: url("image/menu5.jpg"); float: left; padding-top: 60px; position: relative}

	a#menu2:hover, a#menu5:hover	{background-position: -218px}
	a#menu3:hover			{background-position: -223px}
	a#menu4:hover			{background-position: -224px}

	img#produkt1			{position: absolute; bottom: 16px; left: 16px; z-index: -1 }
	img#hmyz1			{position: absolute; bottom: 35px; right: 70px}

	img#hmyz2			{position: absolute; top: -20px; left: 50px}
	img#hmyz3			{position: absolute; top: -20px; left: 60px}
	img#hmyz4			{position: absolute; top: -20px; left: 60px}
	img#hmyz5			{position: absolute; top: -20px; left: 60px}

	#vyber				{width: 175px;height: 140px; padding: 0px 10px 0 10px; position: absolute; top: 74px; right: 168px; color: #FFF; font-size: 11px}
	#vyber select			{width: 175px; margin-bottom: 5px; font-size: 11px}
	

	
/* OBSAH */


	/* UVODNI */

		#pas-pocasi			{width: 100%; height: 101px; position: relative; bottom: 9px}
		.boxpocasi			{width: 343px; height: 101px; background-image: url("image/boxZeleny.jpg"); float: left; color: #FFF; text-align: center; font-size: 11px; position: relative; left: 100px}
		.boxpocasi table		{width: 80%; margin: 0 auto}
		.boxpocasi td			{width: 33%}
		.boxpocasi p			{text-align: center}
		a.kliste			{font: bold 20px Tahoma; color: #FFF; text-decoration: none;}
		table.predpoved			{margin-bottom: 5px}
		table.predpoved a		{display: block; margin: 0px 0 5px 0}
		p.chmi				{font-size: 10px; text-align: center; margin: 0}
		p.chmi a			{color: #FFF; text-decoration: none}
		img.pocasi			{margin: 3px 0 10px 0}
		#Ubox				{width: 332px; height: 124px; position: absolute; top: 0; right: 70px; background-image: url("image/Uboxy.jpg")}
		#Ubox table			{width: 100%; text-align: center; position: relative; left: 7px; font-size: 11px}
		a#eshop				{width: 272px; height: 48px; color: #EBBC4A; text-decoration: none; padding: 15px 20px 0px 20px; font: bold 12px Tahoma; text-align: center; background-image: url("image/eshop.jpg"); display: block }
		a#eshop:hover			{color: #F4C901}


		#Uobsah				{width: 100%; min-height: 300px;  margin-top: 13px; color: #4D4D4D; font-size: 12px;line-height: 180%; ; padding-bottom: 40px; float: left}
		#Ulevy				{width: 310px; min-height: 100px; float: left; position: relative; left: 117px}
		#Upravy				{width: 633px; min-height: 100px; background-color: #FFF; padding: 0 20px 20px 20px;  float: left; position: relative; left: 147px}
	
		h3.ULnadpis			{background-image: url("image/ULnadpis.jpg"); padding: 10px 20px 0px 20px; width: 270px; height: 24px; font: bold 12px Tahoma; margin: 0}
		td.teckovanay			{background: #FFF url("image/tecky.jpg") top right repeat-y;}
		a.vice				{color: #006233; font-weight: bold}

		.RLH				{width: 8px; height: 8px; background-image: url("image/RLH.jpg"); position: absolute; top: 0; left: 0; background-repeat: no-repeat}
		.RLD				{width: 9px; height: 7px; background-image: url("image/RLD.jpg"); position: absolute; bottom: 0; left: 0; background-repeat: no-repeat}
		.RPH				{width: 9px; height: 8px; background-image: url("image/RPH.jpg"); position: absolute; top: 0; right: 0; background-repeat: no-repeat}
		.RPD				{width: 8px; height: 7px; background-image: url("image/RPD.jpg"); position: absolute; bottom: 0; right: 0; background-repeat: no-repeat}

		.ZLH				{width: 9px; height: 10px; background-image: url("image/ZLH.jpg"); position: absolute; top: 0; left: 0; background-repeat: no-repeat}
		.ZPH				{width: 9px; height: 10px; background-image: url("image/ZPH.jpg"); position: absolute; top: 0; right: 0; background-repeat: no-repeat}
		.ZS				{width: 8px; height: 8px; background-image: url("image/ZS.jpg"); position: absolute; top: 0; right: 0; background-repeat: no-repeat}


	/* OBSAHOVA */

		#telo				{width: 100%; margin-top: 28px; padding-bottom: 40px; float: left}
		#telo a				{color: #006233}
		#levy				{width: 780px; min-height: 300px; float: left; position: relative; left: 40px; }
		#pravy				{width: 243px; min-height: 300px; padding: 0 20px 20px 20px; background-color: #FFF; position: relative; left: 90px; float: left; line-height: 180%}
		
		#obal				{width: 740px; background-color: #FFF; position: relative; padding: 0px 20px 20px 20px; float: left; font-size: 12px; line-height: 180%; ; min-height: 295px}
		#odsazeni20px			{width: 100%; float: left; height: 20px}
		#sloupek			{width: 203px; float: left; padding-right: 20px}
		#text				{width: 497px; float: left; position: relative; left: 20px}
		*.teckovanax			{background: url("image/teckyx.jpg") bottom repeat-x; }		


		h3#OLnadpis			{padding: 10px 20px 0px 20px ; color: #00713D; margin: 0; font: bold 15px Tahoma; background: #FFF url("image/OLnadpis.jpg") no-repeat; width: 203px }
		h3.obyc				{font: bold 13px Tahoma; margin: 20px 0 15px 0}
		h4				{color: gray; font: bold 14px Tahoma; margin: 15px 0 0px 0; padding: 0}
	
		input.inputtext			{width: 200px}


		a.karta				{width: 78px; padding: 10px 10px 10px 90px ;height: 70px; display: block; float: left; margin: 10px 7px 0 0 }
		a.karta:hover			{background-position: -178px}		

		a.k1				{background-image: url("image/k1.jpg")}
		a.k2				{background-image: url("image/k2.jpg")}
		a.k3				{background-image: url("image/k3.jpg")}
		a.k4				{background-image: url("image/k4.jpg")}
		a.k5				{background-image: url("image/k5.jpg")}
		a.k6				{background-image: url("image/k6.jpg")}
		a.k7				{background-image: url("image/k7.jpg")}
		a.k8				{background-image: url("image/k8.jpg")}


/* PATKA */

	#varovani		{clear: both; min-width: 1200px; height: 30px; padding-top: 16px; background-color: #00723E; text-align: center; color: #FFF; font: 11px Tahoma}
	#patka			{clear: both; min-width: 1200px; height: 30px; padding-top: 16px; background-color: #DBDBDB; text-align: center; color: #868686; font-size: 11px}
	#patka a		{font-weight: bold; color: #868686}