@charset "utf-8";
/* CSS Document */

body {margin:0px;}

table {margin:0px;}

#container {width:973px; margin: 0px auto;}

#header-index {float:left; width:973px; height:123px; background:url('../imgs/header-index.jpg') no-repeat center top; margin-top:13px;}

#header-subpage {float:left; width:973px; height:123px; background:url('../imgs/header-subpage.jpg') no-repeat center top; margin-top:13px;}

#header-index img {padding:30px 0 0 56px;}

#body-index {float:left; width:973px; height:207px; background:#004071 url('../imgs/body-index.jpg') no-repeat center top;}

#body-subpage {float:left; width:971px; border-left:#dedede 1px solid; border-right:#dedede 1px solid; background:#fafafa;}

#body-index img {padding:77px 0 0 143px;}

#contact-index {float:left; width:973px; height:186px; background:#004071 url('../imgs/contact-index.jpg') no-repeat center top;}

#contact-subpage {float:left; width:973px; height:186px; background:#004071 url('../imgs/contact-subpage.jpg') no-repeat center top;}

#contact-index img {float:right; padding-right:59px;}

#contact-subpage img {float:right; padding-right:59px;}

#footer-index {float:left; width:973px; height:145px; background:url('../imgs/footer-index.png') no-repeat center top; margin-bottom:20px;}

.banner-menu {float:left; width:125px; height:128px; margin:0 0px 0 58px;}

.banner-title, .banner-title-2 {float:left; width:125px; height:36px;}

.banner-title img {padding:4px 0 0 10px;}

.banner-title-2 img {}

.banner-img {float:left; width:125px; height:92px;}

#nav {float:left; width:973px; height:31px; background:#f05023 url('../imgs/nav.png') repeat-x; font-family:'Arial', Helvetica, sans-serif; font-size:11px; color:#fff;}

#nav span {font-family:'Arial', Helvetica, sans-serif; font-size:12px; color:#fff; padding-left:20px; line-height:30px;}

#nav a {text-decoration:none; color:#fff;}

#logo {float:left; width:440px; height:59px; margin:20px 0 0 20px;}

#slogan-subpage {float:right; width:381px; height:61px; margin:30px 30px 0 0;}

#content-left {float:left; width:295px;}

.content-left-top {float:left; width:295px; height:6px; background: url('../imgs/content-left-top.png');}
.content-left-bottom {float:left; width:295px; background: url('../imgs/content-left-bottom.png');}
.content-left-footer {float:left; width:295px; height:10px; background: url('../imgs/content-left-footer.png');}

.content-left-img {float:left; width:250px; margin:14px 0 0 20px;}
.content-left-text span {float:left; width:250px; font-family:'Arial', Helvetica, sans-serif; font-size:12px; color:#464646; padding:5px 0 5px 20px;}

.one-content {float:left; width:971px;}
.one-content h1 {font-family:'Arial', Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#004d8c; padding:10px 0 0 20px;}

.one-content p {float:left; width:920px; padding:0 10px 0 20px; font-family:'Arial', Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#464646;}
.one-content h4 {width:920px; padding:0 10px 0 20px; font-family:'Arial', Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#004d8c;}

.one-content h5 {width:920px; padding:0px 5px 0 20px; font-family:'Arial', Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#464646; margin-top:-10px;}
.one-content-img {float:left;}
.one-content-img img {float:left; padding:0 0 20px 55px;}

#content-right {float:left; width:660px;}
.content-right img {float:left; padding:4px 15px 0 0;}
.content-right span {line-height:16px;} 
.content-right a {text-decoration:none; color:#004d8c;}

#content-right p {float:left; width:660px; padding:0 10px 0 20px;}

#content-right h1 {font-family:'Arial', Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#004d8c; padding:20px 10px 0 20px;}

#content-right span {color:#004d8c;}

#content-right h2 {font-family:'Arial', Helvetica, sans-serif; font-size:12px; color:#464646; padding:5px 10px 0 20px; font-weight:normal;}

.vasep {padding-left:7px;}

#space {width:971px; height:40px;}

.space-services {float:left; width:971px; height:5px;}

.box-product {width:296px; margin-left:20px; margin-top:5px; float:left;}

.box-p-title {float:left; width:296px; height:30px; margin-bottom:8px;}

.box-p-title h1 {font-family:'Arial', Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#004d8c; padding-left:8px;}

.box-p-title h1 a {text-decoration:none ; color:#004d8c;}

.services-box {float:left; width:971px;}
.box-p-img {float:left; width:296px; height:211px; background:#e7e7e8 url('../imgs/bg-p-img.png') no-repeat center top; }
.box-p-img-2 {float:left; width:296px; height:181px; background:#e7e7e8 url('../imgs/bg-services-imgs.png') no-repeat center top; margin:0 0 10px 20px;}

.box-p-img img {padding:8px 0px 0px 8px; }
.box-p-img-2 img {padding:8px 0px 0px 8px; }

.box-img-text {float:left; width:971px; clear:both;}
.box-imgs {float:left; width:450px; height:320px; margin:0px 0px 30px 20px;}

.box-imgs2 {float:left; width:450px; height:320px; margin:0px 0px 30px 20px;}

.box-imgs img {float:left;}
.box-imgs2 img {float:left; padding:0px;}

.box-text {float:left; width:480px; margin-top:20px;}
.box-text-2 {float:left; width:971px;}
.box-text-2 a { text-decoration:none; color:#004d8c; font-weight:bold;}
.box-text h5 {font-family:'Arial', Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#464646; width:460px; padding-bottom:10px;}
.box-text-2 p {font-family:'Arial', Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#464646;}
.box-text a { text-decoration:none; color:#004d8c; font-weight:bold;}
.box-text h6 {font-family:'Arial', Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#464646; width:460px; padding-left:20px; margin-top:0px;}

.box-figures {float:left; width:672px; margin:0px 0px 40px 150px;}

#form {
float:left;
width:455px;
height:auto;
}

.text_input {
margin-left:0px;
margin-top:0px;
font-family:"Arial", Helvetica, sans-serif;
font-size:12px;;
color:#464646;  
}

.box_input {
margin-top:0px;
font-family:"Arial", Helvetica, sans-serif;
font-size:12ox;
background-color:#FFF;
color:#000; 
border:1px solid #d4d4d4; 
}

.box_area {
background-color:#FFF;
font-size:12px;
font-family:"Arial", Helvetica, sans-serif;
color: #000; 
border:1px solid #d4d4d4; 
}
.box {float:left; width:971px;}
.box h1 {margin:0px; padding:25px 20px 0px 20px; font-family:'Arial', Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#004d8c}
.box h2 {margin:0px; padding:5px 20px 5px 20px; font-family:'Arial', Helvetica, sans-serif; font-size:11px; color:#646464; font-weight:normal;}

.view {font-size:12px; color:#004d8c; font-weight:bold;}

#service-container {float:left; width:500px; height:auto; margin:0px;}
#service-header {width:500px; height:45px; background:#014a81 url('../imgs/service-header-bg.png') repeat-x;}
#service-header h1 {margin:0px; font-family:'Arial', Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFF; padding:7px 0 0 20px;}
#service-body {width:500px; height:auto;}
#service-body h2 {margin:0px; font-family:'Arial', Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#464646; padding:5px 10px 0 20px; line-height:16px;}
#service-body h3 {margin:0px; font-family:'Arial', Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#014a81; padding:7px 20px 0 20px; line-height:16px;}

#service-body a {color:#014a81;}