html, body { padding:0; margin:0; width:100%; height:100%; background:#fff }
body, td, input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000 }
* { outline:none; resize:none }

img { border:0 }
div { position:relative }
form { padding:0; margin:0 }

a { color:#77b21e; text-decoration:underline }
a:hover { text-decoration:none }
.c { clear:both }
p { margin:0 0 1.2em 0 }
.gr { color:#77b21e }

a.dott { text-decoration:none; margin:2px 5px; border-bottom:1px dotted #77b21e }
span.dotts { color:#fff; background:#77b21e; padding:2px 5px }

h1, .hh1 { color:#77b21e; font-size:17px }
.hh1 { padding-bottom:4px }
h2 { color:#000; font-size:12px }

.sep { clear:both; float:left; width:964px; margin:0 30px; height:40px; background:url(/img/sep-h.gif) repeat-x 0 center }

.wrapper { margin:0 auto; width:1024px; background:url(/img/head-section.gif) no-repeat; min-height:1000px }

.header { margin:10px 13px 17px 13px; height:45px; background:url(/img/h-bg.gif) no-repeat; color:#fff }
.h-logo { margin:11px 35px 0 26px; vertical-align:bottom; float:left }
.h-slogan { float:left; padding-top:17px; font-style:italic }
.h-tel { float:right; font-size:18px; color:#a8dbf4; padding:14px 26px 0 }

.h-menu { list-style:none; padding:0 0 30px 30px; margin:0; float:left; display:block; width:90% }
.h-menu li { float:left; margin:0 40px; padding:0 0 0 20px }
.h-menu li a { display:block; color:#000; text-decoration:none; height:23px; float:left; padding:7px 20px 0 0 }

.h-menu li.sel { background:url(/img/h-menu-bg.gif) }
.h-menu li.sel a { background:url(/img/h-menu-bg.gif) 100% 0 }

.btn { float:left; padding-left:9px; background:url(/img/baloon-bg.png) no-repeat }
.btn * { display:block; height:21px; float:left; padding:5px 25px 0 16px; margin:0; background:url(/img/baloon-bg.png) no-repeat 100% 0 }
.btn-top { background-color:#f5f5f5 }

.btn-more { color:#000; font-weight:bold; padding-left:15px; background:url(/img/icon-more.gif) no-repeat 0 6px }

.search-box { float:left; padding-left:50px; width:320px }
.search-title { font-weight:bold; color:#77b21e }
.search-box select { width:100% }
.search-submit { background-color:#fff; font-weight:bold; border:0; height:26px; padding-top:0; cursor:pointer }

.special-box { margin-left:420px }
.special-box .pic { float:left; margin-right:20px }
.special-box .desc { padding:20px 50px 0 0; float:left }

.cat-preview { padding:0 35px; float:left; width:954px }
.cat-l-item { float:left; width:288px; margin:0 15px }
.cat-l-item img { float:left; margin-right:10px }
.cat-offset { margin-bottom:30px }

.txt-wrap { clear:both; padding:0 50px; text-align:justify }

.footer { clear:both; background:#f3f3f3; height:95px }
.f-e { float:left; margin-left:50px; width:296px; padding-top:42px; height:53px }
.f50 { margin-left:8px; padding-left:80px; width:200px; background:url(/img/50m.gif) no-repeat 0 center }

.p-name { padding:5px 0 5px 20px; border-bottom:1px solid #ccc }
.p-name div { float:left; width:330px; font-weight:bold }
.p-name:hover { background:#ecf4df }
#p-main-image { float:left }
.p-right { float:right; width:640px }
.p-pics { }
.p-pics img { display:block; float:left; margin:0 4px 4px 0 }


textarea { height:7em }
.fi97 { clear:both; width:510px }
.fi98 { clear:both; padding:2px 20px; margin-right:10px }