html, body			{text-align: left; background-image: url("image/pozadi.jpg"); background-repeat: repeat-x; margin: 0; padding: 0}

	#web				{ width: 1200px; background-repeat: no-repeat; min-height: 1000px; font: 12px Tahoma; color: #FFF}
	
	a				{color: #7BC0F7}


	h1, hr				{display: none}
	h2				{font-size: 14px; margin: 10px 0 20px 0;}
	h3				{font-size: 13px; margin: 20px 0 10px 0;}

	img				{border: none}
	table				{ line-height: 100%; font-size: 11px; margin: 0; padding: 0; }
	td				{margin: 0; padding: 0;; line-height: 100%}
	p				{margin: 10px 0 0 0; line-height: 180%; text-align: justify}
	textarea			{width: 220px; height: 150px; font: 12px Tahoma}
	form				{margin: 0; padding: 0}



/* HLAVICKA A MENU */

	#hlavicka			{width: 100%; height: 279px; background-image: url("image/hlavicka.jpg"); position: relative}
	a#logo				{width: 170px; height: 170px; position: absolute; top: 18px; right: 195px}

	#menu				{width: 568px;float: right; background-image: url(image/menu_pozadi.jpg); margin: -12px 0px 0 0; position: relative; right:  21px; z-index: 2; background-repea: no-repeat}
	#menu ul, #menu li		{margin: 0; padding: 0; list-style-type: none; display: inline}
	#menu span			{display: none}




	a#menu1, li#pevne1		{width: 422px; height: 58px; background-image: url("image/menu1.jpg");display: block; position: relative; z-index: 2}
	a#menu2, li#pevne2		{width: 420px; height: 58px; background-image: url("image/menu2.jpg"); left: 45px; display: block; position: relative; z-index: 2}
	a#menu3, li#pevne3		{width: 409px; height: 57px; background-image: url("image/menu3.jpg"); left: 88px; display: block; position: relative; z-index: 2}
	a#menu4, li#pevne4		{width: 401px; height: 58px; background-image: url("image/menu4.jpg"); left: 123px; display: block; position: relative; z-index: 2}
	a#menu5, li#pevne5		{width: 393px; height: 57px; background-image: url("image/menu5.jpg"); left: 153px; display: block; position: relative; z-index: 2}
	a#menu6, li#pevne6		{width: 389px; height: 57px; background-image: url("image/menu6.jpg"); left: 179px; display: block; position: relative; z-index: 2}


	a#menu1:hover			{background-position: -422px}
	a#menu2:hover			{background-position: -420px}
	a#menu3:hover			{background-position: -409px}
	a#menu4:hover			{background-position: -401px}
	a#menu5:hover			{background-position: -393px}
	a#menu6:hover			{background-position: -389px}


/* OBSAH */

	#obsah				{float: right; width: 550px; height: 333px; background-image: url("image/stin.jpg");background-repeat: no-repeat; background-position: right -12px; position: relative; right: 21px; z-index:3}
	#obsah_posuvnik			{width: 105%; overflow: auto; height: 240px; padding-right: 4%;}


	#navigace			{width: 100%; height: 20px; padding-top: 6px}
	#navigace a			{color: #FFF; background-image: url("image/odrazka.jpg"); background-repeat: no-repeat; padding-right: 15px; margin-right: 10px; background-position: center right; text-decoration: none; font-size: 11px}
	#navigace a:hover		{text-decoration: underline}

	#foto img			{height: 100px; border: 1px solid #FFF; margin: 11px 5px 0 5px; }

	#obsah li			{line-height: 180%}

	a.ramecek img			{width: 228px; height: 171px}



	
	table.prace			{line-height: 200%; font-size: 12px}
	table.prace th			{background-color: #922425; padding-left: 5px}	
	table.prace td			{line-height: 200%; font-size: 12px; padding-left: 5px; vertical-align: top}
	table.prace tbody		{margin: 0; padding: 0}

	table.kontakt			{line-height: 200%; font-size: 12px; width: 33%; }
	table.kontakt td		{line-height: 200%; font-size: 12px; vertical-align: top}
			


/* SPODEK */


	#spodek				{width: 1165px; height: 355px; background-image: url("image/spodek.jpg"); clear: both; position: relative; top: -8px; padding: 41px 27px 0 8px }
	#spodek img			{width: 228px; height: 171px}
	a.ramecek			{width: 228px; height: 171px; background-image: url("image/ramecek.jpg"); display: block; float: left; padding: 1px 1px 1px 1px; margin: 25px 20px 0 20px}


	#spodek span			{display: none}
	#spodek h2			{position: absolute; top: 0; left: 135px}
	a#predchozi			{width: 30px; height: 218px; background-image: url("image/predchozi.jpg"); display: block; float: left; margin-right: 12px}
	a#dalsi				{width: 30px; height: 218px; background-image: url("image/dalsi.jpg"); display: block; float: right}
	
	#copy				{color: #000;  font-size: 11px; position: absolute; bottom: 95px; left: 10px; line-height: 150%}
	#copy a				{color: #000; font-weight: bold; text-decoration: none}
	#copy a:hover			{text-decoration: underline}