@charset "utf-8";
#container {
	background:url(../images/bg-container.png) repeat-y;
	width:900px;
	margin:0 auto;
	padding:0 7px;
}
.side {
	width:188px;
	text-align:left;
}
#catalo {
	margin-top:5px;
	background:#cae394;
	padding-bottom:10px;
	padding-right:0;
	width:188px
}
#catalo .title {
	background:url(../images/bg-cata1.png) left no-repeat;
	padding-left:35px;
}
#catalo .title div {
	background:url(../images/bg-cata3.png) right no-repeat;
	padding-right:3px;
}
#catalo .title div div {
	background:url(../images/bg-cata2.png) repeat-x;
	height:29px;
	color:#117011;
	font-weight:bold;
	padding:10px 0 0 5px;
}
.sub-catalo .sub-title {
	background:#b1cd75 url(../images/bg-sub-cata.png) center no-repeat;
	height:25px;
	padding:10px 0 0 10px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}
.sub-catalo ul li {
	background:url(../images/ico-plus.png) left top no-repeat;
	list-style:none;
	display:block;
	margin:4px 0;
	padding:0 5px 0 20px;
}
.sub-catalo ul li a {
	text-decoration:none;
	color:#4c4c4c;
	font-weight:bold;
}
.sub-catalo ul li a:hover {
	text-decoration:underline;
	color:#4c4c4c;
	font-weight:bold;
}
.sub-catalo a {
	text-decoration:underline;
	color:#FFF;
}
.sub-catalo a:hover {
	text-decoration:none;
	color:#FFF;
}
#counter {
	background:url(../images/bg-counter.png) repeat-x;
	height:97px;
	padding-top:10px;
}
.bg-counter-title {
	background:url(../images/bg-counter1.png) left no-repeat;
	padding-left:11px;
	width:150px;
	margin:0 auto;
}
.bg-counter-title div {
	background:url(../images/bg-counter3.png) right no-repeat;
	padding-right:9px;
}
.bg-counter-title div div {
	background:url(../images/bg-counter2.png) repeat-x;
	height:22px;
	padding:10px 0 0 20px;
	color:#FFF;
	font-weight:bold;
}
.num-counter {
	margin:15px 0 0 7px;
}
.num-counter img {
	margin:0 0 0 -2px;
	float:left;
}
.counter-title {
	margin:18px 0 20px 25px;
	font-weight:bold;
	color:#FFF;
}

#center {
	width:524px;
	float:left;
}
.banner {
	position:relative;
        height: 207px;
}
.text {
        position:absolute;
	top:10px;
        left:10px;
}
#menu {
	height:54px;
	background:url(../images/left-shadow.png) left bottom no-repeat;
}
#menu div {
	height:54px;
	background:url(../images/right-shadow.png) right bottom no-repeat;
}
#menu div div {
	background:url(../images/bg-mnu1.png) left top no-repeat;
	padding-left:1px;
}
#menu div div div {
	background:url(../images/bg-mnu3.png) right top no-repeat;
	padding-right:3px;
}
#menu div div div div {
	background:url(../images/bg-mnu2.png) top repeat-x;
	height:38px;
}
#menu div div div div ul li {
	list-style:none;
	float:left;
	display:block;
	text-transform:uppercase;
	background:url(../images/bg-mnu4.png) left no-repeat;
	height:28px;
	padding:10px 12px 0 12px;
}
#menu div div div div ul li:first-child {
	background:none;
}
#slogan {
	background:url(../images/bg-slogan.png) center bottom no-repeat;
	/*height:226px;*/
        height:169px;
}
.line {
	height:2px;
	background:#cbe19c;
	margin:5px 0;
}
.slogan-text {
	font-size:18px;
	font-style:italic;
	color:#FFF;
	line-height:20px;
}
.report {
	margin:20px 0 0 20px;
	color:#FFF;
	font-size:12px;
	width:230px;
	float:left;
}
#content {
	background:#fcfff4;
	padding-bottom:15px;
	min-height:500px;
}
.bar {
	background:url(../images/bg-title1.png) left no-repeat;
        padding-left:25px;
}
.bar div {
	background:url(../images/bg-title3.png) right no-repeat;
	padding-right:3px;
}
.bar div div {
	background:url(../images/bg-title2.png) repeat-x;
	height:22px;
	text-align:left;
	padding:7px 0 0 10px;
	color:#4c730e;
	font-weight:bold;
        text-transform: uppercase;
}
#content .prod {
	background:url(../images/bg-prod1.png) left no-repeat;
	padding-left:20px;
	height:236px;
	margin:10px 0 0 17px;
	float:left;
}
#content .prod .bg-prod {
	background:url(../images/bg-prod2.png) right no-repeat;
	padding-right:20px;
	height:236px;
	width:110px;
}
.name-prod {
	color:#344c00;
	font-weight:bold;
	text-align:left;
	height:30px;
	background:none;
	padding-top:3px;
        overflow: hidden;
}
.img-prod img {
	border:solid 1px #d8d8d8;
	width:100px;
	height:100px;
	margin-top:5px;
}
.info-prod {
	color:#2d2d2d;
	height:70px;
	margin-top:3px;
        overflow: hidden;
}
ul.yiiPager {
	display: block;
        margin: 0 auto;
        margin-top:20px;
}
.yiiPager li {
	background:#87b327;
	padding:3px 6px;
	color:#fff;
	border:solid 1px #75a117;
}
.yiiPager li a {
    border: none !important;
}
.yiiPager li:hover,  .yiiPager li.selected {
	background:#4c4c4c;
	padding:3px 6px;
	color:#fff;
}
.yiiPager li a, .yiiPager li.seleted a {
    background:none !important;
    color:#fff !important;
}
.page-number{
    display: none;
}
.price-prod {
	color:#F30;
	font-weight:bold;
}
.new {
	width:178px;
}
.new-odd {
	background:#d7ecaa url(../images/conner.jpg) left top no-repeat;
	padding:5px;
}
.new-even {
	background:#bed983 url(../images/conner2.jpg) left top no-repeat;
	padding:5px;
}
.new-title {
	color:#527110;
	padding:3px 0 0 35px;
}
.new ul {
	margin-top:5px;
}
.new ul li {
	display:block;
	list-style:none;
	background:url(../images/ico-arrow.png) left top no-repeat;
	padding-left:22px;
	margin-top:5px;
}
.news-title {
	background:#5d9dc5;
	height:20px;
	color:#FFF;
	font-weight:bold;
	padding:5px 0 0 10px;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
}
#footer {
	background:url(../images/bg-footer.png) top repeat-x;
	margin-top:10px;
	padding-bottom:10px;
}
#footer ul {
	margin:0 auto;
}
#footer ul li {
	display:inline-block;
	list-style:none;
	text-transform:uppercase;
	padding:10px 30px 0;
	background:url(../images/line-footer.png) left 13px no-repeat;
}
#footer ul li:first-child {
	background:none;
}
#footer ul li a {
	text-decoration:none;
	color:#FFF;
}
#footer ul li a:hover {
	text-decoration:underline;
	color:#FFF;
}
.info-footer {
	margin:20px 0 0 30px;
	font-weight:bold;
	line-height:15px;	
}
.margin-top {
	margin-top:3px;
}
.margin-bottom {
	margin-bottom:3px;
}
.margin-right {
	margin-right:3px;
}
.margin-left {
	margin-left:3px;
}
.padding {
	padding:5px;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.align-right {
	text-align:right;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.upper {
	text-transform:uppercase;
}
.font12 {
	font-size:12px;
}
hr.line {
	border-top:solid 1px #89c955;
	border-bottom:none;
	margin:5px 0;
}
img.img-border {
	border:solid 1px #a8a8a8;	
}
img.img-border2 {
	border:solid 5px #fff;	
}
.bor {
	border:solid 1px #b3b3b3;
}
.blue {
	color:#2E77C9
}
.yellow {
	background:#EBDD78;
	color:#155DCE;
}
.red {
	color:#b94912;
}
.white {
	color:#FFF;
}
.bg-white {
	background:#FFF;
}
.gray {
	color:#b2b2b2;
}
.bg-gray {
	background:#fbfbfb;
}
.black {
	color:#4e4e4e;
}
.bg-black {
	background:#4e4e4e;
}
.clr {
	clear:both;
	height:1px !important;
	line-height:1px !important;
	display:block;
}