@charset "UTF-8";
/* CSS Document */
body {background:url(img/bg.jpg) repeat-x; background-color:#F6F6F6; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666; margin:0 auto; padding:0;}
img {border:0;}
.wrapper {position:relative; width:900px; margin:0 auto;}

.header, .round, .content {position:relative; clear:both; width:100%;}

.header {height:88px; padding:15px 0;}
.header .logo {display:block; float:left; width:137px;}
.header .menu {display:block; float:right; margin-top:73px; margin-right: 25px;}
.header .menu li {list-style:none; float:left; display:block; margin:0 20px;}
.header a {color:#A8B0B9; font-size:10px; text-decoration:none; padding:0 5px;}
.header a:hover {color:#8D939B;}

#zoom_button { display:none; left: 356px; position: absolute; top: 170px; z-index: 100; }
.round {clear:both; margin-top:30px; background:url(img/bg_round.jpg) no-repeat bottom; height:370px;}
.motto {clear:both; margin:30px; }
.round h2, .motto h2 {background:url(img/txt_round.png) no-repeat; width:640px; height:34px; position:relative; margin:0 auto;}
.round span, .motto span {display:none;}

.content {margin-top:10px; width:900px;}
.content .col_left {float:left; margin-left:50px; width:540px; display:block; clear:none;}
.content .col_left .item {width:100%; clear:both; float:left;}
.content .col_left .ico_index {display:block; float:left; width:100px; text-align:center;}
.content .col_left p, .content .col_left ul {display:block; float:left; width:418px; margin:0 0 0 18px; line-height:25px; text-align: justify;}
.content .line_h {background:transparent url(img/hr_h.jpg) no-repeat center center; width:528px; height:11px; display:block; float:left; margin:30px 0;}

.content .col_right {float:left; display:block; clear:none; width:260px; padding-left:40px; background:url(img/hr_v.jpg) no-repeat 10px; margin-right:10px;}
.content .col_right h2 {color:#0C66B1; font-size:18px; margin:0;}
.content .col_right ul {color:#91A6C1; font-size:17px; list-style-type:none; padding:0; padding-left:10px;}
.content .col_right li { background:url(img/ico_check.png) no-repeat left 3px; padding:0 20px;}

.footer {text-align:center; margin-top:30px; float:left; display:block; width:100%;}
.footer .bar_footer {background:url(img/bar_footer.jpg) no-repeat; width:900px; height:54px; padding-top:10px;}
.footer .bar_footer span {color:#FFF; font-size:20px; padding-right:20px; margin-left:205px;}
.footer .bar_footer .ico_twitter {border-left:#0F88EE solid 1px; margin-left:20px; padding:0 10px 0 20px;}
.footer .bar_footer a {color:#FFF; font-size:14px; text-decoration:none;}
.footer .bar_footer .ico_twitter, .footer .bar_footer a, .footer .bar_footer span {float:left; height:30px; display:block; line-height:30px;}

.copyright {text-align:center; color:#728398; font-size:12px; margin-top:10px; border-top:#999 solid 1px; display:block; float:left; width:100%;}

#subpage img { float: left; padding: 0 10px 5px 0; }
#subpage p, #subpage ul { color: #454545; text-align: justify; margin: 10px 0; float: none; width: auto; }
#subpage p {padding: 0 5px; float:left; clear:both;}

.content .col_left a {  text-decoration: none; color: #DA3B3B; }

.content .col_left a:hover { text-decoration: underline; }

.popup {width:618px; height:488px; display:block; position:absolute; border:#777 solid 4px; z-index:102; background-color:#000;}
.popup .current_img {height:76%; background-color:#F00;}
.popup .description {height:21%; background:url(../images/bg_popup_descr.jpg) repeat-x; padding:10px 5px 5px 5px;}
.popup .description .selected {position:absolute; background:url(../images/th_selector.png) no-repeat; width:28px; height:14px; top:-1px; left:20px;}
.popup .description ul {float:left; display:block; list-style:none; margin:0; padding:0;}
.popup .description li {display:block; float:left; border:#292929 solid 1px; width:60px; height:60px; margin-right:5px; position: relative;}
.popup .description .description_popup {display:block; float:left; width:65%;}
.popup .description .description_popup h3 {padding:0 0 5px 0; margin:0; font-size:18px;}
.popup .description .description_popup a {color:#000; text-decoration:none;}
.popup .description .description_popup a:hover {text-decoration:underline;}
.popup .description .description_popup .description_txt {height:70px; overflow:auto; color:#000; font-size:12px;}

.person {float:left; margin-top:30px;}