html, body {
background:#FFF;
height:100%;
}
noscript {
position:absolute;
top: 1px;
display: block;
width: 100%;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #ff0000;
}
.main_wrap {
background: #fff;
height: auto !important;
height: 100%;
min-height: 100%;
width: 930px;
margin: 0 auto -33px;
position:relative;
}
.header {
width: 930px;
height: 120px;
//background: url(../img/logo.jpg) no-repeat 0% 30px;
}
#logo {
float:left;
padding-top: 30px;
}
#action_div {
width: 490px;
height: 60px;
float: left;
padding-top: 30px;
padding-left: 50px;
padding-right: 50px;
}
.sales_min {
color: #000078;
position: relative;
width: 100px;
height: 50px;
float: left;
text-align: center;
padding-top: 20px;
font-weight: bold;
font-size: 18px;
}
.sales_min_wrap {
}
.sales_min_title {
padding-bottom: 10px;
}
.sales_min_title a{
color: #000078;
text-decoration: none;
font-size: 10px;
text-align: left;
font-weight: normal;
overflow: hidden;
}
.sales_min_title a:hover{
text-decoration: underline;
}
.biznapr_title {
width: 490px;
height: 60px;
float: left;
padding-top: 30px;
padding-left: 50px;
padding-right: 50px;
text-align: center;
overflow: hidden;
font-size:18px;
font-weight:bold;
}
#topinfo {
width: 186px;
position:relative;
top: 35px;
float: right;
font-size: 10px;
}
.sub_biznapr {
width: 930px;
}
.sub_biznapr li {
float:left;
position: relative;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 15px;
}
.sub_biznapr li a{
font-size: 14px;
color: #005FAA;
font-weight: bold;
text-decoration: none;
display: block; /* преобразуем в блочный элемент, чтобы применить некоторые свойства */
}
.sub_biznapr li a:hover{
color: #000;
}
.sub_menu_biznapr {
width: 930px;
padding-top: 10px;;
}
.sub_menu_biznapr li{
float:left;
position: relative;
padding-right: 20px;
padding-left: 10px;
}
.sub_menu_biznapr li a{
color: #888888;
font-size: 12px;
font-weight: normal;
text-decoration: none;
display: block; /* преобразуем в блочный элемент, чтобы применить некоторые свойства */
}
.sub_menu_biznapr li a:hover{
color: #000;
}
.biznapr_wrap {
position: relative;
width: 100%;
border: 1px solid #ddd;
margin-top: 30px;
}
.biznapr_column_title {
text-align: center;
padding: 10px 10px;
color: #777;
font-weight: bold;
font-size: 12px;
background-color: #eee;
}
.biznapr_left {
width: 200px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
float: left;
position: relative;
}
.biznapr_cat {
text-align: center;
color: #000;
font-size: 11px;
font-weight: bold;
border-bottom: 1px solid #ddd;
margin: 0px 10px;
padding: 10px 0px;
}
.biznapr_cat a{
color: #000;
text-decoration: none;
}
.biznapr_cat p{
color: #999;
font-size: 11px;
font-weight: normal;
//text-align: justify;
padding-top: 5px;
}
.biznapr_center {
float: left;
width: 500px;
margin: 40px 12px;
}
.biznapr_desc_text {
padding: 0 10px;
text-align: justify;
font-size: 14px;
}
.biznapr_right {
width: 200px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
float: right;
position: relative;
}
.kontr_type {
text-align: center;
color: #000;
font-size: 11px;
font-weight: bold;
border-bottom: 1px solid #ddd;
margin: 0px 10px;
padding: 10px 0px;
}
.kontr_type a{
color: #000;
text-decoration: none;
}
.realproj {}
.realproj_title a{
font-weight: bold;
color: #005FAA;
text-decoration: none;
}
.realproj_title a:hover {
text-decoration: underline;
}
.realproj_kontr {
position: relative;
width: 100%;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.realproj_address {
padding: 10px 20px;
font-style: italic;
}
.realproj_desc_text {
padding: 10px 20px;
text-align: justify;
}
.realproj_photo {
}
#menunav {
width: 930px;
/*height: 25px;*/
}
#menunav ul{
}
#menunav ul a {
color: #fff;
font-size: 12px;
text-decoration: none;
padding: 0px 5px 0px 10px;
margin: 5px auto;
display: block; /* преобразуем в блочный элемент, чтобы применить некоторые свойства */
}
.news, .news li {
/* background-color: rgba(0,0,120,0.7); */
background-image:url(../img/images/1.png);
background-repeat:repeat;
}
.news li:hover{
background-image:url(../img/images/1_1.png);
background-repeat:repeat;
}
.catalog, .catalog li {
/* background-color: rgba(0,95,170,0.7); */
background-image:url(../img/images/2.png);
background-repeat:repeat;
}
.catalog li:hover{
background-image:url(../img/images/2_2.png);
background-repeat:repeat;
}
.sectors, .sectors li {
/* background-color: rgba(190,0,145,0.7); */
background-image:url(../img/images/3.png);
background-repeat:repeat;
}
.sectors li:hover{
background-image:url(../img/images/3_3.png);
background-repeat:repeat;
}
.client, .client li {
/*background-color: rgba(147,197,0,0.7);*/
background-image:url(../img/images/4.png);
background-repeat:repeat;
}
.client li:hover{
background-image:url(../img/images/4_4.png);
background-repeat:repeat;
}
.company, .company li {
/*background-color: rgba(0,155,255,0.7);*/
background-image:url(../img/images/5.png);
background-repeat:repeat;
}
.company li:hover{
background-image:url(../img/images/5_5.png);
background-repeat:repeat;
}
#menunav ul li {
width: 185px; /* минус 1 пиксель на каждый пункт меню, т.к. width не учитывает толщину бордера */
float:left;
position: relative;
border-left: 1px solid #fff;
min-height: 25px;
z-index: 2; /* на главной странице должно быть поверх других "плавающих" блоков */
}
#menunav ul li a{
text-transform: uppercase; /* устанавливаем для основных разделов все буквы заглавными */
}
#menunav ul li ul {
position: absolute;
left: -1px;
}
*html #menunav ul li ul{ /* для IE */
border-top: 1px solid #fff;
}
#menunav ul li ul li{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
min-height: 25px;
}
#menunav ul li ul li:first-child {
border-top: 1px solid #fff;
}
#menunav ul li ul li a{
text-transform: none; /* отменяем "капс" для вложенных разделов */
}
#news_wrap {
border: 1px solid #000078;
background-color: #000078;
}
#catalog_wrap {
border: 1px solid #005FAA;
background-color: #005FAA;
}
#sectors_wrap {
border: 1px solid #BE0091;
background-color: #BE0091;
}
#client_wrap {
border: 1px solid #93C500;
background-color: #93C500;
}
#company_wrap {
border: 1px solid #009BFF;
background-color: #009BFF;
}
.active_menu ul{
display:block !important;
}
.active_submenu1 {
background-image:url(../img/images/1_1.png) !important;
background-repeat:repeat;
}
.active_submenu2 {
background-image:url(../img/images/2_2.png) !important;
background-repeat:repeat;
}
.active_submenu3 {
background-image:url(../img/images/3_3.png) !important;
background-repeat:repeat;
}
.active_submenu4 {
background-image:url(../img/images/4_4.png) !important;
background-repeat:repeat;
}
.active_submenu5 {
background-image:url(../img/images/5_5.png) !important;
background-repeat:repeat;
}
.banner {
width: 930px;
height: 180px;
background-position: left bottom;
background-repeat: no-repeat;
background-image: url(../img/bg_01.jpg);
}
.banner_text {
display: block;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding-top: 55px;
padding-left: 35px;
text-transform: uppercase;
}
.banner1 {
width: 930px;
height: 180px;
background-position: left bottom;
background-repeat: no-repeat;
background-image: url(../img/bg_02.jpg);
}
.banner2 {
width: 930px;
height: 125px;
background-position: 1px bottom;
background-repeat: no-repeat;
background-image: url(../img/bg_cat.jpg);
}
.banner3 {
width: 930px;
height: 180px;
background-position: left bottom;
background-repeat: no-repeat;
background-image: url(../img/bg_03.jpg);
}
.banner4{
width: 930px;
height: 180px;
background-position: left bottom;
background-repeat: no-repeat;
background-image: url(../img/bg_04.jpg);
}
.banner5{
width: 930px;
height: 180px;
background-position: left bottom;
background-repeat: no-repeat;
background-image: url(../img/bg_05.jpg);
}
#mainbanners {
margin-top: 10px; /* старое значение 80px*/
z-index: 1;
}
#mainbanners li{
width: 232px;
float:left;
}
#mainbanners .titlediv{
width: 232px;
position: relative;
margin: 0 auto;
color:#6C7070;
font-size:12px;
text-align: center;
}
#mainbanners .innerdiv{
position: relative;
margin: 0 auto;
margin-top: 10px;
width: 190px;
height: 107px;
text-align: center;
vertical-align:middle;
}
#mainbanners a{
color: #fff;
font-size:13px;
text-decoration: none;
}
#mainbanners a:hover{
text-decoration: underline;
}
.innerdiv {
}
.inner-wrap {
width: 140px;
height: 80px;
position: relative;
margin: 0 auto;
text-align: center;
top: 15px;
}
#form1 {
background: url(../img/form_01.jpg) no-repeat 0% 0%;
}
#form2 {
background: url(../img/form_02.jpg) no-repeat 0% 0%;
}
#form3 {
background: url(../img/form_03.jpg) no-repeat 0% 0%;
}
#form4 {
background: url(../img/form_04.jpg) no-repeat 0% 0%;
}
#container_info {
font-size: 12px;
position:relative;
padding-top: 50px;
/* комментарии - для IE6, иначе пропадает весь "контейнер" и поля увеличиваются раза в два */
//height:0;
//padding-top: 1px;
}
#container_info div {
text-align: justify;
width: 434px;
}
#container_info .left {
position: relative;
padding-right: 30px;
padding-left: 0px;
float: left;
text-align: center;
font-size: 30px;
}
#container_info .right {
position: relative;
padding-right: 0px;
padding-left: 30px;
float: right;
font-size: 14px;
border-left: 1px solid #000000;
}
#container_info .right span{
display: block;
padding-left: 60px;
}
#content-wrapper {
width: 100%;
font-size: 12px;
}
.content {
width: 710px;
padding-top: 10px;
padding-bottom: 20px;
line-height: 1.5;
text-align: justify;
}
.content a{
text-decoration: none;
color:#005FAA;
}
.epigraph {
}
.epigraph_text {
width: 600px;
text-align:right;
font-style: italic;
float:right;
font-size: 14px;
color: #6C7070;
font-weight:bold;
}
.epigraph_author {
float:right;
width: 400px;
text-align:right;
font-size: 16px;
padding-top: 5px;
color: #6C7070;
}
.content_title {
font-size:18px;
font-weight:bold;
padding: 20px 0;
}
.news_wrap {
padding: 5px;
}
.news_date{
font-size: 10px;
color: #000000;
}
.news_date_span{
font-size: 12px;
color: #000000;
padding-right: 10px;
}
.news_title {
font-size: 14px;
color: #005FAA;
}
.news_title a{
font-size: 14px;
color: #005FAA;
text-decoration: none;
}
.news_title_span{
font-size: 14px;
color: #005FAA;
}
.news_wrap .news_text {
color: #999999;
}
.news_text{
padding-top: 10px;
padding-bottom: 20px;
font-size: 12px;
}
.news_text ul{
list-style-image:none;
list-style-position:inside;
list-style-type: disc;
}
.news_img{
width: 60px;
height: 60px;
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
.sales {
padding-top: 10px;
}
.sales_title{
font-size: 16px;
color: #005FAA;
}
.sales_title a{
font-size: 16px;
color: #005FAA;
text-decoration: none;
}
.sales_period {
color: #777777;
}
.sales_text{
padding-top: 10px;
text-align: justify;
font-size: 12px;
}
/* Каталог */
.catalog_wrapper{
padding-top: 20px;
padding-bottom: 30px;
width: 930px;
}
.catalog_group {
border: 1px solid #ffffff;
width: 185px;
padding-right: 22px;
padding-left: 22px;
padding-top: 30px;
height: 50px;
text-align: left;
float: left;
}
.catalog_group a{
color: #005FAA;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.catalog_group a:hover{
text-decoration: underline;
}
.catalog_menu{
width: 260px;
}
.catalog_menu a{
text-decoration: none;
}
.catalog_menu a:hover{
text-decoration: underline;
}
.active_group >a{
color: #BE0091 !important;
}
.active_group ul a{
}
.level1 {
padding-top:20px;
}
.level1 a{
color: #005FAA;
font-size: 12px;
font-weight: bold;
}
.level2 {
padding-top: 15px;
padding-left:20px;
}
.level2 a{
color: #000000;
font-weight: bold;
}
.level3 {
padding-top: 8px;
padding-left:20px;
}
.level3 a{
color: #6C7070;
font-weight: normal;
}
.level4 {
padding-top: 2px;
padding-left:30px;
}
.catalog_content{
padding-left: 80px;
padding-top: 20px;
}
.catalog_navigation {
/* height: 80px; пришлось убрать, т.к. в ИЕ появляется отступ для левой колонки*/
}
.catalog_navigation a{
text-decoration: none;
color: #005FAA;
}
.catalog_root {
color: #005FAA;
font-size: 14px;
font-weight: bold;
}
.catalog_path {
padding-top: 20px;
font-size: 12px;
font-weight: bold;
}
.group_desc {
padding: 10px;
text-align: justify;
}
#item_table {
}
#item_table td{
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
}
.item_table_group{
text-align: center;
vertical-align: middle;
background: #eee;
font-weight: bold;
}
.item_table_image{
}
.item_table_desc{
padding-left: 40px;
text-align: justify;
}
.item_table_desc a{
color: #005FAA;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.item_s_desc {
font-size: 12px;
color: #999999;
}
.item_title {
color: #005FAA;
font-size: 16px;
font-weight: bold;
padding-top: 30px;
}
.item_image {
padding-top:20px;
}
.item_desc {
padding-top:30px;
text-align: justify;
}
.item_properties {
padding-top: 20px;
color: #005FAA;
}
.item_properties table td{
padding-top: 5px;
padding-bottom: 5px;
width: 100px;
}
.property_name {
width: 300px !important;
}
.item_vendorsite {
padding-top:20px;
}
.item_vendorsite a{
color: #005FAA;
text-decoration: underline;
}
.item_compatibility {
text-decoration: underline;
padding-top: 20px;
}
.item_comment {
padding-top: 10px;
font-size: 10px;
color: #6C7070;
text-align: justify;
}
/* Бизнес-направления */
.sectors_list {
}
.sectors_list li{
list-style-position: outside;
padding-left:15px;
}
.sectors_level1 {
font-size: 14px;
font-weight: bold;
color: #005FAA;
padding-top: 15px;
}
.sectors_level2 {
color: #000000;
padding-top: 10px;
font-size: 12px;
}
.sectors_level3 {
color: #6C7070;
padding-top: 5px;
font-weight: normal;
}
/* Бизнес-направления - Бизнес-партнеры */
.vendors_list {
padding-bottom: 40px;
}
.vendors_list a {
color:#6C7070;
}
.vendors_list ul li {
padding-top: 5px;
}
.vendor-wrapper {
font-size:12px;
padding: 10px 0 30px 0;
}
.vendor_info {
padding-top: 5px;
text-align: justify;
}
.vendor_sectors {
padding-top: 10px;
}
.vendor_sectors ul {
padding-top:5px;
padding-left: 20px;
color: #005FAA;
}
.vendor_certificates {
padding-top: 10px;
}
.vendor_certificates ul {
padding-top:5px;
padding-left: 20px;
color: #005FAA;
}
.vendor_certificates a:hover {
text-decoration: underline;
}
/* О компании - Структура компании - Отделы */
.department-wrapper {
float:left;
padding-right:38px;
padding-top: 20px;
padding-bottom: 10px;
font-size:12px;
height: 350px;
overflow: hidden;
}
.department_image {
}
.department_title {
padding-top: 10px;
color:#005FAA;
}
.department_info {
padding-top: 10px;
}
/* О компании - Вакансии */
.vacancies_table {
margin-top: 20px;
border: 1px solid #777;
}
.vacancies_table td {
text-align: left;
border: 1px solid #777;
padding: 5px 10px;
}
.table_head td{
text-align: center;
font-weight: bold;
}
/* О компании - Сертификаты */
.min_cert {
float: left;
padding-right: 20px;
padding-bottom: 10px;
}
.certificate img {
width: 700px;
}
#table_vendors td {
vertical-align: middle;
padding: 20px 0;
}
.form_field {
clear:both;
text-align:left;
padding-top: 10px;
}
.form_field_header {
text-align: center;
font-weight: bold;
background: #eee;
margin-top: 10px;
}
.form_field_header span{
font-weight: normal;
}
label {
width: 300px;
float:left;
}
.form_main {
float:left;
}
.form_field input, .form_field textarea {
border: 1px solid #000000;
}
.form_field input[name='name'] {
width: 400px;
}
.form_field input[name='date'] {
width: 80px;
}
.form_field input[name='subject'] {
width: 400px;
}
.form_field input[name='contact'] {
width: 400px;
}
.form_field input[name='email'] {
width: 200px;
}
.form_field input[name='phone_email'] {
width: 200px;
}
.form_field_long_text {
width: 400px;
}
.form_field textarea {
width: 400px;
overflow: auto;
line-height: 1;
height: 60px;
}
.form_button {
padding-bottom: 40px;
text-align: center;
}
.form_button input{
background:#005FAA none repeat scroll 0% 0%;
border-color:#005FAA;
border-style:solid;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
height:25px;
}
.div_attention {
padding: 10px 5px;
color: #ff0000;
}
.span_blue_text {
color: #005FAA;
}
.span_red_text {
color: #ff0000;
}
.empty_footer {
height: 33px;
}
.main_footer {
height: 33px;
margin: -33px auto 0;
width: 930px;
position:relative;
}
.over_noanimate{
text-align:justify;
}
.over{
text-align:justify;
}
.sub{
width:100%;
display:inline-block;
}
.clear {
clear:both;
font-size:0;
overflow:hidden;
}