﻿@import "reset.css";
@import "base.css";
body{
	background:#7a9b64 url(i/backgrounds/body.png) repeat-x 0 0;
	font-family:Tahoma;
	color:#ffffff;
	font-size:12px;
	}

.bone{
	width:940px;
	margin:0 auto;
	background:url(i/backgrounds/logo.png) no-repeat 0 0;
	padding:0 20px;
	}

/* HEAD */
.head{
	padding:0 0 40px;
	}
.logo{
	margin:0 0 10px;
	float:left;
	padding:24px 0 0 6px;
	}
.contacts{
	float:right;
	border-left:1px solid #a2b993;
	width:486px;
	margin:12px 0 0;
	}
.contacts span{display:block;}
.contacts address{
	float:left;
	font-size:18px;
	padding:8px 0 4px 16px;
	margin:0;
	}
.contacts .fone{
	float:right;
	margin:0;
	font-weight:bold;
	text-align:right;
	padding:8px 0 0;
	}
.contacts .fone span{
	font-size:18px;
	}
.contacts .fone a{
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	}
.contacts .fone a:hover{text-decoration:underline;}



.menu{
	clear:both;
	width:651px;
	height:36px;
	padding:0 30px;
	background:url(i/backgrounds/menu.png) no-repeat 0 0;
	margin:0 0 0 auto;
	text-align:right;
	font-size:12px;
	line-height:34px;
	text-transform:uppercase;
	}
.menu li{
	margin:0;
	list-style:none;
	display:inline;
	padding:0 12px;
	border-left:1px solid #b2780a;
	}
.menu li:first-child,
.menu li.first-child{border-left:none;}
.menu a{
	color:#000000;
	text-decoration:none;
	}
.menu a:hover{text-decoration:underline;}

/* MIDDLE */
.middle{

	}
.content{
	width:714px;
	float:right;
	}
.sidebar{
	width:206px;
	float:left;
	}
h2{
	font-size:18px;
	color:#fedf00;
	margin:0 0 3px 22px;
	font-weight:normal;
	}

.content-item{
	margin:0 0 27px;
        height:295px;
	}
.content-item .item-head{
	height:30px;
	margin:0 0 11px;
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 16px;
	line-height:26px;
	font-weight:bold;
	}
.content-item .item-body{
	padding:0 8px;
	}
.sidebar .content-item .item-head{
	color:#fefefe;
	width:174px;
	font-size:14px;
	background-image:url(i/backgrounds/ttl.s.png);
	}

.company-info{
	height:196px;
	background:url(i/backgrounds/company.png) no-repeat 0 0;
	padding-left:360px;
	margin:0 0 27px;
	}
.company-info h1{
	font-size:20px;
	color:#fedf00;
	font-weight:normal;
	margin:0;
	height:76px;
	padding-top:16px;
	}
.company-info h1 span{
	font-size:24px;
	text-transform:uppercase;
	display:block;
	}
.company-info p{
	height:82px;
	background:url(i/backgrounds/company.p.png) no-repeat 0 0;
	margin:0;
	color:#f5f5f5;
	padding:22px 24px 0;
	}

.photo-list{
	margin:0 0 -9px;
	text-align:center;
	}
.photo-list li{
	margin:0 0 9px;
	list-style:none;
	}
img.photo{
	border:5px solid #e2c400;
	}

.category-list{
	margin:0;
	overflow:hidden;
	width:100%;
	}
.category-list ul{
	margin:0;
	width:730px;
	}
.category-list li{
	width:226px;
	margin:0 14px 27px 0;
	list-style:none;
	float:left;
	}
.category-list .content-item .item-head{
	color:#d7e8fd;
	width:194px;
	font-size:18px;
	font-weight:normal;
	}
.category-list .type-1 .item-head{background-color:#951c04;background-image:url(i/backgrounds/ttl.t1.png);}
.category-list .type-2 .item-head{background-color:#9edd36;background-image:url(i/backgrounds/ttl.t2.png);}
.category-list .type-3 .item-head{background-color:#e2c400;background-image:url(i/backgrounds/ttl.t3.png);}
.category-list .type-1 img.photo{border-color:#951c04;}
.category-list .type-2 img.photo{border-color:#9edd36;}
.category-list .type-3 img.photo{border-color:#e2c400;}
.category-list .item-body{
	text-align:center;
	}
.category-list .item-body a{
	text-decoration:none;
	color:#ffac0e;
	font-weight:bold;
	}
.category-list .item-body a span{
	text-decoration:underline;
	display:block;
	margin-top:10px;
	}
.category-list .item-body a:hover span{
	text-decoration:none;
	}

.category{

	}
.category .product-list{

	}
.category .product-list .row_h{
	background:url(i/backgrounds/dot.png) repeat-x 0 0;
	padding:22px 27px;
	}
.category .product-list .row{
	background:url(i/backgrounds/line.v.png) repeat-y 312px 0;
	}
.category .product-list .product-item{
	width:320px;
	float:right;
	}
.category .product-list .row .product-item:first-child,
.category .product-list .row .first-child{
	float:left;
	}
.category .product-list .photo-wrp{
	width:136px;
	float:left;
	}
.category .product-list .photo{
	border-color:#394419;
	}
.category .product-list ul{
	margin:22px 0 0;
	}
.category .product-list li{
	margin:0;
	list-style:none;
	font-size:14px;
	}
.category .product-list li span{
	color:#394419;
	}

.contact-info{
	background:url(i/backgrounds/dot.png) repeat-x 0 0;
	padding:20px 22px 0;
	}
.contact-info dl{
	margin:0 0 22px;
	font-size:14px;
	}
.contact-info dt{
	color:#394419;
	font-weight:bold;
	margin:0 0 6px;
	}
.contact-info dd{
	margin:0 0 2px;
	}
.contact-info .map{
	float:right;
	}
.contact-info .map img{
	border:5px solid #394419;
	}
.contact-info dd strong{
	font-size:24px;
	font-weight:normal;
	}
.contact-info .mail dt,
.contact-info .mail dd{
	display:inline;
	}
.contact-info  .mail dd{
	font-weight:bold;
	}
.contact-info a{
	color:#f5f5f5;
	}

.articles{
	background:url(i/backgrounds/dot.png) repeat-x 0 0;
	}
.article-item{
	background:url(i/backgrounds/dot.png) repeat-x 0 100%;
	padding:10px 25px;
	}
.article-item h2{
	margin:0 0 .5em;
	font-size:18px;
	color:#fedf00;
	}
.article-item h2 a{
	color:#fedf00;
	text-decoration:none;
	}
.article-item h2 a:hover{
	text-decoration:underline;
	}
.article-item .more{
	text-align:right;
	}
.article-item .more a{
	display:inline-block;
	width:98px;
	height:22px;
	background:url(i/backgrounds/more.png) no-repeat;
	text-align:center;
	line-height:19px;
	color:#ffffff;
	text-decoration:none;
	}

.faq{
	background:url(i/backgrounds/dot.png) repeat-x 0 0;
	margin:0;
	}
.faq li{
	background:url(i/backgrounds/dot.png) repeat-x 0 100%;
	padding:12px 25px 14px;
	list-style:none;
	margin:0;
	}
.faq  .question{
	margin:0 0 1.1em;
	}
.faq  .question h4{
	margin:0 0 .2em;
	color:#fedf00;
	font-size:12px;
	font-weight:bold;
	}
.faq  p{
	margin:.2em 0 0;
	}
.faq  .answer p{
	font-weight:bold;
	display:none;
	}
.faq  .answer h5 a{
	color:#fedf00;
	}
.faq  .active h5 a{
	color:#394419;
	}
.faq  .active p{
	display:block;
	}

/* sidebar */
.sale{
	color:#fedf00;
	font-size:14px;
	height:156px;
	}
.sale a{
	color:#fedf00;
	text-decoration:none;
	}
.sale strong{
/*
	font-size:72px;
	text-align:center;
	display:block;
	font-weight:normal;
	margin:0 0 12px;
*/
display:block;
font-size:54px;
font-weight:normal;
margin:0 0 12px;
text-align:center;

	}
.sale span{
	display:block;
	text-align:justify;
	text-indent:1em;
	text-decoration:underline;
	}
.sale a:hover span{text-decoration:none;}

.navigate{
	margin:0;
	position:relative;
	top:-3px;
	}
.navigate li{
	list-style:none;
	margin:0;
	background:url(i/backgrounds/dot.png) repeat-x 0 100%;
	}
.navigate a{
	color:#fedf00;
	text-decoration:none;
	font-size:14px;
	display:block;
	text-align:right;
	background:url(i/backgrounds/nav.png) no-repeat 12px 50%;
	padding:3px 6px 6px 0;
	}
.navigate a:hover{text-decoration:underline;}
.navigate .active a{
	color:#394419;
	text-decoration:none;
	}

/* FOOTER */
.footer{
	border-top:2px solid #627c50;
	padding:10px 6px 40px;
	}
.footer .copyright{
	margin:0;
	width:129px;
	height:28px;
	background:url(i/backgrounds/footer.png) no-repeat 0 0;
	color:#ffac0e;
	font-size:14px;
	text-transform:uppercase;
	line-height:26px;
	text-align:center;
	}
.footer .copyright span{
	display:inline-block;
	width:12px;
	background:url(i/backgrounds/o.png) no-repeat 0 54%;
	vertical-align:baseline;
	}


/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}