*
	{ margin: 0; padding: 0; }
body
	{ font-family: Arial, Helvetica, sans-serif; background: url('../images/bg.png') repeat-x; color: #333; font-size: 13px }
a
	{ color: #333; outline: none; }
a:hover
	{ color: #294083 }
img
	{ border: 0; float: left }
input, select, option, textarea
	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
h1
	{ font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #dedede; margin: 15px 25px 10px 25px; padding: 5px 5px 5px 5px; color: #294083 }
h2
	{ font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #dedede; margin: 15px 25px 5px 25px; padding: 5px 10px 5px 10px; }
h1 span, h2 span
	{ text-transform: uppercase; }
input.tlacitko
	{ border: 1px solid #dedede; padding: 2px; background: url('../images/menu.png') repeat-x 50% 50%; cursor: hand; cursor: pointer }
input.tlacitko:hover
	{ background-position: bottom center;/* background-image: none; background-color: #3a4f8d; color: #fff;*/ }
td, th
	{ vertical-align: top }

#kontejner
	{ width: 950px; margin: 0 auto; }
#header
	{ width: 100%; height: 91px; color: #fff; background: url('../images/bg-header.png') no-repeat; margin-top: 4px }
#header a
	{ color: #fff }
	#logo
		{ float: left; width: 122px; height: 62px; padding: 5px; margin: 6px 0 0 25px; }
	#header p
		{ float: left; color: #fff; width: 320px; line-height: 22px; font-size: 14px; margin: 36px 0 0 40px }
	#header img.nejlepsi
		{ margin-left: 4px }
	#jazyky
		{ float: right; width: 78px/*100*/ }
	#jazyky ul li
		{ float: left; display: block; width: 21px; height: 21px; background: url('../images/jazyk.png'); font-size: 10px; line-height: 21px; text-align: center; margin-right: 4px }
	#jazyky ul li.vyber
		{ background: url('../images/jazyk-aktivni.png'); }
	#jazyky ul li a
		{ width: 21px; height: 21px; display: block; text-decoration: none }
	#vyhledavani
		{ float: right; width: 130px; background: url('../images/pole.png') no-repeat; margin-top: 42px; }
		#pole
			{ border: 0; background: none; float: left; width: 96px; height: 17px; padding: 0; margin: 2px 4px 2px 4px }
		#lupa
			{ margin: 0; padding: 0; float: left; }
#obal
	{ clear: both; width: 930px; background: #fff; border: 10px solid #fff; border-bottom: 5px solid #fff; margin: 0 auto; }
	#lista
		{ margin: 0 auto; width: 930px; height: 155px; overflow: auto; }
	#lista ul
		{ } /* 129px * pocet prvku */
	#lista ul li
		{ float: left; display: block; width: 129px; padding: 0 2px 0 2px; background: url('../images/bg-lista.png') no-repeat top right; text-align: center; overflow: hidden }
	#lista ul li.posledni
		{ background: none }
	#lista ul li a
		{ display: block; text-decoration: none }
	#lista ul li a:hover
		{ text-decoration: underline }
	#lista ul li a span
		{ display: block; height: 92px; width: 128px; float: none; margin-left: auto; margin-right: auto; cursor: hand; cursor: pointer }
	#lista ul li a strong
		{ clear: both; display: block; width: 125px; line-height: 16px; margin: 0 auto; padding-top: 3px; font-size: 12px; font-weight: normal; cursor: hand; cursor: pointer }
#obsah
	{ clear: both; width: 100%; background: #fff; margin-top: 5px; }
	#levy
		{ float: left; width: 200px; padding: 10px }
		#levy ul
			{ }
		#levy ul li
			{ float: left; display: block; width: 200px; height: 30px; line-height: 30px; }
		#levy ul li a
			{ display: block; width: 170px; height: 30px; background: url('../images/menu.png') no-repeat top left; padding: 0px 15px 0 15px; text-decoration: none }
		#levy ul li a:hover
			{ background-image: none; background: #384e8b; color: #fff }
		#levy ul li a.vyber
			{ color: #294083 }
		#levy ul li a.vyber:hover
			{ color: #fff }
		#levy p
			{ clear: both; color: #fff; background: #294083; margin: 0; padding: 10px 15px 10px 15px; border-top: 5px solid #fff; border-bottom: 5px solid #fff }
		#levy p a
			{ color: #fff; }
		#levy .ikonky
			{ clear: both; width: 188px; padding: 30px 0 20px 0; margin: 0 auto }
		#levy .ikonky img
			{ margin: 3px }
		#levy .facebook
			{ clear: both }
		#levy .facebook p
			{ color: #000; background: #fff; margin: 0 0 0 25px }
	#stredni
		{ float: left; width: 519px; padding: 5px; background: #f7f7f7 }
		/*
		#stredni .box, #stredni .kategorie, #stredni .produkt
			{ border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 2px solid #eeeeee; border-bottom: 2px solid #eeeeee; background: #fff; margin-bottom: 3px }
		*/
		/*#stredni .navigace
			{ background: #fff; padding: 2px; margin-bottom: 3px; border-bottom: 2px solid #eeeeee; }
			#stredni .navigace h1
				{ margin-bottom: 0px }
			#stredni .navigace p
				{ font-size: 11px; line-height: 25px; margin: 3px 20px 10px 35px; }*/
		#stredni .box, #stredni .kategorie, #stredni .produkt, #stredni .detail, #stredni .doporucujeme, #stredni .clanky
			{ border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 2px solid #eeeeee; border-bottom: 2px solid #eeeeee; background: #fff; margin: 0 5px 3px 5px; overflow: hidden }
			#stredni .box .navigace, #stredni .detail .navigace
				{ font-size: 11px; margin: 0px 30px 20px 35px }
			#stredni .box .odsaditel
				{ padding: 5px 35px 30px 35px; }
			#stredni .kategorie a, #stredni .produkt a
				{ text-decoration: none; }
			#stredni .kategorie a:hover, #stredni .produkt a:hover
				{ text-decoration: underline; }
			#stredni .kategorie a.nahled,	#stredni .produkt a.nahled
				{ display: block; float: left; width: 119px; height: 83px; }

			#stredni .kategorie div.linka
				{ float: left; width: 1px; height: 63px; margin: 10px 15px 0 0; background: #dedede }
			#stredni .kategorie p
				{ display: table-cell; vertical-align: middle; width: 344px; height: 83px; min-height: 83px; }
			#stredni .kategorie p a
				{ line-height: 150%; font-size: 15px; text-transform: uppercase; }
			#stredni .kategorie p a strong
				{ font-weight: normal }

			#stredni .produkt img
				{ width: 119px; height: 83px }
			#stredni .produkt .popisek
				{ float: left; border-left: 1px solid #dedede; border-right: 1px solid #dedede; width: 275px; height: 67px; font-size: 12px; font-weight: normal; margin-top: 8px; line-height: 16px; padding: 0 8px 0 8px }
			#stredni .produkt .popisek a
				{ color: #294083; text-decoration: underline; text-transform: uppercase; }
			#stredni .produkt .popisek a:hover
				{ }
			#stredni .produkt .popisek span
				{ text-transform: lowercase; }
			#stredni .produkt .popisek p
				{ border-top: 1px solid #dedede; line-height: 14px; margin: 3px 0 3px 0; padding-top: 2px }
			#stredni .produkt .cena
				{ float: right; width: 90px; text-align: center }
			#stredni .produkt .cena p
				{ padding: 10px 0 8px 0 }
			#stredni .produkt .cena p b
				{ color: #294083; font-size: 16px }
			#stredni .produkt .cena a
				{ display: block; width: 53px; height: 21px; background: url('../images/kosik.png') no-repeat top left; text-decoration: none; line-height: 20px; padding-left: 25px; margin: 0 auto }
			#stredni .produkt .cena a:hover
				{ background-position: 0 -21px; color: #fff; }
			#stredni .box p, #stredni .detail p, #stredni .clanky p
				{ margin: 5px 35px 30px 35px; line-height: 18px; }
			#stredni .box table, #stredni .clanky table
				{ margin: 5px 35px 30px 35px; }
			#stredni .box table.vnitrni, #stredni .clanky table.vnitrni
				{ margin: 0 35px 0 35px; }
			#stredni .box table.stred, #stredni .clanky table.stred
				{ width: 90%; margin: 0 auto; border-collapse: collapse }
			#stredni .box table td, #stredni .box table th, #stredni .clanky table td, #stredni .clanky table th
				{ padding: 2px 3px 2px 3px }
			#stredni .box table p, #stredni .clanky table p
				{ margin: 5px 0px 10px 0px; }
			#stredni .box ol, #stredni .box ul, #stredni .detail ol, #stredni .detail ul, #stredni .doporucujeme ul, #stredni .clanky ul, #stredni .clanky ol
				{ margin: 5px 35px 30px 55px; line-height: 18px; }
			#stredni .box li
				{ margin: 10px 0 10px 0 }
			#stredni .detail li, #stredni .doporucujeme li, #stredni .clanky li
				{ margin: 2px 0 2px 0 }
				
			#stredni .clanky .clanek
				{ width: 90%; margin: 0 auto; margin-bottom: 25px }
			#stredni .clanky .clanek .obrazek
				{ float: left; width: 140px }
			#stredni .clanky .clanek .perex
				{ float: right; width: 310px; line-height: 20px }
			#stredni .clanky .clanek .perex span
				{ margin-top: 2px }
			/*
			#stredni .detail h1
				{ font-size: 14px; margin-top: 25px; padding: 15px 0 0 0; border-bottom: none; border-top: 1px solid #e6e6e6 }
			#stredni .detail h1 span
				{ font-size: 12px; color: #333; font-weight: normal }
			*/
			#stredni .detail .galerie
				{ width: 408px; margin: 0 auto; clear: both; padding-bottom: 10px }
			#stredni .detail .galerie a
				{ display: block; float: left; border-right: 1px solid #e6e6e6; margin-top: 5px; width: 101px; height: 84px }
			#stredni .detail .galerie a.posledni
				{ border-right: none }
			#stredni .detail a.zvetsit
				{ display: block; z-index: 10; position: relative; top: -10px; left: 390px; width: 70px; height: 14px; line-height: 14px; text-decoration: none; background: #fff url('../images/plus.png') no-repeat top left; padding-left: 20px }
			#stredni .detail table
				{ width: 457px; margin: 0 25px 0 25px; padding: 5px 0 5px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
			#stredni .detail table th
				{ width: 100px; text-align: left; padding-left: 8px; }
			#stredni .detail table td
				{ padding-right: 8px; }
			#stredni .detail .cena
				{ float: left; width: 235px; padding: 5px 0 15px 35px; }
				#stredni .detail .cena b
					{ font-size: 14px; color: #294083; line-height: 20px }
			#stredni .detail .koupit
				{ float: right; width: 150px; padding: 18px 30px 0 0; }
				#stredni .detail .koupit .kusu
					{ width: 20px; text-align: center; padding: 3px; border: 1px solid #e6e6e6 }
				#stredni .detail .koupit .kosik
					{ float: right; display: block; width: 78px; height: 21px; background: url('../images/kosik.png') no-repeat top left; margin: 0; padding: 0; border: 0 }
				#stredni .detail .koupit .kosik:hover
					{ color: #fff; background-position: 0 -21px; }
		#stredni .banner
			{ margin: 15px 0 5px 0; width: 468px; float: none; display: block; margin-left: auto; margin-right: auto }
	#pravy
		{ float: right; width: 180px; padding: 10px }
		#pravy img
			{ clear: both; margin-bottom: 4px; }
		#pravy .box
			{ clear: both; width: 178px; border: 1px solid #dedede; margin-bottom: 5px }
		#pravy .box em
			{ text-transform: uppercase; background: #dedede; display: block; font-size: 11px; font-style: normal; line-height: 30px; padding: 0 8px 0 8px; }
		#pravy .box ul
			{ margin: 4px 0 4px 24px; font-size: 11px; line-height: 18px; list-style-type: square; }
		#pravy .box p
			{ padding: 4px 10px 4px 10px; font-size: 11px; line-height: 18px; }
		#pravy .odkaz
			{ width: 100%; border-top: 1px solid #dedede }
		#pravy .odkaz
			{ text-transform: uppercase; font-size: 14px; text-align: center; line-height: 30px }
		#pravy .odkaz a
			{ text-decoration: none }
		#pravy .odkaz a:hover
			{ text-decoration: underline }

#footer
	{ padding: 30px 30px 10px 30px; height: 100px }
#footer p
	{ float: right; border-left: 1px solid #b7b7b8; width: 729px; padding-left: 30px; color: #d9d9d9; font-size: 12px; line-height: 18px }
#footer a
	{ color: #d9d9d9; text-decoration: none }

#pozadi
	{	position: relative; /* Safari */ width: 100%; z-index: -10; height: 0; }
#pozadi #zazrak
	{ position: absolute; background: url('../images/bg-footer.png') repeat-x top left; top: -539px; width: 100%; height: 545px; }

div.clr
	{ clear: both }
div.oddelovac
	{ clear: both; width: 457px; height: 5px; margin: 10px 25px 10px 25px; background: url('../images/oddelovac.png') repeat-x top left; }

p.strankovani
	{ padding-bottom: 30px }
p.strankovani a
	{ display: block; float: left;  text-align: center; width: 23px; height: 23px; line-height: 23px; border: 1px solid #dedede; color: #000; margin: 10px 10px 0 0; text-decoration: none }
p.strankovani a:hover
	{ color: #fff; background-color: #294083; }
p.strankovani b
	{ display: block; float: left; width: 25px; height: 25px; line-height: 25px; color: #000; background-color: #dedede; text-align: center; margin: 10px 10px 0 0; }
	
.fl
	{ float: left }
.fr
	{ float: right }
.fc
	{ float: none; display: block; margin-left: auto; margin-right: auto }
.fn
	{ float: none; display: block; }
.tucne
	{ font-weight: bold }
.cervene
	{ color: #cc2626 }
.ochrana
	{ left: -9999px; top: -9999px; position: absolute }