html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code,del,
dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset,
form, label, legend, caption {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
}
html {
  height:100%;
}
body {
  height:100%;
  width:100%;
  font:12px arial;
  color:#0021ae;
  background:#548abb url(/i/body_bg_.jpg) 50% 0 repeat-y;
}
table, td {
  border-collapse:collapse;
  border-spacing:0;
}
div, ol, ul, li {
  position:relative;
}
textarea {
  overflow:auto;
}

/*==== some common styles ====*/
a {
  color:#0042ff;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}
.overflow {
  overflow:hidden;
}
.break {
  font-size:0;
  clear:both;
  overflow:hidden;
}
.hidden {
  display:none;
}
/*==== /some common styles ====*/

/*==== main styles ====*/
#main {
  width:1000px;
  margin:0 auto;
}
html>body #main {
  min-height:100%;
}
/*==== main styles ====*/

/*==== head styles ====*/
#main #head {
  height:144px;
}
#main #head .menu {
  position:absolute;
  font:18px arial;
  text-transform:lowercase;
  list-style:none;
}
#main #head .menu li {
  margin:0 12px 0 12px;
  float:right;
  white-space:nowrap;
}
#main #head .menu li a {
  color:#1b3ab6;
  text-decoration:none;
}
#main #head .menu li.active a, #main #head .menu li a:hover {
  color:#0042ff;
}
#main #head .main_menu {
  right:0;
  bottom:10px;
}
#main #head .top_menu {
  right:0;
  top:10px;
  z-index:50;
  white-space:nowrap;
}
#main #head .top_menu li {
  padding:2px 0 2px 28px;
  background-position:0 50%;
  background-repeat:no-repeat;
}
#main #head .logo {
  position:absolute;
  left:145px;
  top:5px;
  z-index:20;
  width:175px;
  height:135px;
  background:url(/i/logo.png) 50% 50% no-repeat;
}
/*==== /head styles ====*/

#main #body {
  min-height:500px;
  padding-bottom:120px;
}

/*==== canvas styles ====*/
.canvas {
  width:954px;
  min-height:405px;
  margin:10px auto 10px auto;
  padding:0 10px 0 10px;
  background-color:#fff;
}
.canvas .flower {
  position:absolute;
  left:-147px;
  top:-154px;
  z-index:10;
  width:637px;
  height:724px;
  background:url(/i/flower_.jpg) 100% 100% no-repeat;
}
.canvas ins, .canvas em {
  position:absolute;
  z-index:40;
  font-size:0;
}
.canvas .top {
  top:-10px;
}
.canvas .right {
  right:0;
}
.canvas .bottom {
  bottom:-10px;
}
.canvas .left {
  left:0;
}
.canvas ins.top, .canvas ins.bottom {
  right:14px;
  left:14px;
  height:10px;
}
.canvas ins.right, .canvas ins.left {
  top:4px;
  bottom:4px;
  width:10px;
}
.canvas em {
  width:14px;
  height:14px;
}
.canvas ins.top {
  background:url(/i/canvas/bg_top.jpg) 0 100% repeat-x;
}
.canvas ins.right {
  background:url(/i/canvas/bg_right.jpg) 0 0 repeat-y;
}
.canvas ins.bottom {
  background:url(/i/canvas/bg_bottom.jpg) 0 0 repeat-x;
}
.canvas ins.left {
  background:url(/i/canvas/bg_left.jpg) 100% 0 repeat-y;
}
.canvas em.lt {
  background:url(/i/canvas/corner_lt.png) 100% 100% no-repeat;
}
.canvas em.rt {
  background:url(/i/canvas/corner_rt.png) 0 100% no-repeat;
}
.canvas em.rb {
  background:url(/i/canvas/corner_rb.png) 0 0 no-repeat;
}
.canvas em.lb {
  background:url(/i/canvas/corner_lb.png) 100% 0 no-repeat;
}
.canvas .c-inner {
  left:-10px;
  z-index:30;
  width:964px;
  min-height:405px;
  background-color:#fff;
  overflow:hidden;
}
.canvas .c-inner .nature {
  position:absolute;
  left:10px;
  top:0;
  z-index:30;
  width:964px;
  height:405px;
  background:url(/i/nature.jpg) 0 0 no-repeat;
}
.canvas .c-inner .motto {
  position:absolute;
  left:30px;
  top:15px;
  z-index:40;
  color:#fff;
  font:bold italic 16px arial;
}
.canvas .c-inner .video {
  position:absolute;
  left:30px;
  top:50px;
  z-index:40;
  width:400px;
  height:300px;
}
.canvas .c-inner .center-banners {
  position:absolute;
  z-index: 40;
  top: 180px;
  right: 290px;
}
.canvas .c-inner .center-banners .center-banner {
  margin-bottom:1em;
}


/*==== /canvas styles ====*/

/*==== container styles ====*/
.container ins, .container em, .container dfn {
  position:absolute;
  font-size:0;
}
.container dfn {
  top:0;
  right:6px;
  left:6px;
  height:100%;
  background-color:#dce9f3;
  opacity:0.75;
}
.container .top {
  top:-7px;
}
.container .bottom {
  bottom:-7px;
}
.container .left {
  left:0;
}
.container .right {
  right:0;
}
.container ins.top, .container ins.bottom {
  right:9px;
  left:9px;
  height:7px;
}
.container ins.right, .container ins.left {
  top:3px;
  bottom:3px;
  width:6px;
}
.container em {
  width:9px;
  height:10px;
}
.container ins.top {
  background:url(/i/container/bg_top.png) 0 100% repeat-x;
}
.container ins.bottom {
  background:url(/i/container/bg_bottom.png) 0 0 repeat-x;
}
.container ins.left {
  background:url(/i/container/bg_left.png) 100% 0 repeat-y;
}
.container ins.right {
  background:url(/i/container/bg_right.png) 0 0 repeat-y;
}
.container em.lt {
  background:url(/i/container/corner_lt.png) 100% 100% no-repeat;
}
.container em.rb {
  background:url(/i/container/corner_rb.png) 0 0 no-repeat;
}
.container em.lb {
  background:url(/i/container/corner_lb.png) 100% 0 no-repeat;
}

#container-top {
  position:absolute;
  right:10px;
  top:0;
  width:280px;
  height:80px;
}
#container-top ins.left, #container-top ins.right {
  top:0;
}
#container-top .inner {
  margin:15px 15px 5px 25px;
}

#container-middle {
  position:absolute;
  right:0;
  top:23px;
  z-index:60;
  width:278px;
  height:357px;
}
#container-middle dfn, #container-middle ins.top, #container-middle ins.bottom {
  right:0;
}
#container-middle .inner {
  margin:5px 15px 5px 15px;
}
#container-middle .inner h3 {
  margin:3px 0 5px 0;
  text-align:center;
}
#container-middle .inner ul {
  margin:0 10px 0 10px;
  list-style:none;
}
#container-middle .inner ul li {
  margin-bottom:5px;
}
/*==== /container styles ====*/

/*==== frame styles ====*/
.frame {
  padding:0 5px 0 5px;
}
.frame ins, .frame em, .frame dfn {
  position:absolute;
  font-size:0;
}
.frame em {
  width:6px;
  height:6px;
}
.frame dfn {
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0.4;
  background-color:#548abb;
}
.frame .top {
  top:-5px;
}
.frame .bottom {
  bottom:-5px;
}
.frame .left {
  left:0;
}
.frame .right {
  right:0;
}
.frame ins.top, .frame ins.bottom {
  right:6px;
  left:6px;
  height:5px;
}
.frame ins.right, .frame ins.left {
  top:1px;
  bottom:1px;
  width:5px;
}
.frame ins.top {
  background:url(/i/frame/bg_top.png) 0 100% repeat-x;
}
.frame ins.bottom {
  background:url(/i/frame/bg_bottom.png) 0 0 repeat-x;
}
.frame ins.left {
  background:url(/i/frame/bg_left.png) 100% 0 repeat-y;
}
.frame ins.right {
  background:url(/i/frame/bg_right.png) 0 0 repeat-y;
}
.frame em.lt {
  background:url(/i/frame/corner_lt.png) 100% 100% no-repeat;
}
.frame em.rt {
  background:url(/i/frame/corner_rt.png) 0 100% no-repeat;
}
.frame em.rb {
  background:url(/i/frame/corner_rb.png) 0 0 no-repeat;
}
.frame em.lb {
  background:url(/i/frame/corner_lb.png) 100% 0 no-repeat;
}
/*==== /frame styles ====*/

/*==== side styles ====*/
#center #side {
  width:218px;
  margin:5px 30px 10px 20px;
  float:left;
}
#center #side .side_menu {
  margin:10px 0 20px 20px;
  color:#fff001;
}
#center #side .side_menu li {
  margin-bottom:5px;
}
#center #side .side_menu li.active {
  color:#0021ae;
}
#center #side .side_menu li.active a {
  font-weight:bold;
}
#center #side .side_banners {
  margin:10px 0 0 8px;
  list-style:none;
  text-align:center;
}
#center #side .side_banners li {
  margin-bottom:20px;
}
#center .border {
  position:absolute;
  left:245px;
  top:10px;
  bottom:10px;
  font-size:0;
  border-right:1px solid #3c6ea0;
}
/*==== /side styles ====*/

/*==== center part styles ====*/
#center #content {
  margin:15px 10px 10px 270px;
}
#center .path {
  margin:0 0 5px 25px;
}
#center .path li {
  display:inline;
}
#center h1 {
  margin:0 0 10px 25px;
  font:bold 22px arial;
  color:#005999;
}
#center h2 {
  margin-bottom:5px;
  padding:2px 0 2px 15px;
  font:bold 14px arial;
  color:#005999;
  background-color:#bcd6e7;
}
#center h2 a {
  color:#005999;
}
#center .text {
  text-align:justify;
}
@-moz-document url-prefix() {
  #center .text {
    padding:1px;
  }
}
#center .text p {
  margin-bottom:13px;
}
#center .text table p {
  margin-bottom:5px;
}
#center .text ul, #center .text ol {
  margin:10px 0 10px 20px;
}
#center .text img {
  margin:0 10px 10px 10px;
}
#center .content-video {
  margin-bottom:1em;
  text-align:center;
}

#center .content_menu {
  margin-bottom:20px;
  list-style:none;
}
#center .content_menu li.li-left {
  width:300px;
  float:left;
}
#center .content_menu li.li-right {
  margin-left:330px;
}
#center .content_menu li ul {
  margin-left:20px;
  list-style:disc;
  color:#fff001;
}
#center .content_menu li ul li {
  margin-bottom:3px;
}

#center .back {
  margin-top:10px;
  text-align:right;
}

#center .object_list {
  margin:10px 0 0 20px;
  list-style:none;
}
#center .object_list li {
  margin-bottom:10px;
}
#center .object_list li img {
  margin:0 10px 3px 0;
  float:left;
}
#center .object_list li .more {
  margin-top:5px;
}
/*==== /center part styles ====*/

/*==== projects styles ====*/
#projects {
  z-index:20;
  margin-top:30px;
}
#projects .title {
  width:562px;
  height:50px;
  margin:0 auto 15px auto;
  text-transform:uppercase;
  font:bold 18px/50px arial;
  /*background:url(/i/projects-title.png) 100% 50% no-repeat;*/
  text-align:center;
}
#projects .title a {
  color:#f00;
}
#projects .thumbs {
  width:700px;
  margin:0 auto;
  padding:5px 0 5px 0;
  overflow:hidden;
  clear:both;
}
#projects .thumbs table td {
  padding:0 5px 0 5px;
}
#projects .thumbs .frame {
  width:120px;
  height:75px;
}
#projects .thumbs .frame a {
  position:relative;
  width:120px;
  height:75px;
  display:block;
  overflow:hidden;
  cursor:pointer;
}
#projects .arrow {
  position:absolute;
  top:91px;
  width:32px;
  height:32px;
  font-size:0;
  cursor:pointer;
}
#projects .arrow-left {
  left:110px;
  background:url(/i/arrow-left.png) 50% 50% no-repeat;
}
#projects .arrow-right {
  right:110px;
  background:url(/i/arrow-right.png) 50% 50% no-repeat;
}

/*==== /projects styles ====*/

/*==== form styles ====*/
#center .form {
  width:260px;
  margin:20px auto 0 auto;
}
#center .form .field {
  margin-bottom:10px;
}
#center .form .field label {
  margin-bottom:3px;
  display:block;
}
.form .short_text input, .form .int input, .form .double input, .form .url input, .form .e_mail input, .form .long_text textarea {
  width:250px;
}
.form .enum select, .form .pointer select {
  width:252px;
}
.form .long_text textarea {
  height:128px;
}
.form .even {
  width:50%;
  float:left;
}
.form .odd {
  overflow:hidden;
}
.form .multimedia {
  width:auto;
  float:none;
  overflow:auto;
}
.error {
  font-weight:bold;
  color:#c00;
}
.captcha {
  margin-bottom:10px;
  text-align:center;
}
.captcha label {
  margin-bottom:2px;
  display:block;
}
.captcha img {
  vertical-align:middle;
}
.submit {
  text-align:center;
}
/*==== /form styles ====*/

/*==== gallery styles ====*/
.gallery-c  {
  margin-top:1em;
  list-style:none;
}
.gallery-c li {
  width:24%;
  height:120px;
  margin-bottom:1em;
  text-align:center;
  float:left;
}
/*==== /gallery styles ====*/

/*==== foot styles ====*/
#main #foot {
  position:absolute;
  bottom:0;
  z-index:20;
  height:68px;
  width:100%;
}
#main #foot .copyright {
  position:absolute;
  left:20px;
  top:30px;
}

#main #foot .foot_banners {
  position:absolute;
  left:250px;
  top:22px;
}
#main #foot .foot_banners li {
  margin-right:10px;
  display:inline;
}

#main #foot a.vcard {
  color:#1c3c75;
}
#main #foot .vcard {
  position:absolute;
  top:15px;
  right:20px;
  font-size:0.8em;
  height:45px;
}
#main #foot .vcard span {
  margin-right:0.3em;
}
#main #foot .vcard #flex-logo, #main #foot .vcard #flex-logo * {
  vertical-align:middle;
}
/*==== /foot styles ====*/