html{height: 100%}
body {font: 14px/20px Arial, Tahoma, Verdana, sans-serif; background: url(../images/template/layouts/bg.png) top left repeat-x #FFF; position: relative}
#wrapper{width: 1000px; margin: 0 auto; min-height: 100%}
.wrapper{width: 1000px; margin: 0 auto}

#header {height: 320px; padding: 10px 0 0 0}
.contacts{
        border-radius: 6px;
   -moz-border-radius: 6px;
-webkit-border-radius: 6px;
    border: none;
    background-color: #606060;
    float: left;
    color: #FFF;
    padding: 5px 10px;
    font-weight: bold
}
.contacts a {color: #FFF; text-decoration: none}
a.contact_us {text-decoration: underline}
#languages_switcher {float: right; font-size: 24px}
#languages_switcher a {margin-right: 15px; color: #000}
#promo {clear: both; padding: 20px 0 0 0; overflow: hidden}
#promo_left{width: 330px; overflow: hidden; float: left; margin: 5px 30px 0 0}

#promo_img_ru {background: url(../images/template/errors_ru.png) no-repeat center top}
#promo_img_en {background: url(../images/template/errors_en.png) no-repeat center top}
#promo_img_ru, #promo_img_en {width: 307px; display: block; height: 216px}
#promo_img_ru:hover, #promo_img_en:hover {background-position: 0px -216px}
#promo_right {width: 500px; padding: 0 0 10px 40px; overflow: hidden}
#promo_right ul {padding: 0 0 10px 0}
#promo_right ul li {font-size: 16px !important}
#promo_title {font-size: 60px; margin: 30px 0 20px 0}
#promo_title a {color: #000}
#promo_subtitle{font-size: 24px}

#content_wrap {padding: 0 15px 0px 15px}
#content_wrap:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0}
#container {margin-right : 290px}

#sidebar {float: right; margin-right: -3px; width: 250px; position: relative; background: #EAEAEA}
#sidebar ul, #sidebar ul li {list-style-position: inside}
#sidebar ul {margin-top: 1px}
#sidebar p {margin: 0 0 4px 0}

.menu_fordevelopers li {font-size: 18px; line-height: 24px}

#footer {margin: 25px auto 0; background: url(../images/template/layouts/bg_footer.png) bottom left repeat-x;}
#footer_up {
    background: url(../images/template/layouts/customers_bg.png) top left repeat-x;
    margin: 1px 40px 10px 40px;
    padding: 10px 0;
        border-radius: 6px;
   -moz-border-radius: 6px;
-webkit-border-radius: 6px
}

#customers_title {display: block; width: 250px; height: 50px; line-height: 30px; float: left; font-size: 30px; color: #D0D1D4; margin: 35px 0 0 0; text-align: center}
.slider {margin: 5px 0 0 0; overflow: hidden; padding: 0; width: 740px; position: relative; padding: 0 0 0 5px}

.jcarousel-control-next, .jcarousel-control-prev {width: 24px; height: 38px; display: block; overflow: hidden; text-indent: -10000em; cursor: pointer; position: absolute; z-index: 1000; top: 38px}
.jcarousel-control-next {right: 23px; background: url(../images/template/elements/next.png) top left no-repeat}
.jcarousel-control-prev {left: 0px; background: url(../images/template/elements/prev.png) top left no-repeat}
.jcarousel-control-next:hover {background: url(../images/template/elements/next_h.png) top left no-repeat}
.jcarousel-control-prev:hover {background: url(../images/template/elements/prev_h.png) top left no-repeat}
.jcarousel-control-next.incative {background: url(../images/template/elements/next_dis.png) top left no-repeat !important}
.jcarousel-control-prev.inactive {background: url(../images/template/elements/prev_dis.png) top left no-repeat !important}
.jcarousel-clip {margin: 0 30px 0 30px;}

.image_slider {display: block; width: 650px; overflow: hidden; padding: 0; position: relative; margin: 0 0 0 30px}
.image_slider ul {width: 20000em; padding: 0; position: relative; left: 1px; height: 100px; margin: 0}
.image_slider ul li {padding: 0; overflow: hidden; display: block; float: left; width: 130px; height: 95px; margin: 0 0 5px 0;}
.image_slider li img {float: left; width: 125px; border: 1px solid #FFF}


#footer_bottom {height : 50px; margin-top: 10px}
#footer_bottom .contacts {background-color: #606060}
#footer_bottom .b-clear {margin: 5px 0 20px 0}
#orphus-wrapper {margin: 2px 10px 0 0}
#search_form {
    background: url(../images/template/layouts/search_bg.png) top left repeat-x;
    width: 200px;
    height: 24px;
    margin: 0 0 10px 0;
    border: 1px solid #ADADAD;
        border-radius: 6px;
   -moz-border-radius: 6px;
-webkit-border-radius: 6px
}
#search_input {background: url(../images/template/elements/search.png) 10px  5px  no-repeat transparent; border: none; padding: 2px 0 0 20px; width: 170px}
#menu_bottom {float: right}
#menu_bottom a {color: #000}

.item_title {overflow: hidden; position: relative}
.item_title .el-print {position: absolute; bottom: 28px; right: 1px}
.item_info {overflow: hidden; margin: -10px 0 20px 0}
.item_info a {font-weight: bold; font-size: 11px; color: #000}
.item_info .el-date {margin: 0 15px 0 0}
.item_soc {float: right}
.item_text {padding: 5px 10px}
.item_img, .div-image {padding: 20px; text-align: center; margin: 10px 0 10px 0}
.image-note {font-family: Arial; font-style: italic; font-size: 14px; text-align: center}

.readalso {overflow: hidden; margin: 20px 0 0 0}
ul.list-content li {overflow: hidden; margin: 5px 0 20px 0; background: url("../images/template/layouts/dot.png") repeat-x scroll left bottom transparent; padding: 0 0 15px 0}
ul.list-content li h2 {margin: 0 0 5px 0; font-size: 24px}
ul.list-content li h2 a {text-decoration: none; color: #106591}
ul.list-content li h2 a:hover {text-decoration:  underline}
ul.list-content li .el-readmore {margin: 0 0 0 10px}

ul.terminology-list li {line-height: 32px}
ul.terminology-list li.term_abc{
    list-style: none;
    margin: 15px 0 10px -20px;
    line-height: 28px;
    font-size: 16px;
    background: url("../images/template/layouts/dot.png") repeat-x scroll left bottom transparent;
    padding: 0 0 0 10px
}

ul.knowledgebase-list {font-size: 16px}
ul.knowledgebase-list li a, ul.news-list li a {text-decoration: none}
ul.knowledgebase-list li a:hover, ul.news-list li a:hover {text-decoration: underline}

.documentaion-contents-wrapper ul.list-level0 {font-weight : bold; font-size : 20px}
.documentaion-contents-wrapper ul.list-level0 a {font-weight: normal; text-decoration: none}
.documentaion-contents-wrapper ul.list-level0 li {margin: 0 0 5px}
.documentaion-contents-wrapper ul.list-level1 {font-size : 16px; margin : 5px 0 10px 10px}
.documentaion-contents-wrapper ul.list-level2 {font-size: 14px; margin : 5px 0 10px 10px; font-weight: normal; list-style-type: decimal}

.item_text pre {overflow: auto}
.item_text img {max-width: 610px}
.item_text img[align=left] {margin: 0px 20px 10px 0px}
.item_text img[align=right] {margin: 0px 0px 10px 20px}
.item_text ul, ol {clear: none}
.item_text table td {vertical-align: top}
#bottom-buttons-wrapper {width : 510px}
.customers, .customers li a {background : none !important; padding : 0px !important; border : none}
.customers li {float: left; width: 50%; list-style: none !important; margin: 0px; text-align: center}
.list_item_info {clear: both; margin: 10px 0 20px; overflow: hidden}
.presentation_object {background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #D2D2D2; margin: 10px 0px; padding: 20px; text-align: center}
.item_title h1 {margin-right: 25px}
.span-b {font-weight: bold}
.span-i {font-style: italic}
.span-u {text-decoration: underline}

.promo-counters {
    margin:5px;
    border:1px solid #bbb;
    padding:14px;
    overflow:hidden;
    width:320px;
    min-height:208px;
    box-sizing:border-box;
        border-radius:15px;
     -o-border-radius:15px;
   -moz-border-radius:15px;
-webkit-border-radius:15px;
        box-shadow: 2px 2px 6px rgba(0,0,0,.2);
     -o-box-shadow: 2px 2px 6px rgba(0,0,0,.2);
   -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.2);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.2)
}
.promo-counters.gradient {
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 )
}
.promo-counters__row {
    background-image: url(../images/template/layouts/dot.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 12px
}
.last-row {background-image: none}
.pull-left {float: left}
.pull-right {float: right}
.promo-counters__cell a {font-size:16px; line-height: 1em; color:#000; vertical-align: top}
.promo-counters__cell a:hover {text-decoration:underline; color:#106591}
.promo-counters__cell.text-big a {font-size:30px}
.promo-counters__cell.pull-left {font-size:16px; line-height: 30px; max-width: 60%}
.promo-counters__cell.pull-right {font-size:18px; text-align:right; width: 40%}
.promo-inner__table {display:table; width:100%}
.promo-inner__row {display: table-row}
.promo-inner__cell {display:table-cell; vertical-align:middle; height:30px; width:100%; text-align:right}

.clearfix {clear:both}
.grid {float:left; width:100%; box-sizing:border-box; margin:0; padding:0}
.cell {float:left; margin:0; padding:0; box-sizing: border-box; position: relative}
.cell-20 {width: 20%}
.cell-25 {width: 25%; margin-top:-1px}
.cell-33 {width: 33.33333333%}
.cell-40 {width: 40%}
.cell-50 {width: 50%}
.cell-60 {width: 60%}
.cell-66 {width: 66.66666666%}
.cell-75 {width: 75%}
.cell-80 {width: 80%}
.cell-100 {width: 100%}
.cell-right {float: right}
.img-fullframe {width: 100%; max-width: inherit !important; display: block}
.cell a {display: block}
.cell a:hover {opacity: .8}
.spacer {width:100%; height: 30px; float:left}
.merchandise--additional .pull-left {margin-right:10px}

.bottom-menu-wrapper {margin-left: 285px; padding: 0 0 0 30px}
.menu-bottom {border-top: none; margin: auto; margin: 0}
.menu-bottom a {color: #000; font-size: 14px}
.menu-bottom a:hover {color: #606060}
.menu-bottom ul li {list-style: none; margin: 0 0 12px 0}
.menu-bottom td {padding: 0 12px 0 0; width: 20%}
.menu-bottom td.last {padding: 0}
#footer-center-info {float: left; width: 250px; font-size: 14px}
#footer_center {width: 1000px; margin: auto; padding: 20px 0 0 0}
#footer-center-info img {width: 90px; float: left; margin-right: 15px; margin-bottom: 7px}
.menu-header {padding: 0 0 25px 0; font-size: 16px; font-weight: bold}
#sitemap-wrapper {margin: 7px 0 0 0}
#sitemap-wrapper a {color: #000; font-size: 14px}
#sitemap-wrapper a:hover {color: #606060}
#footer_center .contacts{clear: both; margin-top: 25px}

#orphus img {border:0}
.error-link {margin-top: 15px}
.errors-base-table {margin: 15px 0 0 0; width: 684px; background: transparent; border: None; background: url("/media/images/content/examples/contents-examples/line.png") no-repeat -4px top}
.errors-base-table tr td {border: None; background: transparent !important; border-bottom: 3px solid #ececec; padding-top: 20px; padding-bottom: 25px}
.table-header {background: transparent}
.errors-base-table .table-header td {padding-top: 13px; padding-bottom: 10px; font-weight: bold; border: None !important}
.toggle-arrow {color: #106591}
.toggle-button {text-decoration: none; border-bottom: 1px dashed #106591}
.toggle-content {display: none}
.toggle-wrapper {background-color: #EAECEF; text-align: right; padding: 2px 10px}