/*	---------------------------------------------------------------------------------------
	Dùm potravin
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Basic styles and layout
	Media:				screen, projection, handheld
	Datum:				24. 4. 2009
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)
	-------------------------------------------------------------------------------------*/

@import url("./reset.css");

/*	---------------------------------------------------------------------------------------
	Basic styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

html { background: #e8e8d7; }
body { background: url('../images/body.jpg') 160px 12px no-repeat; }
a { color: #000; }

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#main { width: 990px; padding-bottom: 50px; }
	
/* Header
----------------------------------------------------------------------------------------*/

#header { position: relative; height: 248px; }

#logo { width: 105px; height: 153px; margin-left: 33px; line-height: 128px; text-align: center; font-size: 100%; font-weight: normal; }
	#logo a { text-decoration: none; color: #5d5d3a; background: #f0f0de; }
	#logo a:hover, #logo a:focus, #logo a:active { color: #000; background: #fff; }
		#logo span { background-image: url('../images/logo.jpg'); }
		#header .step1 span { background-image: url('../images/logo-step1.jpg'); }
		#header .step2 span { background-image: url('../images/logo-step2.jpg'); }
		#header .step3 span { background-image: url('../images/logo-step3.jpg'); }

.header-in { position: absolute; left: 164px; top: 22px; width: 500px; }
	#menu { position: relative; overflow: hidden; width: 100%; margin: 0 0 20px -18px; padding-left: 1px; }
		#menu li { float: left; height: 33px; margin-left: -1px; line-height: 33px; color: #545430; }
			#menu li a { float: left; text-decoration: none; color: #000; background: url('../images/dotted-v.gif') 100% 0 repeat-y; }
			#menu li.last a { background: none; }
				#menu li a em { float: left; padding: 0 19px; font-style: normal; cursor: pointer; }
			#menu li.purchase em { padding: 6px 19px 6px 13px; }
				#menu li.purchase span { float: left; height: 21px; padding-left: 30px; line-height: 21px; cursor: pointer; background: url('../images/purchase.gif') 0 0 no-repeat; }	
				#menu li.purchase a:hover span, #menu li.purchase a:focus span, #menu li.purchase a:active span { background-position: 0 -21px; }
			#menu li a:hover, #menu li a:focus, #menu li a:active, #menu li a.active { color: #fff; background: #545430 url('../images/menu.png') 0 0 no-repeat; }
				#menu li a:hover em, #menu li a:focus em, #menu li a:active em, #menu li a.active em { color: #fff; background: url('../images/menu-in.png') 100% 0 no-repeat; }

	.search { margin: 0 0 10px 0; }
	.search-home { position: absolute; left: 2px; top: 150px; }
		.search label, .search-home label { display: block; margin-left: 7px; line-height: 30px; text-transform: uppercase; font-size: 90%; }
		.search input, .search-home input { float: left; }
		.search .input-text, .search-home .input-text { width: 244px; height: 16px; border: none; padding: 9px 10px 10px; line-height: 16px; color: #bababa; background: #fff url('../images/input-search.png') 0 0 no-repeat; }
		.search p, .search-home p, .bottomsearch p { clear: both; margin-left: 5px; }
		.search p input, .search-home p input, .bottomsearch p input { margin: 5px 5px 0 0; }
		#main .writing { color: #000; }
		
	.action, .action2 { position: absolute; }
	.action { top: 114px; right: -232px; }
	.action2 { top: 172px; right: -300px; }

.basketinfo { position: absolute; right: 0; top: 12px; width: 165px; }
	.basketinfo li { overflow: hidden; width: 100%; padding-bottom: 1px; line-height: 29px; font-size: 90%; color: #666; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.basketinfo li.last { background: none; }
		.basketinfo dl, .basketinfo p { overflow: hidden; float: left; width: 149px; padding-left: 16px; }
		.basketinfo .user { width: 100px; background: url('../images/ico-user.gif') 2px 50% no-repeat; }
		.basketinfo .weight { background: url('../images/ico-weight.gif') 2px 50% no-repeat; }
		.basketinfo .todiscount { background: url('../images/ico-todiscount.gif') 0 50% no-repeat; }
		.basketinfo .price { background: url('../images/ico-price.gif') 0 50% no-repeat; }
			.basketinfo dt, .basketinfo dd { float: left; }
			.basketinfo dt { margin-right: 3px; }
			.basketinfo .basket { float: right; padding-top: 6px; line-height: 23px; }
				.basketinfo .basket img { vertical-align: top; }

.switch { position: absolute; right: 0; bottom: 15px; line-height: 21px; font-size: 90%; }
	.switch dt, .switch dd { float: left; }
	.switch dt { padding-right: 3px; text-transform: lowercase; color: #bbbbb0; }
	.switch dd { padding-left: 5px; }
		.switch a { width: 21px; height: 21px; text-decoration: none; font-size: 90%; color: #97d2cf; background: #fff; }
		.switch a:hover, .switch a.actual { color: #fff; background: #97d2cf; }
			.switch a:hover span, .switch a.actual span { background-position: 0 -21px; }
		.switch .type-1 span { background: url('../images/hp-layout-1.png'); }
		.switch .type-2 span { background: url('../images/hp-layout-2.png'); }

/* Maincontent
----------------------------------------------------------------------------------------*/

.maincontent { overflow: hidden; width: 100%; }
	.maincontent ul, .maincontent p { margin-bottom: 15px; }
		.maincontent li { padding-left: 15px; }

/* Important blocks
----------------------------------------------------------------------------------------*/

p.imp { overflow: hidden; width: 135px; margin-bottom: 0; text-transform: uppercase; font-size: 90%; color: #fff; }
	.imp a { float: left; width: 125px; padding-left: 10px; line-height: 21px; text-decoration: none; color: #fff; }
		.imp a span { float: left; }
		.imp a em { float: right; font-style: normal; cursor: pointer; }
			.imp a em span { padding: 0 6px 0 13px; }

.f-potraviny .imp { background-color: #99cd00; }
	.f-potraviny .imp a { background: url('../images/imp-potraviny.png') 0 0 no-repeat; }
		.f-potraviny .imp a em { background: #20a420 url('../images/imp-potraviny-count.png') 100% 0 no-repeat; }
			.f-potraviny .imp a em span { background: url('../images/imp-potraviny-in.png') 0 0 no-repeat; }

.f-drogerie .imp { background-color: #00e7e7; }
	.f-drogerie .imp a { background: url('../images/imp-drogerie.png') 0 0 no-repeat; }
		.f-drogerie .imp a em { background: #09c url('../images/imp-drogerie-count.png') 100% 0 no-repeat; }
			.f-drogerie .imp a em span { background: url('../images/imp-drogerie-in.png') 0 0 no-repeat; }

.f-alkohol .imp { background-color: #ff2baa; }
	.f-alkohol .imp a { background: url('../images/imp-alkohol.png') 0 0 no-repeat; }
		.f-alkohol .imp a em { background: #c36 url('../images/imp-alkohol-count.png') 100% 0 no-repeat; }
			.f-alkohol .imp a em span { background: url('../images/imp-alkohol-in.png') 0 0 no-repeat; }

.f-tabak .imp { background-color: #ef7900; }
	.f-tabak .imp a { background: url('../images/imp-tabak.png') 0 0 no-repeat; }
		.f-tabak .imp a em { background: #930 url('../images/imp-tabak-count.png') 100% 0 no-repeat; }
			.f-tabak .imp a em span { background: url('../images/imp-tabak-in.png') 0 0 no-repeat; }
			
.f-delikatesy .imp { background-color: #ecbd00; }
	.f-delikatesy .imp a { background: url('../images/imp-delikatesy.png') 0 0 no-repeat; }
		.f-delikatesy .imp a em { background: #e77e00 url('../images/imp-delikatesy-count.png') 100% 0 no-repeat; }
			.f-delikatesy .imp a em span { background: url('../images/imp-delikatesy-in.png') 0 0 no-repeat; }

.f-party .imp { background-color: #fa5c00; }
	.f-party .imp a { background: url('../images/imp-party.png') 0 0 no-repeat; }
		.f-party .imp a em { background: #c00 url('../images/imp-party-count.png') 100% 0 no-repeat; }
			.f-party .imp a em span { background: url('../images/imp-party-in.png') 0 0 no-repeat; }
			
.f-kancelar .imp { background-color: #b8b988; }
	.f-kancelar .imp a { background: url('../images/imp-kancelar.png') 0 0 no-repeat; }
		.f-kancelar .imp a em { background: #7f7f3f url('../images/imp-kancelar-count.png') 100% 0 no-repeat; }
			.f-kancelar .imp a em span { background: url('../images/imp-kancelar-in.png') 0 0 no-repeat; }

.f-krmivo .imp { background-color: #7b6454; }
	.f-krmivo .imp a { background: url('../images/imp-krmivo.png') 0 0 no-repeat; }
		.f-krmivo .imp a em { background: #58473d url('../images/imp-krmivo-count.png') 100% 0 no-repeat; }
			.f-krmivo .imp a em span { background: url('../images/imp-krmivo-in.png') 0 0 no-repeat; }

.f-vanocni .imp { background-color: #B1E1ED; }
	.f-vanocni .imp a { background: url('../images/imp-vanoce.png') 0 0 no-repeat; }
		.f-vanocni .imp a em { background: #72c9de url('../images/imp-vanoce-count.png') 100% 0 no-repeat; }
			.f-vanocni .imp a em span { background: url('../images/imp-vanoce-in.png') 0 0 no-repeat; }

/* Content
----------------------------------------------------------------------------------------*/

.maincontent, .content, .floor { background-position: 0 68px; background-repeat: no-repeat; }
.content { float: left; width: 823px; }

	.floor { overflow: hidden; width: 100%; padding-bottom: 22px; }
	#sub .floor { padding-bottom: 12px; }
	/*.f-potraviny { background-image: url('../images/illu-potraviny.png'); }
	.f-drogerie { background-image: url('../images/illu-drogerie.png'); }
	.f-alkohol { background-image: url('../images/illu-alkohol.png'); }
	.f-tabak { background-image: url('../images/illu-tabak.png'); }
	.f-delikatesy { background-image: url('../images/illu-delikatesy.png'); }
	.f-basket { background-image: url('../images/illu-basket.png'); }
	.f-party { background-image: url('../images/illu-party.png'); }
	.f-kancelar { background-image: url('../images/illu-kancelar.png'); }
	.f-krmivo { background-image: url('../images/illu-krmivo.png'); }
	.f-vanocni { background-image: url('../images/illu-vanoce.png'); }*/
	.f-search { background-image: url('../images/illu-search.png'); }
	
		.floor .headline { float: left; width: 170px; height: 40px; line-height: 40px; text-align: center; font-size: 200%; color: #000; background-color: #fff; margin-left:181px;margin-bottom:-40px;}
		.floor h3.headline { width: 130px; padding-right: 20px; line-height: 25px; text-align: right; font-size: 150%; background: none; }
			.f-potraviny .headline span { background: url('../images/ir-potraviny.png') 7px -10px;}
			.f-drogerie .headline span { background: url('../images/ir-drogerie.png') 0 -7px;}
			.f-alkohol .headline span { background: url('../images/ir-alkohol.png') 0 -7px;}
			.f-tabak .headline span { background: url('../images/ir-tabak.png') 0 -7px;}
			.f-delikatesy .headline span { background: url('../images/ir-delikatesy.png') 0 -7px;}
			.f-party .headline span { background: url('../images/ir-party.png') 0 -7px;}
			.f-kancelar .headline span { background: url('../images/ir-kancelar.png') 0 -7px;}
			.f-krmivo .headline span { background: url('../images/ir-krmivo.png') 0 -7px;}
			.f-vanocni .headline span { background: url('../images/ir-vanoce.png') 0 -7px;}		
			.f-basket .headline span { background: url('../images/ir-kosik.png') 0 -7px;}
			.f-favorites .headline span { background: url('../images/ir-oblibeneprodukty.png') 0 -7px;}
			.f-onas .headline span { background: url('../images/ir-onas.png') 0 -7px;}
			.f-search .headline span { background: url('../images/ir-hledani.png') 0 -7px;}
			.f-mapawebu .headline span { background: url('../images/ir-mapawebu.png') 0 -7px;}
			
		.block { overflow: hidden; float: right; width: 642px; color: #000; background: #fff; }
		.one-cathegory .block { margin-bottom: 12px; }
			.item { float: left; width: 130px; padding: 21px 20px 25px; border-right: 1px solid #e8e8d7; }
			#hp .items { float: right; width: 411px; margin: 0; padding: 21px 30px 25px; border-left: 1px solid #e8e8d7; }
			#hp .items li { margin-right: 14px; padding: 0; }
			#hp .items li.last { margin-right: 0; }
			.items li { float: left; width: 126px; padding: 21px 8px 25px; }
				.item h3, .items h3 { height: 57px; overflow: hidden; line-height: 19px; font-size: 100%; }
					.item h3 a, .items h3 a { text-decoration: none; }
					.item h3 a:hover, .item h3 a:focus, .item h3 a:active, .items h3 a:hover, .items h3 a:focus, .items h3 a:active { text-decoration: underline; }
				.item dl, .items dl, #hp .items dl { overflow: hidden; width: 100%; padding-bottom: 14px; line-height: 1.3; font-size: 90%; color: #828282; }
				.items dl { color: #5bb9b7; }
					.item dt, .item dd, .items dt, .items dd { float: left; }
					.item dt, .items dt { margin-right: 3px; }
				.thumb, .gallery a { position: relative; display: block; height: auto !important; height: 135px; min-height: 135px; padding-bottom: 10px; }
					.thumb img, .gallery a img { display: block; margin: 0 auto; }
					.thumb span, .gallery a span { position: absolute; left: 80px; top: 37px; width: 29px; height: 29px; }
					.gallery a span { left: 41px; top: 6px; }
					.basic-info a span { left: 111px; top: 12px; }
				.item .price, .items .price { float: left; margin: 0; line-height: 23px; font-size: 110%; }
				.item .submit, .items .submit { float: right; margin-top: 3px; }
					
			.navigation { overflow: hidden; float: left; width: 130px; margin-right: -1px; padding: 51px 20px 25px; border-right: 1px solid #e8e8d7; }
			.second .navigation { float: right; width: 441px; margin: 0 0 0 -1px; padding: 21px 0 25px 30px; border: 1px solid #e8e8d7; border-width: 0 0 0 1px; }
				.navigation .col { float: left; display: inline; width: 140px; margin: 12px 22px 0 0; }
				.second .navigation .col { width: 120px; margin: 12px 22px 0 0; }
					.second .navigation .imp { width: 125px; }
						.second .navigation .imp a { width: 115px; }
					.navigation ul { overflow: hidden; margin: 0; }
						.navigation li { overflow: hidden; float: left; width: 100%; padding: 0 0 1px; line-height: 29px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
						.navigation li.last { background: none; }
							.navigation li a { display: block; text-decoration: none; }
								.navigation span, .navigation ul em { cursor: pointer; }
								.navigation span { position: relative; float: left;}
								.navigation li span { position: relative; float: left; display: block; width: 100px; overflow: hidden; height: 29px; }
								.navigation a:hover span, .navigation a:focus span, .navigation a:active span { text-decoration: underline; }
								.navigation ul em { float: right; font-size: 90%; font-style: normal; color: #9c9c9c; }
					.navigation .more { margin: 0; line-height: 30px; text-transform: lowercase; }
						.navigation .more a { display: block; text-decoration: none; font-weight: bold; }
						.navigation .more a:hover, .navigation .more a:focus, .navigation .more a:active { text-decoration: underline; }
					
		.single { width: 618px; padding: 12px; }
			.single h3 { width: 618px; height: 37px; margin: -12px -12px 12px; padding: 0 12px; line-height: 37px; color: #000; background: #e8e8d7; }
			.partneridomu span { width: 642px; background-image: url('../images/ir-partneridomu.png'); }
			.partner { overflow: hidden; width: 628px; margin-left: -10px; }
				.single .logo { overflow: hidden; float: left; width: 124px; padding: 12px 0; background: url('../images/dotted-v.gif') 100% 0 repeat-y; }
					.single .logo img { display: block; margin: 0 auto; }
				.single .about { float: left; width: 460px; margin-left: -1px; padding: 8px 4px 8px 16px; background: url('../images/dotted-v.gif') 0 0 repeat-y; }
					.single .about p { margin-bottom: 0; color: #6a6a6a; }
						.single .about strong { color: #000; }

/* Column
----------------------------------------------------------------------------------------*/

/*.column { float: right; width: 180px; } */
.column { position:absolute; top:220px;left:0px;width: 170px; border-right:1px solid #E8E8D7;} 
	.column .ir { width: 170px; height: 38px; margin: 0; border-top: 2px solid #545430; line-height: 38px; }
		.hlavninavigace span { background: white; }
		.hlavninavigace span { background: white url('../images/ir-hlavninavigace.png') 18px 0; }
		.napoveda span { background-image: url('../images/ir-napoveda.png'); }
	.column ul { margin-bottom: 22px; padding: 6px 18px 9px; background: #fff; }
		.column li { padding-left: 0; line-height: 39px; padding-bottom: 1px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
		.column li ul li ul, .column li.last { background: none; }
			.column li ul li ul, .column li ul li ul li ul { margin-bottom: 0; }
			.column li a { display: block; width: 112px; padding-left: 32px; text-decoration: none; font-weight: bold; color: #000; background-repeat: no-repeat; }
			.nav-potraviny a { background-image: url('../images/ico-potraviny.gif'); }
			.nav-drogerie a { background-image: url('../images/ico-drogerie.gif'); }
			.nav-alkohol a { background-image: url('../images/ico-alkohol.gif'); }
			.nav-tabak a { background-image: url('../images/ico-tabak.gif'); }
			.nav-delikatesy a { background-image: url('../images/ico-delikatesy.gif'); }
			.nav-party a { background-image: url('../images/ico-party.gif'); }
			.nav-kancelar a { background-image: url('../images/ico-kancelar.gif'); }
			.nav-krmivo a { background-image: url('../images/ico-krmivo.gif'); }
			.nav-vanocni a { background-image: url('../images/ico-vanoce.gif'); }
			.column li a:hover, .column li a:focus, .column li a:active { text-decoration: underline; color: #000; }
			
			.column li ul { padding: 15px 0; background: #fff url('../images/dotted-h.gif') 0 0 repeat-x; }
				.column li ul li ul { padding: 5px ; background: #fff ; }
				.column li ul li { padding: 1px 0 0 0; line-height: 24px; background: none; }
					.column li ul li a { width: 122px; padding-left: 22px; font-weight: normal; color: #757575; background: url('../images/plus.gif') 4px .6em no-repeat; }
						.column li ul li ul li a { width: 113px; padding-left: 26px; font-weight: normal; color: #757575; /*background: url('../images/plus.gif') 8px .6em no-repeat;*/ background: none; }
							.column li ul li ul li ul li a { width: 104px; padding-left: 30px; font-weight: normal; color: #757575; background: none; }
			.column li.nobg a { background: none; }
						
	ul.sub { padding: 6px 0 9px; }
		ul.sub li { padding-bottom: 1px; background: url('../images/submenu-line.gif') 50% 100% no-repeat; }
			.sub li a { width: 144px; padding: 0 18px; }
			.sub li a:hover, .sub li a:focus, .sub li a:active, .sub .active a { text-decoration: none; background: url('../images/submenu.gif') 0 50% no-repeat; }
			.sub .active a { font-weight: normal; }
       
	/* .banner {position:absolute;left:810px;top:730px;} */
	.banner img { margin-bottom: 16px; }
	
	
	.news dt { font-weight: bold; color: #09c; }
		.news h4 { color: #545430; }
	.news dd { margin-bottom: 20px; }
	
#help p { margin-bottom: 30px; }
#help p.ir { margin-bottom: 0; }

/* Footer
----------------------------------------------------------------------------------------*/

#footer { height: 200px; padding: 12px 0 0 130px; background: #fff; }
	.footer-in { width: 860px; }
		#footer .l a { color: #20a420; }
		.small { font-size: 90%; color: #bababa; }
		
/*	---------------------------------------------------------------------------------------
	SUBPAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.potraviny { background: url('../images/header-potraviny.jpg') 479px 0 no-repeat; }
.drogerie { background: url('../images/header-basket.jpg') 524px 0 no-repeat; }
.tabak { background: url('../images/header-basket.jpg') 479px 0 no-repeat; }
.kancelar { background: url('../images/header-basket.jpg') 479px 0 no-repeat; }
.party { background: url('../images/header-basket.jpg') 479px 0 no-repeat; }
.alkohol { background: url('../images/header-basket.jpg') 479px 0 no-repeat; }
.delikatesy { background: url('../images/header-basket.jpg') 479px 0 no-repeat; }
.krmivo { background: url('../images/header-basket.jpg') 479px 0 no-repeat; }
.vanocni { background: url('../images/header-basket.jpg') 479px 0 no-repeat; }
.basket { background: url('../images/header-basket.jpg') 524px 0 no-repeat; }

#sub #header { height: 220px; }
	#sub #menu { margin-bottom: 40px; }
	#sub h1 { line-height: 1.1; letter-spacing: -2px; font-size: 400%; }
	#sub h1.detailh { width: 350px; font-size: 160%; letter-spacing: 1px;}
	#sub #header .search { top: 95px; }

#sub .floor .block { width: 598px; padding: 22px 34px 0 10px; }
	#sub .items li { padding-top: 0; }

.info { overflow: hidden; width: 100%; margin-top: 20px; padding: 12px 0; border-top: 7px solid #545430; line-height: 27px; font-size: 120%; font-weight: bold; }
	.info p { width: 100px; text-align: right; }
	.info input { margin-left: 10px; }

/* Category tree
----------------------------------------------------------------------------------------*/

.tree { overflow: hidden; width: 100%; margin-bottom: 10px; padding-bottom: 1px; }
	.tree ul { overflow: hidden; float: left; display: inline; width: 265px; margin: 0 15px 15px 0; background: url('../images/tree.gif') 0 0 repeat-y; }
		.tree li { float: left; clear: left; overflow: hidden; width: 250px; padding-left: 15px; background: url('../images/branch.gif') 0 .6em no-repeat; }
		.tree li.last { background-image: url('../images/branch-last.gif'); }
			.tree li em, .tree li ul li { padding-left: 20px; }
			.tree li em { float: left; display: inline; margin-right: 4px; color: #000; background: url('../images/folder.gif') 0 .4em no-repeat; }
			.tree li a { color: #000; }
			.tree li a:hover, .tree li a:focus, .tree li a:active { color: #000; }
			.tree li em { font-style: normal; }
			.tree span.switcher { float: left; width: 11px; height: 11px; margin-top: 4px; line-height: 11px; text-align: center; font-size: 90%; color: #fff; background: #80c8c5; cursor: pointer; }
				.tree span.switcher span { background-image: url('../images/switcher.gif'); }
			.tree span.open { background: #ec7201; }
				.tree span.open span { background-position: 0 -11px; }
			.tree li ul { float: none; clear: both; width: auto; display: block; margin: 0; font-size: 90%; background: none; }
			.tree li ul { display: none; } /* js hiding */
				.tree li ul li { width: 230px; background: none; }
					.tree li ul li a { padding: 0; color: #999; background: none; }

.aboutcat { float: left; display: inline; width: 255px; margin-left: 25px; }
	.aboutcat h4 { padding-bottom: 5px; }
	
/* Breadcrumb 
----------------------------------------------------------------------------------------*/

.breadcrumb { line-height: 1.1; font-size: 90%; color: #8b8b6e; }
	.breadcrumb a { text-decoration: underline; color: #8b8b6e; }
	.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active { text-decoration: underline; color: #000; }
	.breadcrumb em { font-style: normal; }

/* Filters
----------------------------------------------------------------------------------------*/

.filters { overflow: hidden; width: 100%; padding-bottom: 22px; }
	.select { float: left; display: inline; padding: 0 9px 22px 0; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.filters .last {  padding: 0 0 17px 0; }

/* Buttons for javascript actions
----------------------------------------------------------------------------------------*/

.moreinfo { overflow: hidden; width: 100%; padding-bottom: 20px; }
.wraptop { padding-top: 8px; background: url('../images/dotted-h.gif') 0 0 repeat-x; }
	.moreinfo .about { float: left; width: 350px; }
	.infobutton { float: left; display: inline; width: 21px; margin-right: 13px; padding-top: 8px; }
		.infobutton .ir { width: 21px; height: 21px; }
			.infobutton span { background-image: url('../images/button-info.png'); }
			.infobutton a:hover span { background-position: 0 -21px; }
			.infobutton .open span { background-position: 0 -42px; }
	.moreinfo .price { float: right; padding-top: 5px; font-size: 170%; color: #000; }
	
/* Basket -overview
----------------------------------------------------------------------------------------*/

.line { overflow: hidden; width: 100%; height: 46px; }
.l-bottom { padding-top: 14px; background: url('../images/dotted-h.gif') 0 0 repeat-x; }
	.line .r input { margin-left: 8px; }
	.line .r a img { vertical-align: top }
	
.overview li { position: relative; padding: 1px 0 0 0; line-height: 50px; background: url('../images/dotted-h.gif') 0 0 repeat-x; }
li.under { background: none; }
	.overview li h3 { width: 100%; padding-bottom: 1px; background: #fff url('../images/dotted-h.gif') 0 100% repeat-x; }
		.overview li h3 .ir { width: 200px; height: 45px; line-height: 45px; }
	.overview li table { table-layout: fixed; width: 100%; }
		.overview li table h3 { width: auto; margin: 0; padding: 0; background: none; }
		.overview td { padding: 0 10px 0 0;  }
		td.w-price { width: 70px; }
		td.w-count { width: 75px; }
		td.w-sum { width: 45px; text-align: right; }
		td.w-delete { width: 11px; padding-right: 0; }
			.overview td h3, .overview td p, .moreinfo h3, .moreinfo p { line-height: 1.5; }
			.overview td h3, .moreinfo h3 { padding-top: 2px; font-size: 100%; }
			.overview td p, .moreinfo p { margin-bottom: 0; font-size: 90%; color: #828282; }
			.overview td span, .w-count span { float: left; }
			.overview td input, .pocet { float: left; display: inline; width: 30px; height: 16px; margin: 15px 0 0 4px; padding: 3px 5px; border: none; color: #000; background: #e8e8d7 url('../images/input-basket.gif') 0 0 no-repeat; }
	
	.panel { clear: both; position: relative; z-index: 9; height: 36px; margin-bottom: -1px; line-height: 20px; font-size: 90%; color: #7a7a74; background: #f0f0e4 url('../images/panel.png') 0 0 no-repeat; }
		.panel .in { overflow: hidden; width: 542px; padding: 8px 16px 8px 10px; background: url('../images/panel-in.png') 100% 0 no-repeat; }
			.panel p { margin-bottom: 0; }
			.panel .status { float: left; display: inline; margin-right: 10px; line-height: 18px; text-transform: uppercase; color: #fff; }
				.panel .status em { float: left; padding: 0 6px 0 5px; font-style: normal; }
			.panel .ok { background: #57b7b5 url('../images/status-ok.png') 0 0 no-repeat; }
				.panel .ok em { background: url('../images/status-ok-in.png') 100% 0 no-repeat; }
			.panel dl { float: left; }
				.panel dt, .panel dd { float: left; }
				.panel dd { display: inline; margin-right: 10px; padding: 0 10px 0 3px; color: #000; background: url('../images/dotted-v-g.gif') 100% 0 repeat-y; }
				.panel .last dd { background: none; }
			.panel .close { float: right; text-transform: uppercase; font-size: 90%; }

/* Basket - records
----------------------------------------------------------------------------------------*/

.records { table-layout: fixed; margin-bottom: 20px; }
	.records td { padding: 11px 0 12px; vertical-align: top; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.login td { border-bottom: 1px solid #000; background: none; }
	.records .last td { background: none; }
	.records td.desc { width: 317px; padding-right: 10px; }
		.records dl { line-height: 1.2; }
			.records dt { font-weight: bold; }
			.records dd { font-size: 90%; color: #828282; }
		.records input, .records textarea { width: 221px; height: 16px; padding: 5px 10px 6px; border: none; line-height: 16px; background: #e8e8d7 url('../images/input-basket-record.png') 0 0 no-repeat; }
		.records textarea { overflow: auto; height: 174px; background-image: url('../images/textarea-record.png'); }
		.records input.bonuskod { width: 120px; padding: 5px 10px 0 10px; height:22px; background-image: url('../images/input-140.png'); margin-right: 10px; }
		.records input.bonussubmit { width: 120px; padding: 0; height: 27px; background-image: url('../images/input-120.png'); }


/* Basket - informations
----------------------------------------------------------------------------------------*/

.step { overflow: hidden; width: 100%; margin-top: 17px; font-weight: bold; }
	.step li, .step li a { color: #94d0ce; }
	.step li { float: left; display: inline; width: 29px; height: 29px; margin-right: 5px; line-height: 29px; text-align: center; font-size: 150%; background: #fff url('../images/step.png') 0 0 no-repeat; }
	.step li.history, .step li.active, .step li.history a, .step li.active a { color: #fff; }
	.step li.history { background: #94d0ce url('../images/step-history.png') 0 0 no-repeat; }
	.step li.active { background: #f07901 url('../images/step-active.png') 0 0 no-repeat; }
		.step li a { display: block; text-decoration: none; }

.infoline { position: relative; width: 568px; margin: 0 -34px 15px -40px; padding: 0 34px 20px 40px; border-bottom: 5px solid #e8e8d7; font-size: 120%; color: #8a8a8a; }
		

.panel-info { overflow: hidden; width: 574px; text-transform: uppercase; text-align: right; line-height: 28px; font-size: 90%; color: #84847a; background: #e8e8d7 url('../images/panel-info.png') 0 0 no-repeat; }
	.panel-info-in { padding: 0 0 10px 10px; background: url('../images/panel-info-in.png') 100% 0 no-repeat; }
	.panel-info table { table-layout: fixed; }
		.panel-info th, .panel-info td { padding: 0; }
		.panel-info th { padding-right: 10px; font-weight: normal; text-align: right; }
		th.wh-name { width: 290px; text-align: left; }
		.wh-price-piece { width: 85px; }
		.wh-piece { width: 50px; }
		
.overview-final { table-layout: fixed; margin: 5px 0 25px; }
	.overview-final td { padding: 7px 10px 9px 0; text-align: right; vertical-align: top; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.overview-final .last td { background: none; }
	td.w-name { width: 299px; text-align: left; }
	.w-price-piece { width: 85px; }
	.w-piece { width: 50px; }
		.overview-final h3 { font-size: 100%; }
		.overview-final dl { font-size: 90%; color: #5bb9b7; }
		.overview-final dt, .overview-final dd { float: left; }
		.overview-final dt { padding-right: 3px; }
		.overview-final em { display: block; font-style: normal; font-size: 90%; color: #b0b0b0; }
		
.b-col { float: left; display: inline; width: 155px; margin-right: 40px; padding-bottom: 25px; }
.b-last { margin-right: 0; }
	.b-col h3 { width: 137px; height: 28px; margin-bottom: 9px; padding: 0 10px 9px; line-height: 28px; text-transform: uppercase; font-size: 90%; font-weight: normal; color: #fff; background-color: #39c1c6; }
	.b-col h3.info-1 { background-image: url('../images/col-headline-1.jpg'); }
	.b-col h3.info-2 { background-image: url('../images/col-headline-2.jpg'); }
	.b-col h3.info-3 { background-image: url('../images/col-headline-3.jpg'); }
	.b-col .name { padding: 5px 0; border-bottom: 1px solid #000; background: none; }
	.b-col address, .b-col p { margin: 0; padding: 8px 0 9px; font-style: normal; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.b-col .last { background: none; }
		.b-col address em { display: block; }
		
.discount { padding-left: 30px; line-height: 21px; background: url('../images/favorites.png') 0 0 no-repeat; }

/* Detail
----------------------------------------------------------------------------------------*/

.product { overflow: hidden; float: right; width: 642px; background: url('../images/product.gif') 0 0 repeat-y; }
	.basic-info, .advanced-info { background: #fff; }
	.basic-info { float: left; width: 160px; padding: 20px 34px 20px 40px; }
		.basic-info dl { overflow: hidden; width: 100%; line-height: 1.3; font-weight: bold; }
		.basic-info dt, .basic-info dd { float: left; }
		.basic-info dt { padding-right: 3px; }
		.basic-info .low-imp { margin-bottom: 18px; font-size: 90%; font-weight: normal; color: #5bb9b7; }
		.basic-info .desc { margin-top: 5px; }
			.basic-info .desc dl { padding-bottom: 1px; line-height: 35px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
			.basic-info .desc .last { background: none; }
				.basic-info .desc dd { float: right; font-weight: normal; }
	.advanced-info { float: right; width: 320px; padding: 20px 36px 20px 44px; }
		.pricepanel { height: 46px; border-bottom: 1px solid #000; line-height: 35px; }
			.pricepanel p { float: left; font-size: 170%; }
			.pricepanel .r { padding-top: 3px; }
				.pricepanel input { float: left; }
				.pricepanel .text { width: 36px; height: 16px; padding: 5px 5px 6px; border: none; line-height: 16px; text-align: center;color:black; font-size: 90%; background: #e8e8d7 url('../images/input-count.gif') 0 0 no-repeat; font-weight:bold;}

		.pricelines { clear: both; line-height: 31px; font-size: 90%; color: #93937c; } 
			.pricelines a { color: #5bb9b7; }
			.pricelines a:hover, .pricelines a:focus, .pricelines a:active { color: #000; }
			.pricelines p, .pricelines div { margin: 0; padding-bottom: 1px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
			.pricelines div { overflow: hidden; width: 100%; }
				.pricelines div p { padding-bottom: 0; background: none; }
				
		.infotext { padding: 25px 0 15px; }
		
		p.favorites { position: relative; margin: 0; padding-left: 0; border-top: 1px solid #000; line-height: 36px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
			.favorites a { display: block; padding-left: 28px; font-weight: bold; background: url('../images/favorites.png') 0 .5em no-repeat; }
				
.gallery { overflow: hidden; width: 100%; }
	.gallery h3 { padding: 15px 0 8px; font-size: 135%; font-weight: normal; }
	.gallery li { float: left; display: inline; margin: 0 12px 12px 0; padding: 0; }
	.gallery.last { margin-right: 0; }
		.gallery a, .gallery img { float: left; } 
			
#sub .floor .small-items { width: 602px; padding: 22px 20px 0; }
	.small-items ul { overflow: hidden; width: 100%; margin-bottom: 5px; }
		.small-items li { float: left; width: 300px; padding: 0 0 12px 0; } 
		.small-items img { float: left; display: inline; margin-right: 14px; }
		.small-items h3 { line-height: 1.3; font-size: 100%; }
			.small-items h3 a { text-decoration: none; }
			.small-items h3 a:hover, .small-items h3 a:focus, .small-items h3 a:active { text-decoration: underline; }
		.small-items p { font-size: 90%; }
			.small-items p a { color: #5bb9b7; }

#sub #main .bottomsearch fieldset { width: 585px; height: 55px; padding: 16px 29px 16px 28px; }
	#main .bottomsearch .headline { line-height: 65px; }
	.bottomsearch input { float: left; }
	.search-text { width: 534px; height: 16px; padding: 9px 10px 10px; border: none; line-height: 16px; color: #a9a99d; background: #e8e8d7 url('../images/input-searchtext.png') 0 0 no-repeat; }

/* Text
----------------------------------------------------------------------------------------*/

#sub .textpage .block { padding-bottom: 25px; }
	.textpage .first { padding-bottom: 21px; font-size: 120%; color: #919191; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.textpage p { margin-bottom: 20px; }
	.textpage em { padding: 3px 4px; font-style: normal; background: #d8f6f6; }
	.textpage .records { margin-bottom: 0; }

/*	---------------------------------------------------------------------------------------
	Map
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.webmap h3 { border-bottom: 1px solid #000; font-size: 150%; }
	.webmap h3 a { width: 200px; height: 45px; text-decoration: none; line-height: 45px; }
		.h-potraviny span { background-image: url('../images/map-potraviny.png'); }
		.h-drogerie span { background-image: url('../images/map-drogerie.png'); }
		.h-tabak span { background-image: url('../images/map-tabak.png'); }
		.h-delikatesy span { background-image: url('../images/map-delikatesy.png'); }
		.h-kancelar span { background-image: url('../images/map-kancelar.png'); }
		.h-party span { background-image: url('../images/map-party.png'); }
		.h-alkohol span { background-image: url('../images/map-alkohol.png'); }

.webmap ul { margin-bottom: 20px; }
	.webmap li { width: 100%; padding: 0; line-height: 30px; background: url('../images/dotted-h-g.gif') 0 100% repeat-x; }
		.webmap li a { padding-left: 45px; background: url('../images/map-category.gif') 0 .4em no-repeat; }
	
/*	---------------------------------------------------------------------------------------
	Search
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.f-search .categories { margin: 0; }
	.f-search .categories li { padding: 6px 0; line-height: 16px; background: url('../images/dotted-h.gif') 0 0 repeat-x; }
		.f-search .categories li em { display: block; padding-left: 25px; font-style: normal; background: url('../images/category.gif') 0 .5em no-repeat; }
		.f-search .categories li a:hover, .f-search .categories li a:focus, .f-search .categories li a:active, .f-search .categories .all { text-decoration: underline; }
		.f-search .categories .all { color: #e06228; }
		.f-search .categories .all:hover, .f-search .categories .all:focus, .f-search .categories .all:active, .f-search .categories li a { text-decoration: none; color: #000; }
	
/*	---------------------------------------------------------------------------------------
	Advice
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
#facebox h3 { width: 198px; height: 21px; margin: 10px 0; line-height: 21px; font-size: 150%; font-weight: normal; }
	#facebox h3 span { background-image: url('../images/ir-doporucitznamemu.png'); }
#facebox form { overflow: hidden; width: 100%; background: url('../images/dotted-h.gif') 0 0 repeat-x; }
	#facebox form div { padding: 5px 0; background-position: 0 100%; }
	#facebox dl { float: left; }
	#facebox .m-r { margin-right: 13px; }
	#facebox .message, #facebox .link { float: none; }
	#facebox .message { clear: both; }
		#facebox label { display: block; padding: 12px 0 2px 3px; text-transform: uppercase; font-size: 90%; color: #616161; }
		#facebox form div input, #facebox form textarea { border: none; color: #000; }
		#facebox form div input { width: 165px; height: 16px; padding: 3px 10px 3px; line-height: 16px; background: #e8e8d7 url('../images/input-popup.png') 0 0 no-repeat; }
		#facebox textarea { width: 353px; height: 130px; margin-bottom: 9px; padding: 15px; font-size: 100%; background: #e8e8d7 url('../images/textarea-popup.png') 0 0 no-repeat; }	

.strankovani { overflow: hidden; width: 602px; color: #000; background: #fff; padding: 10px 20px; text-align: right; float: right; margin-bottom: 12px; }
#showHideMoreCategories { text-align: right; margin-bottom: 5px;}
.razeni { overflow: hidden; float: right; width: 602px; color: #000; background: #fff; padding: 20px; margin-bottom: 12px;}
.razeni span, .razeni form { float: left; margin-right: 10px; }
li.allcat { background: none; font-weight: bold;}
li.allcat a:hover { text-decoration: underline;}
.column a.sel { font-weight: bold; color: #000;}


#basketbox {
	position: absolute;
	top: 60px;
	left: 310px;
	width: 420px;
	z-index:1002;
	background: #fff;
	border: 2px solid #545430;
	padding: 10px 0;
}
#basketbox h3 { width: 100px; height: 38px; line-height: 38px; }
	#basketbox h3 span { background-image: url('../images/ir-kosikpopup.png'); }
#basketbox p { width: 380px; margin-bottom: 14px; padding: 13px 20px 14px 20px; background: #e8e8d7; }
#basketbox .buttons { text-align: center; }
	#basketbox .buttons a { margin-right: 8px; }


/*	---------------------------------------------------------------------------------------
	Add during implementation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.strankovani, .razeni { overflow: hidden; float: right; display: inline; width: 602px; margin-bottom: 12px; padding: 20px; color: #000; background: #fff; }
.strankovani { padding: 10px 20px; text-align: right; }
	.razeni span, .razeni form { float: left; display: inline; margin-right: 10px; }

#showHideMoreCategories { margin-bottom: 5px; text-align: right; }

li.allcat { font-weight: bold; background: none; }
li.allcat a:hover, li.allcat a:focus, li.allcat a:active { text-decoration: underline; }
.column a.sel { font-weight: bold; color: #000; }

table.cenik { margin-bottom: 2em; border: 1px solid gray; }
	table.cenik th { text-align:left; background-color: #E8E8D7; }
	table.cenik td { border-bottom: 1px solid gray; }

.error { color: #ff0000; }

#hp #navigation {
	top:250px;
}

#sub .headline {display:none}
#sub .floor {margin-top:0px;padding-bottom:0;position:relative;left:182px;width:642px;}
#sub h3.headline {position:relative;top:75px;left:170px;display:block;margin-left:-150px;margin-top:6px;margin-bottom:30px;width:630px;text-align:left;}
#sub .floor .block {padding-top:40px;}
#sub .floor .small-items   {padding-top:40px;}
/*.floor {padding-top:40px}*/

ul.allProducersList li
{
	width: 150px; float: left;
}