/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



@import 'reset.css';

html { min-height: 100%; color: #ccc; background: #0e0e0e url(/image/bg-html.png) repeat-x 0 0; }
body { background: url(/image/bg-body.png) repeat-x 0 100%;  }


#page:after,
#wrapper:after,
#news-mod .nm-item:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 910px; margin: 0 auto; overflow: hidden; }

/* top */
#top { height: 232px; padding: 33px 0 0; }
#top #logo { width: 540px; height: 70px; float: left; }
#top #logo span { display: block; color: #af2c1c; font-size: 18px; font-weight: bold; }
#top #nav { width: 540px; float: left; clear: left; margin: 52px 0 0; }
#top #nav li { float: left; padding: 0 10px 0 20px; background: url(/image/icon-kolo.png) no-repeat 0 6px; }
#top #nav li:first-child { background: none; }
#top #nav li a { color: #fff; font-size: 15px; font-weight: bold; }

#boxs { float: right; margin: 60px 0 0; }
#boxs .box { width: 134px; float: left; margin: 0 3px; }
#boxs .box h2 { height: 131px; line-height: 16px; font-size: 14px; }
#boxs .box h2 a { position: relative; display: block; width: 100%; height: 100%; }
#boxs .box h2 em { display: none; }
#boxs .box h2 span { position: absolute; left: 9px; top: 5px; width: 120px; color: #faa; font-weight: bold; text-transform: uppercase; text-align: center; }
#boxs .box-1 h2 { background: url(/image/bg-box-1.png) no-repeat 0 0; }
#boxs .box-2 h2 { background: url(/image/bg-box-2.png) no-repeat 0 0; }
#boxs .box-3 h2 { background: url(/image/bg-box-3.png) no-repeat 0 0; }

#boxs h2 a:hover, #boxs h2 a span:hover{ color: white !important; text-decoration: none !important; }

#wrapper { width: 100%; float: left; clear: both;  margin: -73px 0 0; background: url(/image/bg-wrapper.png) repeat-y 0 0; }

/* content */
#content { width: 690px; float: right; padding: 5px 0 0; }
#content .header { height: 40px; line-height: 40px; margin: 0 0 15px; padding: 0 45px; color: #fff; background: url(/image/bg-header.png) no-repeat 0 0; font-size: 20px; font-weight: bold; }
#content p { margin: 0 0 1em; }
#content img.left { float: left; margin: 2em 2em 2em 0; }
#content img.right { float: right; margin: 2em 0 2em 2em; }

#breadcrumbs { height: 20px; margin: 10px 0; }
#breadcrumbs li { float: left; padding: 0 8px 0 16px; background: url(/image/icon-arrow.png) no-repeat 0 6px; }
#breadcrumbs li:first-child { padding-left: 0; background: none; }
#breadcrumbs li a { color: #fff; }
#breadcrumbs li:last-child a { color: #faa; font-weight: bold; }


#news-mod .nm-item { position: relative; margin: 0 0 45px; padding: 0 0 12px; border-bottom: 1px solid #d77165; }
#news-mod .nm-item .nm-header { margin: 8px 0; padding: 4px 19px; border-bottom: 1px solid #393939; color: #d93519; background: url(/image/icon-arrow-2.png) no-repeat 9px 12px; font-size: 12px; font-weight: bold; }
#news-mod .nm-item .nm-header a { color: #d93519; font-weight: bold; }
#news-mod .nm-item .nm-date { float: right; margin: -32px 0 8px; color: #393939; font-size: 1em; }
#news-mod .nm-item .nm-img { float: left; margin: 0 15px 5px 0; }
#news-mod .nm-item .nm-desc { padding: 0 9px; }
#news-mod .nm-item .more { position: absolute; right: 0; bottom: -21px; width: 106px; height: 21px; line-height: 21px; color: #fff; background: url(/image/btn-more.png) no-repeat 0 0; font-weight: bold; text-align: center; }


.gal-mod {  }
.gal-mod li { width: 130px; height: 142px; float: left; margin: 0 14px 7px 0; padding: 0 0 0 16px; background: url(/image/bg-gal-item.png) no-repeat 0 -142px; text-align: center; }
.gal-mod li a { height: 135px; float: left;  padding: 7px 16px 0 0; background: url(/image/bg-gal-item-child.png) no-repeat 100% -142px; text-decoration: none; text-align: center }
.gal-mod li a img { display: block; margin: 0 0 7px; }
.gal-mod li a span { color: #d83021; }
.gal-mod li:hover { background-position: 0 0; }
.gal-mod li:hover a { background-position: 100% 0; }
.gal-mod li:hover span { color: #eee; }


.pagination { height: 28px; clear: both; padding: 10px 3px; background: url(/image/bg-pagination.png) no-repeat -1px 9px; }
.pagination ul { height: 28px; float: right; background: url(/image/bg-pagination-child.png) no-repeat 0 0; }
.pagination ul li { float: left; height: 28px; line-height: 27px; padding: 0 3px; background: url(/image/icon-divider-1.png) no-repeat 0 50%; }
.pagination ul li:first-child { background: none; }
.pagination ul li a { display: block; height: 19px; float: left; padding: 0 3px 0; color: #fff;font-weight: bold;  text-decoration: none; }
.pagination ul li.act,
.pagination ul li a:hover { color: #faa; }
.pagination ul li.item-prev,
.pagination ul li.item-next { }
.pagination ul li.item-prev a,
.pagination ul li.item-next a { padding: 3px 3px 0; }

/* side-bar */
#side-bar { width: 198px; float: left; padding: 20px 0 0; background: url(/image/bg-side-bar.png) no-repeat 0 0; }
#menu li { margin: 0 0 3px; }
#menu li a { display: block; height: 30px; line-height: 25px; margin: 0 0 2px; padding: 0 10px 0 25px; color: #fff; background: url(/image/bg-item-1.png) no-repeat 0 0; font-weight: bold; }
#menu li li { margin: 0; }
#menu li li a { height: 22px; line-height: 19px; margin: 0 0 1px; padding: 0 10px 0 40px; background: url(/image/bg-item-2.png) no-repeat 0 0; font-weight: normal; }
#menu li li li { margin: 0 0 1px; }
#menu li li li a { padding: 0 10px 0 50px; background: url(/image/bg-item-3.png) no-repeat 0 0; }
#menu a:hover,
#menu a.act { color: #faa; }

/* footer */
#footer { height: 144px; clear: both; }
#footer ul { padding: 8px 0; text-align: center; }
#footer ul li { display: inline; padding: 0 10px; }
#footer ul li a { color: #fff; font-weight: bold; }
#footer .copy {  color: #767676; text-align: center; }
#footer .copy a { color: #767676; }
#footer .cms a { font-weight: bold; color: white; text-decoration: underline; }

.set-menu li a:hover{ color: #faa !important; }
.set-menu .act a { color: #faa !important; text-decoration: underline; }