body,html {
margin:0;
padding:0;
color:#010101;
background:#fff;
font-family:Arial, sans-serif;
font-size:12px;
line-height:18px;
height: 100%;
}
body {
height: auto !important;
height: 100%;
min-height: 100%;
position: relative;
}
html {
height: 100%;
}
/*--------------------------------------------------------------------------------------*/
/*--------------------- Основные стили --------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
a {color:#2072e1; text-decoration:underline;}
a:hover {color:#800d0d;}
img { border:0;}
table {font-size:13px;}
.message {color:red;}
.message_ok {color:green; font-weight:bold; font-size:14px; width:300px; text-align:center; margin-bottom:10px;}
.clear {clear:both; font-size:0px; height:0px; width:0px}
.right {float:right;}
.left {float:left;}
h2 {margin:0 0 12px; padding:0; font-size:18px; color:#000;}
select option.main {font-weight:bold; font-style:italic;}
#main {
width:100%;
min-width:1200px;
display:table;
text-align:left;
padding-bottom:200px;
}
/*--------------------------------------------------------------------------------------*/
/*--------------------- HEADER-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#header {background:#e5e8eb url('../img/logo.png') left top no-repeat; height:200px; width:100%; min-width:1200px;}
#header .logo {float:left; width:580px; height:200px;}
#header .text_top {float:left; margin-top:50px; width: 420px; }
#header .operator { float: right; background: url('../img/operator1550.png') left top no-repeat; width: 200px; height: 200px; }
/*-------------------------------------------------------------------------------------*/
/*--------------------- LEFT------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#sidebar_left {
width:230px;
min-width:230px;
padding:20px 6px 20px 6px;
display:table-cell;
vertical-align:top;
}
#spam {
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
background:#f3f4f4;
text-align:center;
border:1px dashed #ced1d6;
margin-bottom:12px;
padding:5px;
overflow:hidden;
}
#spam .title {font-weight:bold; margin-bottom:5px;}
#spam .button {background:url('../img/button_grey_left.png') left top no-repeat; padding-left:6px; display:table; margin:0 auto;}
#spam .button div {background:url('../img/button_grey_right.png') right top no-repeat; padding-right:6px;}
#spam .button div div {background:url('../img/button_grey_bg.png') left top repeat-x; padding:0;}
#spam .button div div input {border:0; color:#4b4b4b; font-weight:bold; background:none; line-height:36px; height:36px; cursor:pointer;}
/*баннер*/
#sidebar_left .banner img {width:230px;}
/*зеленая кнопка*/
.button_green {background:url('../img/button_green_left.png') left top no-repeat; padding-left:10px; display:table;}
.button_green div {background:url('../img/button_green_right.png') right top no-repeat; padding-right:10px;}
.button_green div div {background:url('../img/button_green_bg.png') left top repeat-x; padding:0;}
.button_green div div input {border:0; color:#fff; font-weight:bold; font-size:16px; background:none; line-height:35px; height:65px; cursor:pointer; width:210px;}
/*кнонки вакансии и резюме*/
.btn {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f2f2f3; font-size:11px;}
.btn a {color:#000;}
.btn .link {
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
background:#fff;
float:left;
margin-left:5px;
width:95px;
padding:5px;
}
.btn .link:hover {background:#f1f2f3;}
.btn .link_act {
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
background:#f1f2f3;
float:left;
margin-left:5px;
width:95px;
padding:5px;
}
.btn .vacancy_icon {float:left; background:url('../img/vacancy_icon.png') left top no-repeat; width:38px; height:34px;}
.btn .resume_icon {float:left; background:url('../img/resume_icon.png') left top no-repeat; width:38px; height:34px;}
.btn .text {float:left; margin-top:5px; font-weight:bold; text-decoration:underline;}
/*-------------------------------------------------------------------------------------*/
/*--------------------- MAIN TEXT------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#text {
padding:20px 12px 20px 12px;
border-right:1px solid #f2f2f3;
border-left:1px solid #f2f2f3;
display:table-cell;
vertical-align:top;
}
/*хлебные крошки*/
#text .breadcrumbs {color:#666666; margin-top:10px; margin-bottom:20px; font-size:11px;}
#text .breadcrumbs a {color:#000; text-decoration:underline;}
#text .breadcrumbs a:hover {color:#d40000; text-decoration:none;}
/*номера страниц*/
.table_pages {
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
background:#e5e8eb;
padding:10px 40px;
color:#666;
font-weight:bold;
font-size:12px;
margin:0 auto;
}
.table_pages td {vertical-align:top;}
.sub_page {color:#000; background:#e5e8eb; border:0; padding:0; cursor:pointer; text-decoration:underline; font-weight:normal;}
.active_page {color:#fff; background:url('../img/page_bg.png') left top no-repeat; width:20px; height:20px; font-size:12px; font-weight:normal; text-align:center; vertical-align:middle;}
/*список предприятий*/
#company_list {background:#f3f4f4;}
#company_list .company {border-top:1px solid #ced0d0; border-bottom:1px solid #ced0d0; margin-bottom:10px; padding:12px; clear:both;}
#company_list .company .photo {float:left; width:150px; border:1px solid #f3f4f4;}
#company_list .company .photo img {width:150px;}
#company_list .company .photo_mini {float:left; width:70px; border:1px solid #f3f4f4;}
#company_list .company .photo_mini img {width:70px;}
#company_list .company .data {float:left; margin-left:12px; width:65%;}
#company_list .company .data .title {font-weight:bold; font-size:15px;}
#company_list .company .data a {color:#000; text-decoration:none;}
#company_list .company .data a:hover {text-decoration:underline;}
/*предприятие*/
#company {background:#f3f4f4; border:1px solid #ced1d6;}
#company .title {font-size:18px; font-weight:bold; padding:12px; border-bottom:1px solid #ced1d6;}
#company .info {font-family:Tahoma; border-bottom:1px solid #ced1d6;}
#company .info .photo {float:left; width:150px; padding:12px; border:1px solid #f3f4f4;}
#company .info .photo img {width:150px;}
#company .info .data {float:left; padding:12px; width:60%;}
#company .info .data .label {float:left; width:30%;}
#company .info .data .text {float:left; width:70%;}
#company .desc {padding:12px;}
#company .desc .name {font-size:22px; font-weight:bold; color:#acacac; margin-bottom:10px;}
#company .close{display:none;}
#company .open{display:table;}
#company .mini_photos {text-align:left;}
#company .mini_photos ul {margin:0 auto; padding:0;}
#company .mini_photos ul li {display:inline; margin:0 5px; }
#company .mini_photos ul li img {height:120px;}
#company #show_all_service {cursor:pointer; border-bottom:1px dashed #2072e1; color:#2072e1;}
#company #show_all_product {cursor:pointer; border-bottom:1px dashed #2072e1; color:#2072e1;}
#company #show_all_production {cursor:pointer; border-bottom:1px dashed #2072e1; color:#2072e1;}
/* список конкурентов предприятия */
#competitor_list .title { font-size: 22px; font-weight: bold; color: #acacac; margin-bottom: 10px; border: 0; }
#competitor_list .competitor { margin-bottom: 5px; }
#competitor_list .competitor .image { float: left; width: 160px; margin-right: 10px; }
#competitor_list .competitor .image img { width: 160px; }
#competitor_list .competitor .data { float: left; width: 500px; }
#competitor_list .competitor .data .name { font-weight: bold; }
#competitor_list .competitor .data a { color: #000; text-decoration: none; }
#competitor_list .competitor .data a:hover { text-decoration: underline; }
/*коментарии*/
#comment {background:#f3f4f4; border:1px solid #ced1d6; padding:12px; margin-top:12px;}
#comment .title {font-size:22px; font-weight:bold; color:#acacac; margin-bottom:10px;}
#comment .button {background:url('../img/button_grey_left.png') left top no-repeat; padding-left:6px; display:table;}
#comment .button div {background:url('../img/button_grey_right.png') right top no-repeat; padding-right:6px;}
#comment .button div div {background:url('../img/button_grey_bg.png') left top repeat-x; padding:0;}
#comment .button div div input {border:0; color:#4b4b4b; font-weight:bold; background:none; line-height:36px; height:36px; cursor:pointer;}
#comment .count {color:#5e6060; font-weight:bold;}
#comment .name {font-weight:bold;}
#comment .date {color:#5e6060;}
#comment .text {margin-top:15px; margin-bottom:25px;}
/*новость*/
#news_list{ }
.news { background: #f2f3f3; margin-bottom: 10px; padding: 0 10px 10px 0;}
.news .left_data { float: left; width: 120px; text-align: center; margin-right: 25px; }
.news .left_data .category {
-moz-border-radius: 0 0 7px 7px;
-khtml-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
padding: 5px 20px;
color: #fff;
}
.news .left_data .date { font-size: 11px; color: #000; }
.news .right_data { float: left; width: 70%; }
.news .title { font-weight: bold; font-size: 15px; padding-top: 10px; margin-bottom: 12px; }
.news .title a { color: #000; text-decoration: underline; }
.news .title a:hover { text-decoration: none; }
/* список категорий новостей */
.news_category_list {
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
padding: 5px 20px;
color: #fff;
margin: 5px 0;
}
.news_category_list a { color: #fff; text-decoration: none; }
.news_category_list a:hover { text-decoration: underline; }
/* статья */
#article_list{ }
.article { background: #f2f3f3; margin-bottom: 10px; padding: 0 10px 10px 0;}
.article .left_data { float: left; width: 120px; text-align: center; margin-right: 25px; }
.article .left_data .category {
-moz-border-radius: 0 0 7px 7px;
-khtml-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
padding: 5px 20px;
color: #fff;
}
.article .left_data .date { font-size: 11px; color: #000; }
.article .right_data { float: left; width: 70%; }
.article .title { font-weight: bold; font-size: 15px; padding-top: 10px; margin-bottom: 12px; }
.article .title a { color: #000; text-decoration: underline; }
.article .title a:hover { text-decoration: none; }
/* список категорий статей */
.article_category_list {
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
padding: 5px 20px;
color: #fff;
margin: 5px 0;
}
.article_category_list a { color: #fff; text-decoration: none; }
.article_category_list a:hover { text-decoration: underline; }
/*список акций*/
#stock_list {background:#f3f4f4;}
#stock_list .stock {border-top:1px solid #ced0d0; border-bottom:1px solid #ced0d0; margin-bottom:10px; padding:12px; clear:both;}
#stock_list .stock .photo {float:left; width:150px; border:1px solid #f3f4f4;}
#stock_list .stock .photo img {width:150px;}
#stock_list .stock .data {float:left; margin-left:12px; width:65%;}
#stock_list .stock .data .title {font-weight:bold; font-size:15px;}
#stock_list .stock .data a {color:#000; text-decoration:none;}
#stock_list .stock .data a:hover {text-decoration:underline;}
/*акция*/
#stock {background:#f3f4f4; border:1px solid #ced1d6;}
#stock .title { font-size:18px; font-weight:bold; padding:12px; border-bottom:1px solid #ced1d6;}
#stock .info {font-family:Tahoma; border-bottom:1px solid #ced1d6;}
#stock .info .photo {float:left; width:150px; padding:12px; border:1px solid #f3f4f4;}
#stock .info .photo img {width:150px;}
#stock .info .data {float:left; padding:12px; width:60%;}
#stock .info .data .label {float:left; width:30%;}
#stock .info .data .text {float:left; width:70%;}
#stock .desc {padding:12px;}
#stock .desc .name {font-size:22px; font-weight:bold; color:#acacac; margin-bottom:10px;}
/* категории объявлений */
#ads_category_list { text-align: center; }
.ads_category { display:inline-block; overflow: hidden; margin: 8px; width: 150px; height: 100px; }
.ads_category img { width: 150px; max-height: 100px; }
.ads_category .title { margin-top: 3px; font-size: 14px; font-weight: bold; text-align: center; }
/*объявления*/
#ads_list ul {padding:0; margin:0;}
#ads_list ul li {list-style:none;}
#ads_list ul li .text {float:left; width:130px;}
#ads_list ul li a {text-decoration:none; font-size:11px;}
#ads_list ul li a:hover {text-decoration:underline;}
#ads_list ul ul {padding-left:30px;}
#ads_list ul ul li {}
#ads_list .ads {margin-bottom:30px;}
#ads_list .ads .title {text-decoration:underline; font-weight:bold; font-size:14px;}
#ads_list .mini_photos {text-align:left;}
#ads_list .mini_photos ul {margin:0 auto; padding:0;}
#ads_list .mini_photos ul li {display:inline; margin:0 5px; }
#ads_list .mini_photos ul li img {height:100px;}
/*серая кнопка*/
.button_grey {background:url('../img/button_grey_left.png') left top no-repeat; padding-left:4px; display:table;}
.button_grey div {background:url('../img/button_grey_right.png') right top no-repeat; padding-right:6px;}
.button_grey div div {background:url('../img/button_grey_bg.png') left top repeat-x; padding:0;}
.button_grey div div input {border:0; color:#4b4b4b; font-weight:bold; background:none; line-height:35px; height:35px; cursor:pointer;}
/*вакансии и резюме*/
.job_table {border-collapse:collapse; color:#525252; width:100%; margin-bottom:12px;}
.job_table .head td {font-weight:bold; text-align:left;}
.job_table td {border-bottom:1px dashed #e1e4e6; padding:10px; text-align:left; vertical-align:top;}
.job_table a {color:#3b639d;}
/*вакансия и резюме*/
#job {background:#f3f4f4; border:1px solid #ced1d6;}
#job .title {font-size:18px; font-weight:bold; padding:12px; border-bottom:1px solid #ced1d6;}
#job .data {padding:12px;}
#job .data .label {float:left; width:30%; font-weight:bold; margin-bottom:12px;}
#job .data .text {float:left; width:70%; margin-bottom:12px;}
/*-------------------------------------------------------------------------------------*/
/*--------------------- RIGHT------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#sidebar_right {
width:210px;
min-width:210px;
padding:20px 6px 20px 6px;
display:table-cell;
vertical-align:top;
}
#statistics {
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
padding:0;
background:#fff;
display:table;
width:200px;
margin:0;
color:#000;
border:1px solid #ced1d6;
font-size:12px;
margin-bottom:12px;
}
#statistics .title {
-moz-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius:5px 5px 0 0;
background:#f2f3f3;
border-bottom:1px solid #ced1d6;
text-align:center;
padding:10px;
font-family:Trebuchet MS;
font-weight:bold;
font-size:14px;
}
#statistics .text {
padding:10px 0 10px 10px;
}
#statistics .text .name {
float:left;
margin-top:5px;
margin-bottom:10px;
}
#statistics .text .count {
-moz-border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius:10px 0 0 10px;
background:#3c88f0;
padding:5px 10px 5px 15px;
font-weight:bold;
color:#dde0e3;
width:50px;
float:right;
}
/*баннер*/
#sidebar_right .banner img {width:210px;}
/* ------------------------------------------------------------------------------------------- */
/* ---------------------------- FOOTER --------------------- */
/* ------------------------------------------------------------------------------------------- */
#footer {background:#e5e8eb; width:100%; min-width:1200px; height:170px; color:#666; padding-top:30px; position:absolute; bottom:0;}
#footer .content{margin:0 auto; text-align:center;}
#footer a {color:#666; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
/* ------------------------------------------------------------------------------------------- */
/* ---------------------------- Меню --------------------- */
/* ------------------------------------------------------------------------------------------- */
/* верхнее меню*/
#menu_top {float:left; background:url('../img/top_menu_bg.png') top left repeat-x; width:100%; height:40px; min-width:1200px; text-align:center;}
#menu_top ul {margin:0; padding:0; text-align:center;}
#menu_top ul li {display:inline-block; list-style:none; padding:0 5px;}
#menu_top ul li a {font-family:Trebuchet MS; font-size:14px; font-style:normal; font-weight:bold; color:#e5e8eb; text-decoration:none; line-height:40px;}
#menu_top ul .act {display:inline-block; background:#1666d2; color:#f3d02d; height:38px;}
#menu_top ul li:hover {display:inline-block; background:#1666d2; color:#f3d02d; height:38px;}
#menu_top ul li a img {display:inline-block; vertical-align:middle;}
#menu_top ul li a .text {display:inline-block;}
/* левое меню*/
/* 1-й уровень левого меню */
#left_menu .title {
-moz-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius:5px 5px 0 0;
background:url('../img/left_menu_bg.png') left top repeat-x;
height:45px;
width:240px;
color:#000;
text-align:center;
border:1px solid #ced1d6;
display:table-cell;
vertical-align:middle;
font-weight:bold;
font-size:13px;
}
#left_menu ul {display:table; margin-left:0px; margin-top:0; padding:0; font-family:Trebuchet MS; font-size:13px;}
#left_menu ul li {list-style:none; color:#fff; cursor:pointer; border-left:1px solid #ced1d6; border-right:1px solid #ced1d6; border-bottom:1px solid #ced1d6;}
#left_menu ul li .content{display:table-cell; vertical-align:middle; background:url('../img/left_menu_bg.png') left top repeat; height:45px; width:240px; padding:0 10px; color:#000;}
#left_menu ul li:hover .content{display:table-cell; vertical-align:middle; background:url('../img/left_menu_hover_bg.png') left top repeat; height:45px; width:240px; padding:0 10px; color:#fff;}
#left_menu ul li .content img {margin-right:10px; margin-top:6px; width:32px; height:32px;}
#left_menu ul li .content .text {height:45px; vertical-align:middle; display:table-cell;}
#left_menu ul li a {display:table-cell; text-decoration:none;}
/* 2-й уровень левого меню */
#left_menu ul ul {margin-left:0px; margin-top:0; padding:0 0 0 50px;}
#left_menu ul ul li {display:list-item; list-style:disc; color:#000; font-size:12px; border:none;}
#left_menu ul ul li a {color:#000; text-decoration:none;}
#left_menu ul ul li a:hover {text-decoration:underline;}
#left_menu ul .open{display:table;}
#left_menu ul .close{display:none;}
/* нижнее меню*/
#menu_footer{text-align:center; margin-bottom:12px; width:100%;}
#menu_footer ul {margin:0; padding:0;}
#menu_footer ul li {list-style:none; display:inline;}
#menu_footer ul li span {margin:0 7px;}
#menu_footer ul li a {color:#666; text-decoration:none;}
#menu_footer ul li a:hover {text-decoration:underline;}
/* ------------------------------------------------------------------------------------------- */
/* ---------------------------- Вкладки --------------------- */
/* ------------------------------------------------------------------------------------------- */
.section {
width:100%;
min-width: 480px;
background: #e5e8eb;
margin: 0 0 30px;
}
ul.tabs {
height: 28px;
line-height: 25px;
list-style: none;
border-bottom: 1px solid #DDD;
background: #FFF;
padding-left:0;
}
.tabs li {
-moz-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius:5px 5px 0 0;
float: left;
display: inline;
margin: 0 1px -1px 0;
padding: 0 30px 1px;
color: #dde0e3;
cursor: pointer;
background: #267cf1;
border: 1px solid #E4E4E4;
border-bottom: 1px solid #267cf1;
position: relative;
text-align:center;
font-weight:bold;
font-family:Trebuchet MS;
font-size:14px;
}
.tabs li:hover,
.vertical .tabs li:hover {
padding: 0 30px 1px;
}
.tabs li:hover{
text-decoration:underline;
}
.tabs li.current {
color: #010101;
background: #e5e8eb;
padding: 0 30px 2px;
border: 1px solid #d3d6da;
border-bottom: 1px solid #e5e8eb;
}
.tabs .current:hover {
text-decoration:none;
}
.box {
min-width: 480px;
position:relative;
display: none;
border: 1px solid #d3d6da;
border-width: 0 1px 1px;
background: #e5e8eb url('../img/search_ico.png') 15px top no-repeat;
padding: 20px 20px;
overflow:hidden;
box-sizing: border-box;
-moz-box-sizing: border-box; /*Firefox 1-3*/
-webkit-box-sizing: border-box; /* Safari */
}
.box.visible {
display: block;
}
.box a {color:#666; text-decoration:underline; float:right; margin-right:20px; margin-top:10px;}
.box a:hover {text-decoration:none;}
.box .button {background:url('../img/button_blue_left.png') left top no-repeat; padding-left:9px; display:table; float:right;}
.box .button div {background:url('../img/button_blue_right.png') right top no-repeat; padding-right:10px;}
.box .button div div {background:url('../img/button_blue_bg.png') left top repeat-x; padding:0;}
.box .button div div input {border:0; color:#fff; font-weight:bold; background:none; line-height:35px; height:35px; cursor:pointer;}
/*----------Автозаполнение------------------*/
.auto_result{ position:absolute; margin-left:0; background:#fff; border:2px solid #ccc; }
.auto_result ul{ margin:5px; padding:0; }
.auto_result ul li{ list-style: none;}