/* main */
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-image: url('../images/layout/bg.gif');	background-color: #3B1C11; margin: 0px; }
a { color: #67321F; text-decoration: underline; }
a:hover { text-decoration: none; }

form { padding: 0; margin: 0; }

.cleaner { clear: both; }
.cleaner-padding { clear: both; padding: 0 0 10px 0; }

#container { width: 928px; margin: 0 auto; padding: 0 8px 0 8px; background: url('../images/layout/borders.gif'); }

/* header */
#header { position: relative; width: 928px; height: 135px; margin: 0 auto; background: url('../images/layout/head-bg.jpg'); }
#header .login { float: right; padding: 49px 18px 0 0; }
#header .login form { margin: 0; padding: 0; }
#header .login form .textfield { width: 85px; font-size: 11px; }
#header .login form .button { height: 20px; padding: 1px 3px 1px 3px; color: #FFF; background: url('../images/layout/button-bg.gif'); font-size: 11px; border: 0px solid; }
#header .login p { font-size: 10px; margin: 0; padding: 0; }

	/* navigation */
#navigation-wrapper { width: 928px; height: 39px; margin: 0; padding: 0; background: #FEF7E7 url('../images/navigation/navigation-bg.jpg') no-repeat; }

#navigation { width: 552px; height: 39px; margin: 0; padding: 0 0 0 188px; }
#navigation a { 
	float: left; height: 27px; text-decoration: none; background-position: 0 0; margin: 0; padding: 0; 
	color: White;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	text-indent: 26px;
	padding-top: 12px;
}

#navigation a.uvod { background: url('../images/navigation/uvod.gif') no-repeat; width: 89px; }
#navigation a.katalog { background: url('../images/navigation/katalog.gif') no-repeat; width: 130px; }
#navigation a.nakupny-kosik { background: url('../images/navigation/kosik.gif') no-repeat; width: 176px; }
#navigation a.ako-nakupovat { background: url('../images/navigation/ako-nakupovat.gif') no-repeat; width: 157px; }

#navigation a:hover { background-position: 0 -39px; }

#navigation a.uvod-a { background: url('../images/navigation/uvod.gif') no-repeat; width: 89px; background-position: 0 -78px; color: black; }
#navigation a.katalog-a { background: url('../images/navigation/katalog.gif') no-repeat; width: 130px; background-position: 0 -78px; color: black; }
#navigation a.nakupny-kosik-a { background: url('../images/navigation/kosik.gif') no-repeat; width: 176px; background-position: 0 -78px; color: black; }
#navigation a.ako-nakupovat-a { background: url('../images/navigation/ako-nakupovat.gif') no-repeat; width: 157px; background-position: 0 -78px; color: black; }

#navigation a:hover.uvod-a { background-position: 0 -78px; }
#navigation a:hover.katalog-a { background-position: 0 -78px; }
#navigation a:hover.nakupny-kosik-a { background-position: 0 -78px; }
#navigation a:hover.ako-nakupovat-a { background-position: 0 -78px; }


/* leftside */
#left-side { width: 189px; float: left; }

	/* side boxes */
#left-side #side-box { width: 168px; margin: 0; padding: 12px 10px 10px 10px; border-bottom: 1px solid #FAD992; border-left: 0; border-right: 1px solid #FAD992; border-top: 0; background: no-repeat url('../images/layout/box-bg.jpg'); }
#left-side #side-box h3 { margin: 0; padding: 0 0 15px 11px; font: 14px #3B1C11; font-weight: bold; font-size: 14px; color: #3B1C11; }
#left-side #side-box ol { margin: 0 0 0 30px; padding: 0; line-height: 1.7em; }

	/* left-side navigation */
#side-nav-wrapper { width: 189px; margin: 0; padding: 0; border-bottom: 1px solid #FAD992; }

#side-navigation { width: 189px; margin: 0; padding: 0; }
#side-navigation a { 
	display: block; 
	float: left; 
	width: 162px; 
	height: 30px; 
	text-decoration: none; 
	background-position: 0 0; 
	margin: 0; 
	padding: 0; 
	padding-left: 27px;
	padding-top: 12px;
	color: White;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
}

#side-navigation a.doporucujeme { 
	background: url('../images/side-navigation/doporucujeme.gif') no-repeat; height: 29px; 
}
#side-navigation a:hover.doporucujeme { background-position: 0 -41px; }
#side-navigation a.kategoria { background: url('../images/side-navigation/kategoria.gif') no-repeat; }

#side-navigation a:hover { background-position: 0 -42px; }

#side-navigation a.doporucujeme-a { background: url('../images/side-navigation/doporucujeme.gif') no-repeat; background-position: 0 -81px; height: 29px; color: black; }
#side-navigation a:hover.doporucujeme-a { background-position: 0 -81px; }
#side-navigation a.kategoria-a { 
	background: url('../images/side-navigation/kategoria.gif') no-repeat; 
	background-position: 0 -84px; 
	color: Black;
}
#side-navigation a:hover.kategoria-a { background-position: 0 -84px; }


/* content */
#content { width: 528px;  padding: 10px 10px 0 10px; float: left; }

#content #wellcome-box { width: 528px; min-height: 210px; _height: 210px; background: url('../images/layout/wellcome-box.jpg') no-repeat; border: 1px solid #FAD992; }
#content #wellcome-box div.wellcome-text { width: 228px; float: right;  }
#content #wellcome-box div.reklama { width: 287px; float: left;  }
#content #wellcome-box div.reklama img { display: block; }
#content #wellcome-box h2 { font-size: 21px; margin: 0; padding: 7px 10px 0 0px; font-weight: bold; letter-spacing: -0.03em; color: #3B1C11; }
#content #wellcome-box p { margin: 0; padding: 5px 10px 10px 0px; font-weight: normal; line-height: 1.5em; }

#content #vinica { width: 528px; min-height: 200px; _height: 200px; background: url('../img/design/default.jpg') #FFF8E6 no-repeat; border: 1px solid #FAD992; }
#content #vinica h2 { font-size: 21px; margin: 0; padding: 10px 10px 0 315px; font-weight: bold; letter-spacing: -0.03em; color: #3B1C11; }
#content #vinica p { margin: 0; padding: 5px 10px 0 315px; font-weight: normal; line-height: 1.55em; }

#content #notice { width: 528px; height: 98px; padding: 0px; background: url('../images/layout/notice-bg.jpg'); border: 1px solid #FAD992; color: #FFF; overflow: hidden; }
#content #notice img { display: block; }

#content #box { width: 528px; border: 1px solid #FAD992; background: no-repeat url('../images/layout/box-bg.jpg'); }
#content #box h3 { margin: 0; padding: 13px 0 30px 30px; font: 14px #3B1C11; font-weight: bold; font-size: 14px; color: #3B1C11; }
#content #box h4 { afloat: left; margin: 0; padding: 10px 0 0 10px; font-size: 12px; font-weight: bold; }
#content #box p { margin: 0; padding: 0 10px 5px 10px; line-height: 1.65em; }
#content #box span { font-weight: bold; }
#content #box .thin-border { border-top: 1px solid #FAD992; }

#content .thank-button { margin: 0 0 0 10px; color: #FFF; background: url('../images/layout/button-bg.gif'); font-size: 11px; border: 0px solid; }
#content .order-button { margin: 0 0 0 10px; color: #FFF; background: url('../images/layout/button-bg.gif'); font-size: 11px; border: 0px solid; }
#content #box #product-id-wrapper { width: 176px; height: 135px; margin: 0 0 13px 0; float: left; overflow: hidden; }
#content #box #product-id-wrapper img { float: left; margin: 0 10px 0 8px; border: 0px; }
#content #box #product-id-wrapper p { padding: 0; margin: 0; }
#content #box #product-id-wrapper p.name { font-weight: bold; line-height: 1.35em; margin: 0 0 5px 0; padding: 0; text-align: left;}
#content #box #product-id-wrapper p.price { padding: 10px 0 0 0; margin:0; }
#content #box #product-id-wrapper p.price span { font-size: 13px; font-weight: bold; }

#content #box #prev-page { float: left; padding: 0 0 0 10px; font-weight: bold; color: #67321F; width: 96px; height: 14px; }
#content #box #pages { width: 325px; float: left; text-align: center; color: #67321F; }
#content #box #pages a { margin: 0 3px 0 3px; }
#content #box #next-page { float: right;  padding: 0 10px 0 0; font-weight: bold; color: #67321F; }

#content #box .rating { float: right; padding: 15px 15px 0 0; }
#content #box .user-rating { float: right; padding: 10px 15px 0 0; }
#content #box .detail-photo { float: left; margin: 0 10px 10px 8px; }
#content #box .detail-price { float: left; width: 100px; padding: 3px 0 3px 0; margin: 16px 10px 0 0; text-align: center; font-size: 13px; font-weight: bold; background: #FAEBCA; border: 1px solid #FAD992; }
#content #box .detail-add-cart { margin: 18px 0 0 0; }
#content #box .bold-side { font-weight: bold; }

#content #box .mnozstvo { width: 30px; text-align: right; font-size: 11px; }
#content #box .summar { width: 475px; margin: 0 auto; padding: 10px; background: #FAEBCA; border: 1px solid #FAD992; font-size: 12px; font-weight: bold; }
#content #box .summar .geder { float: left; margin: 0; padding: 0; }
#content #box .summar .value { float: left; margin: 0; padding: 0 0 0 355px; }

#content #box .person-inf { width: 155px; }
#content #box .delivery { display: inline; margin: 0; padding: 0; }

/* right side */
#right-side { width: 189px; float: right; }

	/* search box */
#search-box { width: 168px; margin: 0; padding: 12px 10px 10px 10px; border-bottom: 1px solid #FAD992; border-left: 1px solid #FAD992; border-right: 0; border-top: 0; background: no-repeat url('../images/layout/search-box-bg.jpg'); }
#search-box h3 { margin: 0; padding: 0 0 7px 11px; font: 14px #3B1C11; font-weight: bold; font-size: 14px; color: #3B1C11; }
#search-box form { padding: 0; margin: 0; }
#search-box .keyword { width: 155px; font-size: 11px; margin: 5px 0 5px 0; }
#search-box .menus { width: 160px; font-size: 11px;  margin: 5px 0 5px 0; }
#search-box .price { width: 40px; font-size: 11px;  margin: 5px 3px 5px 3px; }
#search-box .btn { margin: 5px 0 5px 0; }

	/* side boxes */
#right-side #side-box { width: 168px;  margin: 0; padding: 12px 10px 10px 10px; border-bottom: 1px solid #FAD992; border-left: 1px solid #FAD992; border-right: 0; border-top: 0; background: no-repeat url('../images/layout/box-bg.jpg'); }
#right-side #side-box h3 { margin: 0; padding: 0 0 15px 11px; font: 14px #3B1C11; font-weight: bold; font-size: 14px; color: #3B1C11; }
#right-side #side-box .btn { margin: 5px 0 5px 0; }
#right-side #side-box .thin-border { border-top: 1px solid #FAD992; }
#right-side #side-box .border2 { border-top: 2px solid #FAD992; }

/* footer */
#footer { height: 121px; width: 928px; margin: 0; background: url('../images/layout/footer-bg.jpg');}
#footer .cards { float: right; padding: 18px; }
#footer .copyright { float: left; padding: 18px; }