p,table,ul,li,h1,h2,h3 { margin: 0; padding: 0; }

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	/* background: #ccc url(../layout/bg_body.jpg) center top fixed;*/
	background: #ccc url(../layout/bg_body_3.jpg) center top fixed;
	text-align: center;
	min-height: 100%;
}
html { height: 100%; }

a 		{ color: #d5b04f; text-decoration: underline; }
a:hover { text-decoration: none; }
p { line-height: 1.5em; }
img { border-style: none; }

.clear { clear: both; } 


/* ----------------------------------------------------- */
/* ---------------------->>> WRAP <<<------------------- */
/* ----------------------------------------------------- */
#wrap { width: 974px; margin: 0 auto; padding-bottom: 30px; position: relative; text-align: left; }
#white { padding: 16px; background: #fff url(../layout/header.gif) 0 223px repeat-x; }
	body#homepage #white { background: #fff url(../layout/header.gif) 0 300px repeat-x; }

/* header */
#header { width: 100%; height: 207px; position: relative; }
	body#homepage #header { height: 284px; }

#links { height: 25px; padding: 0 16px; line-height: 25px; text-align: right; font-size: 11px; }
#links a { color: #000; }
#links span { padding: 0 2px; }

/* ----------------------------------------------------- */
/* -------------------->>> LOGO <<<--------------------- */
/* ----------------------------------------------------- */
a#logo  { display: block; width: 136px; height: 106px; text-align: center; overflow: hidden; position: relative; color: #bc9b6a; text-decoration: none; font-size: 12px; position: absolute; top: 19px; left: 40px; }
a#logo span { display: block; width: 136px; height: 106px; background-image: url(../layout/logo.gif); position: absolute; top: 0; left: 0; cursor: pointer; }
a#logo strong { color: #a22c1e; font-size: 24px; }

#slogan 		{ width: 940px; height: 49px; position: absolute; top: 170px; left: 0; color: #bc9b6a; font-size: 54px; color: #bc9b6a; overflow: hidden; }
#slogan span 	{ width: 940px; height: 49px; position: absolute; top: 0; left: 0; }

.h_img 		{ position: absolute; top: 0; width: 223px; height: 135px; overflow: hidden; }
/* 
.h_img_1 	{ left: 240px; }
.h_img_2 	{ left: 495px; }
.h_img_3 	{ left: 735px; }
*/
.h_img_1 	{ left: 240px; }
.h_img_2 	{ left: 479px; }
.h_img_3 	{ left: 719px; }

/* ----------------------------------------------------- */
/* ------------------>>> NAVIGATION <<<----------------- */
/* ----------------------------------------------------- */
ul#nav 				{ position: absolute; bottom: 0; left: 240px;/* overflow: hidden;*/ font-family: "Lucida Sans", Arial, Helvetica, sans-serif; text-transform: uppercase; list-style: none; font-weight: bold; }
ul#nav li 			{ display: block; float: left; height: 24px; line-height: 24px; padding-right: 14px; position: relative; }
ul#nav li a 		{ color: #000; text-decoration: none; }
ul#nav li a:hover,
ul#nav li.sfHover a,
ul#nav li.active a 	{ color: #bf311a; }

	/* 2. uroven */
	ul#nav ul 						{ display: none; width: 173px; font-size: 10px; font-weight: normal; padding: 18px 15px 8px 11px; background: url(../layout/nav_level.png) bottom no-repeat; position: absolute; top: 24px; left: 0; z-index: 1000; }
	
	ul#nav li.sfHover ul li 		{ display: list-item; line-height: 1.1em; height: auto; list-style: none; width: auto; float: none; padding-bottom: 9px; }
	ul#nav li.sfHover ul li a 		{ display: inline; float: none; height: auto; padding: 0; line-height: 1.3em;  color: #000; text-decoration: none; }
	ul#nav li.sfHover ul li a:hover { color: #000; text-decoration: underline; }

	ul#nav li.sfHover ul li.line 	{ display: block; position: absolute; top: 0; left: 0; width: 195px; height: 4px; padding: 0; background: url(../layout/header.gif) repeat-x; font-size: 0; }
	ul#nav li.sfHover ul li.last 	{ padding-bottom: 24px; }
	ul#nav li.sfHover ul li.li_h2 	{ color: #bf311a; font-size: 11px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-weight: bold; }
	ul#nav li.sfHover ul li.li_h2 a { color: #bf311a; font-size: 11px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-weight: bold; }

a.button 			{ display: block; height: 28px; line-height: 28px; overflow: hidden; position: absolute; bottom: 0; text-align: center; font-size: 16px; color: #fff; text-decoration: none; font-weight: bold; }
a.button span 		{ display: block; height: 28px; position: absolute; top: 0; left: 0; background-position: left top; cursor: pointer; }
a.button:hover span { background-position: left bottom; }

a.eshop 		{ background: #783421; width: 178px; right: 96px; }
a.eshop:hover 	{ background: #802f19; }
a.eshop span	{ background-image: url(../layout/button_eshop.gif); width: 178px; }

a.facebook 			{ background: #3a4d8c; width: 92px; right: 0; }
a.facebook:hover 	{ background: #314894; }
a.facebook span		{ background-image: url(../layout/button_facebook.gif); width: 92px; }


/* ----------------------------------------------------- */
/* -------------------->>> COLUMNS <<<------------------ */
/* ----------------------------------------------------- */
#content 	{ float: left; width: 940px; overflow: hidden; background: url(../layout/px_sp.gif) 224px 0 repeat-y; }
	body#homepage #content 	{ padding-top: 16px; background: none; }
	body#detail_2 #content 	{ background: url(../layout/px_sp_2.gif) 224px 0 repeat-y; }
	
#left 		{ width: 185px; padding-left: 15px; padding-top: 16px; float: left; overflow: hidden; }

#big_right { float: right; width: 700px; }
	#center_cnt { width: 445px; float: left; padding-top: 16px; overflow: hidden; }
	#center_cnt h1 { font-size:22px;}
	#right 		{ width: 225px; float: right; padding-top: 16px; overflow: hidden; }