/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { background: #1f1b13; }
body { color: #f5d7b7; background: #362a13 url(/image/bg-body.gif) repeat-x 0 0; font: normal 11px/14px Verdana, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #5e5e5e; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }


#wrapper:after, #news-mod ul .item:after, .rekordBox:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 990px; margin: 0 auto; }

/* top */
#top { position: relative; height: 181px; margin: 0 0 -30px; padding: 10px 0 0; background: url(/image/bg-top.png) no-repeat 0 0; z-index: 1; }
#top #logo { float: left; margin: 10px 25px 5px; }
#top #lang-mod { height: 50px; float: right; padding: 50px 115px 0 0; }
#top #lang-mod li { width: 28px; float: left; padding: 2px 6px; }
#top #lang-mod li.act { background: url(/image/bg-lang-act.png) no-repeat 0 0; }
#top #nav { width: 950px; height: 50px; float: left; margin: 0 0 -25px; padding: 0 20px; }
#top #nav li { height: 25px; line-height: 25px; float: left; padding: 0 0 0 20px; background: url(/image/nav-item.png) no-repeat 0 0; }
#top #nav li a { height: 25px; line-height: 25px; float: left; padding: 0 20px 0 0; color: #1f1b13; background: url(/image/nav-item-child.png) no-repeat 100% 0; font-size: 12px; font-weight: bold; text-decoration: none; }
#top #nav li.act,
#top #nav li:hover { background-position: 0 -25px; }
#top #nav li.act a,
#top #nav li:hover a { background-position: 100% 100%; }

/* wrapper */
#wrapper { min-height: 450px; clear: both; padding: 10px 10px 5px; border: solid #c8b361; border-width: 0 2px; background: #1f1b13; font-size: 10px; }
#breadcrumbs { position: relative; height: 25px; margin: -25px 0 0; padding: 0 5px; z-index: 2; }
#breadcrumbs li { float: left; padding: 0 5px 0 10px; color: #afafaf; background: url(/image/icon-raquo.png) no-repeat 0 50%; }
#breadcrumbs li:first-child { background: none; }
#breadcrumbs li a { color: #fff; }

.col-1-lay #content {  }
.col-2-lay #content { width: 751px; float: right; }

/* content */
#content { position: relative; z-index: 2;  }
#content a { color: #f3c14d; }
#content p { margin: 0 0 1em; }
#content #content-box,
.size1 #content-box { line-height: 130%; font-size: 12px; }
.size2 #content-box { font-size: 13px; }
.size3 #content-box { font-size: 14px; }


#welcome-mod { width: 460px; height: 181px; float: left; margin: 0 0 20px; padding: 10px; color: #fff; background: url(/image/bg-welcome-mod.jpg) no-repeat 0 0; overflow: hidden; }
#welcome-mod h2 { margin: 0 0 10px; line-height: 26px;font-size: 18px; }
#welcome-mod h2 em { display: block; padding: 0 0 0 90px; font-size: 26px;  }

#random-photo { float: right; margin: 0 0 20px; }
#random-photo img { display: block; }
#photo-mod { float: left; margin: 0 0 20px; }

.header1 { margin: 0 0 10px; padding: 0 10px 5px; border-bottom: 1px solid #6e6151; color: #ffd16a; font-size: 12px; font-weight: bold; }

#news-mod { width: 470px; float: right; padding: 0 5px; background: url(/image/bg-news-mod.png) no-repeat 0 27px; }
#news-mod h3.h { height: 28px; float: left; padding: 0 10px; color: #fff; font-size: 18px; }
#news-mod .m { width: 108px; height: 17px; line-height: 17px; float: right; margin: 10px 10px 0; color: #f5d66c; background: url(/image/bg-news-mod-m.png) no-repeat 0 0; text-align: center; }
#news-mod ul { clear: both; padding: 5px 0 0; }
#news-mod ul .item { padding: 0 5px 15px; color: #fff; }
#news-mod ul .item .d { display: block; height: 22px; line-height: 22px; margin: 0 -5px; padding: 0 9px; color: #8d8d8d; background: url(/image/bg-date.png) no-repeat 0 0; font-size: 9px; }
#news-mod ul .item h4.h { margin: 9px 0; padding: 0 0 0 20px; color: #fde580; background: url(/image/icon-kolo-2.png) no-repeat 0 50%; font-size: 12px; font-weight: bold; }
#news-mod ul .item h4.h a { display: block; line-height: 14px; color: #fde580; font-weight: bold; }
#news-mod ul .item .img { float: left; margin: 0 7px 7px 0; }
#news-mod ul .item .m { display: inline; float: none; margin: 0; padding: 0; color: #eecb62; background: none; text-decoration: underline; }
#news-mod .empty-base {  clear:both;  }

.rekordBox { padding: 0 15px 15px; color: #fff; }
.rekordBox h2 { margin: 9px 0; padding: 0 0 0 20px; color: #fde580; background: url(/image/icon-kolo-2.png) no-repeat 0 50%; font-size: 12px; font-weight: bold; }
.rekordBox h2 a { display: block; line-height: 14px; color: #fde580; font-weight: bold; }
.rekordBox .img { float: left; margin: 0 7px 7px 0; }
.rekordBox .nav { position: relative; display: block; height: 22px; line-height: 22px; clear: both; margin: 0 -5px 10px; padding: 10px 9px 0; color: #8d8d8d; background: url(/image/bg-bar.png) no-repeat 0 10px; font-size: 9px; text-align: right; }
.rekordBox .nav a { float: left; }
.rekordBox .nav span { position: absolute; left: 109px; bottom: 36px; }

#prod-mod { padding: 5px 0 0; background: url(/image/bg-prod-mod.png) no-repeat 0 0; }
#prod-mod .i { padding: 5px 10px 10px; background: url(/image/bg-prod-mod-child.png) no-repeat 0 100%; overflow: hidden; }
#prod-mod #prod-desc { width: 422px; float: left; }
#prod-mod h2.h { margin: 0 0 10px; padding: 0 10px 5px; border-bottom: 1px solid #6e6151; color: #ffd16a; font-size: 12px; font-weight: bold; }
#prod-mod #prod-desc p { padding: 0 10px; }
#prod-mod #prod-desc .feature-mod { margin: 0 0 10px; }
#prod-mod #prod-desc .feature-mod h4.h { line-height: 22px; padding: 0 8px; color: #ffd16a; background: #6e6151; font-size: 12px; }

#prod-mod #prod-desc .feature-mod ul .item { border-bottom: 1px solid #0d0b07; background: #1f1b13; overflow: hidden; }
#prod-mod #prod-desc .feature-mod ul .item-header { border-bottom: 1px solid #0d0b07; background: #4a3e27 !important; }
#prod-mod #prod-desc .feature-mod ul .item .n { width: 288px; float: left; margin: 0 -1px 0 0; padding: 4px 0 4px 10px; border-right: 1px solid #0d0b07; }
#prod-mod #prod-desc .feature-mod ul .item-header .n { width: 100%; border-right: none !important; }
#prod-mod #prod-desc .feature-mod ul .item-header .v { font-weight: bold !important; }

#prod-mod #prod-desc .feature-mod ul .item .e { width: 82px; float: left; margin: 0 0 0 0; padding: 4px 10px 0 10px; border-left: 1px solid #0d0b07; }
#prod-mod #prod-desc .feature-mod ul .item .e p { margin-bottom: 0; }
#prod-mod #prod-desc .feature-mod ul .item .v { display: block; }
#prod-mod #prod-desc .feature-mod ul .item .v a { color: #b29d87; }
#prod-mod #prod-desc .feature-mod ul .item .d { color: #6a5948; }

#prod-mod #prod-img { width: 285px; float: right; }
#prod-mod #prod-img img { display: block; }
#prod-mod #prod-img .gal-mod { padding: 9px 0; overflow: hidden; }
#prod-mod #prod-img .gal-mod li { float: left; margin: 0 0 9px 9px; }
#prod-mod #prod-img .gal-mod li:first-child { margin-left: 0; }
#prod-mod #prod-img #price { height: 2em; color: #ffd16a; font-size: 12px; text-align: right; }
#prod-mod #prod-img #price strong { position: relative; top: 6px; font-size: 22px; font-weight: bold; }

.btn-order { display: block; width: 180px; height: 28px; line-height: 28px; margin: 1em auto; /* #0d0b07 */ 
  color: #1f1b13 !important; background: url(/image/bg-btn-order.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-align: center }


#kat-list { width: 970px; margin: 0 0 0 -4px; padding: 0 0 15px; overflow: hidden; }
#kat-list li { width: 480px; float: left; margin: 0 0 0 5px; }
#kat-list li h3.h { line-height: 2em; color: #fff; font-size: 18px; }
#kat-list li h3.h a { color: #fff; font-style: italic; }
#kat-list li .i { display: block; position: relative; width: 480px; height: 200px; overflow: hidden; }
#kat-list li .i img { display: block; }
#kat-list li .i span { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url(/image/bg-border.png) no-repeat 0 0; }


.prod-list { width: 958px; margin: 10px 0 20px; padding: 10px 0 0; background: url(/image/bg-prod-list.png) no-repeat 0 0;}
.prod-list .h { margin: 0 10px; padding: 0 13px 12px; border-bottom: 1px solid #666259; color: #ffcd66; font-size: 12px; font-weight: bold; }
.prod-list .h a { color: #ffcd66; font-size: 12px; font-weight: bold; }
.prod-list ul { width: 920px; margin: 0 auto; padding: 5px 19px; background: url(/image/bg-prod-list-child.png) no-repeat 0 100%; overflow: hidden;  }
.prod-list ul li { height: 159px; float: left; margin: 18px; overflow: hidden; text-align: center; } /* h: 129 */
.prod-list ul li span { margin: 5px 0 0 0; display: block; text-align: center; }
.prod-list ul li span a{ color: #ffcd66; font-size: 12px; font-weight: bold; }

.prod-list2 ul { padding-top: 10px; }
.prod-list2 ul li, .graphic-header { width: 704px; float: none; text-align: left; }

.prod-list3 ul { width: 958px; padding: 5px 0;text-align: center; }
.prod-list3 ul li { width: 100%; height: auto; margin: 0; padding: 0; }
.prod-list3 ul ul { background: none; }
.prod-list3 ul ul li { width: auto; padding: 10px; }


#content .bar-item { height: 25px; line-height: 25px; margin: 0 auto 8px; background: url(/image/bg-bar-1.png) no-repeat 100% 0; }
#content .bar-item span { display: block; height: 25px; line-height: 25px; margin: 0; padding: 0 27px; background: url(/image/bg-bar-1-child.png) no-repeat 0 0; text-align: left; }
#content .bar-item span,
#content .bar-item span a { color: #1f1b13; font-size: 11px; font-weight: normal; }

.pagination {  }
.pagination ul { float: right; margin: 0 1px; }
.pagination ul li { width: 28px; height: 19px; line-height: 19px; float: left; color: #1f1b13; }
.pagination ul li a { width: 28px; height: 19px; line-height: 19px; float: left; color: #1f1b13; background: url(/image/bg-pag-item.png) no-repeat 0 0; text-align: center; text-decoration: none; }
.pagination ul li.item-act a,
.pagination ul li a:hover { color: #fff; background-position: 0 100%; font-weight: bold; }
.pagination ul li.item-prev a,
.pagination ul li.item-next a { height: 16px; padding: 3px 0 0; background: none; }

#next-prev-rate { width: 370px; height: 28px; margin: 0 auto; }
#next-prev-rate .btn-order { float: right; }
#next-prev-rate .btn-order:first-child { float: left; }

/* side-bar-0 */
#side-bar-0 { position: relative; width: 207px; float: left; z-index: 2; }
#side-bar-0 .menu { width: 207px; margin: 0 0 0 -5px; }
#side-bar-0 .menu ul { padding: 0; margin:0; }
#side-bar-0 .menu li { display: block; list-style: none; }
#side-bar-0 .menu li span { display: block; margin: 0 0 1px; padding: 0 0 5px; background: url(/image/bg-menu-item-2.png) no-repeat 0 100%; cursor: pointer }
#side-bar-0 .menu li a { display: block; padding: 4px 10px 2px 25px; color: #1f1b13; background: url(/image/bg-menu-item-child-2.png) no-repeat 0 0; text-decoration: none; }

#side-bar-0 .menu li span:hover { background-position: 100% 100%; } 
#side-bar-0 .menu li span:hover a { background-position: 0 -200px; } /*color: #ffeca4;*/ 
#side-bar-0 .menu li.spec>span { background: url(/image/bg-menu-item.png) no-repeat 100% 100% }
#side-bar-0 .menu li.spec>span a { font-weight: bold; color: black; background: url(/image/bg-menu-item-child.png) no-repeat 0 -200px }
#side-bar-0 .menu li.act>span { background: url(/image/bg-menu-item-3.png) no-repeat 100% 100% }
#side-bar-0 .menu li.act>span a { color: #1f1b13; background: url(/image/bg-menu-item-child-3.png) no-repeat 0 -200px }



/* footer */
#footer { height: 120px; color: #bca561; background: url(/image/bg-footer.png) repeat-x 0 100%; }
#footer .f { width: 990px; margin: 0 auto; padding: 20px 0 0; background: url(/image/bg-footer-child.gif) no-repeat 0 0; }
#footer ul { height: 42px; text-align: center; }
#footer ul li { display: inline; padding: 0 5px 0 15px; background: url(/image/icon-kolo.png) no-repeat 0 50%; }
#footer ul li:first-child { background: none; }
#footer ul li a { color: #afafaf; }

#footer #copy { float: left; }
#footer #legal-note { float: right; text-align: right; }
#footer #legal-note span { display: block; }
 
.rate-box ul li  { font-size: 13px !important;  }
.rate-list li { margin: 0 0 10px 0 ; }