html, body, div, img, h1, h2, h3, p, form, input, select, textarea {margin: 0; padding: 0;}

html, body {width: 100%; height: 100%;}
.body {background: #fff;}

body, div, table {font: normal 11px Tahoma, Verdana, Arial; color: #000;}
body {position: relative;height: auto !important;height: 100%;min-height: 100%;}

a {color: #2a469e; text-decoration: underline;}
a:hover {color: #2a469e; text-decoration: none;}
a img, img {border: none;}

.png {behavior: url("png.htc"/*tpa=http://www.bcomp.ru/css/png.htc*/);}

.spacer {height: 1px; width: 100% auto !important; clear: both; float: none !important;}
.wrap {width: 100% auto !important;}
.rel {position: relative;}.abs {position: absolute;}.fl {float: left;}.fr {float: right;}.ac {text-align: center;}.ar {text-align: right;}.aj {text-align: justify;}
small {font-size: 10px;}
.small {font-size: 11px;}
.cursor {cursor: pointer; cursor: hand;}
span.cursor {color: #ff0000; text-decoration: underline;}
.normal {font-weight: normal !important;}
.f, .fa, .fas {margin-top: 0px !important; padding-top: 0px !important;}
.fas {position: relative; left: -30px;}
.fa {padding: 0 0 40px 0;}
.fas {padding: 0 0 20px 0;}
.nowrap {white-space: nowrap;}
.upper {text-transform: uppercase;}

.s10 {height: 10px;}
.s20 {height: 20px;}
.s25 {height: 25px;}
.s40 {height: 40px;}
.s45 {height: 45px;}

.container {width: 100%; min-width: 980px; min-height: 100%; position: relative;}

.b-left, .b-right {float: left; position: relative;}
.b-left {width: 30%;}
.b-right {width: 70%;}

.b-left-pad {padding: 0 1% 0 10%;}
.b-right-pad {padding: 0 5% 0 5%;}
.b-right-index-pad {padding: 0 200px 0 2%;}

/* header */
.logo {background: url("../images/bg-logo.jpg"/*tpa=http://www.bcomp.ru/images/bg-logo.jpg*/) no-repeat; width: 100%; padding: 38px 0 48px 15%;}
.header {width: 100%; height: 145px; background: url("../images/bg-header.gif"/*tpa=http://www.bcomp.ru/images/bg-header.gif*/) repeat-x;}
.header .h-line {width: 100%; height: 7px; background: #1E8DD7;}
.header .seminar {width: 100%; background: url("../images/bg-seminar.jpg"/*tpa=http://www.bcomp.ru/images/bg-seminar.jpg*/) no-repeat; height: 138px;}
.header .seminar-pad {padding: 40px 13px 20px 13px;}
.seminar .s-info, .seminar .s-desc {font-size: 11px; line-height: 12px;}
.search .input {width: 75%;}

.s-info, .s-desc {float: left;}
.s-info {width: 18%; font-weight: bold; color: #61747E; text-align: center; }
.s-desc {width: 30%; color: #61747E; line-height: 15px;}
/* /header */

/* main-promo */
.main-s-promo-pad {padding: 50px 2% 10px 0;}
.main-s-promo {height: 190px; position: relative; padding-left: 20%;}
.main-s-promo img {position: absolute; right: 10%;}
.main-s-promo-text {line-height: 15px;}
.main-promo {width: 100%; height: 369px; position: relative;}
.main-promo div {position: absolute; top: -20px; right: 0; height: 420px; width: 100%;}
//.main-promo div img {border: solid red 1px ; right: -1340px; }

.main-banner {width: 200px; position: absolute; right: 0; top: 85px; text-align: center;}

.i-index img, .i-company img {top: 33px;}
.i-news img  {top: 7px;}
.i-solutions img {top: 0px;}
.i-partners img {top: 7px;}
.i-projects img {top: 61px;}
.i-service img {top: 7px;}
/* /main-promo */

/* menu */
.menu {width: 100% auto !important; position: relative; left: -25px;}
.menu ul, .menu li {margin: 0; padding: 0; list-style: none;}
.menu li {padding: 10px 0 0 25px; clear: left; font-size: 12px;}
.menu li a, .menu li a:hover {display: block; float: left; clear: left;}
.menu li a {background: url("../images/li-b.gif"/*tpa=http://www.bcomp.ru/images/li-b.gif*/) 0 7px no-repeat; padding: 1px 2px 2px 20px;}
.menu li a:hover, .menu .on a, .menu .on a:hover {background: #2a469e; color: #fff; text-decoration: none; padding: 1px 5px 2px 5px; margin-left: 15px;//margin-left: 7.5px;}
.menu li.line {padding: 10px 0 0 0;//padding: 0;}
.menu li.line .spacer {background: #d9d9d9;}

.menu-s {width: 100%; margin: 0 !important; padding: 0;}
.menu-s li {margin: 0 !important; padding: 5px 0 5px 30px !important; font-size: 14px; color: #000; background-position: 15px 10px !important;}
.menu-s li.on a {color: #000 !important; text-decoration: none !important;}

.m-line {background: url("../images/menu.gif"/*tpa=http://www.bcomp.ru/images/menu.gif*/) 0 50% repeat-x; height: 1px; width: 100%; padding: 0;}
/* /menu */

/* form */
select, input, textarea {font: 11px Tahoma, Verdana, Arial; color: #61747E;}
input.input, textarea.input {padding: 2px 5px 3px 5px; border: 1px solid #D5D5D5;}
//input.input {height: 20px;}

.max input, .max td input {width: 80%;}
.max textarea {width: 100%; height: 200px;}

.form {position: relative; padding: 10px 5px 10px 130px;}
.form label {position: absolute; top: 12px; left: 10px;}

.form div {width: 100%; margin-left:20px;}
.form div .input, .form div textarea {font-size: 12px; border: 1px solid #7f9db9; color: #000; padding: 3px 5px 4px 5px;//padding: 3px 5px 0 5px; width: 60%;}
.form div .textarea {height: 100px;}
.form div select {width: 40%;}
.form input {font-size: 12px;}
.form .required {color: #ff0000;}
.lines {background: #dfdfdf;}                            
.roll {width: 380px !important; background: #f0f0de; height: 100px; border: 1px dashed black;}
.lnk {text-decoration: underline; color: #5387BE;}
.roolt {height: 80px; margin: 5px; width: 250px; float: left;}
.butt {width: 100px; margin-top:1px; float: left;}
/* /form */

/* content */
p {margin: 15px 0 0 0;}
p.s {margin: 5px 0 0 0;}

h1 {font-size: 24px; font-weight: normal; padding: 20px 0; color: #2a469e; line-height: 24px;}
h1, h1 a, h1 a:hover {color: #54971E; text-decoration: none;}
h2 {font-size: 20px; font-weight: normal; padding: 15px 0; color: #2a469e; line-height: 20px;}
h3 {font-size: 16px; font-weight: normal; padding: 10px 0; color: #2a469e;}

.red {color: #ff0000;}
.nowrap {white-space: nowrap;}

.content {position: relative; z-index: 10; width: 100% !important;}
.content, .content div, .content table td {line-height: 16px; font-size: 12px;}

.content ul {margin: 10px 0; padding: 0; width: 100%;}
.content ul li {margin: 0; padding: 4px 0 4px 30px; list-style: none; background: url("../images/li-b.gif"/*tpa=http://www.bcomp.ru/images/li-b.gif*/) 15px 10px no-repeat; position: relative;}

.content .data {margin-top: 10px;}
.content .data th, .content .data td {padding: 5px 10px 7px 10px;}
.content .data th {font-weight: bold; text-align: left; border-bottom: 2px solid #dfdfdf; border-top: 2px solid #dfdfdf;}
.content .data .line td {border-top: 2px solid #dfdfdf;}
.content .data td {border-bottom: 1px solid #dfdfdf;}

ol.search {margin-top: 0px; padding-top: 0;}
ol.search li {padding-bottom: 5px;}

.t-pad {padding: 12px 13px;}
/* /content */

/* news */
.news-date {font-weight: bold;}
.news-title, .news-anounce {margin-top: 4px;}
.more {padding-left: 15px; background: url("../images/li-b.gif"/*tpa=http://www.bcomp.ru/images/li-b.gif*/) 0 70% no-repeat;}
/* /news */

/* nav */
.navigation {margin: 0;}
.navigation span {display: block; float: left; padding: 2px 7px 4px 7px; margin-right: 10px; font-size: 11px;}
.navigation span.on {background: #1E8DD7; color: #fff;}
p.back {position: relative; left: -13px !important; color: #1E8DD7; font-size: 11px;}
/* /nav */

/* footer */
.footerspacer-l {height: 260px;}
.footerspacer-r {height: 90px;}
.footer {position: absolute; bottom: 0; left: 0;  width: 100%; height: 270px; z-index: 1;// z-index: -1;}
.bg-footer {background: url("../images/bg-footer.jpg"/*tpa=http://www.bcomp.ru/images/bg-footer.jpg*/) no-repeat;}
.footer .b-left {padding-top: 55px;}
.footer .b-right {height: 273px; background: url("../images/bg-footer.jpg"/*tpa=http://www.bcomp.ru/images/bg-footer.jpg*/) repeat-x;}
.footer .b-right div {height: 273px; background: url("../images/bg-footers.jpg"/*tpa=http://www.bcomp.ru/images/bg-footers.jpg*/) no-repeat; width: 10px;}
/* /footer */

.default_input { width: 100%;}
textarea { width: 100%; height: 100px;}
table { margin-top: 10px; margin-bottom:10px;}

.i img { padding: 10px 10px 10px 0;}