@charset "utf-8";

/* preset */
html, body {width: 100%; height: 100%; margin: 0px; padding: 0px;}
body {position: relative; left: 0px; top: 0px; border: 0px; background: #fff url('../img/bg_body.gif') 0px 0px repeat-x; font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; line-height: 17px; color: #444;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, sup, sub, form, label, input, textarea, select, fieldset, legend, object, embed, small, big {text-align: left; vertical-align: top;}
div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, sup, sub, img, span, form, label, input, textarea, select, fieldset, legend, object, embed, table, th, td, small, big {margin: 0px; padding: 0px; border: 0px;}
input, textarea, select, object, embed, table, tr, th, td {border-spacing: 0px; border-collapse: collapse;}
div, object, embed, form, label, fieldset, legend, textarea, select, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, img {position: relative; display: block;}
textarea, select {border: solid 1px #cccccc; outline: none;}
div.container input {position: relative; display: block; border: solid 1px #cccccc; outline: none;}
a, span {display: inline;}
li {display: list-item;}
a {text-decoration: underline; color: #2C367B; outline: none;}
a:hover {text-decoration: none; color: #2C367B; outline: none;}

object, embed, object div, embed div {position: relative; display: block; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px;}
a span {position: absolute; left: -1000px; top: 0px;}
.hidden {display: none !important;}
.visible {display: block;}
div.print {display: none;}
div.printscreen {display: none;}

div.clearboth {position: relative; display: block; float: none; clear: both; left: 0px; top: 0px; width: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; visibility: hidden;}
div.clearboth.footkeeper {margin: 0px; padding: 0px 0px 86px 0px;}
/* /preset */



/* layout */
div.container {float: left; clear: both; width: auto !important; min-width: 100% !important; width: 100%; height: auto !important; min-height: 100% !important; height: 100%; margin: 0px 0px 0px 0px; background: url('../img/bg_head.jpg') 0px 46px no-repeat; overflow: visible; z-index: 100;}

div.head {float: left; clear: both; width: 760px; height: 256px; z-index: 201; overflow: visible;}

div.cont {float: left; clear: both; width: 760px; padding: 0px 0px 0px 0px; z-index: 101;}
div.cont div.coll {float: left; clear: none; width: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden;}
div.cont div.colc {float: left; clear: none; width: 560px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

div.footcontainer {float: left; clear: both; width: auto !important; min-width: 100% !important; width: 100%; height: 80px; margin: -86px 0px 0px 0px; background: #fff; border-bottom: solid 6px #2C367B; overflow: visible; z-index: 301;}

div.foot {float: left; clear: both; width: 760px; height: 80px; font-family: tahoma, arial, sans-serif;}
/* /layout */



/* head */
div.head h4 {position: absolute; left: 45px; top: 7px; width: 128px; height: 72px; overflow: hidden;}
div.head h4 a {position: relative; display: block; float: left; clear: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: url('../img/cerb.gif') 0px 0px repeat;}
div.head h3 {position: absolute; left: 262px; top: 24px; width: 270px; height: 42px; overflow: hidden; background: url('../img/slogan.gif') 0px 0px repeat;}
div.head h3 span {position: absolute; left: -1000px; top: 0px;}
div.head div.lang {font-family: tahoma, arial, sans-serif; position: absolute; left: 500px; top: 7px; width: 250px; text-align: right; color: #333;}
div.head div.lang a {text-decoration: none; color: #333;}
div.head div.lang a:hover {text-decoration: none; color: #999;}
div.head div.menu {position: absolute; left: 200px; top: 84px; width: 700px; height: 23px; overflow: hidden;}
div.head div.menu ul {position: absolute; display: block; left: 0px; top: 0px; height: 23px; list-style: none; white-space: nowrap; margin: 0px 0px 0px -22px; overflow: visible;}
div.head div.menu ul li {position: relative; display: block; float: left; clear: none; height: 23px; list-style: none; white-space: nowrap; padding: 0px 0px 0px 22px; background: url('../img/bullmm.gif') 9px 9px no-repeat; overflow: visible;}
div.head div.menu ul li a {position: relative; display: block; float: left; clear: none; height: 13px; font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; line-height: 13px; text-decoration: none; color: #D9DBE7; margin: 0px; padding: 4px 0px 6px 0px; white-space: nowrap; overflow: hidden;}
div.head div.menu ul li a.active {color: #fff;}
div.head div.menu ul li a:hover {color: #fff; text-decoration: none;}
/* /head */



/* coll */
div.coll {height: 100px;}
/* /coll */

/* colc */
div.colc h1 {font-family: arial, sans-serif; font-size: 24px; font-weight: normal; line-height: 33px; color: #2C367B; margin: 17px 10px 0px 0px;}
div.colc h2 {font-family: arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 26px; color: #2C367B; margin: 17px 10px 0px 0px;}
div.colc h3 {font-family: arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px; color: #2C367B; margin: 17px 10px 0px 0px;}
div.colc h4 {font-size: 11px; font-weight: bold; line-height: 13px; color: #2C367B; margin: 17px 10px 0px 0px;}
div.colc p {margin: 17px 10px 0px 0px; text-align: justify;}
div.colc p.address {margin: -17px 10px 0px 64px;}
div.colc p.right {text-align: right;}
div.colc a.bull {padding-left: 10px; background: url('../img/bullr.gif') 0px 3px no-repeat;}
div.colc a.bulll {padding-left: 10px; background: url('../img/bulll.gif') 0px 3px no-repeat;}
div.colc ul {list-style: none; margin: 17px 10px 0px 0px;}
div.colc ul li {list-style: none; padding: 0px 0px 0px 17px; vertical-align: baseline; background: url('../img/bull.gif') 0px 5px no-repeat;}
div.colc ul li ul {margin: 0px 0px 0px 23px}
div.colc ol {list-style: none; margin: 17px 10px 0px 40px;}
div.colc ol li {list-style: outside decimal; padding: 0px 0px 0px 0px; vertical-align: baseline;}
div.colc ol li ol {margin: 0px 0px 0px 40px}
div.colc div.hr {float: none; clear: both; height: 1px; color: #fff; margin: 17px 0px 0px 0px; background: url('../img/hr.gif') 0px 0px no-repeat; overflow: hidden;}
div.colc div.img {width: 160px; float: right; clear: none; margin: 17px 10px 12px 20px; padding: 5px; background: #DEE1F0; overflow: hidden; z-index: 666;}
div.colc div.img.imgleft {margin-left: 0px; margin-right: 20px; float: left;}
div.colc div.img img {display: block; float: none; clear: both; width: 160px; overflow: hidden; background: #fff;}
div.colc div.img label {width: 144px; font-size: 10px; line-height: 12px; color: #fff; padding: 6px 8px 8px 8px; background: #6670B5; overflow: hidden;}
div.colc div.img dfn {display: none;}

div.colc div.column {float: none; clear: both; width: 560px; margin: 0px;}
div.colc div.column:after {content: ''; position: relative; display: block; float: none; clear: both; height: 0px; margin: 0px; padding: 0px; border: none 0px; overflow: hidden; visibility: hidden;}
div.colc div.column div.col {float: left; clear: none; width: 280px; height: auto; overflow: visible; margin: 0px; padding: 0px;}

div.colc div.gallery {width: 560px; margin: 0px 0px 0px 0px; overflow: hidden;}
div.colc div.gallery h4 {font-size: 11px; font-weight: bold; line-height: 13px; color: #2C367B; margin: 17px 10px 0px 0px;}
div.colc div.gallery dfn {display: none;}
div.colc div.gallery div.item.first {}
div.colc div.gallery div.item.last {}
div.colc div.gallery div.item {float: left; clear: none; width: 128px; height: 106px; margin: 15px 10px 0px 0px; background: #fafafa; border: solid 1px #DEE1F0; overflow: hidden;}
div.colc div.gallery div.item img {height: 84px; margin: 10px auto 0px auto; border: solid 1px #fff; overflow: hidden;}
div.colc div.gallery div.item a:hover img {border-color: #6670B5;}
div.colc div.gallery div.item label {display: none; height: 24px; font-family: tahoma, arial, sans-serif; font-size: 10px; line-height: 12px; margin: 0px 0px 0px 0px; padding: 8px 9px 0px 9px; overflow: hidden;}
div.colc div.gallery_label div.item {height: 136px;}
div.colc div.gallery_label div.item label {display: block;}
div.colc div.gallery_scroll {background: url('../img/gallery_scroll.gif') 0px 56px no-repeat;}
div.colc div.gallery_scroll h4 {display: block;}
div.colc div.gallery_scroll div.outer {width: 520px; height: 86px; margin: 17px 15px 0px 15px; overflow: hidden;}
div.colc div.gallery_scroll div.inner {width: auto; height: 86px; margin: 0px; overflow: hidden;}
div.colc div.gallery_scroll div.item {width: auto; height: 86px; margin: 0px 10px 0px 0px; border: none 0px; overflow: hidden;}
div.colc div.gallery_scroll div.item img {margin: 0px;}
div.colc div.gallery_scroll div.item a img {opacity: 0.5;}
div.colc div.gallery_scroll div.item a:hover img {opacity: 1;}
div.colc div.gallery_scroll div.item.last {margin-right: 0px;}
div.colc div.gallery_scroll div.item label {display: none;}
div.colc div.gallery:after {content: ''; position: relative; display: block; float: none; clear: both; height: 0px; margin: 0px; padding: 0px; border: 0px none; overflow: hidden; visibility: hidden;}

/* cont/form */
form legend {display: none;}
form input, form select, form textarea {border: solid 1px #cccccc; outline: none; background: #fff;}
form input, form select, form textarea, form label {font-family: arial, sans-serif; font-size: 11px; line-height: 14px; color: #444;}
form input.readonly, form textarea.readonly {color: #888; border-color: #e0e0e0; background: #f8f8f8;}
div.cont form {position: relative; float: none; clear: both; width: 560px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible;}
div.cont form .required {font-family: tahoma; font-size: 11px; line-height: 13px; vertical-align: baseline; color: #dd3311;}
div.cont form p {float: none; clear: both; font-size: 11px; line-height: 13px; margin: 0px 0px 0px 0px; padding: 5px 30px 7px 4px;}
div.cont form p.error {display: none; color: #dd3311;}
div.cont form div.hr {margin: 8px 26px 8px 0px;}
div.cont form fieldset {float: none; clear: both; width: 560px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible;}
div.cont form fieldset div.field {float: left; clear: both; width: 560px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; overflow: visible;}
div.cont form fieldset div.field p {font-size: 10px; line-height: 12px; margin: 0px 0px 0px 0px; padding: 2px 0px 4px 0px;}
div.cont form fieldset div.field.error {}
div.cont form fieldset div.field.error p.error {display: block; margin: 0px 4px 0px 244px;}
div.cont form fieldset div.button {position: relative; display: block; float: left; clear: none; width: 108px; height: 18px; text-align: center; background: #2C367B; border: solid 1px #cccccc; overflow: hidden;}
div.cont form fieldset label {float: left; clear: none; width: 224px; margin: 0px 16px 0px 0px; padding: 3px 0px 3px 0px; overflow: hidden;}
div.cont form fieldset input {float: left; clear: none; width: 302px; margin: 0px; padding: 2px 2px 2px 4px; overflow: hidden;}
div.cont form fieldset select {float: left; clear: none; width: 310px; margin: 0px; padding: 1px 1px 1px 0px; overflow: hidden;}
div.cont form fieldset textarea {float: left; clear: none; width: 304px; height: 98px; padding: 1px 1px 1px 3px; overflow: auto;}
div.cont form fieldset div.cbrb {float: left; clear: none; width: 310px; height: auto; margin: 0px; padding: 0px;}
div.cont form fieldset div.cbrb input {float: left; clear: left; width: 13px; height: 13px; margin: 4px 7px 0px 0px; padding: 0px 0px 3px 0px; border: none 0px; background: transparent;}
div.cont form fieldset div.cbrb label {float: left; clear: right; width: 290px; margin: 0px 0px 0px 0px;}
div.cont form fieldset div.button.submit {left: 440px;}
div.cont form fieldset div.button input {position: absolute !important; left: 50% !important; top: -4px !important; width: 200px !important; height: 24px !important; color: #fff !important; text-align: center !important; margin: 0px 0px 0px -100px !important; padding: 0px !important; background: transparent !important; border: none 0px !important; cursor: pointer !important; overflow: hidden !important;}
div.cont form fieldset.error {background: #fff;}
div.cont form fieldset.error div.field {background: #fff;}
div.cont form fieldset.error p.error {display: block;}
div.cont form fieldset:after {content: ''; position: relative; display: block; float: none; clear: both; height: 0px; margin: 0px; padding: 0px; border: none 0px; overflow: hidden; visibility: hidden;}
/* /cont/form */
/* /colc */



/* foot */
div.foot div.copy {position: absolute; left: 200px; top: 59px; font-size: 11px; line-height: 13px; color: #999;}
div.foot div.qwe {position: absolute; left: 632px; top: 57px; width: 118px; height: 19px; overflow: hidden;}
div.foot div.qwe a {position: relative; display: block; float: left; clear: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background: url("../img/qwe.gif") 0px 0px no-repeat;}
div.foot div.qwe a span {display: none;}
/* /foot */



/* features */
div.fixed {position: fixed; float: none; clear: both; display: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 800;}
div.fixed div.cover {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; overflow: hidden; opacity: 0.88;}
div.fixed div.popup {position: absolute; left: 0px; top: 0px; height: auto; overflow: hidden; background: #fafafa; border: solid 1px #cccccc;}
div.fixed div.popup div.img {margin: 0px auto 0px auto; margin: 16px 16px 0px 16px; padding: 0px 0px 16px 0px; overflow: hidden;}
div.fixed div.popup div.img img {display: block; border: solid 1px #2C367B; overflow: hidden; cursor: pointer;}
div.fixed div.popup div.img img.copy {position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; border: none 0px; overflow: hidden; cursor: pointer;}
div.fixed div.popup label {float: none; clear: both; margin: -7px 0px 0px 0px; padding: 0px 16px 15px 16px; font-family: tahoma, arial, sans-serif; font-size: 11px; line-height: 13px;}
div.fixed div.popup div.paging {float: none; clear: both; height: 15px; margin: -10px 0px 0px 0px; overflow: hidden;}
div.fixed div.popup div.paging div {position: absolute; float: left; clear: none; top: 0px; width: 22px; height: 15px; cursor: pointer; overflow: hidden;}
div.fixed div.popup div.paging div.prev {left: 0px; background: url('../img/popup_prev.gif') 0px 0px no-repeat;}
div.fixed div.popup div.paging div.next {right: 0px; background: url('../img/popup_next.gif') 0px 0px no-repeat;}
div.fixed div.popup div.close {position: absolute; right: 0px; top: 0px; width: 15px; height: 15px; overflow: hidden; cursor: pointer; background: url('../img/popup_close.gif') 0px 0px no-repeat;}

div.hint {position: absolute; float: none; clear: both; left: 0px; top: 0px; width: 150px; margin: -13px 0px 0px 10px; overflow: visible; z-index: 900;}
div.hint div.cover {position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; background: #DEE1F0; border: solid 1px #2C367B; overflow: visible; opacity: 0.88; z-index: 902;}
div.hint div.cover div.bg {position: absolute; left: 0px; bottom: -5px; width: 7px; height: 4px; background: url('../img/bulld.gif') 0px 0px no-repeat; overflow: hidden;}
div.hint div.content {position: relative; left: 0px; top: 0px; width: 140px; margin: 0px; padding: 0px 0px 5px 5px; overflow: visible; font-family: tahoma, arial, sans-serif; font-size: 10px; line-height: 12px; z-index: 910;}
div.hint div.content h6 {font-size: 10px; font-weight: bold; line-height: 12px; color: #2C367B; margin: 5px 0px 0px 0px;}
div.hint div.content p {margin: 4px 0px 0px 0px;}
/* /features */
.lang_img {
	display: inline;
}


