		html, body		{text-align: center; margin: 0; text-align: left; background-color: #F2EFE8; background-image: url(image/pozadi.jpg); background-repeat: repeat-x; font: 11px Tahoma; color: #706664}

		#web			{margin: 0 auto; width: 990px; background-repeat: no-repeat}

		#menu a			{display: block; height: 45px; float: left; text-decoration: none; font: 12px Verdana; color: #7A736D; text-align: center; padding-top: 10px }
		#menu a:hover		{color: white; font-weight: bold}	

		a.menu1			{background-image: url(image/menu1.jpg); width: 82px; }
		a.menu2			{background-image: url(image/menu2.jpg); width: 85px; }
		a.menu3			{background-image: url(image/menu3.jpg); width: 164px; }
		a.menu4			{background-image: url(image/menu4.jpg); width: 79px; }
		a.menu5			{background-image: url(image/menu5.jpg); width: 89px; }
		a.menu6			{background-image: url(image/menu6.jpg); width: 87px; }
		a.menu7			{background-image: url(image/menu7.jpg); width: 77px; }
		a.menu8			{background-image: url(image/menu8.jpg); width: 90px; }
		a.menu9			{background-image: url(image/menu9.jpg); width: 138px; }
		a.menu10		{background-image: url(image/menu10.jpg); width: 99px; }

		a.menu1:hover		{background-position: -82px}
		a.menu2:hover		{background-position: -85px}
		a.menu3:hover		{background-position: -164px}
		a.menu4:hover		{background-position: -79px}
		a.menu5:hover		{background-position: -89px}
		a.menu6:hover		{background-position: -87px}
		a.menu7:hover		{background-position: -77px}
		a.menu8:hover		{background-position: -90px}
		a.menu9:hover		{background-position: -138px}
		a.menu10:hover		{background-position: -99px}

		hr			{display: none}
		h1			{font: bold 15px Verdana; color: #6DA5D6; margin-top: 10px}
		h2			{font: bold 12px Tahoma; text-decoration: underline; color: #706664; margin: 0 0 5px 0}
		h3			{font: bold 10px Verdana; color: #706664; margin: 0; padding-top: 5px}
		h4			{font: bold 15px Verdana; color: #1C4973; margin: 0 0 20px 0; padding-top: 20px; text-decoration: underline}

		p			{font: 12px Tahoma; color: #706664; margin: 0px 0 10px 0; line-height: 180%; text-align: justify}
		p.nadpis_kategorie	{font: 11px Verdana; color: white; position: absolute; top: 53px; left: 50px; line-height: 180%}
		p.nadpis_kategorie2	{font: 11px Verdana; color: white; position: absolute; top: 63px; left: 50px; line-height: 180%}
		p.dotaz			{font-weight: bold; font-style: italic; margin-top: 20px; margin-bottom: 0px}
		p.odpoved		{margin: 10px 0 0px 20px}

		form			{margin: 0}

		a.navigace		{font: 11px Tahoma; color: #706664; text-decoration: none}
		a.navigace:hover	{text-decoration: underline}

		#hlavicka		{clear: both;  width: 990px; height: 261px; position: relative}

		#hledej			{background-image: url(image/obr_menu10.jpg); width: 188px; float: left; position: relative }



		input.text		{border: 1px solid white; position: absolute; top: 17px; left: 61px; width: 87px; color: #706664}
		input.odeslat		{position: absolute; right: 5px; top: 13px}

		p#check1		{position: absolute; left: 75px; top: 48px; }
		p#check2		{position: absolute; left: 75px; top: 68px; }
		p#check3		{position: absolute; left: 75px; top: 88px; }

		#patka			{background-image: url(image/patka.jpg); width: 990px; height: 30px; clear: both; background-repeat: no-repeat; font: 11px Verdana; text-align: center; color: #706664; padding-top: 10px }
		#patka a		{font: 11px Verdana; color: #706664; text-decoration: none}
		#patka a:hover		{text-decoration: underline}

		#obr_menu a		{display: block; height: 74px; float: left; text-decoration: none; font: 11px Verdana; color: white; margin-left: 14px; padding: 40px 0 0 20px; line-height: 180%}
		#pruh_menu		{background-image: url(image/pruh_menu.jpg); width: 990px; height: 15px; float: left; }

		a.obr_menu1		{background-image: url(image/obr_menu1.jpg); width: 166px; }
		a.obr_menu2		{background-image: url(image/obr_menu2.jpg); width: 166px; }
		a.obr_menu3		{background-image: url(image/obr_menu3.jpg); width: 166px; }
		a.obr_menu4		{background-image: url(image/obr_menu4.jpg); width: 166px; }
		a.obr_menu5		{background-image: url(image/obr_menu5.jpg); width: 168px; }
		a.obr_menu6		{background-image: url(image/obr_menu6.jpg); width: 166px; }
		a.obr_menu7		{background-image: url(image/obr_menu7.jpg); width: 166px; }
		a.obr_menu8		{background-image: url(image/obr_menu8.jpg); width: 166px; }
		a.obr_menu9		{background-image: url(image/obr_menu9.jpg); width: 166px; }

		#menuM			{width: 264px; float: left}

		#menuM a		{display: block; width: 264px; text-decoration: none; font: bold 11px Verdana; color: white; text-align: center; padding-top: 10px}
		#menuM a:hover		{background-position: -264px}
	
		a.menuM1		{background-image: url(image/menuM1.jpg); height: 25px}
		a.menuM2		{background-image: url(image/menuM2.jpg); height: 22px}
		a.menuM3		{background-image: url(image/menuM3.jpg); height: 22px}
		a.menuM4		{background-image: url(image/menuM4.jpg); height: 23px}
		a.menuM5		{background-image: url(image/menuM5.jpg); height: 23px}


		#levy			{width: 389px; float: left; margin: 15px 0 15px 0}
		#LH			{width: 389px; height: 7px; background-image: url("image/LH.jpg"); background-repeat: no-repeat; }
		#LS			{float: left; width: 359px; background-image: url("image/LS.jpg"); background-repeat: repeat-y ; padding: 0 15px 0 15px}
		#LD			{clear: both; width: 389px; height: 12px; background-image: url("image/LD.jpg"); background-repeat: no-repeat; }
		.cara_horizontalni	{width: 100%; height: 1px; background-image: url("image/cara.jpg"); background-repeat: repeat-x; margin: 5px 0 5px 0}


		#pravy			{width: 588px; float: left; margin: 15px 0 15px 13px}

		#PH			{width: 588px; height: 7px; background-image: url("image/PH.jpg"); background-repeat: no-repeat; }
		.PS			{width: 588px;  float: left; background-image: url("image/PS.jpg"); background-repeat: repeat-y;}
		#PD			{clear: both; width: 588px; height: 12px; background-image: url("image/PD.jpg"); background-repeat: no-repeat; }
		.banner			{width: 468px; height: 60px;  background-repeat: no-repeat; display: block; margin: 0 auto;  }
		.cara_vertikalni	{float: left; width: 588px; height: 100%; background-image: url("image/cara.jpg"); background-repeat: repeat-y; background-position: center; }
		#PS_levy		{float: left; width: 260px; margin: 0 27px 0 20px; text-align: justify}
		#PS_levy_velky		{float: left; width: 458px; margin: 0 27px 0 20px; text-align: justify}
		#PS_pravy		{float: left; width: 260px; text-align: justify}
		#PS_pravy_maly		{float: left; width: 265px; text-align: justify; }


		#ram			{float: right}

		#ramH			{width: 789px; height: 14px; background-image: url(image/ramH.jpg); background-repeat: no-repeat}
		#ramS			{float: left; width: 729px; background-repeat: repeat-y; background-image: url(image/ramS.jpg); padding: 0 30px 0 30px; position: relative}
		#ramD			{clear: both; width: 789px; height: 19px; background-image: url(image/ramD.jpg); background-repeat: no-repeat; margin-bottom: 15px}

		#mapa_cr		{width: 507px; height: 319px; background-image: url(image/mapa_cr.jpg); float: left; position: relative}
		#mapa_sk		{width: 507px; height: 319px; background-image: url(image/mapa_sk.jpg); float: left; position: relative}

		.znacky_obsah		{float: left; width: 95%; margin: 20px 20px 0 20px}

		.cara_vertikalni2	{float: left; width: 100%; background-image: url("image/cara.jpg"); background-repeat: repeat-y; background-position: 490px ; margin-top: 20px}
		.cara_vertikalni3	{float: left; width: 100%; background-image: url("image/cara.jpg"); background-repeat: repeat-y; background-position: center ; margin-top: 20px}

		.cara_vertikalni3 a	{font: 12px Tahoma; color: #706664; margin: 0px 0 10px 0; line-height: 180%; text-align: justify; text-decoration: none}
		.cara_vertikalni3 a:hover	{text-decoration: underline}

		.recenze_sloupek	{width: 320px; float: left; }

		#ram_malyH		{padding: 8px 0 0 20px; width: 168px; height: 21px; background-image: url(image/ram_malyH.jpg); background-repeat: no-repeat; margin-top: 10px}
		#ram_malyS		{padding-left: 20px; width: 168px; background-image: url(image/ram_malyS.jpg); background-repeat: repeat-y;}
		#ram_malyD		{clear: both; width: 188px; height: 29px; background-image: url(image/ram_malyD.jpg); background-repeat: no-repeat;}
	
		#ram_malyS a		{display: block; text-decoration: none; font: 11px Tahoma; color: #706664; line-height: 180%}
		#ram_malyS a:hover	{text-decoration: underline; font-weight: bold}
		#ram_maly		{float: left}

		td			{line-height: 180%; min-height: 20px}
		th			{background-color: #D4D8DB}
		img			{border: none}
		.tabulka		{float: left; margin: 0px 50px 0 0px;}
		a.ceniky		{font: bold 12px Tahoma; color: #706664; text-decoration: none; display: block; width: 70px; height: 30px; border: 1px solid #6DA5D6; margin: 10px 10px 0 0; padding: 5px 0 5px 0; float: left; text-align: center }
		a.ceniky:hover		{border: 1px solid #6DA5D6; background-color: #6DA5D6; color: white}

		#ram_znackyH		{width: 748px; height: 9px; background-image: url(image/ram_znackyH.jpg); background-repeat: no-repeat; position: relative; left: -10px}
		#ram_znackyS		{width: 728px; background-repeat: repeat-y; background-image: url(image/ram_znackyS.jpg); padding: 0 10px 0 10px; position: relative; left: -10px;}
		#ram_znackyD		{width: 748px; height: 10px; background-image: url(image/ram_znackyD.jpg); background-repeat: no-repeat; margin-bottom: 15px; position: relative; left: -10px}

		.znacky_index		{width: 100px; float: left; margin-left: 15px}
		.znacky_obsah a		{color: #AB2202; text-decoration: none}
		.znacky_obsah a:hover	{text-decoration: underline}

		a.jazyk_a		{display: block; width: 70px; height: 70px; position: absolute; top: 0; left: 25px}
		a.jazyk_n		{display: block; width: 36px; height: 36px; position: absolute; top: 18px; left: 105px}
		a.tecka			{width: 7px; height: 7px; display: block; background-image: url("image/brown_point.png"); position: absolute}
		a.tecka:hover		{background-image: url("image/red_point.png")}

		a.centrum		{position: absolute}

		a.uroven		{text-decoration: none; color: #6F6F6F; font-weight: bold}
		a.uroven:hover		{text-decoration: underline}
		a#logo			{width: 335px; height: 175px; position: absolute; top: 50px; left: 0;}
		a.prodejci_odkaz	{color: #58595b; font-weight: bold; text-decoration: none; background-image: url('image/odrazka1.jpg'); background-repeat: no-repeat; background-position: left; padding-left: 15px;}
		a.prodejci_odkaz:hover	{text-decoration: underline; color: #DFAC53; background-image: url('image/odrazka2.jpg')}
	
		a.seznam		{padding-left: 70px; margin-top: 20px; font: bold 12px Tahoma; color: #706664; }
		a.seznam:hover		{text-decoration: underline}
		.d_seznam		{background-repeat: no-repeat; background-image: url(image/odrazka.jpg); background-position: left; margin: 10px 20px 0 20px; width: 300px; float: left; padding-top: 10px; height: 46px;}
		#detail			{width: 100%}
		#detail_levy		{width: 320px; float: left; }
		#detail_pravy		{width: 410px; float: right;}
		#border			{width: 320px;  border: 1px solid #786D6B; background-color: #FFF}
		#vlajecky		{position: absolute; right: 30px; top: 20px}