
	/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }

#menu, #menu ul, #menu li,
#news-mod, #news-mod .nm-item,
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { background: #bad4e1 url(/image/bg-html.jpg) repeat-x 0 0; }
body { background: url(/image/bg-body.jpg) repeat-x 0 100%; font: normal 0.75em/1.4em Tahoma, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #5e5e5e; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#news-mod .nm-item:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 960px; overflow: hidden; margin: 0 auto; padding: 28px 0 0 19px; background: #fff url(/image/bg-page.jpg) no-repeat 0 0; }
#logo { width: 248px; height: 245px; float: left; }
#count-mod { width: 125px; float: right; margin: -25px 0 0; padding: 0 60px; color: #5c4314; background: url(/image/icon-clock.png) no-repeat 17px 0; text-align: center; }
#count-mod span { display: block; font-size: 0.9em; }
#count-mod .count { font-size: 1.5em; }
#header { width: 670px; height: 96px; float: left; margin: 37px 0 0 20px; background: url(/image/bg-header.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }

#wrapper { width: 100%; float: left; clear: both; margin: -70px 0 0; padding: 0 0 70px; background: url(/image/icon-kolka.png) repeat-y 255px 0; }

#content { position: relative; width: 670px; float: right; margin: -20px 0 0; padding: 5px; }
#content p { padding: 0 0 1em; }

.col-3 { width: 646px; float: left; padding: 20px 10px; background: #eaf3f7 url(/image/bg-col-1.png) no-repeat 0 0; }

.col-1 { width: 646px; min-height: 380px; float: left; padding: 20px 10px; background: #eaf3f7 url(/image/bg-col-1.png) no-repeat 0 0; }
.col-2 { width: 310px; min-height: 380px; float: left; margin: 0 5px 0 0; padding: 20px 10px; background: #eaf3f7 url(/image/bg-col-2.png) no-repeat 0 0; }
.col-1 .header, .col-3 .header ,
.col-2 .header { margin: 0 0 1em; padding: 0 25px; color: #316090; background: url(/image/icon-earth.png) no-repeat 0 0; font: bold 11px/20px Georgia, Times, saerif; }
.col-3 .header a , .col-1 .header a , .col-2 .header a { color:  #316090; font: bold 11px/20px Georgia, Times, saerif;  }

.col-3 ul { list-style: none; margin: 0; padding:0; }
.col-3 ul li { display: inline; margin: 10px; }

#news-mod .nm-item { clear: both; padding: 0 0 15px; font-size: 0.9em; }
#news-mod .item-img { padding-left: 118px; }
#news-mod .nm-item .img { float: left; margin: 0 0 0 -118px; }
#news-mod .nm-item .img img { display: block; padding: 3px; border: 1px solid #316090; background: #fff; }
#news-mod .nm-item .nm-header,
#news-mod .nm-item .nm-header a { color: #316090; font-size: 1em; font-weight: bold; }
#news-mod .nm-item .nm-date { display: block; padding: 0 0 0.5em; color: #80a8d1; font-size: 0.8em; }
#news-mod .nm-item .nm-desc p { display: inline; }
#news-mod .nm-item .nm-desc .more { color: #98711d; font-size: 1em; font-weight: bold; }

.add-mod { padding: 1em; text-align: center; }
/* .add-mod img { display: block; margin: 3em auto 0; } */


#left-bar { width: 255px; float: left; padding: 60px 0 0; }
#cal-mod { position: relative; width: 194px; height: 40px; margin: 0 0 15px -19px; padding: 15px 0 0 70px; color: #66a8cc; background: url(/image/bg-cal.png) no-repeat 0 0; font-size: 0.9em; }
#cal-mod dt { display: block; margin: 0; padding: 0; }
#cal-mod dd { display: inline; margin: 0; padding: 0 3px 0 0; font-weight: bold; }

#menu { width: 211px;  }
#menu li { display: block; min-height: 21px; padding: 8px 0 0 55px; background: url(/image/bg-menu-item.png) no-repeat 0 0; }
#menu li a { display: block; min-height: 21px; color: #316090; font: bold 0.9em Georgia, Times, saerif; }
#menu li li { padding: 1px 10px; background: none; }

#newsletter-box { position: relative; width: 210px; margin: 2em 0 2em -10px; padding: 10px 5px; background: url(/image/bg-newsletter.png) no-repeat 0 0; } 
#newsletter-box fieldset {  }
#newsletter-box h4 { margin: 0 0 1em; padding: 0 25px; color: #316090; background: url(/image/icon-earth.png) no-repeat 0 0; font: bold 11px/20px Georgia, Times, saerif; }
#newsletter-box label { width: 47px; height: 18px; margin: 0 0 5px; padding: 2px 0 0 15px; float: left; color: #5c4314; font-size: 0.9em; }
#newsletter-box label.accept { display: block; width: auto; height: 30px; float: none; clear: both; margin: 0 0 10px 10px; padding: 0 0 0 25px; color: #5c4314; font-size: 0.9em; }
#newsletter-box label.accept input { margin: 0 0 0 -20px; }
#newsletter-box span.text { width: 140px; height: 18px; float: left; margin: 0 0 5px; border: 1px solid #316090; }
#newsletter-box span.text input { width: 100%; border: 0; background: none; font-size: 11px; }
#newsletter-box .submit { float: right; margin: 0 7px; padding: 0 6px; border: 1px solid #316090; color: #eaf3f7; background: url(/image/bg-btn.png) repeat-x 0 0; font-weight: bold; } /* 6, 7*/


/* footer */
#footer { width: 979px; height: 20px; float: left; clear: both; margin: -50px 0 0 -19px; padding: 65px 0 0; color: #bad4e1; background: url(/image/bg-footer.png) no-repeat 0 0; font-size: 0.8em; text-align: center; }
#footer #copy {  }

.banner-place{ margin: 0 0 10px 0; text-align: center !important; }
.menu-active { color: #b57168 !important; text-decoration: underline !important; }

.ex-group-mod h4 {  padding: 10px 0 5px; color: #316090; font-size: 12px; font-weight: bold; }
.ex-group-mod { margin-bottom: 15px; }
.ex-group-mod li { clear: both; }
.ex-group-mod ul { padding: 10px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
.ex-group-mod ul li { width: 110px; height: 95px; float: left; clear: none; }
.ex-group-mod ul li img { padding: 5px; border: 1px solid #fff; }
.ex-group-mod ul li a:hover img { border-color: #316090; background: #eee; }


