* { margin: 0; padding: 0;}
html, body { height: 100%; width: 100%; }
body { color: #333333; font: 12px tahoma, sans-serif; background: #fff url(../images/top.jpg) repeat-x 49% 0;  }
a{ text-decoration: underline; color: #333333; }
a:hover { text-decoration: none; }
h1{ font-size: 18px; position: relative; color: #568855; padding: 10px 0; }
img{ border: none; }
p {padding: 5px 0;}
.all{ margin: 0 auto; width: 980px;}

.container{ width: 100%; }
.clear{ clear: both; height: 0; overflow: hidden; }

/* start header */
.header{ background: url(../images/header.jpg) no-repeat; height: 242px;}
.top {height: 200px;}
a.logo{ float: left; position: relative; top: 54px; left: 10px;}
a.plogo{
position: relative; top: 160px; left: -260px;
color:#405417;
font-weight:bold;
text-decoration:none;
font-size:15px;
}
a.plogo:hover{
  text-decoration: underline;
}


.contact {float: right; width: 223px; height: 139px; background: url(../images/contact.png) no-repeat; position: relative; top: 39px; text-align: center; }
a.email {color: #fff; font-weight: bold; font-size: 14px; position: relative; top: 115px;}
.top-menu{ padding: 0 0 0 10px; list-style: none; height: 25px; }
.top-menu li{ float: left; padding: 10px 15px; background: url(../images/raz.png) no-repeat 100% 0; }
.top-menu li.mlast{ background: none;}
.top-menu .skok{ padding: 10px 15px 10px 165px;}
.top-menu a { text-decoration: none; color: #fff; font-size: 16px; font-weight: bold;}
.top-menu a:hover { text-decoration: underline;}
/* end header */

/* start sidebar-left */
.sidebar-left{ float: left; margin: 0 0 0 -100%; width: 220px; padding: 15px 0 0 0; position: relative; z-index: 10;}
.hze {background: url(../images/hze.gif) no-repeat; height: 37px; font-size: 12px; line-height: 37px; padding: 0 0 0 15px; text-transform: uppercase;}
.zago {background: url(../images/zago.png) no-repeat; height: 23px; font-size: 12px; padding: 27px 0 0 22px; text-transform: uppercase; margin: -10px 0 0 0;}
.zagol {background: url(../images/zagol.png) no-repeat; height: 23px; font-size: 12px; padding: 27px 0 0 15px; text-transform: uppercase; color: #fff; margin: -10px 0 0 0;}
.menu{ padding: 15px 0; list-style: none; }
.menu li{ padding: 6px 0 6px 5px; background: url(../images/line.gif) no-repeat 50% 100%; position: relative;}
.menu a{ text-decoration: none; background: url(../images/arrow1.gif) no-repeat; padding: 0 0 0 20px; display:block; width:185px;}
.menu a:hover,.menu a.act { color: #ff6600; background: url(../images/arrow2.gif) no-repeat;}
.news {list-style: none; padding: 5px 0; font-size: 11px;}
.news li{background: url(../images/line2.gif) no-repeat 50% 100%; padding: 10px;}
.news li span{color: #ff6600; display: block; font-weight: bold;}
.news li span a{color: #ff6600;}
.news li a{text-decoration: none;}
.news li a:hover{text-decoration: underline;}

/* end sidebar-left */

/* start sidebar-right */
.sidebar-right{ float: left; margin: 0 0 0 -222px; width: 222px; position: relative; z-index: 10;}
.basket {background: url(../images/basket.gif) no-repeat 100% 0; position: relative; padding: 0 0 10px 0;}
.hzx{font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: underline; text-align: right; padding: 5px 30px 0 0;}
.kol {font-weight: bold; text-align: right; padding: 30px 30px 0 0; line-height: 24px;}
.kol span{color: #ff6600;}
.zakaz {background: url(../images/zakaz.gif) no-repeat; width: 152px; height: 40px; line-height: 32px; color: #fff; text-decoration: none; display: block;
font-weight: bold; text-align: center; margin: 5px 0 0 50px;}

.hot {background: url(../images/hot.gif) repeat-y; width: 221px; text-align: center; }
.hu {background: url(../images/hu.gif) no-repeat;}
.hd {background: url(../images/hd.gif) no-repeat 0 100%; padding: 10px 0;}
.hotzag {color: #ff6600; font-size: 14px; font-weight: bold; padding: 0 0 10px 0; text-transform: uppercase;}
.hot-pr {list-style: none; text-align: center; height: 100%;}
.hot-pr li{background: url(../images/line3.gif) no-repeat 50% 0;  padding: 20px 0 28px 0;}
.hot-pr strong{font-size: 14px; padding: 5px 0;}
a.podrobno {background: url(../images/podrobno.png) no-repeat; text-align: center; width: 113px; height: 40px; line-height: 32px;
font-weight: bold; display: block; color: #fff; text-decoration: none; position: relative; left: 10px; margin: 5px auto 0 0;}
.price {color: #ff6600; font-size: 16px; font-weight: bold; margin: -35px 0 0 120px; display: block;}

/* end sidebar-right */
/* start content */
.content{ float: left; width: 100%; }
.indention{ padding: 10px 222px; position: relative; z-index: 10;}
.catalog-front {list-style: none; padding: 15px 0 0 0; width: 542px;}
.catalog-front li{float: left; width: 135px; height: 180px; }
.catalog-front a{display: block; text-decoration: none; text-align: center;font-size:11px; }
.catalog-front a strong{display: block; text-align: center; color: #333333; text-transform: uppercase; padding: 5px 0 0 0px;}
.catalog-front a:hover strong{text-decoration: none; color:#517507;}
.yrf {background: url(../images/fz.gif) no-repeat; height: 50px; padding: 0 0 0 22px; line-height: 40px; position: relative; top: 10px;
font-size: 16px; text-transform: uppercase; clear: both;}
.you-rek {list-style: none; padding: 10px 0 0 0;clear:both}
.you-rek li{background: url(../images/raz2.gif) no-repeat 50% 100%; padding: 15px 0;}
.bll {float: left; width: 175px; text-align: center; height: 100%;}
.bll span{display: block; font-size: 16px; font-weight: bold; color: #ff6600; padding: 5px 0 10px 0;}
.blr {margin: 0 0 0 175px;}
.blr h3{font-size: 16px;}
.blr h3 a{font-size: 16px; text-decoration:none; color:#517507; }
.blr h3 a:hover{color:#104003;}
.news_right a{
  font-size:14px;
  color:#517507;
}


.blr p{padding: 10px 0;}
a.podr {background: url(../images/podr.gif) no-repeat; float: left; width: 111px; height: 40px; color: #fff; display: block;
text-decoration: none; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold;}
a.buy {background: url(../images/buy.gif) no-repeat; width: 62px; height: 40px; color: #fff; display: block; padding: 0 0 0 50px;  float: left;
text-decoration: none; line-height: 32px; font-size: 14px; font-weight: bold; position: relative; left: 10px;}

/* end content */

/* start footer */
.clear-down{ clear: both; height: 229px; }
.footer{height: 229px; background: url(../images/footer.jpg) repeat-x 50% 0;}
.foot {margin: 0 auto; width: 980px; position: relative; height: 229px;}
.girl {position: absolute; left: 720px; top: -75px; background: url(../images/girl.jpg) no-repeat; width: 180px; height: 136px;}
.footmenu {list-style: none; background: url(../images/footmenu.png) no-repeat 0 61px; height: 43px; line-height: 43px; padding: 61px 40px 0 10px; font-weight: bold;}
.footmenu li{float: left; padding: 0 10px; color: #fff;}
.footmenu .razr{float: right; font-weight: normal;}
.footmenu a{color: #fff; text-decoration: none;}
.footmenu a:hover{text-decoration: underline;}
.footdown {height: 110px; background: url(../images/zagogulka.gif) no-repeat 100% 0; }
.footdown ul{padding: 15px 0 0 0; list-style: none; }
.footdown ul li{padding: 0 5px 0 0; float: left;}
.footdown ul .copyright{padding: 0 20px 0 15px; }
/* end footer */

.all-articles{
  padding-left: 10px;
}
ul.pagination {border:0 none;padding:10px 0 0 0;clear:both;margin:0 0 0 150px;}
.pagination li{border:0;margin:0;padding:0;font-size:16px;list-style:none;float: left;margin-right:2px;}
.pagination a{margin-right:2px;}
.pagination .previous-off, .pagination .next-off{color:#888888;display:block;float:left;margin-right:2px;padding:4px 6px;}
.pagination .next a,.pagination .previous a {}
.pagination .active{color:#ff6413;display:block;float:left;padding:4px 6px;}
.pagination a:link,.pagination a:visited {color:#568855;float:left;padding:4px 6px;text-decoration:none;}
.pagination a:hover{color:#fd6b08; text-decoration: underline;}

/*In Cart*/
table#cart{background:#aaaaaa;color: #333333;width: 510px;font-size: 13px;padding: 0;}
table#cart input,#OrderData input,#OrderData textarea,#recount input{border: 1px solid #aaaaaa;}
table#cart thead td{background-color: #e8e7e7;text-align: center;height: 25px;font-weight:bold; font-size:12px; padding:0;}
table#cart td{background-color: #ffffff;padding-left: 10px;height: 25px;}
.delete{width:20px;padding-right: 10px;}
.delete a{background:transparent url(/images/del.jpg) no-repeat left top;display:block;height:14px;width:14px;margin: 0 auto;}
#recount{margin-left: 15px;font-size: 13px;padding-top: 10px;}
#OrderData{margin:20px auto 0pt;text-align:left;font-size: 12px;}
#OrderData b{display:block;text-align:center;}
#OrderData form {margin:10px auto;width:365px;}
#OrderData label {clear:left;display:block;float:left;margin-top:10px;width:150px;}
#OrderData input {float:left;margin-top:10px;}
#OrderData #comment {clear:left;display:block;height:150px;width:350px;}
#OrderData #doorder{float:none;}

.buy{
      background: url(../images/raz2.gif) no-repeat 50% 100%;
      height:55px;
}


#Preview #desc{
	clear: both;
/*	padding-left: 20px;*/
	padding-top: 10px;
    padding-left:10px;
    color: #4B4B4B;
	font-size: 12px;
	margin: 15px 0 0 0px;
	font-size: 14px;
}
#Preview #desc ul,#Preview #desc ol{
  margin: 0 0 0 20px;
}
#Preview .big_img{
	margin: 10px auto 0 auto;
	width: 350px;
}

#Preview .buy .priceq{
	float: left;
/*	width: 150px;*/
	line-height: 34px;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
    color:#FF6600;
    margin:0 0 0 40px;
}
#Preview .buy a{
	float: left;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
.buy_inner{
	margin: 10px auto 0 auto;
	width: 350px;
	height: 35px;
	clear:both;
}
.big_img img{
    border:1px solid #cccccc;
}
.hot-pr a{
  text-decoration:none;
}

.hot-pr a:hover{text-decoration: none; color:#517507;}
.hot-pr a.podrobno:hover{
  color:#ffffff;
}
.rectext{
padding: 5px 10px 0 5px;
}