@charset "UTF-8";
/* CSS Document */
*{ margin:0; padding:0; outline: none; }
ul{ list-style:none; }
 
table{ border-collapse:collapse; }
img{ border:none; }
html, body{ font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#253654; background: url(../images/bg.jpg) no-repeat center top; }
#main{ width: 900px; margin:0 auto; }
.topBlock{ float:left; width:100%; padding-top:50px; }
.logo1{ float:left; width:161px; height:32px; overflow:hidden; margin-top:10px; background: url(../images/logo.gif) no-repeat; }
.logo2{ float:right; width:125px; height:38px; overflow:hidden; margin-top:10px; background: url(../images/logo2.gif) no-repeat; }
.topBlock .text{ width:480px; margin:0 auto; font-size: 30px; }
.topBlock .text h1{ float:left; font-weight:normal; font-size:30px; color:#acc8fe; padding:15px 20px 0 0; }
.topBlock .text div{ float:left; color:#fff; border-left: 3px solid #fff; padding-left:20px; line-height:30px; }
.topBlock .backToMain{ float:left; width:100%; padding-top:5px; }
.topBlock .backToMain img{ width: 11px; height:11px; margin-bottom:-2px; background: url(../images/point.gif) no-repeat; margin-right:5px; }
.topBlock .backToMain a{ text-decoration:none; color:#acc8fe; font-size:12px; }
.topBlock .backToMain a span{ text-decoration:underline; }
.topBlock .backToMain a:hover span{ text-decoration:none; }
.flash1{ position:relative; z-index:2; float:left; width:960px; margin: 0 -30px -20px -30px; }
.contentBlock{ float:left; width:100%; }
.menu{ position:relative; z-index:3; float:left; width:100%; font-size:18px; }
.menu li{ float:left; padding-right:24px; }
.menu li div{ float:left; height:30px; overflow:hidden; }
.menu li p{ float:left; height:30px; overflow:hidden; }
.menu li.last{ padding-right:0; margin-right:-5px; }
.menu li a{ float: left; padding:6px; height:18px; color:#fff; text-decoration:none; line-height:18px; }
.menu li.active div{ background: url(../images/corns2.gif) no-repeat right -30px; }
.menu li.active div p{ padding:0 5px; background: url(../images/corns2.gif) no-repeat; }
.menu li.active a{ background:#fff; color:#039; }
.forScrollBox{ float:left; width:100%; padding:30px 0; }
#pointL{ float:left; width:30px; height:200px; background: url(../images/pointerL.gif) no-repeat; }
#pointR{ float:right; width:30px; height:200px; background: url(../images/pointerR.gif) no-repeat; }
.scrollBox{ position:relative; width:800px; height:200px; overflow:hidden; margin:0 auto; }
.descriptsList{ position:relative; left:0; top:0; float:left; width:4000px; }
.descriptsList li{ float:left; overflow:hidden; width:800px; height:200px; }
.descriptsList li .img{ float: left; width:300px; }
.descriptsList li .descript{ padding-left:320px; }
.descriptsList li .descript p{ padding-bottom:20px; }
.promoTextBox{ float:left; width:100%; padding-bottom:20px; }
.promoTextBox .flash2{ float:left; width:572px; }
.promoTextBox .text{ padding-left:600px; }
.promoTextBox .text h3{ font-size:14px; padding-bottom:20px; }
.intelectualIconsBox{ float:left; width:100%; padding: 10px 0; background: url(../images/bg2.gif) repeat-y; }
.intelectualIconsBox h1{ float:left; padding-left: 30px; font-size:24px; font-weight:normal; color:#003; }
.intelectualIconsBox h1 img{ width:49px; height:39px; margin:0 10px -7px 0; background: url(../images/ia.gif) no-repeat; }
.intelectualIconsBox ul{ float:left; width:100%; padding:15px 0; }
.intelectualIconsBox ul li{ position:relative; float:left; padding:0 21px; }
.intelectualIconsBox ul li a{ float:left; width:86px; height:86px; }
.intelectualIconsBox ul li.ico1 a{ background: url(../images/ico1.jpg) no-repeat; }
.intelectualIconsBox ul li.ico2 a{ background: url(../images/ico2.jpg) no-repeat; }
.intelectualIconsBox ul li.ico3 a{ background: url(../images/ico3.jpg) no-repeat; }
.intelectualIconsBox ul li.ico4 a{ background: url(../images/ico4.jpg) no-repeat; }
.intelectualIconsBox ul li.ico5 a{ background: url(../images/ico5.jpg) no-repeat; }
.intelectualIconsBox ul li.ico6 a{ background: url(../images/ico6.jpg) no-repeat; }
.intelectualIconsBox ul li.ico7 a{ background: url(../images/ico7.jpg) no-repeat; }
.intelectualIconsBox ul li.ico7{ margin-right:-80px; } 
.intelectualIconsBox ul li.ico6 .textWinBox{ left:-81px; }
.intelectualIconsBox ul li.ico7 .textWinBox{ left:-209px; }
.intelectualIconsBox .textWinBox{ display:none; position:absolute; left:0; top:120px; width:340px; }
.intelectualIconsBox .textWinBox .topBox{ float:left; width:100%; height:5px; overflow:hidden; }
.intelectualIconsBox .textWinBox .lt{ float:left; width:5px; height:5px; margin-right:-5px; overflow:hidden; background: url(../images/corns.gif) no-repeat; }
.intelectualIconsBox .textWinBox .rt{ float:right; width:5px; height:5px; margin-left:-5px; overflow:hidden; background: url(../images/corns.gif) no-repeat 0 -5px; }
.intelectualIconsBox .textWinBox .ct{ height:5px; overflow:hidden; margin: 0 5px; background:#fff; }
.intelectualIconsBox .textWinBox .botBox{ float:left; width:100%; height:5px; overflow:hidden; }
.intelectualIconsBox .textWinBox .lb{ float:left; width:5px; height:5px; margin-right:-5px; overflow:hidden; background: url(../images/corns.gif) no-repeat 0 -10px; }
.intelectualIconsBox .textWinBox .rb{ float:right; width:5px; height:5px; margin-left:-5px; overflow:hidden; background: url(../images/corns.gif) no-repeat 0 -15px; }
.intelectualIconsBox .textWinBox .cb{ height:5px; overflow:hidden; margin: 0 5px; background:#fff; }
.intelectualIconsBox .textWinBox .contBox{ float:left; width:310px; padding: 5px 15px; background:#fff; font-size:12px; color:#003; }
.intelectualIconsBox .textWinBox .contBox h3{ font-size:12px; padding-bottom:10px; }
.bottomBlock{ float:left; width:100%; font-size:12px; color:#003; padding:100px 0 30px 0; }