/*
	 *  @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; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { background: url(/image/bg-html.jpg) repeat-x 0 0; }
body { padding: 30px 0 0; background: url(/image/bg-body.jpg) no-repeat 50% 0; color: #6c6d65; font: normal 10pt/15pt Arial, 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; }

#wrapper:after, div:after,
ul:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 978px; margin: 0 auto; padding: 10px; border: 1px solid #dfba78; border-radius: 5px 5px; -moz-border-radius: 5px 5px;  -webkit-border-radius: 5px 5px; background: #fff url(/image/bg-page.jpg) no-repeat 0 100%; }
#page .x { display: block; height: 9px; margin: -11px -11px 0; background: url(/image/bg-x.png) no-repeat 0 0; }

/* top */
#top { height: 257px; background: url(/image/bg-top.png) no-repeat 0 0; }
#top #logo { width: 153px; height: 147px; float: left; padding: 26px 30px; }
#top #logo img { display: block; }
#top #lead { position: relative; width: 765px; float: right; }
#top #lead h2 { position: absolute; left: 1px; bottom: 0; width: 744px; height: 37px; padding: 0 10px; color: #fff; background: url(/image/bg-lead-header.png) no-repeat 0 0; font: normal 22px/37px Georgia, Times, serif; z-index: 1; }
#top #lead h2 a { color: #FFF; }
#top #lead img { float: left; border: solid #fff; border-width: 0 1px; }
#top #lead div { font: normal 8pt/13pt Arial, Helvetica, sans-serif;  width: 190px; float: right; padding: 10px; color: #1a191f; }
#top #lead div strong { font-weight: bold; }
#top #lead div .m { position: absolute; right: 10px; bottom: 5px; padding: 0 30px 0 0; color: #ad0001; background: url(/image/icon-arrow.png) no-repeat 100% 0; font: bold 11px/23px Georgia, Times, serif; z-index: 2 }
#top #breadcrumbs { height: 25px; line-height: 25px; clear: both; padding: 0 10px; }
#top #breadcrumbs li {  float: left; padding: 0 5px 0 10px; color: #757575; background: url(/image/icon-raquo.png) no-repeat 0 11px; font: normal 8pt/25px Arial, Helvetica, sans-serif; }
#top #breadcrumbs li:first-child { padding-left: 0; background: none; }
#top #breadcrumbs li a { color: #1a191f; font-weight: bold; }
#top #nav { width: 485px; height: 27px; line-height: 27px; float: left; padding: 1px 0 2px 280px;  }
#top #nav li { float: left; }
#top #nav li.act a { text-decoration: underline; }
#top #nav li a { padding: 0 30px; color: #ab0000; background: url(../../image/bg-nav-item.png) no-repeat 100% 50%; font-size: 15px; font-weight: bold; text-align: center }
#top #nav li:first-child { background: url(../../image/bg-nav-item.png) no-repeat 0 50%; }
#top #share-mod { width: 203px; height: 24px; float: right; padding: 3px 5px; background: #f2e1c4; text-align: right; }
#top #share-mod a { padding: 0 0 0 5px; }


/* add:cloud */
#cloud {  display: none; position: absolute; width: 221px; padding: 0 0 9px; background: url(/image/bg-cloud.png) no-repeat 0 100%; z-index: 1001; }
#cloud strong { display: block; margin: 0 14px; text-decoration: underline; }
#cloud p { display: block; padding: 9px 14px 0; color: #635238; background: url(/image/bg-cloud-child.png) no-repeat 0 0; }
.cloud,
.cloud a,
.overcloud a,
.cleacloud a { cursor: pointer }


/* content */
.col-2-lay #content { width: 743px; }
.col-3-lay #content { width: 530px; }
#content { float: left; margin: 0 0 0 2px; padding: 10px; border-radius: 10px 10px; -moz-border-radius: 10px 10px;  -webkit-border-radius: 10px 10px; background: #f6f0e1; }
#content { position: relative; }
#content .corner { position: absolute; }
#content .corner-nw { left: 0; top: 0; }
#content .corner-ne { right: 0; top: 0; }
#content .corner-sw { left: 0; bottom: 0; }
#content .corner-se { right: 0; bottom: 0; }
#content #h , #seminars #h { height: 42px; margin: 0 -10px 10px; padding: 0 10px; color: #1a191f; background: url(/image/bg-header.png) repeat-x 0 0;   }
#content #h span ,  #seminars #h span { display: block; padding: 0 30px; background: url(/image/icon-arrow-1.png) no-repeat 0 10px; font: bold 18px/42px Georgia, Times, serif;  }
#content p , #seminars p { margin: 0 1em 1em; }

#news-mod .head { margin: 0 -3px; padding: 5px; background: url(/image/bg-line.png) no-repeat 50% 100%; }
#news-mod .head h3 {float: left; color: #ab0000; font-size: 15px; font-weight: bold; }
#news-mod .head h3 a , #news-mod .head h3 span { color: #ab0000; font-size: 15px; font-weight: bold; }
#news-mod .head small { float: right; color: #a6a79e; font-size: 10px; }
#news-mod .d { position: relative; text-align: justify; margin: 0 0 20px; padding: 10px 10px 10px 173px; }
#news-mod .d img { float: left; margin: 0 10px 0 -173px; border: 2px solid #6c6d65; }
#news-mod .d div { padding: 0 0 15px; }
#news-mod .d div:after { display: none; }
#news-mod .d .m { position: absolute; right: 10px; bottom: 10px; display: block; padding: 0 30px 0 0; color: #ad0001; background: url(/image/icon-arrow.png) no-repeat 100% 0; font: bold 11px/23px Georgia, Times, serif; z-index: 2 }

.gal-mod { padding: 10px 0 0 30px; margin: 0; }
.gal-mod li { float: left; margin: 0 10px 20px 0; }
.gal-mod li img { border: 2px solid #6c6d65; }

.pagination { height: 42px; clear: both; padding: 1em 0; }
.pagination ul { float: right; padding: 8px; }
.pagination ul li { width: 38px; height: 42px; line-height: 39px; float: left; margin: 3px; padding: 3px 0 0; color: #fff; background: url(/image/bg-item-pagination.png) no-repeat 0 0; text-align: center; }
.pagination ul li a , .pagination ul li span  { display: block;  width: 22px; height: 22px; line-height: 22px; margin: 5px 0 0 8px; color: #fff; background: url(/image/bg-item-pagination-child.png) no-repeat 0 100px; font-weight: bold; text-decoration: none; }
.pagination ul li.i-act a, .pagination ul li.i-act span ,
.pagination ul li a:hover { color: #b7935b; background-position: 0 0; text-decoration: none; }




/* side-bar */
#side-bar-0 { width: 213px; float: left; }
#side-bar-1 { width: 213px; float: right; }

.mod-menu { padding: 0 0 30px; background: url(/image/bg-menu.png) no-repeat 0 100%; }
.mod-menu ul li { margin: 0 0 3px; padding: 3px 0 0; background: url(/image/bg-menu-item.png) no-repeat 0 0; }
.mod-menu ul li a { display: block; padding: 3px 10px 6px; line-height: 17px; color: #ab0000; background: url(/image/bg-menu-item-child.png) no-repeat 0 100%; font-size: 15px; font-weight: bold;  }
.mod-menu ul li ul {  margin: 4px 0; padding: 5px 10px; background: #f6f0e1; border-radius: 8px 8px; -moz-border-radius: 8px 8px; -webkit-border-radius: 8px 8px; }
.mod-menu ul li ul li { padding: 0 10px; background: none; }
.mod-menu ul li ul li li { padding: 0 20px; }
.mod-menu ul li ul li a { display: block; padding: 0 10px; color: #1a191f; background: url(/image/icon-romb.png) no-repeat 0 4px; font-size: 12px; font-weight: normal; }

/* .mod-menu a.act { text-decoration: underline; } */

.mod-info { position: relative; width: 213px; margin: 0 0 10px;  overflow: hidden }
.mod-info img { display: block; }
.mod-info h4 { position: absolute; left: 0; top: 0; width: 193px; padding: 10px; color: #fff; background: url(/image/bg-mod-info-child.png) no-repeat 0 0; font: normal 14px/23px Georgia, Times, serif;  }
.mod-info .m { position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 0; color: #ad0001; background: url(/image/bg-mod-info.png) no-repeat 0 100%; font: bold 22px/23px Georgia, Times, serif; text-align: center; text-transform: uppercase; }

/* footer */
#footer { width: 1000px; margin: 0 auto; padding: 10px 0 20px; }
#footer ul { background: #f6f0e1; border-radius: 8px 8px; -moz-border-radius: 8px 8px;  -webkit-border-radius: 8px 8px; }
#footer ul li { width: 150px; float: left; padding: 30px 50px; background: url(/image/icon-divider.png) no-repeat 0 0; }
#footer ul li:first-child { background: none; }
#footer ul li h5 , #footer ul li h5 a { color: #ab0000; font-size: 1em; font-weight: bold; }
#footer ul li ul { background: none; }
#footer ul li ul li { float: none; padding: 2px 0; background: none; }
#footer ul li ul li a { display: block; padding: 0 10px; color: #1a191f; background: url(/image/icon-romb.png) no-repeat 0 4px; }
#footer #f-nav { position: relative;  font: normal 8pt/13pt Arial, Helvetica, sans-serif;  }
#footer #f-nav .corner { position: absolute; }
#footer #f-nav .corner-nw { left: 0; top: 0; }
#footer #f-nav .corner-ne { right: 0; top: 0; }
#footer #f-nav .corner-sw { left: 0; bottom: 0; }
#footer #f-nav .corner-se { right: 0; bottom: 0; }
#footer #copy { font: normal 8pt/13pt Arial, Helvetica, sans-serif;  clear: both; padding: 5px; color: #cbcdc2; text-align: center; }
#footer #copy a { color: #6e6f6c; }

#seminars { padding: 15px; min-height: 500px; }

#child-menu { margin: 15px 0 15px 0; }
#child-menu li { float: left; margin: 0 10px 0 10px; }