@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form {margin: 0px; padding: 0px;} html {height: 100%; font-size: 62.5%;} body {font: normal 12px Arial,Helvetica,sans-serif; color: #787877; background: #e4b778 url(../images/bg.jpg) center top; min-width: 1000px; position: relative; height: 100%; } img {border: none;} a {cursor: pointer; text-decoration: underline;} a:hover {text-decoration: none;} p {padding-bottom: 15px;} p small {font-size: 1em;} h1, h2, h3, h4, h5, h6 {font: bold 18px 'Times New Roman', Times, serif; color: #89370a; padding-bottom: 15px;} h1 {font-size: 24px;} h3 {font-size: 14px;} h4 {font-size: 13px;} h5 {font-size: 12px;} h6 {font-size: 11px;} input[type='submit'], input[type='button'] {cursor: pointer;} ul, ol { padding-left: 30px; } ul li {list-style: disc outside;} .set {height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .fl {float: left;} .fr {float: right;} .rel {position: relative;} #wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; width: 100%; max-width: 1002px; margin: 0 auto; } #footer { position: relative; height: 50px; margin: -50px auto 0; width: 940px; } .f { width: 100%; border-collapse: collapse; border: none; line-height: 17px; color: #462901; } .f a { color: #462901; } .f tbody { border: none; } .f td { vertical-align: top; } .f-1 { text-align: left; } .f-2 { text-align: right; } .page-T { background: url(../images/all-T.png) 0 0 no-repeat; padding-bottom: 60px; } .page-B { background: url(../images/all-B.png) 0 100% no-repeat; padding: 14px 0 21px; } .page-BG { background: url(../images/all-BG.png) repeat-y; padding: 0 12px; } .header { position: relative; float: left; width: 100%; margin-top: -8px; } .h-l { width: 202px; float: left; padding: 0 23px; text-align: center; } .logo { margin-bottom: 2px; } .logo a { background: url(../images/logo.png) 0 0 no-repeat; display: block; width: 202px; height: 98px; } .h-title { font-size: 11px; color: #858585; } .h-r { float: right; width: 204px; padding: 13px 33px 0 17px; } .h202 { color: #531e00; padding-bottom: 4px; border-bottom: dotted 1px #cfcfcf; margin-bottom: 5px; } .h202 span { color: #3a3a39; } .tel { font-size: 20px; line-height: 26px; color: #c40202; margin-bottom: 2px; } .tel small { font-size: 14px; color: #808080; } .grafik, .mail, .icq { font: 11px Tahoma, Geneva, sans-serif; color: #898989; margin-bottom: 5px; } .grafik b { color: #a95137; } .mail a { color: #4a4a4a; } .icq { padding-left: 18px; background: url(../images/icq.jpg) 0 1px no-repeat; } .icq span { color: #4a4a4a; } .h-c { overflow: hidden; } .bg-1 { background: url(../images/bg-1.png) 0 0 no-repeat; height: 15px; font-size: 0px; overflow: hidden; } .head-img { background: url(../images/header.jpg) 0 0 no-repeat; height: 154px; } .m-1 { background: url(../images/m-1.jpg) 0 0 no-repeat; width: 707px; height: 45px; margin-left: 248px; position: relative; } .m-1 ul { padding: 4px 0 0 5px; } .m-1 li { list-style: none; float: left; } .m-1 li a { display: block; color: #ffffff; font-size: 12px; text-decoration: none !important; padding: 8px 23px; background: url(../images/m-1-li-a.jpg) 0 -100px repeat-x; } .m-1 li a:hover, .m-1 li.current a { padding: 7px 22px; background-position: 0 0; border: solid 1px #bc7435; } .search { position: absolute; width: 206px; height: 26px; background: url(../images/search.png) 0 0 no-repeat; top: 6px; right: 11px; } .search input[type='text'] { background: none; border: none; margin: 0; padding: 0 10px; width: 186px; height: 26px; font: 11px/26px Tahoma, Geneva, sans-serif; color: #a95137; } .page { width: 100%; float: none; clear: both; } .cont-1 { width: 100%; float: left; } .cont-2 { padding: 15px 262px 0 248px; } .cont { width: 100%; overflow: hidden; } .nav-1 { float: left; width: 202px; margin-left: -100%; position: relative; left: 22px; margin-top: -50px; } .nav-2 { width: 225px; margin-left: -248px; float: left; position: relative; } .h203 { font-size: 19px; font-weight: normal; color: #89370a; padding: 0 0 9px; text-shadow: 0 3px 3px #d3b8a9; } .h201 { background: url(../images/h201_shadow.png) 0 100% no-repeat; padding-bottom: 7px; margin-bottom: 13px; } .h201 h2 { font-size: 19px; font-weight: normal; color: #89370a; text-shadow: 0 3px 3px #d3b8a9; padding: 5px 12px 4px; background: url(../images/h201.jpg); border: solid 1px #ebcb9d; height: 1%; } .h201 h2 a { text-decoration: none; color: #89370a; } .h201 h2 a:hover { text-decoration: underline; } .products { width: 100%; overflow: hidden; } .products ul { width: 110%; margin-left: -18px; padding: 0; font-size: 0; line-height: 0; letter-spacing: -1px; } .products li { list-style: none; display: inline-block; *display: inline; zoom:1; width: 144px; font: 11px/16px Tahoma, Geneva, sans-serif; letter-spacing: normal; vertical-align: top; margin-left: 18px; margin-bottom: 18px; } .product-link a { display: block; text-decoration: none !important; position: relative; } .product-link a:hover .product-title { text-decoration: underline; } .product-img { display: inline-block; *display: inline; zoom:1; width: 144px; height: 141px; background: url(../images/img-1-BG.png) 0 0 no-repeat; text-align: center; vertical-align: middle; margin-bottom: 5px; } .product-img * { vertical-align: middle; max-width: 140px; max-height: 140px; } .product-img u { display: inline-block; *display: inline; zoom:1; width: 1px; height: 141px; } .product-title { font-weight: bold; color: #a95137; padding: 0 7px 5px; display: block; } .price { padding: 0 6px 6px; margin-bottom: 8px; border-bottom: dotted 1px #9e9e9e; font: bold 15px Arial, Helvetica, sans-serif; color: #c40202; } .price span { font: normal 11px Tahoma, Geneva, sans-serif; color: #563302; } .in_cart { text-align: right; } .in_cart input[type='submit'] { text-indent: -9999px; overflow: hidden; width: 78px; height: 28px; background: url(../images/in_cart.png) 0 0 no-repeat; padding: 0; margin: 0; border: none; } .product-top { display: block; position: absolute; right: 0; top: 0; width: 57px; height: 56px; background: url(../images/top.png) 0 0 no-repeat; } .m-2 { padding: 10px 0 0; margin: 0 0 20px; } .m-2 li { padding: 0; list-style: none; padding-bottom: 1px; background: url(../images/m-2-li-a.jpg) 0 -100px no-repeat; zoom:1; } .m-2 li .m-2-link { background: url(../images/m-2-li.jpg) center; border: solid 1px #eed2aa; } .m-2 li .m-2-link:hover, .m-2 li.current .m-2-link { background: url(../images/m-2-li-a.jpg) center; border: solid 1px #e4b778; } .m-2 li .m-2-link a { display: block; padding: 6px 6px 4px 18px; background: url(../images/bl-2.png) 6px 10px no-repeat; font-size: 13px; color: #6f4101; text-decoration: none !important; } /*.m-2 li .m-2-link:hover a, */.m-2 li.current .m-2-link a { background: url(../images/bl-1.png) 6px 12px no-repeat; } .m-2 ul { padding: 8px 0 0 20px; } .m-2 ul li { padding-bottom: 5px; font-size: 11px; } .m-2 ul li a { color: #707070; text-decoration: none; } .m-2 ul li a:hover, .m-2 ul li.current a { color: #5c3601; text-decoration: underline; } .banner { text-align: center; margin-bottom: 20px; } .bg-2 { height: 15px; background: url(../images/bg-2.png) center 0 no-repeat; overflow: hidden; font-size: 0; line-height: 0; margin-top: -6px; } .cart { background: url(../images/cart-BG.png); border: solid 2px #e4b778; padding: 6px 7px; } .cart dl { padding: 10px 0 0; overflow: hidden; font: 11px Tahoma, Geneva, sans-serif; color: #5d5d5d; } .cart dt { float: left; width: 41px; } .cart dd { padding: 0 0 7px 41px; margin: -3px 0 3px; } .cart dl a { color: #5d5d5d; } .cart dl b { color: #531e00; } .cart-BG { background: url(../images/banja_slice_30.jpg) 0 100% no-repeat; padding-bottom: 8px; margin-bottom: 20px; } .news-list { padding: 0 10px 10px; font: 11px Tahoma, Geneva, sans-serif; } .news-list .h202 { margin-bottom: 15px; } .news-data { color: #a95137; padding-bottom: 7px; } .news-body { padding-bottom: 20px; color: #777777; } .news-body a { text-decoration: none; color: #777777; } .news-body a:hover { text-decoration: underline; }