* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: white;
	text-align: center;
	font-family: Arial;
	font-size: 0.8em;
}

a:hover {text-decoration: none;}
a img {border: 0px;}
a {color: #3b81b4;}

.left {float: left}
.right {float: right}

h1.empty {background: transparent !important; font-size: 16px; margin: 6px;}

#main {
	width: 100%; background: url('/images/main_back.png') top center repeat-x;
}

#site {
	 text-align: left;
}

#topup {background: url('/images/main_back.png') top center}
#top {
	width: 960px; height: 30px; margin: auto;
	margin-bottom: 1px; 
}
	#top ul {float: right;}
	#top ul li {
		display: inline; float: left;
	}
	#top ul li.js_Login {
		background: url('/images/login.png') left top no-repeat;
		padding-left: 22px;
	}
	#top ul li span {
		display: block; height: 24px;
		float: left;
		padding-top: 6px; padding-right: 12px; margin-left: 12px;
	}
	#top ul li a {
		display: block; height: 24px;
		float: left;
		padding-top: 6px; padding-right: 12px; margin-left: 12px;
		background: url('/images/top_back.png') right top no-repeat;
	}
	#top ul li .name {
		padding-right: 2px;
		margin-left: 2px;
		background: none;
	}
	#top ul li a.logout {
		padding-right: 12px;
		margin-left: 2px;
		background: url('/images/top_back.png') right top no-repeat;
	}

#header_out {height: 140px; background: url('/images/header_back.png') top no-repeat;}
#header {width: 960px; height: 140px; margin: auto; position: relative; z-index: 1;}
.stuha {position: absolute; width: 193px; height: 181px; right:-0px; top:-33px; z-index: 2; background: url("/images/stuha.png");}
.st_doprava {position: absolute; display: block; right: 80px; top: -30px; width: 100px; height: 30px; z-index: 4;}
.st_kontakt {position: absolute; display: block; right: 10px; top: -30px; width: 60px; height: 30px; z-index: 4}
.st_kosik {position: absolute; display: block; right: 10px; top: 90px; width: 80px; height: 23px; z-index: 4}
#header h1 span {display: none;}
#header h2 span {display: none;}
	
	.logo_search_odkazy	{float: left; width: 735px; height: 140px;}
/*background: url('/images/logo.png') no-repeat;*/
		.header_logo 	{float: left; width: 220px; height: 100px; }
			.header_logo a {display: block; width: 220px; height: 100px;}
		
		.header_search 	{float: right; width: 515px; height: 100px;}
		.header_search 	.telo {width: 383px; height: 41px; margin-top: 40px; margin-left: 110px;
								background: url('/images/hledej_input.png') top left no-repeat;}
		.header_search 	#phrase {float: left; width: 240px; height: 18px; margin-left: 40px; margin-top: 10px;
								font-size: 16px; color: #375871; background: #cde1ea; border: 0px; padding-bottom: 2px; font-weight: normal;}
		.header_search 	.sub {float: right; margin-top: 3px; margin-right: 3px;}
		
	
		.header_odkazy 	{float: left; width: 735px; height: 40px;}
			.header_odkazy ul {
				list-style: none;
			}
			.header_odkazy ul li {
				display: block; float: left; margin: 0px; padding: 0px;
			}
			.header_odkazy ul li a {width: 147px; height: 40px; display: block;}
			.header_odkazy ul li a span {display: none;}
						
			.header_odkazy ul li a.uvod			{background: url('/images/header_uvod.png') top no-repeat;}
			.header_odkazy ul li a.uvod_active	{background: url('/images/header_uvod.png') bottom no-repeat;}
			.header_odkazy ul li a.uvod:hover	{background: url('/images/header_uvod.png') bottom no-repeat;}
			
			.header_odkazy ul li a.magazin			{background: url('/images/header_magazin.png') top no-repeat;}
			.header_odkazy ul li a.magazin_active	{background: url('/images/header_magazin.png') bottom no-repeat;}
			.header_odkazy ul li a.magazin:hover	{background: url('/images/header_magazin.png') bottom no-repeat;}
						
			.header_odkazy ul li a.souteze			{background: url('/images/header_souteze.png') top no-repeat;}
			.header_odkazy ul li a.souteze_active	{background: url('/images/header_souteze.png') bottom no-repeat;}
			.header_odkazy ul li a.souteze:hover	{background: url('/images/header_souteze.png') bottom no-repeat;}
            
			.header_odkazy ul li a.prodejna			{background: url('/images/header_prodejna.png') top no-repeat;}
			.header_odkazy ul li a.prodejna_active	{background: url('/images/header_prodejna.png') bottom no-repeat;}
			.header_odkazy ul li a.prodejna:hover	{background: url('/images/header_prodejna.png') bottom no-repeat;}
			
			.header_odkazy ul li a.onakupu			{background: url('/images/header_onakupu.png') top no-repeat;}
			.header_odkazy ul li a.onakupu_active	{background: url('/images/header_onakupu.png') bottom no-repeat;}
			.header_odkazy ul li a.onakupu:hover	{background: url('/images/header_onakupu.png') bottom no-repeat;}

			.header_odkazy ul li a.spoluprace		 {background: url('/images/header_spoluprace.png') top no-repeat;}
			.header_odkazy ul li a.spoluprace_active {background: url('/images/header_spoluprace.png') bottom no-repeat;}
			.header_odkazy ul li a.spoluprace:hover	 {background: url('/images/header_spoluprace.png') bottom no-repeat;}

	.header_kosik {float: right; width: 225px; height: 140px; text-align: right; font-family: Tahoma}
	.header_kosik .telo {	width: 213px; height: 39px; padding-top: 29px; padding-left: 12px; 
							margin-top: 15px;
							background: url('/images/vas-kosik.png') top right no-repeat;
							text-align: left;
							color: #666666;}
	.header_kosik .telo strong {color: #444;}
	.header_kosik .button {	margin-top: 7px;}

	.none {display: none;}

#body {
	width: 960px;
	margin: 0 auto;
}

	#navigace {
		width: 945px; height: 25px; padding-top: 15px; padding-left: 15px;
		font-size: 11px; color: #999999; font-weight: bold; 
		background-color: white; border-bottom: 1px solid #cfe3ea;
	}
	#navigace a {font-weight: normal; color: #375871;}
	#navigace a:hover {text-decoration: none;}

	#homepage_banner {width: 740px; height: 203px;
		background: url('/images/homepage_banner_small.png') top left no-repeat;}
		#homepage_banner .obrazky {float: left; width: 290px; height: 191px; margin-top: 6px; margin-left: 6px; margin-right: 12px;}
		#homepage_banner .text {float: right; width: 399px; height: 143px; margin-top: 53px; margin-right: 30px; _margin-right: 30px; font-size: 11px; color:#d2c5b8; }
		#homepage_banner .text p {margin-top: 10px; margin-bottom: 10px;}
		#homepage_banner .text strong {color: #fff;}
		
	#homepage {width: 740px; float: left;}
	#homepage h1 span {display: none;}
	#homepage h2 span {display: none;}
	
	#homepage .doporucuje h2 {width: 740px; height: 37px; background: url('/images/homepage_skeble-doporucuje.png') top left no-repeat;}
	
	.hmp_posledni-clanenk {float: left; width: 365px; height: 260px; margin-top: 5px; margin-left: 5px; background: url('/images/homepage_posledni-clanek.png') top left no-repeat;}
	.hmp_posledni-clanenk .telo {margin-top: 45px; padding-left: 10px; padding-right: 10px;}
	.hmp_posledni-clanenk h3 a {font-size: 12px; color: #3c82b5; font-weight: bold;}
	.hmp_posledni-clanenk img {border: 1px solid #fff; margin-top: 8px; margin-bottom: 10px;}
	.hmp_posledni-clanenk p {font-size: 11px; color: #666666; font-weight: normal; line-height: 1.5em;}
	.hmp_posledni-clanenk p a {font-size: 11px; color: #3c82b5; font-weight: normal;}
    .hmp_posledni-clanenk div.anotace {display: inline; font-size: 11px;}
    .hmp_posledni-clanenk div.anotace p {display: inline; font-size: 11px;}
	
	.hmp_nejnovejsi-clanky {float: left; width: 180px; height: 260px; margin-top: 5px; margin-left: 5px;}
	.hmp_nejnovejsi-clanky h2 {width: 180px; height: 37px; background: url('/images/homepage_nejnovejsi-clanky.png') top left no-repeat;}
	.hmp_nejnovejsi-clanky .telo {height: 180px;}
	.hmp_nejnovejsi-clanky ul {list-style:none; padding-left: 5px;}
	.hmp_nejnovejsi-clanky ul li {float: left; width: 175px; height: 50px; margin-top: 10px;  font-size: 11px;}
	.hmp_nejnovejsi-clanky ul li img {float: left; margin-left: 20px; margin-top: 10px;}
	.hmp_nejnovejsi-clanky ul li .text {float: right; width: 100px; font-size: 11px;  margin-top: 10px;}
	.hmp_nejnovejsi-clanky h3 a { font-size: 11px; color: #3c82b5; font-weight: normal;}
	.more {margin: 5px 0px 0px 5px;}

	.hmp_novinky {float: left; width: 180px; height: 260px; margin-top: 5px; margin-left: 5px;}
	.hmp_novinky h2 {width: 180px; height: 37px; background: url('/images/homepage_novinky.png') top left no-repeat;}
	.hmp_novinky .telo {height: 180px;}
	.hmp_novinky ul {list-style:none; padding-left: 5px;}
	.hmp_novinky ul li {float: left; width: 175px; margin-top: 12px;  color: #666666; font-size: 11px;}
	.hmp_novinky ul li strong {color: #4c2b11;}
	.hmp_novinky a {color: #749906; font-weight: normal;}
		
	.produkty-akce {float: left; width: 555px; margin-top: 5px; margin-bottom: 5px;}
	.produkty-akce h2 {width: 550px; margin-left: 5px; height: 37px; background: url('/images/homepage_produkty-akce.png') top left no-repeat;}
	
	.homepage_pravy-sloupec {float: left; width: 180px; margin-left: 5px; margin-top: 5px;}  
	.partneri {width: 180px; margin-top: 5px; background: #f3f3f3; padding-bottom: 6px;}
	.partneri h2 {width: 180px; height: 37px; background: url('/images/homepage_partneri.png') top left no-repeat;}
	.partneri .telo {width: 170px; padding: 5px; text-align: center;}
	.partneri .telo p {margin-top: 6px; margin-bottom: 6px;}
	
	#left, #content, #right {margin-top: 9px;}
	#left {float: left;}
	#body_right {float: right; width: 740px;}
	#content {float: left;}
	#right {float: right;}
	#left_content {float: left;}

	#left {width: 220px; text-align: center;}
	#left_content {background-color: #e5f0f4;}
	
	#left h2 span {display: none;}
	#left h2.kategorie {width: 220px; height: 15px; margin-top: 10px; margin-bottom: 10px; background: url('/images/left_kategorie.png');}
	
	#left .mody {width: 220px; float: left; background: #fff;}
	#left h2.produktovy {width: 109px; height: 36px; margin-top: 0px; margin-bottom: 0px; margin-right: 1px; float: left;}
    #left h2.produktovy_active {background: url('/images/menu_produkty2.png') top;}
    #left h2.produktovy_neactive {background: url('/images/menu_produkty2.png') bottom;}
    #left h2.produktovy:hover {background: url('/images/menu_produkty2.png') top;}
	#left h2.darkovy {width: 110px; height: 36px; margin-top: 0px; margin-bottom: 0px; float: right;}
    #left h2.darkovy_active {background: url('/images/menu_darky2.png') top;}
    #left h2.darkovy_neactive {background: url('/images/menu_darky2.png') bottom;}
    #left h2.darkovy:hover {background: url('/images/menu_darky2.png') top;}
	h2.produktovy a, h2.darkovy a {display: block; width: 110px; height: 36px;}
	
	
	#left h2.kontaktujte {width: 220px; height: 26px; margin-top: 20px; margin-bottom: 4px; background: url('/images/left_kontaktujte.png');}	
	
	#left ul {list-style: none;}
	ul.green, ul.menu, ul.blue, ul.red {text-align: left; margin-top: 10px; margin-bottom: 10px;}
	
	ul.blue, ul.red		{width: 210px; margin: auto; margin-top: 10px; margin-bottom: 10px;}
	ul li.blue a 		{display: block; width: 200px; height: 21px; padding-top: 5px; padding-left: 10px; background: url('/images/menu_a_blue.png') top left;
							font-size: 12px; font-weight: bold; color: #fff; text-decoration:none;}
	ul li.red a 		{display: block; width: 200px; height: 21px; padding-top: 5px; padding-left: 10px; background: url('/images/menu_a_red.png') top left;
							font-size: 12px; font-weight: bold; color: #fff; text-decoration:none;}

	div.menu			{width:210px; margin: auto; margin-top: 10px; margin-bottom: 10px;}
	
	ul.menu				{}
	ul.menu li a 		{display: block; height: 20px;
						padding-top: 6px; padding-left: 10px;
						background: url('/images/menu_kategorie.png') top left;
						font-size: 11px; font-weight: bold; color: #375871; text-decoration:none;}
	
	ul.menu li ul 		{margin: 0px; padding: 0px; padding-top: 3px; padding-bottom: 5px; border-left: 1px solid  #c9dfe8; border-right: 1px solid #c9dfe8; background: #fff;}
	ul.menu li ul li ul	{padding: 0px; margin: 0px; border: 0px; background: none;}
	
	ul.menu li ul li 	{margin: 0px; padding: 0px; margin-left: 20px; %margin-left: 22px; _margin-left: 24px; list-style-image: url('/images/menu_sipecka.png'); border: 0px; }
	ul.menu li ul li ul li	{margin: 0px; padding: 0px; margin-left: 20px; %margin-left: 22px; _margin-left: 20px;  }
	
	ul.menu li ul li a 	{display: block; height: 15px;
						padding-top: 2px; padding-bottom: 2px; padding-left: 0px;
						background: none;
						font-size: 11px; font-weight: normal; color: #375871; text-decoration:none;}
	ul.menu li ul li a.aktivni 	{font-weight: bold; color: #17425F;}
	ul.menu li ul li a:hover {text-decoration: underline;}

	ul.green 			{width: 210px; margin: auto; margin-top: 10px; margin-bottom: 10px;}
	ul.green li a		{display: block; width: 200px; padding-left: 10px; font-size: 12px; font-weight: bold; color: #fff; text-decoration:none;}
	ul.green li.top a 	{height: 22px; padding-top: 4px; background: url('/images/menu_a_green_top.png') top left;}
	ul.green li.middle a {height: 21px; padding-top: 4px; background: url('/images/menu_a_green_middle.png') top left;}
	ul.green li.bottom a {height: 21px; padding-top: 4px; background: url('/images/menu_a_green_bottom.png') top left;}

	#left .newsletter {margin: auto; margin-top: 0px; width: 210px; height: 102px; padding-top: 22px; background: url('/images/newsletter.png') top left no-repeat;}
	#left .newsletter p {font-size: 11px; color: #fff; margin-top: 0px;}
	#left .newsletter .text {float: left; width: 133px; margin-left: 17px; margin-top: 8px;
							color: #fff; background-color: #407da2; border: 0px; }
	#left .newsletter .submit {float: right; margin-right: 13px; margin-top: 6px;}
	
	#left .kontakt {width: 220px; background: #e5f0f4 url('/images/kontakt_slecna.png') bottom left no-repeat; text-align: left; padding-bottom: 10px;}
	#left .kontakt address {font-size: 11px; color: #545454; font-style: normal;}
	#left .kontakt address p {font-size: 11px; color: #545454; font-style: normal; margin-top: 12px; margin-bottom: 12px; margin-left: 10px; line-height: 17px}
	#left .kontakt address p.small-line {line-height: 15px}
	#left .kontakt address a {color: #3b81b4;}
	
	#content {}

	#vypis	{width: 550px; padding-left: 5px; float: left;}
	.filtr {width: 543px; height: 33px; background: #f3f3f3; border: 1px solid #dddddd; color: #375871;
			font-family: Tahoma;
			margin-top: 5px; padding-left: 5px; padding-top: 12px;}
	
	.frazeni strong {float: left; display: block; margin-right: 6px; margin-top: 2px;}
	.frazeni select {float: left; display: block; margin-left: 3px; margin-right: 3px;}
	.frazeni span.sort {float: left; display: block; margin-right: 18px; margin-top: -7px;}
	.frazeni span.sort a {display: block; margin: 3px;}
	
	.kategorie_nazev_popis {width: 550px; height: 205px; background: url('/images/kategorie_nazev_popis.jpg') top left no-repeat; color: #fff;}
		.kategorie_nazev_popis .obrazek {float: left; width: 280px; height: 185px; margin: 10px;}
		.kategorie_nazev_popis .text {float: left; width: 230px; height: 170px; margin: 10px; padding-top: 15px;}
		.kategorie_nazev_popis h1 {font-size: 24px; margin-bottom: 12px; font-weight: bold;}
		.kategorie_nazev_popis p {color: #d2c5b8; font-size: 11px; line-height: 15px;}
	
	#stranka, #novinka, #clanek, #clanky {width: 735px; padding-left: 5px;}

	#stranka, #novinka, #clanek, #clanky {font-size: 12px; color: #535353;}
	#stranka h1, #novinka h1, #clanek h1, #clanky h1 {
		font-size: 20px; color: #4c2b11; margin-top: 10px; margin-bottom: 10px;
	}
	#stranka h2, #novinka h2, #clanek h2, #clanky h2 {
		font-size: 16px; color: #4c2b11; margin-top: 10px; margin-bottom: 10px;
	}
	#clanek h2.souvisejici span {display: none;}
	#stranka p, #novinka p, #clanek p {
		line-height: 18px;
		margin-top: 12px; margin-bottom: 12px; padding-left: 6px; padding-right: 6px;
		text-align: justify; 
	}
	#stranka ul, #novinka ul, #clanek ul {margin-left: 26px;}
	#stranka ul li, #novinka ul li, #clanek ul li {margin: 3px;}
	#stranka p img, #novinka p img, #clanek p img {
		margin: 6px;
        margin-left: 9px; margin-right: 9px;
	}
	#novinka .text, #clanek .anotace {
		margin-bottom: 18px; padding-left: 6px; padding-right: 6px;
		font-style: italic;
	}
	
	#clanky .clanek {padding: 6px; width: 720px; margin-bottom: 18px;}
	#clanky .clanek h2 {margin-bottom: 6px; text-align: left; font-size: 14px;}
	#clanky .clanek .text {}
    #clanky .clanek .anotace p {display:  inline;}
	#clanky .clanek img {margin-left: 0px; margin-right: 12px; float: left;}
	/*#clanky .clanek.left img {float: left; margin-right: 6px;}
	#clanky .clanek.right img {float: right; margin-left: 6px;}*/

	#detail {width: 735px; padding-left: 5px;}
	#detail h1 span {display: none;}
	#detail h2 span {display: none;}
	
		#detail .zobrazek {float: left; width: 375px;}

		#detail .zobrazek .main {
            width: 368px; height: 318px;
			border: 1px solid #dddddd; background: #fff; text-align: center;
		}
		#detail .zobrazek .main_vo {
			margin: 3px; font-size: 8px; text-align: center;
		}
        #detail .zobrazek .main .centr_obrazku td {
			height: 318px; vertical-align: middle;
            width: 368px; text-align: center;
		}

		#detail .zobrazek .doplnujici {}

		#detail .zobrazek .doplnujici .dopl_main {
		  float: left; width: 118px; height: 75px;
		  border: 1px solid #dddddd; text-align: center; margin-right: 5px; background: #fff; margin-top: 5px;
		}
		#detail .zobrazek .doplnujici .dopl_main_vo {
			margin: 3px; font-size: 8px; text-align: center;
		}

        #detail .zobrazek .doplnujici .dopl_main .centr_obrazku td {
			height: 75px; vertical-align: middle;
            width: 118px; text-align: center;
		}
	
		#detail .zinfo {float: right; width: 345px; padding-left: 15px;}
		#detail .zinfo h1 {font-size: 20px; color: #4c2b11; margin-top: 10px; margin-bottom: 10px;}
		#detail .zinfo .popisek {font-size: 12px; color: #535353; line-height: 18px; margin-bottom: 10px;}
		#detail .zinfo table {border-collapse: collapse; width: 340px; margin-bottom: 10px; }
		#detail .zinfo td {height: 20px; padding-top: 5px; padding-left: 7px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; }
		#detail .zinfo td.udaj {width: 80px;}
		#detail .zinfo tr.last td {border-bottom: 0px;}

		.upozorneni {width: 703px; margin-left: 18px; margin-top: 20px; color: #535353; font-weight: bold; text-align: justify;}
		#detail .popis {width: 735px; margin-top: 30px; float: left;}
		#detail .popis h2 {width: 735px; height: 31px; background: url('/images/detail_popis-produktu.png') top left no-repeat;}
		#detail .popis .telo {width: 703px; border: 1px solid #ddd; border-top: 0px; color: #535353; font-size: 12px; padding: 15px; padding-bottom: 0px; line-height: 18px;}
		#detail .popis .telo p {margin-bottom: 15px;}
		
		#detail .koupit-form {width: 345px; height: 70px;
							margin-bottom: 5px; padding: 0px; margin: 0px; border-collapse: collapse;
						 	background: url('/images/detail_koupit-form.png') top left no-repeat;
							vertical-align: middle;}
			#detail .koupit-form td {padding: 5px 0px 5px 0px; margin: 0px; border: 0px;}
			#detail .koupit-form .info {width: 345px; height: 41px; border: 0px;}
			#detail .koupit-form .info .ceny {width: 210px; padding-left: 10px;}
			#detail .koupit-form .info .cena {color: #545454;}
			#detail .koupit-form .info .cena strong {color: #4c2b11;}
			#detail .koupit-form .info .puvodni_cena {font-size: 10px; color: #545454;}
			#detail .koupit-form .info .puvodni_cena strong {color: #4c2b11;}
			#detail .koupit-form .info .form {width: 135px;}
			#detail .koupit-form .info .form .ks {width: 28px; height: 20px; background: #fff; border: 1px solid #ddd; text-align: center; color: #545454; float: left; margin-top: 2px; margin: 0px;}
			#detail .koupit-form .info .form .sub {float: right; margin: 0px; margin-right: 20px;}
			
			
			
			#detail .koupit-form #hodnoceni {width: 345px; color: #545454;}
			#detail .koupit-form .tlacitka {width: 345px; text-align: center;}
			
	
	.detail_souvisejici-clanky {float: right; width: 180px; height: 260px; margin-left: 5px;}
		.detail_souvisejici-clanky h2 {width: 180px; height: 37px; margin-top: 5px; background: url('/images/detail_souvisejici-clanky.png') top left no-repeat;}
		.detail_souvisejici-clanky .telo {height: 180px;}
		.detail_souvisejici-clanky ul {list-style:none; padding-left: 5px;}
		.detail_souvisejici-clanky ul li {float: left; width: 175px; height: 50px; margin-top: 10px;  font-size: 11px;}
		.detail_souvisejici-clanky ul li img {float: left; margin-left: 20px; margin-top: 10px;}
		.detail_souvisejici-clanky ul li .text {float: right; width: 100px; margin-top: 10px; font-size: 11px;}
		.detail_souvisejici-clanky h3 a { font-size: 11px; color: #3c82b5; font-weight: normal;}

	#detail .souvisejici-produkty {float: left; width: 550px;}
		#detail .souvisejici-produkty h2 {width: 550px; height: 37px; margin-top: 5px; background: url('/images/detail_souvisejici-produkty.png') top left no-repeat;}
		
	#clanek .souvisejici-produkty {float: left; width: 735px;}
		#clanek .souvisejici-produkty h2 {width: 735px; height: 37px; margin-top: 5px; background: url('/images/detail_souvisejici-produkty.png') top left no-repeat;}
		
		.souvisejici-produkty h2 span {display: none;}
	
	.vypis_produkt {}

		#homepage .vypis_produkt .produkt {margin-right: 0px; padding: 0px; margin-left: 5px; _margin-left: 3px;}
	
		.vypis_produkt .produkt {	position: relative; float: left; width: 180px; height: 296px; margin: 0px;
								    margin-top: 5px; margin-right: 5px;
									background: url('/images/produkt_back_top.png') top left no-repeat;}
		#vypis .vypis_produkt .produkt_3_0, #detail .vypis_produkt .produkt_3_0 { margin-right: 0px;}
		#vyrobce .vypis_produkt .produkt_4_0, #clanek .vypis_produkt .produkt_4_0 {	margin-right: 0px;}
		#filtr .vypis_produkt .produkt_4_0, #vyhledavani .vypis_produkt .produkt_4_0 {margin-right: 0px;}

		.vypis_produkt h3 {	font-size: 12px; width: 178px; height: 35px; margin-top: 2px;  padding-top: 5px;
							border: 0px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;
							text-align: center;}
		.vypis_produkt h3 a {color: #375871; font-weight: bold;}
         
        .ikonka_skladem {position: absolute; bottom: 100px; right: 0px;} 
         
        .vypis_produkt .obrazek {
            width: 178px; height: 150px;
			border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;
            padding-top: 5px; padding-bottom: 5px;
            text-align: center;
            background: #fff;
            display: table;
		}
		
        .vypis_produkt .obrazek .centr_obrazku {
			height: 150px; 
			display: table-cell;
			vertical-align: middle;
            width: 178px; text-align: center;
		}
		
        .vypis_produkt .popis_produktu {
			height: 42px; width: 172px;
			border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;
            padding: 3px; font-size: 0.8em
		}
                                    
		.vypis_produkt .info {	width: 180px; height: 43px;
								border-top: 1px solid #dddddd; background: #f3f3f3 url('/images/produkt_back_bottom.png') bottom left no-repeat;}
		.vypis_produkt .info .cena {float: left; width: 79px; height: 36px;
									margin-bottom: 2px; padding-left: 12px; padding-top: 6px; 
									border-left: 1px solid #dddddd; font-size: 11px; color: #666666;}
		.vypis_produkt .info .cena strong {font-size: 12px; color: #4c2b11; font-weight: bold;}
		.vypis_produkt .info .detail {	float: left; width: 78px; height: 32px;
										margin-bottom: 2px; padding-top: 9px; padding-left: 9px;
										border-right: 1px solid #dddddd; overflow: hidden;}

		.vypis_produkt .info .detail span {
			display: block; width: 78px; height: 32px;
		}
		
		.vypis_green .info .detail {background: url('/images/produkt_detail_green.png') no-repeat center center;}
		.vypis_brown .info .detail {background: url('/images/produkt_detail_brown.png') no-repeat center center;}
										
	#kosik {width: 740px; text-align:}
	#kosik .telo {width: 735px; padding-left: 5px; padding-top: 5px;}
	#kosik h1 {width: 740px; height: 37px; background: url('/images/h1_kosik.png') top left no-repeat;}
	#kosik h1 span {display: none}	
	#kosik h2 {font-size: 14px;}
	#kosik h2 span {display: none;}
	#kosik h3 {font-size: 13px; margin-top: 8px;}
	
	#kosik .kosik-tabulka {width: 700px; margin: auto; margin-top: 15px;}
	#kosik .kosik-tabulka thead th {padding: 4px;}
	
	#kosik .adresa {width: 760px;margin: auto; margin-top: 24px; margin-left: 12px;}
	#kosik .adresa input {margin: 3px; margin-right: 3px;}
	#kosik .adresa fieldset {padding: 12px;}
	#kosik .adresa legend {padding: 12px;}
	#kosik .adresa .tlacitka {margin-top: 12px; padding:6px; text-align: center;}
	
	.adresa label.error {font-size: 0.7em;}
	
	.dodaci_adresa {float:left;width:380px;}
	.fakturacni_adresa {float:left;width:380px;}
					
	#pokladna {width: 740px;}
	#pokladna .telo {width: 735px; padding-left: 5px; padding-top: 5px;}
	#pokladna h1 {width: 740px; height: 37px; background: url('/images/h1_pokladna.png') top left no-repeat;}
	#pokladna h1 span {display: none}	
	#pokladna h2 {font-size: 14px;}
	#pokladna h3 {font-size: 12px; margin-top: 6px;}
	
	#pokladna .kosik-tabulka {width: 700px; margin: auto; margin-top: 15px;}
	#pokladna .kosik-tabulka thead th {padding: 4px;}
	
	#pokladna .adresa {width: 600px; margin: auto; margin-top: 18px;}
	#pokladna .adresa input {margin: 3px;}
	#pokladna .adresa fieldset {padding: 12px;}
	#pokladna .adresa legend {padding: 12px;}
	#pokladna .adresa .tlacitka {margin-top: 12px; padding:6px; text-align: center;}
	#pokladna .adresa .sub {margin-top: 12px;}

	#vyhledavani {width: 740px;}
	#vyhledavani .telo {width: 735px; padding-left: 5px; padding-top: 5px;}
	#vyhledavani h1 {width: 740px; height: 37px; background: url('/images/h1_vyhledavani.png') top left no-repeat;}
	#vyhledavani h1 span {display: none}
	
	#vyhledavani .hledej {text-align: center; width: 400px; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 20px 80px 20px 80px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	
	#filtr {width: 735px; padding-left: 5px;}
	#filtr h1 {font-size: 20px; color: #4c2b11; margin-top: 10px; margin-bottom: 10px;}
	
	#registrace {width: 740px; text-align: center;}
	#registrace .telo {width: 735px; padding-left: 5px; padding-top: 5px;}
	#registrace h1.registrace {width: 740px; height: 37px; background: url('/images/h1_registrace.png') top left no-repeat;}
	#registrace h1.profil {width: 740px; height: 37px; background: url('/images/h1_profil.png') top left no-repeat;}
	#registrace h1 span {display: none}	
	#registrace h2 {font-size: 14px; text-align: left; margin: 12px; margin-left: 0px;}
	#registrace h2 span {display: none;}

	#registrace .register {width: 535px; margin: auto; margin-top: 5px;}
	#registrace .register label {margin: 3px; float: left; width: 100px; text-align: left; margin-left: 40px;}
	#registrace .register input {margin: 3px; float: left; width: 140px; margin-left: 20px;}
        #registrace .register select {margin: 3px; float: left; width: 140px; margin-left: 20px;}
	#registrace .register fieldset {padding: 12px; margin: 20px; padding-top: 0px;}
	#registrace .register legend {padding: 12px;}
	#registrace .register .tlacitka {margin-top: 12px; padding:6px; text-align: center;}
	
	#registrace .register label.error {float: left; margin-left: 10px; margin-top: 7px; font-size: 10px; color: red; display: none; width: 135px;}
	
	#registrace .register span.req {font-size: 8px; color: red;}
	#registrace input.tlacitko {margin: auto; float: none; width: auto; margin: 0px; padding: 0px;}

	#objednavka {width: 740px; text-align: center;}
	#objednavka .telo {width: 735px; padding-left: 5px; padding-top: 5px;}
	#objednavka h1 span {display: none}	
	#objednavka h2 {font-size: 14px; text-align: left; margin: 12px; margin-left: 0px;}
	#objednavka h2 span {display: none;}

	#objednavka .obj {width: 535px; margin: auto; margin-top: 5px;}
	#objednavka .obj label {margin: 3px; float: left; width: 100px; text-align: left; margin-left: 40px;}
	#objednavka .obj input {margin: 3px; float: left; width: 140px; margin-left: 20px;}
        #objednavka .obj select {margin: 3px; float: left; width: 140px; margin-left: 20px;}
	#objednavka .obj fieldset {padding: 12px; margin: 20px; padding-top: 0px;}
	#objednavka .obj legend {padding: 12px;}
	#objednavka .obj .tlacitka {margin-top: 12px; padding:6px; text-align: center;}
	
	#objednavka .obj label.error {float: left; margin-left: 10px; margin-top: 7px; font-size: 10px; color: red; display: none; width: 135px;}
	
	#objednavka .obj span.req {font-size: 8px; color: red;}
	#objednavka input.tlacitko {margin: auto; float: none; width: auto; margin: 0px; padding: 0px;}
        
        #objednavka .obj input.radio { width: 20px; }
        #objednavka table td { vertical-align: top; text-align: left; }
        #objednavka small { color: #375871; font-size: 11px; }
	#stranky {
		
	}
	
	#page404 {width: 740px;}
	#page404 p {padding-left: 5px; padding-top: 5px;}
	#page404 h1 {width: 740px; height: 37px; background: url('/images/h1_404.png') top left no-repeat;}
	#page404 h1 span {display: none}	
	#page404 h2 {font-size: 14px; margin-top: 12px; padding-left: 5px;}
	#page404 form {text-align: center; width: 400px; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 20px 80px 20px 80px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	
	#vyrobce {width: 735px; padding-left: 5px;}
	#vyrobce h1 span {display: none;}
	#vyrobce h2 span {display: none;}
	
		#vyrobce .zobrazek {float: left; width: 368px; height: 320px; border: 1px solid #dddddd; text-align: center; margin-right: 5px;}
		#vyrobce .zobrazek img {margin: 19px 19px 19px 19px;}

		#vyrobce .zinfo h1 {font-size: 20px; color: #4c2b11; margin-top: 10px; margin-bottom: 3px;}
		#vyrobce .zinfo table {border-collapse: collapse; width: 340px; margin-bottom: 10px; }
		#vyrobce .zinfo td {height: 20px; padding-top: 5px; padding-left: 7px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; }
		#vyrobce .zinfo td.udaj {width: 80px;}
		#vyrobce .zinfo tr.last td {border-bottom: 0px;}
		
		
		#vyrobce .popis {width: 735px; margin-top: 15px; float: left;}
		#vyrobce .popis h2 {width: 735px; height: 31px; background: url('/images/vyrobce_popis-vyrobce.png') top left no-repeat;}
		#vyrobce .popis .telo {width: 703px; border: 1px solid #ddd; border-top: 0px; color: #535353; font-size: 12px; padding: 15px; padding-bottom: 0px; line-height: 18px;}
		#vyrobce .popis .telo p {margin-bottom: 15px;}

		#vyrobce .vypis_produkt h2 {width: 550px; height: 37px; margin-top: 5px; background: url('/images/vyrobce-produkty.png') top left no-repeat;}

	#right {float: right; width: 180px; margin-left: 5px;}
	#right h1 span {display: none;}
	#right h2 span {display: none;}
	
	#right .produkty-akce {width: 180px;}
		#right .produkty-akce h2 {width: 180px; height: 30px; background: url('/images/right_produkty-akce.png') left top no-repeat;}
		#right .produkty-akce h2 {width: 180px; height: 30px; background: url('/images/right_produkty-akce.png') left top no-repeat;}
		#right .produkty-akce .top-border {width: 180px; height: 2px; background: url('/images/right_produkty-akce_tb.png') left top no-repeat;}
		#right .produkty-akce .bottom-border {width: 180px; height: 2px; background: url('/images/right_produkty-akce_bb.png') left bottom no-repeat;}
		#right .produkty-akce .produkt {width: 178px; height: 85px;
										border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;
										padding-top: 8px; padding-bottom: 8px;}
		#right .produkty-akce .produkt .info {width: 108px; float: right;}
		#right .produkty-akce .produkt h3 {width: 103px; padding-left: 5px; font-size: 12px; margin-bottom: 3px;}
		#right .produkty-akce .produkt h3 a {color: #375871;}
		#right .produkty-akce .produkt p {width: 103px; padding-left: 5px; font-size: 11px; color: #666}
		#right .produkty-akce .produkt p strong {font-size: 12px; color: #4c2b11; margin-top: 2px;}
		#right .produkty-akce .produkt .obrazek {float: left; width: 60px; height: 70px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}
#footer {width: 960px; height: 220px; margin: auto; margin-top: 10px;}

	#footer_proc 	{float: left; width: 595px; height: 176px; background: #e5f0f4 url('/images/footer_proc.png') top left no-repeat; position: relative; }
		#footer_proc ul {list-style: url('/images/footer_proc_hacek.png'); color: #535353; margin-top: 50px; margin-left: 50px;}
		#footer_proc ul li {list-style: url('/images/footer_proc_hacek.png'); color: #535353; font-size: 12px; line-height: 1.7em;}

                #footer_heureka{ position: absolute; right: 90px; top: 40px; }
	#footer_musle {float: left; width: 365px; height: 176px; background: #e5f0f4 url('/images/footer_back_top.png') top left no-repeat;}

	#footer_copyright {
				width: 960px; height: 44px;
				background: #e5f0f4 url('/images/footer_back_bottom.png') top left no-repeat;
	}
	
	#footer_copyright .copy {color: #999999; font-size: 11px; float: left; width: 480px; padding-left: 15px; padding-top: 15px;}
	#footer_copyright .nahoru {font-size: 12px; float: left; width: 450px; text-align: right; padding-right: 15px; padding-top: 15px;}
	
	#footer_copyright .copy a {color: #999999;}
	#footer_copyright .nahoru a {color: #3c82b5; font-weight: bold;}
	#footer_copyright a:hover {text-decoration: none;}

	#footer_links {width: 945px; margin-top: 10px; margin-bottom: 15px; color: #999999; padding-left: 15px; padding-bottom: 20px;}
		#footer_links ul {list-style: none; font-size: 11px;}
		#footer_links ul li {display: inline;}
		#footer_links ul li a {color: #3b81b4;} #footer_links ul li a:hover {text-decoration: none;}
	
.clear {
	clear: both;
}


/***********************/
/*             styles for the star rater                */

#hodnoceni {
	padding-left: 3px;
}

#hodnoceni span.hodnocen {
	float: left;
	display: block;
	margin-top: 2px;
	margin-left: 10px;
	width: 80px;
}
#hodnoceni span.stars {
	float: left;
	display: block;
	
}
#hodnoceni ul {
	padding: 0px;
	margin: 0px;
}
#hodnoceni ul li {
	padding: 0px;
	margin: 0px;
}
.star-rating {
	list-style:none;
	padding: 0px;
	width: 100px;
	height: 20px;
	position: relative;
	background-image: url('/images/star_rating.gif');
	background-repeat: repeat-x;
	background-position: left top;
	
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 222px;
}
.star-rating li {
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a {
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li span {
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover, .star-light {
	z-index: 1;
	left: 0px;
	background-image: url('/images/star_rating.gif');
	background-position: left bottom;
}
.star-rating li span:hover {
	z-index: 1;
	left: 0px;
	background-image: url('/images/star_rating.gif');
	background-position: left bottom;
}
.star-rating a.one-star, .star-rating span.one-star{
	left: 0px;
}
.star-rating a.one-star:hover, .star-rating span.one-star:hover{
	width:20px;
}
.star-rating a.two-stars, .star-rating span.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover, .star-rating span.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars, .star-rating span.three-stars{
	left: 40px;
}
.star-rating a.three-stars:hover, .star-rating span.three-stars:hover{
	width: 60px;
}
.star-rating a.four-stars, .star-rating span.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover, .star-rating span.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars, .star-rating span.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover, .star-rating span.five-stars:hover{
	width: 100px;
}


#slideshow {
    position:relative;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	height: 191px;
	width: 290px;
    background-color: #FFF;
	font-family: verdana;
	color:white;
	font-size:12px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {

    display: block;
    border: 0;
    margin-bottom: 10px;
}

.zaznamy {
	padding: 8px; text-align: center; float: right; padding-right: 0px; margin: 0px; margin-right: 5px;
}
.zaznamy b {
	width: 21px; height: 17px; background: url('/images/stranka_active.png'); text-decoration: none; color: #fff; font-size: 11px; display: inline-block; padding-top: 3px; margin: 0px; margin-left: -4px; margin-right: -4px;
}
.zaznamy a {
	width: 19px; height: 16px; background: #f3f3f3; border: 1px solid #dddddd; text-decoration: none; color: #375871; font-size: 11px; display: inline-block; padding-top: 2px; margin-left: -4px; margin-right: -4px;
}

.zaznamy a.prevPage {padding-left: 4px; padding-right: 4px; width: auto;}
.zaznamy a.nextPage {padding-left: 4px; padding-right: 4px; width: auto;}

.zaznamy .mezera {
	width: auto; padding-left: 3px; padding-right: 3px; padding-top: 2px; height: 16px; background: none; border: 0px; text-decoration: none; color: #375871; font-size: 11px; display: block; float: left;
}

.js_LoginWindow {
    top: 30%;
    margin-left: -150px;
    width: 300px;
}

.js_LoginForm {
	text-align: center;
}
.js_LoginForm .popis {
	float: none;
}
.js_LoginForm .input {
	width: 150px;
}

.mapa {
    text-align: center;
}
label.error {
	color: red;
	display: none;
}
.povinne, .pplpovinne, .osobnipovinne {
	color: red;
}
.povano {
	visibility: visible;
}
.povne {
	visibility: hidden;
}


#soutez .otazka {
	padding: 6px;
	border: 1px dashed #F8F8F8;
	margin: 3px;
}

#soutez .otazka:hover {
	border: 1px dashed black;
}

#soutez .otazka-nazev {
	font-size: 1.1em;
	font-style: italic;
	margin-left: 6px;
}
#soutez label {
	margin: 3px;
}
#soutez input {
	margin-left: 40px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#soutez select {
	margin-left: 40px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#soutez div.sub {
	text-align: center;
}
#soutez div.sub input {
	margin:auto;
	border: 1px solid black;
	background: #fff;
	padding: 3px;
	cursor: pointer;
}
#soutez div.sub input:hover {
	background: #C4CED4;
}
#soutez label.error {
	display: none;
	margin-left: 10px;
	color: red;
}

.oddelovatko{display: none;}
.chyba {padding: 6px; background: red; color: #fff;}

.popis_kategorie {text-align: justify; margin-top: 6px; margin-bottom: 12px;}
.popis_kategorie p {margin-top: 12px; margin-bottom: 12px;}
.popis_kategorie ul, .popis_kategorie ol {margin-left: 26px;}
.popis_kategorie li {margin: 3px;}

#zmena-hesla {padding: 12px;}
#zmena-hesla p {padding: 12px;}
#zmena-hesla h1 {margin: 12px; font-size: 1.4em;}
#zmena-hesla form{margin: 12px;}
#zmena-hesla form input {margin-top: 6px; margin-right: 3px;}


.checkbox_varianty {display: block !important; float: left; margin-right: 6px;}

.nenalezeno {color: red;}

span.red {color: red;}
span.skladem {color: green;}
span.neskladem {color: orange;}
span.naceste { color: blue; }

/* Varianty */
.variant-hide { display: none; }
.variant-pack-dialog { display: none; }
.variant-pack-dialog small { font-size: 10px; }
.variant-pack-dialog .b_ks { width: 40px; }
.variant-pack-dialog p { text-align: center; }