@charset "utf-8";
/* CSS Document */

body{padding:0; margin:0 auto; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#49380f; background: #edeee3 url(../images/top-bg.jpg) top repeat-x;}
h1,h2,h3,h4,h5{ padding:0px 0 5px 0; margin:0;}
h1{ font-size:20px;}
h2{ font-size:18px;}
h2 span { font-size:13px; padding: 0 0 0 10px;}
h3{font-size:12px;}
h4{font-size:10px;}
h5{ font-size:8px;}

#container{ width:780px; padding:0; margin:0 auto; }
#logo{ background:url(../images/lgo.jpg) no-repeat top left; height:152px;}
#menu{ background:url(../images/bg-menu.jpg) top center; height:37px; text-align:center;}
#menu ul{ margin:0; padding:10px 0 0 0;}
#menu li{ font-size:14px; display:inline; padding:0px 10px; }
#menu li a{ color:#b5ba8f; text-decoration:none;}
#menu li a:hover{ color:#d8dac3;}
#conten{ background:#d8dac3 url(../images/bg-menu.jpg) top center no-repeat; width:780px; padding:0 10px;}
#kiri{ float: left; width:175px; padding:20px 10px 10px 10px;}
#kiri ul { margin:0; padding:0 0 0 10px;}
#kiri li{ list-style:none; margin:0 0 5px 0;}
#kiri li a{ text-decoration:none; font-size:14px; font-weight: bold; color:#49380f }
#kiri li a:hover{ color:#49380f; text-decoration:underline; }

#kiri span{font-size:11px;color:#49380f; padding: 0 0 0 5px;}
.category{ font-size:18px; font-weight:bold; margin:0 0 5px 0;}



#kanan {float: right; width:555px; margin: 0 0 10px 0; padding:10px; }
#detail{ border-bottom:#49380f solid 1px;}
#image_detail{ background:url(../images/bg-detail.jpg) no-repeat; height:315px; width:305px; padding: 6px 0 0 8px; float: left;}
#conten_detail{  width:240px; float: right;}
.breadcrumb{ font: 10px; padding: 0 0 5px 0;}
.breadcrumb a{ text-decoration:none; color:#49380f;}
.breadcrumb a:hover{color:#FFFFFF;}

.tumb_detail{ width:175px; float: left; margin: 0 0 10px 0;}
.tumb_detail_image{ background:url(../images/bg-tumb.jpg) top no-repeat; height:163px; width:162px;padding: 1px 0 0 12px;}
.tumb_detail_text{ padding:0 0 0 12px; }
#footer{ text-align:center;}
#footer ul{ margin:0; padding:3px 0 0 0;}
#footer li{ font-size:11px; display:inline; padding:0px 10px; }
#footer li a{ color: #C60; text-decoration:none;}
#footer li a:hover{ color:#b5ba8f;}
.clr{ clear:both;}
