/* Start of CMSMS style sheet 'page' */
@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; border:0;}
html, body {width:100%; height:100%;}
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background:#fff url(img/bgr.gif) repeat-x scroll left top;
  color:#000;
  margin:0;padding:0;border:0;
  font-size:69%;
  line-height:1.4em;
  text-align:center;
  position:relative;
  }
body.sub {background-image:url(img/bgr-sub.gif);}
textarea, input, select {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1em;} 

a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;} 
hr {display:none;}

#container {width:900px; margin:0 auto; text-align:left;}
.textnavig {clear:both; color:#fff;}

H2 {font-size:130%;}
H3 {color:#f15922; font-size:120%;}
H4 {color:#f15922;font-size:140%;}

/* HEADER
**************************************************************************************************/
#header {width:900px; min-height:125px; height:125px; padding:0 20px; position:relative;}
*>#header {width:860px; height:auto;}
#header h1 {margin:0; padding:0; float:left;}
#header h1 a {display:block; width:180px; height:125px; position:relative; overflow:hidden;}
#header h1 a span {display:block; width:180px; height:125px; position:absolute; left:0; top:0; background:url(img/logo.gif) no-repeat scroll left top;}
#header h1 a:hover span {background-position:right top;}


#header ul {float:right; list-style:none; margin:0; padding:0; margin-top:5px; font-size:1.09em;}
html>/**/body #header ul {margin-top:0;}
#header li {margin:0; padding:0; float:left; background:#d42d0e url(img/menu-right.gif) no-repeat scroll right top; margin-left:1px;}
#header li a {display:block; padding:7px 16px 8px; background:url(img/menu-left.gif) no-repeat scroll left top; text-decoration:none; color:#fff; font-weight:bold;}
#header li a:hover {color:#000;}
#header li.active {float:left; background:#d1d2d4  url(img/menu1-right.gif) no-repeat scroll right top;}
#header li.active a {background-image:url(img/menu1-left.gif); color:#f15922;}

#header span.lang {position:absolute; top:10px; right:22px; color:#fff;}

#header form {margin:0; padding:0;}
#header fieldset {margin:0; padding:0; border:0 none; float:right; height:95px; width:650px;}
#header fieldset p {padding-top:38px; color:#d1d2d4; text-align:right;}
#header a {color:#d1d2d4;}
#header a.sitemap {background:url(img/sitemap.gif) no-repeat scroll left center; padding:0 5px 0 15px; margin:0 10px;}
#header input {background:#8d8d8d; color:#fff; height:22px; padding:4px 10px 3px; border:1px solid #b9b3b3;}
*>#header input {height:auto;}
#header .search {border:0; width:22px; height:22px; background:#c51403 url(img/search.gif) no-repeat scroll left top;}
#header .search:hover {background-position:right top;}
html>/**/body #header .search {margin-bottom:-1px; margin-left:0.5em;}

/* HOME
**************************************************************************************************/
#home {clear:both;}
#home div {width:890px; height:243px; background:#fe6900 url(img/main.gif) no-repeat scroll left top; border:5px solid #d1d2d4; color:#fff; }
* HTML BODY #home div {width:900px; height:253px;}
#home div h2 {display:none;}
#home div p {width:420px; margin:1em 50px; font-size:1.09em;}

#home ul {padding:0;margin:20px 0; list-style:none; line-height:1.3em;}
#home li {background:#f5f4f4; float:left; padding-bottom:17px; margin-right:26px; border:5px solid #cccccc; width:272px;}
html>/**/body #home li {margin-bottom:18px;}
#home li.super {margin-right:0;}
#home li p {padding:0.5em 5px 0.5em 25px; color:#686868;}
*>#home li p {padding:0.5em 15px 0.5em 25px;}
#home ul h2 {width:282px; overflow:hidden; height:108px; position:relative; margin:-5px -5px 0; line-height:50px; text-align:center;}

#home ul h2 span {width:282px; height:108px; position:absolute; left:0; top:0;}
#home ul .vision h2 span {background:url(img/vision2.gif) no-repeat scroll left top;}
#home ul .real h2 span {background:url(img/vision-real2.gif) no-repeat scroll left top;}
#home ul .super h2 span {background:url(img/vision-super2.gif) no-repeat scroll left top;}

#home .vision:hover { border:5px solid #aaa; cursor:pointer; cursor:hand;}
#home .vision:hover h2 span {background:url(img/vision2.gif) no-repeat scroll 0 -108px;}

#home .real:hover { border:5px solid #aaa; cursor:pointer; cursor:hand;}
#home .real:hover h2 span {background:url(img/vision-real2.gif) no-repeat scroll 0 -108px;}

#home .super:hover { border:5px solid #aaa; cursor:pointer; cursor:hand;}
#home .super:hover h2 span {background:url(img/vision-super2.gif) no-repeat scroll 0 -108px;}

/*english*/
#home ul.en .vision h2 span {background:url(img/vision_en.gif) no-repeat scroll left top;}
#home ul.en .real h2 span {background:url(img/vision-real_en.gif) no-repeat scroll left top;}
#home ul.en .super h2 span {background:url(img/vision-super_en.gif)  no-repeat scroll left top;}

#home ul.en  .vision:hover h2 span {background:url(img/vision_en.gif) no-repeat scroll 0 -108px;}
#home ul.en .real:hover h2 span {background:url(img/vision-real_en.gif) no-repeat scroll 0 -108px;}
#home ul.en .super:hover h2 span {background:url(img/vision-super_en.gif) no-repeat scroll 0 -108px;}


/* SUB
**************************************************************************************************/
#sub {clear:both;}
#sub div {width:890px; height:138px; background:#fe6900 url(img/top.jpg) no-repeat scroll left top; border:5px solid #d1d2d4; color:#fff; }
* HTML BODY #sub div {width:900px; height:148px;}
/*
#sub div.super-vision {background:#fe6900 url(img/sub_supervision.jpg) no-repeat scroll left top; }
#sub div.real-vision {background:#fe6900 url(img/sub_realvision.jpg) no-repeat scroll left top;}*/
#sub div h2 {display:none;}
#sub div p {width:500px; margin:1em 25px; font-size:1.09em;}

/* BREADCRUMBS
**************************************************************************************************/
#breadcrumbs {color:#d1d2d4; padding:2px 10px 3px;}
#breadcrumbs a {color:#d1d2d4;}
#breadcrumbs span {padding:0 5px;}

/* CONTENT + MAIN
**************************************************************************************************/
#content {border:5px solid #fff; background:#fff; color:#686868;}
#main {width:610px; float:right; background:#fff url(img/content.gif) no-repeat scroll right top; padding:30px 45px 20px 30px;}
div.main-full {width:800px !important;}
* HTML BODY div.main-full {width:875px !important;}
*>#main {width:535px;}
*>div.main-full {725px !important}
html>/**/body #main {margin-bottom:18px; padding-top:15px;}
#main p {margin:1em 0;}
#main ul {margin:1em 0; list-style:none;}
#main ul li {background:url(img/li.gif) no-repeat scroll 13px 6px; padding-left:30px;}

#main .view { float:left; width:193px; margin-right:40px; margin-top:0px; padding-top:50px;}
#main .view p {border:1px solid #e4e4e4; padding:10px 15px 10px 25px;}
#main .view a {color:#f15922; text-decoration:none; font-weight:bold; display:block; background:url(img/dot.gif) repeat-x scroll left bottom; padding:7px 0 8px;}
#main .view a:hover {color:#a52c01;}
#main .view a.last {background:none;}
*>#main .view a.last {padding:7px 0;}
#main .view h3 { margin:0; padding:0;font-size:1.09em; line-height:2em; margin-bottom:-0.5em; background:url(img/icon-star.gif) no-repeat scroll left center; padding-left:30px;}

#main .share {margin:0px 0 0 233px; padding-top:50px;}
#main .share p {border:1px solid #e4e4e4; padding:10px 105px 10px 25px; margin-bottom:0;}
#main .share small {display:block; margin:1em 0 5px;}
html>/**/body #main .share small {margin-bottom:4px;}
#main .share h3 {margin:0; padding:0;font-size:1.09em; line-height:2em; margin-bottom:-0.5em; background:url(img/icon-bubble.gif) no-repeat scroll left center; padding-left:30px;}




/* ASIDE
**************************************************************************************************/
#aside {width:280px; background:url(img/a-side2.gif) no-repeat scroll left top; float:left; padding-top:0px; position:relative;}
html>/**/body #aside {margin-bottom:18px;}
#aside .arrow {position:absolute; top:22px; right:0; width:10px; height:20px; background:url(img/arrow4.gif) no-repeat; }
#aside .arrow-real {top:86px; }
#aside .arrow-super {top:150px; }
#aside h2 {margin:0; font-size:1em; font-weight:normal; line-height:1.2em; background:url(img/aside-border.gif) no-repeat scroll 2px bottom;  width:270px; }
#aside h2 a strong {color:#f15922; font-size:1.09em; }
#aside h2 a {color:#686868; text-decoration:none; padding:13px 20px 18px 135px; display:block; _width:100%;}
#aside h2.super-active,#aside h2.real-active,#aside h2.vision-active {background:#E1E0E0;}
#aside h2.vision a {background:url(img/a-vision1.gif) no-repeat scroll left center; }
#aside h2.vision-active a {background:url(img/a-vision.gif) no-repeat scroll left center;}
#aside h2.real a {background:url(img/a-real.gif) no-repeat scroll left center;}
#aside h2.real-active a {background:url(img/a-real2.gif) no-repeat scroll left center;}
#aside h2.super a {background:url(img/a-super.gif) no-repeat scroll left center;}
#aside h2.super-active a {background:url(img/a-super2.gif) no-repeat scroll left center;}
#aside ul {list-style:none; background:url(img/aside-border.gif) no-repeat scroll 2px bottom; padding:10px 0 15px;}
#aside li {padding-left:135px;}
#aside li a {color:#686868; text-decoration:none; display:block; padding:2px 10px; width:145px;background:url(img/sipka.gif) no-repeat scroll left 8px }
*>#aside li a {width:auto;}
#aside li.active a,#aside li a:hover {color:#000; text-decoration:none;}
#aside .blocktitle {margin:0; padding:10px 0 10px 133px; font-size:100%; font-weight:bold; color:#F05921;}

table.formular {clear:both; }
table.formular TD {padding:4px 8px 0 0; white-space:nowrap;}
table.formular TD INPUT,table.formular TD TEXTAREA { background:#F6F6F6;  border:1px solid #ddd; padding:2px 4px;}
table.formular TD INPUT {width:180px;}
table.formular TD TEXTAREA{width:280px; height:140px;}
table.formular td .fbsubmit {width:auto;  background:#ddd; border:0 none; cursor:pointer; cursor:hand;}
table.formular .error {color:#F15922; font-weight:bold;}

/* FOOTER
**************************************************************************************************/
/* FOOTER
**************************************************************************************************/
#footer {clear:both; border-top:1px solid #ffffff; color:#686868; background:url(img/footer-bgr.gif) repeat-x scroll left 1px;_width:100%;}
#footer div {background:url(img/infolinka.gif) no-repeat scroll right 20px; padding:15px 25px 15px;}
html>/**/body #footer div {padding:15px 15px 15px;}
#footer div.en {background:url(img/infolinka_en.gif) no-repeat scroll right 20px;}
#footer a {color:#686868; padding:0 8px;}
#footer .last {padding-left:75px; margin:1.5em 0; line-height:1.2em; background:url(img/footer.gif) no-repeat scroll 8px -5px; padding-bottom:15px;}
#footer .last strong {color:#f15922;}
#footer .last a {color:#f15922; padding:0;}
#footer .last em {font-style:normal; display:block; margin-top:0.5em;}
/* End of 'page' */