* {margin: 0; padding: 0}

body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #fff; background: #ceb16f url(/pic/main_bg.jpg) repeat center 13px}
html, body {height: 100%}

img {border: 0}

ul {list-style: none}

table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
td {vertical-align: top; text-align: left}

a {color: #edd7a4; text-decoration: underline}
a:hover {text-decoration: none}

h1 {font-family: "Arial Narrow", Arial, Tahoma; font-size: 250%; font-weight: normal; color: #f5eee2}

.green {color: #b1d34f}
.orange {color: #f58220}
.brown {color: #cdad69}

p {margin-bottom: 13px}


#main {position: relative; min-height: 100%; font-size: 0.75em; background: url(/pic/header_bg.jpg) repeat-x center 0}
*html #main {height: 100%}
#main_in {width: 1000px; margin: 0 auto}

#header {height: 118px; padding-left: 77px}
#header div.top {font-size: 85%; height: 11px; padding: 21px 31px 0 0; text-align: right}
#header div.top a {color: #b7bc61}
#logo {float: left; width: 426px; font-size: 360%; font-weight: bold}
#tel {float: left; padding-top: 20px}
#tel span {float: left; font-family: "Arial Narrow", Arial, Tahoma}
#tel span.left {font-size: 135%; margin: 1px 3px 0 0}
#tel span.right {font-size: 360%; line-height: 75%}
#nav {float: right; width: 200px; padding-top: 20px}
#nav a {float: left; margin-left: 46px}
#nav a.mid {margin-top: 1px}

div.head_block {height: 38px}

#content_left {float: left; width: 769px}
#content_left.inner {width: 707px; padding-left: 62px}
#content_left div.head_block {padding-left: 79px}
#content_left.inner div.head_block {padding-left: 17px}
#content_left div.block {float: right; width: 707px; font-size: 95%; margin-bottom: 13px; background: url(/pic/left_block_bg_top.gif) no-repeat 0 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80}
#content_left div.block_in {float: left; width: 707px; padding: 8px 0; background: url(/pic/left_block_bg_bot.gif) no-repeat 0 bottom}
#content_left div.block_in_in {float: left; width: 691px; padding: 6px 0 0 16px; background: #30210e}

#content_left div.block div.text {padding-right: 16px}
// #content_left div.block div.text {width: 500px}
// #content_left.inner div.block div.text {width: 533px}
#examples {float: right; width: 112px; padding: 124px 0 0 9px; margin: 12px 30px 0 0; font-family: "Arial Narrow", Arial, Tahoma; font-size: 135%; color: #b7bd61;
	text-decoration: none; background: url(/pic/a_examples_bg.gif) no-repeat 0 0}
#welcomewrapper {padding-left: 0px;}
#midlinks {padding-left: 66px; height: 96px;}
#midlinks a {float: left; margin-right: 106px; font-family: "Arial Narrow", Arial, Tahoma; font-size: 185%; font-weight: bold}
#midlinks a.last {margin: 0}

#bw_head {float: right; padding-top: 84px; margin: 37px 27px 0 0; background: url(/pic/bw_top_bg.gif) no-repeat 24px 0}
#colors_head {float: right; padding-top: 77px; margin: 44px 49px 0 0; background: url(/pic/colors_top_bg.gif) no-repeat 3px 0}
#vip_head {float: right; width: 64px; text-align: center; padding: 83px 3px 0 0; margin: 38px 47px 0 0; background: url(/pic/vip_top_bg.gif) no-repeat 0 0}

div.mid_cards {float: left; width: 100%; padding: 11px 0 24px 0;}
div.mid_cards div.line {float: left; width: 100%; padding-bottom: 24px}
div.mid_cards div.left {float: left; padding-right: 12px}
div.mid_cards div.right {float: right}
div.mid_cards ul.navigation {float: left; padding-top: 40px}
div.mid_cards ul.navigation li {float: left; padding-right: 6px}
div.mid_cards ul.navigation a {float: left; width: 21px; height: 21px; padding: 8px 0 0 1px; color: #482e11; text-align: center;
	background: #d1b36c url(/pic/mid_cards_nav.gif) no-repeat 0 0}
div.mid_cards ul.navigation a.hover {font-weight: bold; text-decoration: none; background: #f0e5d4 url(/pic/mid_cards_nav_h.gif) no-repeat 0 0}

div.bw_card {width: 221px; height: 165px; background: url(/pic/bw_card.png) no-repeat 0 0}
*html div.bw_card {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/bw_card.png', sizingMethod='crop')}
a.bw_card {display: block; position: relative; width: 221px; height: 165px; margin-top: -165px}

div.date {float: left; padding: 8px 0 0 25px;}
div.date div {width: 91px; height: 26px; background: url(/pic/date.png) no-repeat 0 0}
*html div.date div{background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/date.png', sizingMethod='crop')}
div.date span {display: block; position: relative; width: 91px; height: 19px; padding-top: 7px; margin-top: -26px; font-size: 85%; color: #edd7a4;
	text-align: center}

div.a_brown {clear: both; width: 132px; height: 29px; background: url(/pic/a_brown.png) no-repeat 0 0}
*html div.a_brown {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/a_brown.png', sizingMethod='crop')}
a.a_brown {display: block; position: relative; width: 132px; height: 22px; padding-top: 7px; margin: -29px 0 18px 0; font-size: 95%; text-align: center}

div.catalog_top {width: 705px; margin: 0 auto; padding-top: 8px; background: url(/pic/th_top_bg.gif) no-repeat 0 0}
div.catalog_top div {color: #ecf1f0; font-weight: bold; text-align: center; height: 28px; padding-top: 5px; background: #472e12 url(/pic/th_bg.gif) repeat-x 0 0}
table.catalog {margin-bottom: 25px; border-collapse: separate; border-spacing: 1px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8}
table.catalog th, table.catalog td {font-size: 95%; text-align: center; vertical-align: middle; background: #30210e}
table.catalog th {color: #f0f68f; padding: 11px 12px 10px 12px}
table.catalog td {color: #fff; padding: 14px 12px 9px 12px}
table.catalog tr.bot td.left {background: #30210e url(/pic/table_bot_left.gif) no-repeat 0 bottom}
table.catalog tr.bot td.right {background: #30210e url(/pic/table_bot_right.gif) no-repeat right bottom}

#content {float: left; width: 707px; font-size: 95%; }

#content div.top      {float: left; width: 707px; padding-top: 8px; margin-bottom: 1px; background: url(/pic/left_block_bg_top.gif) no-repeat 0 0}
#content div.topEmpty {float: left; width: 707px; padding-top: 8px; margin-bottom: 1px; background: url(/pic/left_block_bg_top.gif) no-repeat 0 0}

#content div.top div {float: left; width: 686px; height: 26px; padding: 8px 0 0 21px; background: #30210e}

#content div.bot {float: left; width: 707px; padding-bottom: 8px; background: url(/pic/left_block_bg_bot.gif) no-repeat 0 bottom}

#content_in {float: left; width: 686px; padding: 24px 0 14px 21px; background: #30210e}
#vizitnici div.line {float: left; width: 686px}
#vizitnici div.tovar_block {float: left; width: 343px; padding-bottom: 24px}
#vizitnici a.img_block {float: left; width: 150px; height: 99px; padding-top: 7px; padding-left: 10px; text-align: center; background: url(/pic/vizitnica_bg.gif) no-repeat 0 0}
#vizitnici div.img_block {float: left; width: 150px; height: 99px; padding-top: 7px; padding-left: 1px; text-align: center; background: url(/pic/vizitnica_bg.gif) no-repeat 0 0}
#vizitnici div.img_big_block {display: block; width: 347px; height: 221px; padding-top: 24px; text-align: center; margin-bottom: 15px;
	background: url(/pic/vizitnica_big_bg.gif) no-repeat 0 0}
#vizitnici div.text {margin: 13px 0 0 168px}
#vizitnici a.name {font-size: 105%; font-weight: bold}
#vizitnici span.name {font-size: 170%; font-weight: bold}
#vizitnici small {font-size: 90%}
#vizitnici span.price {font-size: 140%; font-weight: bold; color: #e77d23}
#vizitnici ul.navigation {padding-top: 35px}
#vizitnici ul.navigation li {float: left; padding-right: 6px}
#vizitnici ul.navigation a {float: left; width: 21px; height: 21px; padding: 8px 0 0 1px; color: #482e11; text-align: center;
	background: #d1b36c url(/pic/vizitnici_nav.gif) no-repeat 0 0}
#vizitnici ul.navigation a.hover {font-weight: bold; text-decoration: none; background: #f0e5d4 url(/pic/vizitnici_nav_h.gif) no-repeat 0 0}
#vizitnici div.tovar_one div.left {float: left; padding-bottom: 12px}
#vizitnici div.tovar_one div.text {margin: 8px 20px 0 375px}
#vizitnici div.tovar_one a.img_block {margin-right: 20px; padding-left: 0px;}

#content_right {float: right; width: 216px}
#content_right div.block {float: left; width: 199px; margin-bottom: 20px; background: url(/pic/right_block_bg_top.gif) no-repeat 0 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80}
#content_right div.block_in {float: left; width: 199px; padding: 8px 0; background: url(/pic/right_block_bg_bot.gif) no-repeat 0 bottom}
#content_right div.block_in_in {float: left; width: 168px; padding: 4px 14px 0 17px; font-size: 85%; background: #30210e}

#menu {text-transform: uppercase; float: left; width: 152px; padding-left: 17px; font-size: 95%; padding-bottom: 20px;}
#menu li {float: left; width: 152px; padding-bottom: 1px}
#menu li a {float: left; width: 141px; font-weight: bold; color: #574122; text-decoration: none; padding: 7px 0 8px 11px; border-bottom: #6d522c solid 1px;
	background: #f0f68f url(/pic/menu_a_bg.gif) repeat-x 0 bottom}
#menu li a:hover {color: #fff; background: #472e12 url(/pic/menu_ah_bg.gif) repeat-x 0 0}
#menu li a.hover, #menu li a.hover:hover {color: #574122; background: #fde73a url(/pic/menu_a_h_bg.gif) repeat-x 0 bottom}

#menu li.grey a {background: #fff url(/pic/menu_in_a_bg.gif) repeat-x 0 bottom}
#menu li.grey a:hover, #menu li.grey a.hover {color: #d5b57a; background: #594429 url(/pic/menu_in_a_h_bg.gif) repeat-x 0 0}

div.paper {float: left; width: 146px; height: 189px}
div.paper div {width: 146px; height: 189px; background: url(/pic/paper.png) no-repeat 0 0}
*html div.paper div {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/paper.png', sizingMethod='crop')}
div.paper a {display: block; position: relative; font-size: 95%; width: 124px; height: 22px; padding: 167px 0 0 22px; margin-top: -189px}

#footer_block {clear: both; height: 150px}
#footer_main {position: relative; clear: both; font-size: 0.75em; height: 128px; margin: -128px 0; background: #30210e; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8}
#footer {font-size: 95%; width: 1000px; height: 128px; margin: 0 auto}
#footer div.left {height: 33px; padding: 25px 0 0 75px; margin-left: 83px; background: url(/pic/footer_logo.gif) no-repeat 0 21px}
#footer div.right {float: right; width: 515px; padding-top: 25px}
#footer div.right a {color: #fff}

.overview_block { float: left; width: 220px; padding-bottom: 20px; padding-right: 4px; text-align: center; }
.overview_block * { cursor: pointer; }

.period_block { float: left; text-align: center; display: inline; padding: 10px; }
.contentimg { float: right; padding-top: 0px; padding-right: 0px; padding-left: 5px; padding-bottom: 5px; }

.overview_line { clear: both; width: 100%; }

.page { font-size: 16px; font-weight: bold; }

#cup {float: left; padding: 0 0 15px 29px; width: 125px; height: 167px}
#cup div {width: 125px; height: 167px; background: url(/pic/cup.png) no-repeat 0 0}
*html #cup div {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic/cup.png', sizingMethod='crop')}