/* basic */
*{padding:0; margin:0}
body{font:normal 12px/18px Arial, Helvetica, sans-serif;color:#333;background:#fff url(../images/bg.gif) repeat-x}
a{text-decoration:none;color:#dda886; font:normal 12px Arial, Helvetica, sans-serif}
a:hover{text-decoration:underline;color:#dda886}
a img{border:0}
.ten{height:10px;clear:both; overflow:hidden}
.five{height:5px;clear:both; overflow:hidden}
.one{height:1px;clear:both; overflow:hidden}
.clear{ clear:both} 
.bold{font-weight:bold}
.orange{ color:#FF6600}
.red{color:#e80c0e}
.gray{color:#666}
.blue{color:#0099ff}
.black{color:#222}
.white{color:#FFF}
.under{ text-decoration:underline}
.right{float:right}
.left{float:left}
.tdleft{ text-align:left}
.tdright{ text-align:right}
.data{font:normal 11px tahoma; color:#999}
.break{ background:#ccc; clear:both; margin:10px 0; width:100%; height:1px}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mr5{margin-right:5px}
.ml5{margin-left:5px}
.p10{padding:10px}
li{margin-left:25px}
h4{font:normal 11pt Arial, Helvetica, sans-serif}

/* form */
input.txt{ background:url(../images/input_bg.gif) repeat-x; border:#999 1px solid;  padding: 5px 4px; color:#777; font:normal 11px tahoma}
input.btn_send{ background:url(../images/btn_send.gif) no-repeat; width:75px; height:27px; cursor:pointer; cursor:hand; border:0}
textarea{ background:url(../images/textarea_bg.gif) repeat-x 0 top; height:130px; width:350px; border:#999 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}

/* linki */
a.btn_more{ background:url(../images/btn_more.gif) no-repeat; width:67px; height:25px; display:block}
a.btn_go-shop{ background:url(../images/btn_product.gif) no-repeat; width:126px; height:29px; display:block}

/* struktura */
#wrapper {margin:0 auto;width:979px; background:url(../images/head.jpg) no-repeat center top}

/* header */
#header {width:979px;float:left; height:120px}
#header .logo{float:left; margin:16px 0 0 0}
#header .go-shop{float:left; margin: 50px 0 0 320px; width:135px;}
#header .contact{float:left; width:145px; color:#c7b299; margin: 20px 0 0 143px}
#header .contact h2{font:normal 12pt Arial, Helvetica, sans-serif; color:#f5eeea; margin: 0 0 5px 0}

/* menu */
#menu{ float:left; width:979px; height:57px; background:url(../images/menu_bg.jpg) no-repeat}
#menu a{display:block; float:left; color:#f5eeea; font:normal 11pt Arial, Helvetica, sans-serif; padding:20px 0 0 0; text-transform:uppercase;text-shadow: 1px 1px 1px #000;}
#menu a:hover, #menu a.selected{ text-decoration:none; color:#fff;background:url(../images/menu_over.gif) no-repeat center top}
#menu .point{ float:left; background:url(../images/menu_point.gif) no-repeat; width:11px; height:11px; margin:22px 10px 0 10px}

/* visual */
#visual {width:979px;float:left}
#visual img{border:#aea097 1px solid}

#visual-sub {
    float:left;
    margin:0 0 10px;
    width:730px;
}
#visual-sub img {
    border:1px solid #AEA097;
}

.shop{ float:left; width:730px; height:262px; background:#fff; margin: 10px 14px 0 0}
.shop .tabs{ float:left; width:100%; background:#fff}
.shop .tab{ float:left; background:url(../images/tab_bg.gif) repeat-x; width:118px; height:28px; text-align:center; padding: 8px 0 0 0; cursor:hand; cursor:pointer; color:#999;font-weight:bold; border:#ccc 1px solid;border-bottom:0;z-index:1; position:relative; margin: 0 2px 0 0}
.shop .tab a{color:#333333;display:block;width:100%;height:100%}
.shop .tab_selected a{font-weight:bold;color:#333333;}
.shop .tab_selected{ float:left; background:#fff; width:118px; height:28px; text-align:center; padding: 8px 0 0 0; cursor:hand; cursor:pointer; font-weight:bold;border:#ccc 1px solid; border-bottom:0;z-index:1; position:relative; margin: 0 2px 0 0}
.shop .cont{border:#ccc 1px solid; width:706px; height:205px; float:left; margin: -1px 0 0 0; z-index:0; position:relative;overflow:hidden}
.shop .cont .prod{ float:left; text-align:center; margin: 2px 5px 0 5px;width:165px}
.shop .cont .prod a{color:#222; font-weight:bold; text-decoration:underline;white-space:normal}
.shop .cont .prod a:hover{ text-decoration:none}
.shop .cont .prod .photo{ width:160px; height:160px; background:#fff; border:#ccc 1px solid; margin: 0 0 5px 0}
.shop .cont .prod .photo table{ width:100%; height:100%}
.shop .cont .prod .photo table td{ vertical-align:middle; text-align:center}

.newsletter{ background:url(../images/newsletter.gif) no-repeat; width:205px; height:194px; float:left; padding:66px 10px 0 20px}

.box{float:left; width:238px; height:191px; margin: 0 6px 0 0}
.box .head{ background:url(../images/offer_head.gif) no-repeat; width:230px; height:26px; color:#ede4d9; text-transform:uppercase; font:normal 10pt Arial, Helvetica, sans-serif; padding:10px 0 0 8px}
.box img{border:#532a1b 1px solid; border-top:0}

/* leftcolumn */
#leftcolumn{ float:left; width:245px}
#leftcolumn  .head{color:#f5eeea; background:url(../images/sub_head.gif) no-repeat; width:210px; height:35px; font:normal 12pt Arial, Helvetica, sans-serif; float:left; padding:14px 0 0 16px}
#leftcolumn .submenu { background:url(../images/sub_bg.gif) no-repeat; width:224px; float:left; margin: 0 0 10px 0; border:#231008 1px solid; border-top:0}
#leftcolumn .submenu a{ display:block; background:url(../images/arrow_sub.gif) no-repeat left center; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding: 3px 0 3px 17px; margin: 0 0 0 10px}
#leftcolumn .submenu a:hover, #leftcolumn .submenu a.selected{ text-decoration:underline}
#leftcolumn .submenu .hr{ background:url(../images/hr.gif) repeat-x; clear:both; margin:5px 0; width:100%; height:2px}

/* rightcolumn */
#rightcolumn{ float:left; width:730px}
#rightcolumn a{color:#75300b}
#rightcolumn table td{ vertical-align:top}
#rightcolumn h1{font:normal 13pt Arial, Helvetica, sans-serif;color:#333; background:url(../images/hr_long.gif) repeat-x left bottom; margin: 0 0 8px 0; padding:0 0 8px 0}

#rightcolumn .product{ float:left; width:625px; margin: 0 0 10px 0}
#rightcolumn .product .prod-img{float:left; width:225px; height:150px; border:#ccc 1px solid; background:#fff; margin: 0 5px 0 0}
#rightcolumn .product .prod-img table{ width:100%; height:100%}
#rightcolumn .product .prod-img table td{ text-align:center; vertical-align:middle}
#rightcolumn .product .prod-cont{float:left; width:385px}
#rightcolumn .product .prod-cont h2{margin: 0 0 6px 0}
#rightcolumn .product .prod-cont h2 a{color:#492413; font:normal 12pt Arial, Helvetica, sans-serif;}



/* footer */
#footer{float:left; background:url(../images/foot.gif) repeat-x; height:280px; width:100%; margin: 20px 0 0 0}
#footer .foot-content{margin: 0 auto; width:978px; height:260px; background:url(../images/foot_bg.jpg) no-repeat center top; padding: 20px 115px 0 115px; color:#c7b299}
#footer .foot-content h4{font:normal 11pt Arial, Helvetica, sans-serif; color:#f5eeea;text-shadow: 1px 1px 1px #000; margin: 0 0 5px 0}
#footer .contact{float:left; width:350px; height:230px}
#footer .offer{float:left; width:280px; height:230px;margin: 0 45px 0 0}
#footer .offer a{ display:block; font:bold 12px/20px Arial; text-decoration:underline; background:url(../images/arrow_foot.gif) no-repeat left center; padding: 0 0 0 16px}
#footer .offer a:hover{ text-decoration:none}
#footer .about_us{ float:left; width:300px; height:230px}
#footer .copyright{float:left; font:normal 11px tahoma}
#footer .menu-foot{float:right}
#footer .menu-foot a{font:normal 11px tahoma; color:#ede4d9}