html, body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: Arial;
  font-size: 14px;
  color: #555B6D;
}

body {
  text-align: center;
}

a img {
  border: 0px;
}

a {
  color: #555B6D;
}

a:hover {
  color: #C88B22; /*#C32B3D;*/
}

a.nocolor:hover{
  color: #555B6D;
}
#table1 {
        border: none;
        border-collapse: collapse;
        font-size: 12px;
}


#table1 th {
        background:url(?resource=th1.jpg) top left repeat-x;
        color: #FFF;
        vertical-align: middle;
        text-align: left;
        height: 32px;
        font-weight: normal;
        padding-left: 8px;
        padding-right: 8px;
}

#table1 td {
        border-bottom:1px dotted #BFBFBF;
        text-align: left;
        padding-left: 5px;
        padding-left: 8px;
        padding-top: 12px;
        padding-bottom: 12px;
        vertical-align: top;
}

#table1 .bold {
        font-weight: bold;
}

#table1 .head {
        font-weight: bold;
        color: #D54343;
}

#table2 {
        border: none;
        border-collapse: collapse;
        font-size: 12px;
}

#table2 th {
        background:url(?resource=th2.jpg) top left repeat-x;
        background-color:#c7d2e9;
        color: #555B6D;
        vertical-align: middle;
        text-align: left;
        height: 32px;
        padding:0 8px;
        font-weight: normal;
}

#table2 td {
        border-bottom:1px dotted #BFBFBF;
        text-align: left;
        padding-left: 5px;
        vertical-align: top;
        padding-left: 8px;
        padding-top: 12px;
        padding-bottom: 12px;
}

#table2 .bold {
        font-weight: bold;
}

#table2 .head {
        font-weight: bold;
        color: #535868;
}

#table2 td {
        border-bottom:1px dotted #BFBFBF;
        text-align: left;
        padding-left: 5px;
}

#table2 .center {
  text-align:center;
}

/* ======================================== Таблица */
.table2 {
  border: none;
  border-collapse: collapse;
  font-size: 12px;
}

.table2 th {
  background:url(?resource=th2.jpg) top left repeat-x;
  background-color:#c7d2e9;
  color: #555B6D;
  vertical-align: middle;
  text-align: left;
  height: 32px;
  padding:0 12px;
  font-weight: normal;
}

.table2 td {
  border-bottom:1px dotted #BFBFBF;
  text-align: left;
  vertical-align: top;
  padding:8px 12px;
}

.table2 .center {
  text-align:center;
}

.table2 .bold {
  font-weight: bold;
}

.table2 .head {
  font-weight: bold;
  color: #535868;
}

/* ======================================== Баннер */
#topline {
  position: relative;
  height: 5px;
  background: #C29A2A; /*#CE2424;*/
  font-size: 1pt;
}
#topline a {
  color: #fff;
  font-size: 10pt;
  text-decoration: underline;
}

/* ======================================== Основной контейнер */
#all {
  margin: 0 auto;
  min-width: 990px;
  max-width: 1260px;
  margin-left: 6%;
  margin-right: 4%;
  min-height: 100%;
}

/* ======================================== Заголовок */
#head {
  height: 91px;
}

/* ======================================== Логотип */
#logo {
  float:left;
  position:relative;
  left:-2px;
  margin-top:25px;
}

/* ======================================== Блок авторизации и поиск */
#authsearch {
  float: right;
  position: relative;
  width: 50%;
  height: 60px;
  margin-top: 12px;
  text-align: right;
  font-size: 14px;
  padding: 0;
}
#authsearch a {
  color: #2C3A62;
  font-family: Arial;
  font-size: 12px;
}
#authsearch a.red {
  color: #C88B22; /*#C70000;*/
}
#authsearch .tab {
  color: #A8A8A8;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
#authsearch .input {
  float:right;
  position:relative;
  width:41.1%;
  height:22px;
  margin:0 20px 0 0;
  background:transparent url(?resource=search_bg.gif) repeat-x;
}
#authsearch .input .bgleft {
  float:left;
  position:relative;
  width:7px;
  height:22px;
  background:transparent url(?resource=search_bgleft.gif) top left no-repeat;
}
#authsearch .input .bgright {
  float:right;
  position:relative;
  width:7px;
  height:22px;
  background:transparent url(?resource=search_bgright.gif) top right no-repeat;
}
#authsearch .input .center {
  position:relative;
  margin:0 7px;
  text-align:left;
}
#authsearch .input .center input,
#authsearch .input .center input#searchLine {
  position:absolute;
  width:100%;
  top:2px;
  border:none;
  background:transparent;
  font-family:Arial;
  color:#BCBCBC;
}

/* ======================================== Горизонтальное меню */
#hmenu {
  position:relative;
  height:50px;
  background:transparent url(?resource=hmenu_bg.png) repeat-x;
}
#hmenu .bgleft {
  float:left;
  position:relative;
  height:50px;
  left:-31px;
  background:transparent url(?resource=hmenu_bgleft.png) top left no-repeat;
  padding-left:2px;
}
#hmenu .bgright {
  float:right;
  position:relative;
  width:8px;
  height:50px;
  background:transparent url(?resource=hmenu_bgright.png) top right no-repeat;
}
#hmenu a.item {
  display:block;
  float:left;
  position:relative;
  padding:15px 30px 0 29px;
  color:#2C3A62;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  height:35px;
}
#hmenu a.item:hover {
  color: #C88B22; /*#C70000;*/
  background:transparent url(?resource=hmenu_bg_h.png) repeat-x;
}
#hmenu .tab {
  float:left;
  position:relative;
  width:2px;
  height:50px;
  background:transparent url(?resource=hmenu_tab.png) top left no-repeat;
}

/* ======================================== Глубиномер */
#leftsp {
  float:left;
  position:relative;
  width:18.33%;
  height:10px;
}
#pathzone {
  float:left;
  position:relative;
  width:52.22%;
  margin:0;
  margin-left:4.44%;
  text-align: left;
}
#path {
  text-align:left;
  height: 80px;
  color: #2C3A62;
  font-family: Arial;
  font-size: 12px;
}
#path a {
  color: #2C3A62;
  font-family: Arial;
  font-size: 12px;
}
#path a:hover {
  color: #C88B22; /*#C70000;*/
  font-family: Arial;
  font-size: 12px;
}	
	
/* ======================================== Левая колонка */
#left {
  float:left;
  position:relative;
  width:18.33%;
  text-align:left;
  padding:0;
}

/* ======================================== Правая колонка */
#right {
  float:right;
  position:relative;
  width:20.5%;
  padding:0;
}

/* ======================================== Центральная колонка */
#center {
  float:left;
  position:relative;
  width:52.22%;
  margin:0;
  margin-left:4.44%;
  text-align:left;
  line-height:20px;
  padding:0 !important;
}

#center h1 {
  color: #C88B22; /*#CC4747;*/
  font-size: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: 36px;
  font-family: Times New Roman;
  line-height: 24px;
}

#center h2 {
  margin: 0;
  margin-bottom: 18px;
  font-family: Arial;
  font-size: 16px;
  text-align: left;
  color: #555B6D;
}

#center h3 {
  margin: 0;
  margin-bottom: 12px;
  font-family: Arial;
  font-size: 14px;
  text-align: left;
  color: #555B6D;
}

#center .analitic_author{
  margin-top: 3px;
  font-size: 0.8em;

}

/* ======================================== Врезка */
.incut {
  background-color:#F3F3F5;
  border-left:3px solid #CE2424;
  padding:11px 28px;
  text-align:left;
  font-size:13px;
  margin-bottom: 18px;
}

/* ======================================== Цитата */
.quote {
  font-style:italic;
  padding-left:35px;
  font-size:12px;
  background:transparent url(?resource=apos2.jpg) top left no-repeat;
}
.quote .author {
  font-style:italic;
  font-size:10px;
  margin-top:12px;
}

/* ======================================== Ненумерованный список */
#center ul {
  list-style-type:none;
  list-style-image: url(?resource=list_dash.png);
  padding:0px;
  margin: 0 0 20px 20px; 
  padding-left: 15px;
  color:#555B6D;
  text-align:left;

/* padding-bottom:15px;  */
  
}

/*
#center ul li {
  margin:0;
  padding:0;
  margin-top:4px;
  padding-left:17px;
  background:top left no-repeat url(?resource=list_dash.png);
}
*/

#center li {
  padding: 0 0 0 10px;
  margin: 0 0 10 0;
/*  background:top left no-repeat url(?resource=list_dash.png);*/
}

#center p {
  margin:0;
  margin-bottom:18px;
}

/* ======================================== Форма */
.form1 {
  border-left: 4px solid #BDC2D0;
  padding-left: 21px;
  font-size: 14px;
}
.form1 input, .form1 textarea, .form1 select {
  border: 1px solid #A9C0D7;
  margin-bottom: 20px;
  width: 283px;
}
.form1 input.small {
  width: 83px;
  margin-right:200px;
}
.form1 .text {
  margin-bottom:20px;
}
.form1 select {
  width: 285px;
}
.form1 label {
  display: block;
  float: left;
  width: 150px;
}
.form1 span#star {
  color: #E52D0E;
  margin-left: 5px;
}
.form1 input.button, .form1 input.button2 {
  height: 27px;
  border: none;
  color: #555B6D;
  font-family: Arial;
  margin: 0;
  margin-left: 150px;
}
.form1 input.button {
  width: 104px;
  background: url(?resource=formbutton.jpg);
}
.form1 input.button2 {
  width: 154px;
  background: url(?resource=formbutton2.jpg);
}
.form1 input.button200 {
  margin-left: 15px;  
}

.form1 input.secondButton, .form1 input.m20 {
  margin-left: 20px !important;
}
.wide label {
  width: 180px;
}
.widetextarea textarea {
  width:511px;
}
.widetextarea label {
  width: 230px;
}
.wide input.button {
  margin-left: 180px;
}
.widetextarea input.button {
  margin-left: 230px;
}
.form1 input.checkbox {
  width: 15px;
  height: 15px;
}
.form1 span.comment {
  display:block;
  margin-top:20px;
  font-family:Arial;
  font-size:12px;
}
.form1 span.comment span#star {
  font-size: 14px;
  margin: 0;
  margin-right: 10px;
}
.formdownload {
  padding-left:5px;
  border-left:0;
}
.formdownload input.button {
  position1:absolute;
  right1:0px!important;  /* for IE6 */
  right1:10px;
  margin:0;
}
.formdownload .h td {
  font-size:80%; color:#8A8D97; padding-bottom:10px;
}

/* ======================================== Подвал */
.clear {
  clear: both;
}
.foot {
  height:89px;
  padding:1px;
}
.foot .left {
  float:left;
  text-align:left;
  margin-top:28px;
  height:34px;
}
.foot .right {
  float:right; 
  margin: 14px 10px 0 5px; 
  text-align:left;
}
.foot .left, .foot .right {
  font-size:12px;
}
.foot .right a {
  color:#444B5F;
}
.foot .right span.tab {
  color:#A8A8A8;
  margin-left:10px;
  margin-right:10px;
}
.foot .copy {
  float:left;
  position:relative;
  left:-155px;
  top:28px;
  width:10px;
}
.foot .counters {
  float:right;
  text-align:right;
  margin-top:26px;
}

/* ======================================== Меню */
ul.submenu_f {
  margin:0;
  padding:0;
}
ul.submenu_f li {
  list-style-type: none;
}
ul.submenu_f li.toplevel {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
}
ul.submenu_f ul {
  padding-left: 20px;
  margin-left:0;
}
ul.submenu_f li.level {
  padding-top: 12px;
}
ul.submenu_f li.toplevel a {
  color: #2C3A62;
  font-family: Arial;
  font-size: 14px;
}
ul.submenu_f li.toplevel a.inpath {
  font-weight: bold;
}
ul.submenu_f li.toplevel a.selected {
  color: #C88B22; /*#C70000;*/
  text-decoration: none;
}
ul.submenu_f li.level a {
  font-size: 12px;
}
ul.submenu_f li.level a.inpath {
  font-weight: bold;
}
ul.submenu_f li.level a.selected {
  color: #C88B22; /*#C70000;*/
  text-decoration: none;
}

/* ======================================== Тизер */
.tizer {
  background: #FFF9E8;
  border-top: 1px solid #E9E7E7;
  border-bottom: 1px solid #E9E7E7;
}
.tizer1 {
  background: #FFF9E8;

}
.tizer .content {
  position:relative;
  border-left: 1px solid #E9E7E7;
  border-right: 1px solid #E9E7E7;
  text-align: left;
  padding: 8px 10px;
}
.tizer .t, .tizer .b {
  position: relative;
  height: 4px;
  font-size: 1pt;
}
.tizer .t div, .tizer .b div {
  position:absolute;
  width:4px;
  height:4px;
  padding:0;
  margin:0;
}
.tizer .t .l {
  top: -1px;
  left: 0;
  background: no-repeat url(?resource=tizerangles.gif) top left;
}
.tizer .t .r {
  top: -1px;
  right: 0;
  background: no-repeat url(?resource=tizerangles.gif) top right;
}
.tizer .b .l {
  background: no-repeat url(?resource=tizerangles.gif) bottom left;
  bottom: -1px;
  left: 0;
}
.tizer .b .r {
  background: #FFF no-repeat url(?resource=tizerangles.gif) bottom right;
  bottom: -1px;
  right: 0;
}

/* ======================================== Комментарий */
.mainpage .comment {
  float:right;
  position:relative;
  width:27.8%;
  left:-22px;
  top:-15px;
  background:#FBFBFB url(?resource=comment_bg.jpg) bottom repeat-x;
  border-left:1px solid #EBE9E9;
}
.mainpage .comment .rightbg {
  position:relative;
  right:-22px;
  background:#FBFBFB url(?resource=comment_bg.jpg) bottom repeat-x;
  border-top:1px solid #EBE9E9;
  border-right:1px solid #EBE9E9;
}
.mainpage .comment .rightbg .t, .mainpage .comment .rightbg .b {
  position:relative;
  height:15px;
  font-size:1pt;
}
.mainpage .comment .rightbg .t .l {
  float:left;
  position:relative;
  width:50px;
  height:15px;
  top:-1px;
  left:-23px;
  background:url(?resource=comment_bgtopleft.jpg) top left no-repeat;
}
.mainpage .comment .rightbg .t .r {
  float:right;
  position:relative;
  width:50px;
  height:15px;
  top:-1px;
  right:-1px;
  background:url(?resource=comment_bgtopright.jpg) top right no-repeat;
}
.mainpage .comment .rightbg .b .l {
  float:left;
  position:relative;
  width:50px;
  height:15px;
  left:-23px;
  background:url(?resource=comment_bgbottomleft.jpg) bottom left no-repeat;
}
.mainpage .comment .rightbg .b .r {
  float:right;
  position:relative;
  width:50px;
  height:15px;
  right:-1px;
  background:url(?resource=comment_bgbottomright.jpg) bottom right no-repeat;
}
.mainpage .comment .rightbg .container {
  position:relative;
  left:-16px;
  text-align:left;
}
.mainpage .comment .container .title {
  font-size:11px;
  position:relative;
  top:-1px;
  height:94px;
}
.mainpage .comment .container .title .icon {
  float:left;
  position:relative;
  padding-left:2px;
}
.mainpage .comment .container .title .icon img {
  padding:1px;
  border:1px solid #BBC0C6;
}
.mainpage .comment .container .title .text {
  float:left;
  position:relative;
  margin-left:18px;
  padding-top:6px;
  line-height:12px;
}
.mainpage .comment .container .content {
  font-style:italic;
  font-size:12px;
  padding-left:24px;
  padding-right:24px;
  background:transparent url(?resource=comment_quot.png) top left no-repeat;
  line-height:16px;
}

/* ======================================== Блок новостей на главной странице */
.news {
  text-align:left;
  font-family:Arial;
  padding:0;
}
.news a {
  color:#6B7895;
  font-size:12px;
}
.news .date {
  margin-top:2px;
  color:#7E869C;
  font-size:9px;
}
.news .content {
  color:#2C3A62;
  font-size:12px;
  margin-top:5px;
  margin-bottom:18px;
  line-height:16px;
}
.news .content a {
  text-decoration: none;
}

/* ======================================== Проект */
.project {
  float:left;
  position:relative;
  width:31.1%;
  text-align:left;
  font-family:Arial;
  color:#555B6D;
}
.project .title {
  height:96px;
  font-size:12px;
  line-height:16px;
}
.project .title .logo {
  float:left;
  position:relative;
}
.project .title h1 {
  position:relative;
  margin:0;
  margin-bottom:4px;
  padding-top:4px;
  color:#2C3A62;
  font-size:12px;
}
.project .content {
  position:relative;
  font-size:12px;
  line-height:16px;
}
.project .content .quote {
  padding:0;
  margin:0;
  position:relative;
  font-style:italic;
  padding-left:26px;
  margin-top:2px;
  font-size:12px;
  background:url(?resource=project_quot.png) top left no-repeat;
}
.project .content .quote .author {
  position:relative;
  font-style:italic;
  font-size:11px;
  margin-top:7px;
  line-height:14px;
}
.project .link {
  float:right;
  position:relative;
  font-size:12px;
  color:#727B96;
  margin-top:10px;
}

/* ======================================== Фиксы */
.update {
  
  /*float:left;*/
  float: right;
  position:relative;
  width:28.2%;
  text-align:left;
  font-family:Arial;
  color:#555B6D;
/*  clear: none; both;*/ 
  border-left: 2px solid #CE2424;
  padding-left: 17px;
  margin-top: 25px;
  min-height: 279px;

}
.update .title {
  margin-top: 0px;
  height:17px;
  line-height:16px;
  color:#2C3A62; 
  font-weight:bold; 
  text-align:left;  
}
.update .block .icon{
  height: 60px;
  left: 0;
//  position: absolute;
  width: 55px;
  float: left;
}
.icon_hf{
  background: url("?resource=product_cse_hotfix.gif") no-repeat scroll right top white;
}
.icon_sp{
  background: url("?resource=product_cse_sp.gif") no-repeat scroll right top white;
}
.icon_bc{
  background: url("?resource=bc_fix.png") no-repeat scroll right top white;
}
.icon_grpt{
  background: url("?resource=grpt_fix.png") no-repeat scroll right top white;
}
.update .block{
  min-height: 70px;
  font-size: 12px;  
  margin-top: 15px;
}

.update .block .content{
  margin-left: 70px;
  color: #2C3A62;
}

.update .block .content table tr td{
  padding-bottom: 4px;
}

.update .block .content a{
  color: #2C3A62;
}

.update .block .content a:hover{
  color: #C88B22;
}

.update .content .date{
  color: #8A8D97;
  font-size: 80%;
  
}




/* ======================================== Видеолента на главной */
.mainpage .video {
  /*float:right;*/
  float:left;
  left:-22px;
  margin-top:25px;

  position:relative;
  
  width:66.6%;

  background:#FBFBFB url(?resource=comment_bg.jpg) bottom repeat-x;
  border-left:1px solid #EBE9E9;
}
.mainpage .video .rightbg {
  position:relative;
  right:-38px;
  background:#FBFBFB url(?resource=comment_bg.jpg) bottom repeat-x;
  border-top:1px solid #EBE9E9;
  border-right:1px solid #EBE9E9;
}
.mainpage .video .rightbg .t, .mainpage .video .rightbg .b {
  position:relative;
  height:10px;
  font-size:1pt;
}

.mainpage .video .rightbg .t .l {
  float:left;
  position:relative;
  width:50px;
  height:10px;
  top:-1px;
  left:-39px;
  background:url(?resource=comment_bgtopleft.jpg) top left no-repeat;
}

.mainpage .video .rightbg .t .r {
  float:right;
  position:relative;
  width:50px;
  height:10px;
  top:-1px;
  right:-1px;
  background:url(?resource=comment_bgtopright.jpg) top right no-repeat;
}
.mainpage .video .rightbg .b .l {
  float:left;
  position:relative;
  width:50px;
  height:10px;
  left:-39px;
  background:url(?resource=comment_bgbottomleft.jpg) bottom left no-repeat;
}
.mainpage .video .rightbg .b .r {
  float:right;
  position:relative;
  width:50px;
  height:10px;
  right:-1px;
  background:url(?resource=comment_bgbottomright.jpg) bottom right no-repeat;
}
.mainpage .video .rightbg .container {
  position:relative;
  left:-2px;
  margin-right: 20px;
  text-align:left;
}

.mainpage .video .container .content {
  font-style:italic;
  font-size:12px;
  padding-left:24px;
  padding-right:24px;
  background:transparent url(?resource=comment_quot.png) top left no-repeat;
  line-height:16px;
}


/* ======================================== Анотация */
.anotation {
 font-size:90%;
}
.alink {
  border-bottom:1px dashed;
  text-decoration:none;
}

/* ======================================== TabPanel */
.tabpanel { position:relative; }
.tabpanel .tabs { position:relative; height:34px; padding:0 1px; }
.tabpanel .tab, .tabpanel .atab, .tabpanel .l, .tabpanel .r, .tabpanel .caption { float:left; position:relative; }
.tabpanel .tab, .tabpanel .atab { top:1px; text-decoration:none; color:#555B6D; }
.tabpanel .tab { outline:none; height:33px; background:url(?resource=tab_bg.png) repeat-x; cursor:hand; z-index:1; }
.tabpanel .atab { cursor:default;outline:none; height:34px; background:url(?resource=atab_bg.png) repeat-x; cursor:hand; z-index:2; }
.tabpanel a.tab:hover { color:#555B6D; }
.tabpanel a.atab:hover { color:#555B6D; }
.tabpanel .tab .l { width:7px; height:33px; background:url(?resource=tab_bgleft.png) top left no-repeat; z-index:1; left:-1px; }
.tabpanel .tab .r { width:7px; height:33px; background:url(?resource=tab_bgright.png) top right no-repeat; z-index:1; }
.tabpanel .atab .l { width:7px; height:34px; background:url(?resource=atab_bgleft.png) top left no-repeat; z-index:2; left:-1px; }
.tabpanel .atab .r { width:7px; height:34px; background:url(?resource=atab_bgright.png) top right no-repeat; z-index:2; }
.tabpanel .caption { margin-top:7px; padding-left:9px; padding-right:10px; font-size:12px; }
.tabpanel .panel { border:1px solid #D3D4D6; }
.tabpanel .content, .tabpanel .acontent { padding:10px; font-size:12px; }
.tabpanel .content { visibility:hidden; position:absolute; }
.tabpanel .acontent { visibility:visible; }
.tabpanel .tab .f { left:auto; }
.tabpanel .content .form1 input { display:none; }
.tabpanel .acontent .form1 input { display:inline; }
.tabpanel .acontent .form1 input[type=hidden] { display:none; }
.tabpanel .acontent .form1 { margin:0; }
.tabpanel .acontent a { display:inline; }

/* ListItem */
.listitem { position:relative; margin-top:20px; padding:5px; border:1px solid #ccc; }
.listitem .icons { position:absolute; top:4px; right:0; width:100px; text-align:right; }
.listitem .icons a { margin-right:4px; }

/* list-table */
table.list1 {
  border-collapse: collapse;
}
table.list1 td, table.list1 th {
  border: 1px dotted #BBB;
  padding: 5px; 
}
table.list1 th {
  background: #EDF1F8;;
}


/*#------------------------Search------------------#*/
#searchLine{width: 98%; margin: 5px;}

.socicon{
  display: block;
  float:left;
  margin:0;
  width:24px;
  height:24px;
}
.inicon{
  background:url(?resource=in_icn.png) 0 0 no-repeat;
}
.fbicon{
  background:url(?resource=fb_icn.png) 0 0 no-repeat;
}
.twicon{
  background:url(?resource=tw_icn.png) 0 0 no-repeat;
}
.vkicon{
  background:url(?resource=vk_icn.png) 0 0 no-repeat;
}

.pages {
    font-style: italic;
    padding: 20px 40px;
    text-align: right;
}

.pages, .pages a.selected {
    color: #A8A8A8;
    font-weight: normal;
}

.pages a {
    margin-left: 10px;
    color: #134498;
    cursor: pointer;
}