/* Barvy

linky		#ddd
seda v pozadi	#eee
modra		#39b
svetle modra	#8bc
text		#333

*/

body, html {
	height: 100%;
}
body {
	margin: 0px;
	background: #000 url('../images/bg.jpg') center bottom no-repeat fixed;
	text-align: center;
	font-size: 0.7em;
	line-height: 1.7em;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
}

/* Formatovani textu */

h1, h2, h3	{
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding: 0 0 5px 0;
}
h1	{
	font-size: 190%;
	margin: 20px 0 15px 0;
	padding-left: -40px;
	color: #39b;
}
h2	{
	font-size: 160%;
	margin: 15px 0 10px 0;
	color: #8bc;
}
h3	{
	font-size: 130%;
	margin: 10px 0 5px 0;
}
p	{
	padding: 0px;
	margin: 0 0 20px 0;
}
p.indent, p.section_indent	{
	text-indent: 50px;
}
p.section, p.section_indent	{
	padding: 0 0 30px 0;
	background: transparent url('../images/section.gif') center bottom no-repeat;
}
ul	{
	margin: 0 0 20px 50px;
	color: #39b;
	list-style-type: square;
}
a	{
	color: #39b;
}
a:hover	{
	color: #333;
}
a.more	{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-align: center;
}
a.more strong	{
	display: block;
	font-weight: normal;
	margin: auto;
	line-height: 22px;
	width: 112px;
	margin: auto;
	letter-spacing: 1px;
}

/* Tisk */

*.swap	{
	display: none;
}


/* Oddily */

#wrapper	{
	position: relative;
	width: 1000px;
	min-height: 100%;
	top: 0px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
/* Hlavicka */

#header	{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 150px;
}
	#logo	{
		position: relative;
		top: 38px;
		left: 90px;
		width: 300px;
		height: 70px;
		background: transparent url('../images/faber_logo.png') left top no-repeat;
		cursor: pointer;
	}
	#options	{
		position: absolute;
		top: 10px;
		right: 90px;
		text-align: left;
	}
		#options a	{
			line-height: 45px;
			display: block;
			padding: 0 0 0 40px;
		}
		a.home	{
			background: transparent url('../images/home.gif') left center no-repeat;
		}
		a.print	{
			background: transparent url('../images/print.gif') left center no-repeat;
		}
		a.search	{
			background: transparent url('../images/search.gif') left center no-repeat;
		}

/* Menu */

#navigation	{
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
	padding: 0 0 0 90px;
	background-color: #eee;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	z-index: 100;
}

	#navigation ul	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	ul.level1 li	{
		float: left;
		position: relative;
		padding: 0px;
	}
	ul.level1 li a	{
		color: #333;
		font-size: 110%;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 5px 40px 5px 0px;
		line-height: 20px;
		margin: 0px;
	}
	ul.level1 li a:hover, ul.level1 li a.active, ul.level1 li.hover a, ul.level1 li:hover a	{
		color: #39b;
		background-color: transparent;
	}
	ul.level2	{
		display: none;
		position: absolute;
		left: 0px;
	}
	ul.level2 li, ul.level2 li.hover	{
		float: none;
		display: block;
		margin: 0px;
		padding: 0px;
	}
	li.hover ul.level2 li a, li:hover ul.level2 li a	{
		font-size: 90%;
		display: block;
		width: 200px;
		padding: 2px 20px 2px 20px;
		background: #666 url('../images/border.gif') left bottom repeat-x;
		color: #ddd;
	}
	li.hover ul.level2 li a:hover, li:hover ul.level2 li a:hover	{
		color: #fff;
		background: #39b url('../images/border.gif') left bottom repeat-x;
	}
	li:hover ul.level2, li.hover ul.level2	{
		display: block;
	}

/* Uvodni stranka */

#home_banner	{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 321px;
	border-bottom: 1px solid #aaa;
}
#home_tri_box	{
	position: relative;
	width: 820px;
	left: 90px;
	background: url('../images/home_tri_box_wide.jpg') left top no-repeat;
	height: auto;
}
	#home_tri_box_1, #home_tri_box_2, #home_tri_box_3	{
		float: left;
		width: 273px;
	}
	#home_tri_box_2	{
		float: left;
		width: 274px;
	}
	#home_tri_box div.more	{
		float: left;
		width: 820px;
	}

	#home_tri_box p	{
		padding: 0px;
		margin: 0px 30px 20px 30px;
	}
	#home_tri_box div.heading	{
		float: left;
		width: 100%;
		height: 70px;
		margin: 30px 0 0 0;
	}
	#home_tri_box_1 div.heading	{
		background: url('../images/tradice.gif') left top no-repeat;
	}
	#home_tri_box_2 div.heading	{
		background: url('../images/luxusni.gif') left top no-repeat;
	}
	#home_tri_box_3 div.heading	{
		background: url('../images/kvalita.gif') left top no-repeat;
	}
	#home_tri_box a.more	{
		float: left;
		width: 273px;
		color: #fff;
		margin: 40px 0 40px 0;
	}
	#home_tri_box a.more strong	{
		background: transparent url('../images/more.gif') center center no-repeat;
	}
	#home_tri_box a.more:hover strong	{
		background: transparent url('../images/more_hover.gif') center center no-repeat;
	}
#warning	{
	position: relative;
	clear: both;
	left: 90px;
	width: 820px;
	border-top: 1px solid #fff;
	background: #eee;
	height: auto;
}
	#warning p	{
		font-size: 80%;
		padding: 10px 0 10px 40px;
		margin: 0 30px 0 30px;
		background: url('../images/warning.gif') left center no-repeat;
	}

/* Obsah */

#content	{
	float: left;
	top: 0px;
	width: 820px;
	height: auto;
	padding: 40px 90px 40px 90px;
	z-index: 1;
}

/* Obsah - text */

#content.text p	{
	margin-left: 100px;
	margin-right: 100px;
}
#content.text ul	{
	margin-left: 150px;
	margin-right: 100px;}

/* Seznam produktu */

	div.product_group	{
		float: left;
		padding: 0px;
		margin: 25px 0 25px 0;
		background: url('../images/grey_point.gif') 410px 0px repeat-y;
	}
		div.product_item_top, div.product_item_top_2, div.product_item_bottom, div.product_item_bottom_2	{
			float: left;
			width: 395px;
		}
		div.product_item_top, div.product_item_bottom	{
			padding:  0 15px 0 0;
		}
		div.product_item_top_2, div.product_item_bottom_2	{
			padding:  0 0 0 14px;
		}
		div.product_item_bottom	{
			clear: both;
		}
			div.product_item_top div.left, div.product_item_top_2 div.left	{
				float: left;
				width: 210px;
				margin-bottom: 10px;
			}
				div.product_group div.left h2	{
					border-bottom: none;
					padding: 0px;
					margin: 0 0 5px 0;
					font-size: 120%;
					color: #39b;
					text-transform: uppercase;
				}
				div.product_group div.left img	{
					width: 200px;
					height: 200px;
				}
			div.product_item_top div.right, div.product_item_top_2 div.right	{
				float: left;
				width: 185px;
				margin-bottom: 10px;
			}
				div.product_group div.right p.description	{
					border-bottom: 1px solid #ddd;
					margin: 0 0 2px 10px;
				}
				div.product_group div.right strong	{
					display: block;
				}
			div.product_group div.under	{
				float: left;
				background: #eee url('../images/price_bg.jpg') left top repeat-y;
				padding: 10px;
				width: 375px;
			}
				div.product_group div.under p.price	{
					float: left;
					color: #333;
					margin: 0px;
				}
					p.price	strong {
						font-size: 120%;
					}
				div.product_group div.under a.more	{
					float: right;
					width: auto;
					color: #333;
				}
				div.product_group div.under a.more:hover	{
					color: #fff;
				}
				div.product_group div.under a.more strong	{
					background: transparent url('../images/more2.gif') center center no-repeat;
				}
				div.product_group div.under a.more:hover strong	{
					background: transparent url('../images/more_hover2.gif') center center no-repeat;
				}

/* FAQ */

h4	{
	float: left;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	width: 40px;
	text-align: center;
	padding: 12px 0 12px 0;
	margin: 0 50px 0 0;
	background: transparent url('../images/faq.gif') left center no-repeat;
}
a.faq_show	{
	float: right;
	padding: 2px;
	margin: 5px 0 0 10px;
	width: 120px;
	background-color: #fff;
	border: 1px solid #ddd;
	text-align: center;
	cursor: pointer;
}
a.faq_show:hover	{
	background-color: #39b;
	color: #fff;
}
a.faq_hide	{
	float: right;
	padding: 2px;
	margin: -10px 11px 15px 10px;
	width: 120px;
	background-color: #8bc;
	border: 1px solid #39b;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
a.faq_hide:hover	{
	background-color: #39b;
	color: #fff;
}

	div.faq_item	{
		float:left;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #ddd;
	}
	div.faq_question	{
		float:left;
		width: 798px;
		margin: 10px 0 20px 0;
		padding: 10px;
		border: 1px solid #ddd;
		background-color: #eee;
	}
	div.faq_answer	{
		float:left;
		width: 820px;
		display: none;
		background: url('../images/answer.jpg') left top repeat-x;
	}
	div.faq_answer p	{
		padding: 15px 100px 15px 100px;
	}

/* prodejci */

#content.map div.popis	{
	float: left;
	width: 778px;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background-color: #eee;
}
	#content.map div.popis h2	{
		color: #333;
		border: 0px;
		margin: 0 0 5px 0;
	}
	#content.map div.popis p	{
		margin: 0px;
	}
	#content.map div.popis fieldset	{
		border: 0px;
		display: inline;
	}
	#content.map div.prodejci_left, #content.map div.prodejci_right	{
		float: left;
		width: 358px;
		padding: 20px;
		border: 1px solid #ddd;
		background-color: #eee;
	}
	#content.map div.prodejci_left	{
		margin: 0 20px 20px 0;
	}
	#content.map div.prodejci_right	{
		margin: 0 0 20px 0;
	}

#content.map div.map	{
	float: left;
	width: 820px;
	text-align: center;
}
	#content.map div.map img	{
		border: 0px;
	}

/* Detail produktu */

	div.product_img	{
		float: left;
	  /* width: 400px; */
		margin: 0 0 30px 0;
	}
		div.product_img img	{
			float: left;
			/*height: 400px;
			width: 400px;*/
			z-index: 10;
		}
	div.product_links	{
		float: left;
		margin: 0 0 30px 40px;
	}
		div.product_links p	{
			width: auto;
			padding: 15px 0 15px 45px;
			margin: 20px 0 0 0;
			color: #39b;
			font-size: 120%;
		}
		div.product_links ul	{
			padding: 0px;
			margin: 0 0 0 45px;
			list-style-position: inside;
		}
		div.product_links p.draw	{
			background: transparent url('../images/draw.gif') left center no-repeat;
		}
		div.product_links p.manual	{
			background: transparent url('../images/manual.gif') left center no-repeat;
		}
		div.product_links p.sellers	{
			background: transparent url('../images/seller.gif') left center no-repeat;
		}
		div.product_links p.accessories	{
			background: transparent url('../images/accessories.gif') left center no-repeat;
		}
	div.product_info	{
		float: left;
		width: 818px;
		border: 1px solid #ddd;
		background-color: #eee;
		margin-bottom: 15px;
	}
		div.product_info div.description, div.product_info div.thumbs	{
			position: relative;
			clear: both;
			margin: 20px;
		}
			div.product_info div.thumbs_group	{
				margin: 0 0 0 178px;
			}
			div.product_info div.thumbs img	{
				float: left;
				border: 1px solid #39b;
				width: 75px;
				height: 75px;
				margin: 0 25px 20px 0;
			}
			div.product_info div.description p	{
				margin: 0 0 0 178px;
			}

	div.product_table	{
		float: left;
		width: 818px;
		border: 1px solid #ddd;
		border-bottom: none;
		background-color: #eee;
		margin-bottom: 10px;
	}
		div.product_table table	{
			margin: 0px;
			border: 0px;
			width: 100%;
			font-size: 90%;
		}
			div.product_table table td, div.product_table table th {
				padding: 2px 10px 2px 10px;
				border-bottom: 1px solid #bbb;
				width: 178px;
			}
			div.product_table table td {
				border-left: 1px solid #bbb;
				width: 134px;
			}
			div.product_table table tr.even td, div.product_table table tr.even th	{
				background-color: #ddd;
			}
	div.product_symbols	{
		float: left;
		width: 820px;
	}
		div.product_symbols div.group	{
			float: left;
			width: 820px;
		}
		div.product_symbols img	{
			float: left;
			width: 73px;
			height: 23px;
			border: 0px;
			padding: 0px;
			margin: 8px 7px 0 0;
		}
		div.product_symbols img.last	{
			margin-right: 0px;
		}

	#silk	{
		float: right;
		width: 60px;
		height: 50px;
		margin: -50px 0 0 0;
		background: transparent url('../images/silk.gif') top left no-repeat;
	}

/* Kontakt */

address	{
	font-style: normal;
}
div.contact_left	{
	float: left;
	width: 390px;
}
	#content.contact h2	{
		border: 0px;
	}
div.contact_form	{
	float: right;
	width: 400px;
	margin: 0px;
	padding: 0px;
	background: #ccc url('../images/contact_edge_top.jpg') left top no-repeat;
}
	div.contact_form h2	{
		margin-left: 20px;
		color: #333;
	}
	div.contact_form fieldset	{
		border: 0px;
		padding: 0 20px 0 20px;
		margin: 0px;
	}
	div.contact_edge_bottom	{
		height: 20px;
		width: 400px;
		background: transparent url('../images/contact_edge_bottom.jpg') left bottom no-repeat;
	}
	div.contact_form input, div.contact_form textarea	{
		display: block;
		margin: 0 0 15px 0;
		padding: 3px;
		border: 1px solid #aaa;
		width: 352px;
	}
	div.contact_form input	{
		width: 200px;
	}
	div.contact_form input.button	{
		width: 112px;
		height: 22px;
		margin: 25px 0 0 0;
		padding: 0px;
		border: 0px;
	}

/* Relativni konec stranky */

div.clear	{
	clear: both;
}

#end	{
	position: relative;
	clear: both;
}

/* Zapati */

#footer_container	{
	position: relative;
	clear: both;
	text-align: center;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90px;
	background: #078 url('../images/footer_line.jpg') center top no-repeat;
}
	#footer	{
		position: relative;
		text-align: left;
		top: 10px;
		margin: auto;
		width: 1000px;
		height: 70px;
		color: #fff;
		background: transparent url('../images/footer_line.jpg') center top no-repeat;
	}
	#number	{
		position: absolute;
		left: 90px;
		top: 20px;
		width: 140px;
		height: 30px;
		background: transparent url('../images/number.png') left top no-repeat;
	}
	#copyright	{
		position: absolute;
		right: 250px;
		bottom: 25px;
		font-size: 80%;
		letter-spacing: 2px;
		text-align: right;
	}
	#footer_links	{
		position: absolute;
		right: 90px;
		top: 0px;
		height: 70px;
		font-size: 80%;
		border-left: 1px solid #9cd;
		padding-left: 20px;
	}
	#footer_links	a	{
		color: #fff;
		line-height: 20px;
		display: block;
	}
	#footer_links	a:hover	{
		background-color: transparent;
		color: #8bc;
		line-height: 20px;
		display: block;
	}
	a.rss	{
		padding-left: 25px;
		background: transparent url('../images/rss.gif') left center no-repeat;
	}
	
.hiddenObject {
	display: none;		
}	
	
#hiddenContainer {
	display: none;	
}

.small {
  font-size: 9px;
}

#hiddenSearchForm {
	display: none;
}

#h1homepage {
	display: none;
}