html {
    font-size: 14px !important;
    position: relative;
    min-height: 100%;
}
body {
    margin:0 0 405px 0;
    padding:0;
    font-family: 'Open Sans', sans-serif;
}
header {
    margin-bottom:30px;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 405px;
}
q {
    quotes:'\00AB' '\00BB' '\201E' '\201C';
}
/*
a {
    color:#2200C1;
}
a:hover, a:hover:visited  {
    color:#02a9ff;
}
a:visited {
    color:#551A8B;
}
*/

a {
    color:#000;
    text-decoration:underline;
}
a:hover {
    text-decoration:none;
}
a:visited {
    color:#444;
}

a.inner
{
    border-bottom: 1px dashed;
    text-decoration:none;
}

p strong {
    font-weight:bold;
}
li {
    line-height: 1.4em;
}
h1 {
    font-size: 34px;
    line-height:40px;
    font-weight:800;
    margin-bottom: 30px;
    color:#000;
}

h1 span a{font-size:14px;color:inherit;}
#qsearch h2 span {font-size:inherit;}
#qsearch h2 a {font-size: 14px;}
h2 {
    font-size: 28px;
    line-height:34px;
    font-weight:800;
    margin-bottom: 20px;
}

.csite.aindex #vacancy-list .block-articles-news h2 {
    padding: 5px 10px;
    display: block;
}
.csite.aindex #vacancy-list .block-promo-add h2 {
    display: block;
    background-color: transparent;
    margin: 0 0 20px 0;
    padding: 10px;
    color: #000;
    font: bold 22px/120% 'Open Sans', sans-serif, 'Open Sans', sans-serif;
}
h3 {
    font-size: 22px;
    line-height:28px;
    font-weight:300;
    margin-bottom: 16px;
}
h4 {
    font-size: 18px;
    line-height:22px;
    font-weight:300;
    margin-bottom: 10px;
}
h2 a, h3 a {
    color: inherit;
}

table {
    margin-bottom: 20px;
}
table{
    border-collapse: collapse;
}

.inner {
    text-decoration:none;
    border-bottom: 1px dashed;
}

.block {
    float:left;
    clear:right;
}
.blocks {
    overflow:hidden;
    _zoom:1;
}

.note {
    color: #777;
}
.attention {
    color: #f00;
}
.nobr {
    white-space: nowrap;
}

.full .blocks {
    margin: 20px 0;
}
.full .block {
    width:290px;
    padding:0 20px 0 0;
    margin: 0 20px 0  0;
    border-right: 1px solid #ccc;
}

.full .block.last {
    border: none;
    padding-right:0;
    margin-right:0;
}


.form  {
    padding: 10px 20px;
    background: #FCFCFC;
    border: 1px solid #eee;
    width: auto;
}
.form  .last .left, .form  .last.submit .left {
    float:left;
    line-height: 20px;
}
.form form ul {
    list-style-type:none;
    margin:0;
}
.form form div.row {
    padding: 15px 0;
    overflow:hidden;
    border-bottom: 1px solid #eee;
}
.form form div.row.last {
    border:none;
    padding-bottom:0;
}

.form form div.row.date input {
    width:105px;
}
.form form div.row.date span {
    float:left;
    line-height: 25px;
}

.form form div.row label {
    float:left;
    clear:right;
    width: 130px;
    padding:6px 20px 0 5px;
    line-height: 16px;
}

.form form ul li div {
    float:left;
}
.form form ul li div div {
    float:none;
    clear:none;
    overflow:hidden;
    margin-bottom:5px;
}
.form form ul li div div input {
    float:left;
    clear:right;
    margin: 0 5px 0 0;
}
.form form ul li div label {
    float:left;
    clear:right;
    margin-top:1px;
}
.form .required > label, .form label.required {
    font-weight: bold;
}
.form .required > label:after {
    content: '*';
    color:#f00;
    font-size: 22px;
    font-weight: normal;
    position:relative;
    top: 3px;
    left: 5px;
}

.form label span.required {
    color:#f00;
    font-size: 22px;
    font-weight: normal;
    position:relative;
    top: 3px;
    left: 5px;
}
.hint {
    font-size: 11px;
    clear:both;
    padding:5px 0 0 150px;
}
.errorSummary {
    padding: 10px;
    margin:10px;
    -moz-box-shadow: 0 0 5px #f00;
    -webkit-box-shadow: 0 0 5px #f00;
    box-shadow: 0 0 5px #f00;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.errorSummary p {
    font-size: 14px;
    font-weight: bold;
}
.errorSummary ul {
    list-style-type: disc;
    margin-left: 20px;
}
.errorSummary li {
    margin-bottom: 5px;
}
.errorSummary li p {
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 0 0;
}
.errorMessage {
    margin: 10px 0;
    color: red;
    clear: both;
    padding-top: 10px;
}


#phone div div, #salary div div, #age div div {
    margin-right: 5px;
    float:left;
}
#phone  div div span, #salary div div span, #age div div span {
    float:left;
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 5px;
    height: 20px;
}
#phone #phone_country_code {
    width: 37px;
}
#phone #phone_country_code input {
    width: 15px;
}
#phone #phone_city_code {
    width: 50px;
}
#phone #phone_city_code input  {
    width: 30px;
}
#phone #phone_number {
    width: 70px;
}
#phone #phone_number input  {
    width: 50px;
}
#phone #phone_ext {
    width: 160px;
}
#phone #phone_ext input  {
    width: 146px;
}
#phone .titles {
    overflow:hidden;
}
#salary .from, #age .from, #salary .to, #age .to {
    width: 160px;
}
#salary .from input, #age .from input, #salary .to input, #age .to input {
    width: 146px;
}
select, input, textarea {
    font:inherit;
    padding: 5px;

}
textarea {
    width: 310px;
    height: 7em;
    line-height: 18px;
}

.link-out {
    float:right;
    margin-right: 20px;
}

.errors {
    margin: 20px 0;
}
.errors h4 {
    color: #f00;
}
.errors ul li{
    margin: 5px 0;
}
.errors p, .errors a {
    color: #999;
}
.lgray {
    background:#F7F7F7;
}
.section, .form .section {
    margin-bottom: 20px;
}
.section2 {
    margin: 50px 0;
}
/*
.step {
    padding-left: 70px;
    position:relative;
    line-height:50px;
}
.step em {
    position: absolute;
    top:0;
    left:0;
    float:left;
    width:50px;
    height:50px;
    background: url(/i/bg-step.png) no-repeat 0 0;
    font: italic 20px/50px georgia;
    text-align:center;
}
*/
.form .container {
    clear: right;
    float: left;
    width:auto;
}
.form .container input, .form.standart .container input {
    width: auto;
    border: none;
    clear: left;
}
.form form div.row .container label {
    clear: right;
    line-height: 20px;
    display:inline-block;
    padding-top:0;
    white-space: nowrap;
}
.form form div.row .container.line label {
    display:inline;
}
.form.standart .container.line input {
    float:none;
}
.form.standart {
    width:480px;
    margin-bottom:10px;
}
.form.standart input {
    width: 300px;
    clear: right;
    float: left;
}
.form.standart select {
    width: 300px;
    clear: right;
    float: left;
}
.form select, .form input, .form textarea {
    border: 1px solid #ddd;
}
.form .submit input, .form.plain .row .submit input {
    cursor: pointer;
    background: #F1880F;
    text-align:center;
    padding: 5px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color:#fff;
    text-shadow: #555 1px 1px 1px;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin: 5px;
    font-size: 18px;
}
.form .submit input:hover, .form.plain .row .submit input:hover {
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 0 rgba(0,0,0,0.5);
    background: #F1880F;
}
#jobsearch-form #profi {
    width: 332px;
}
#jobsearch-form  .sbmt-btn {
    font-size:20px;
}

#send-resume-form textarea, #start-relation textarea {
    height:15em;
    width:100%;
    margin-top:5px;
}
#start-relation textarea {
    height:10em;
}
#send-resume-form input, #start-relation input {
    width: 100%;
}
#send-resume-form .note {
    margin: 0;
    clear: both;
}
#send-resume-form .sbmt-btn, #start-relation .sbmt-btn {
    font-size:20px;
    width: auto;
}

#login-form div.errorMessage {
    padding: 5px 0 0 150px;
    font-size: 11px;
    clear:both;
}
#login-form .container input {
    width:auto;
}
#login-form #sbmt-btn {
    font-size:20px;
    width: auto;
    padding: 5px 20px;
}

#start-modal .modal-sm {
	width: 340px;
}
#start-modal .services {
	text-align: left;
}
#start-modal .services h3 {
	font-size: 16px;
}
#employer-registration-form input,
#employer-registration-form textarea,
#employer-registration-form select,
#feedback-form  input,
#feedback-form textarea,
#feedback-form select,
#add-vacancy-form  input,
#add-vacancy-form textarea,
#add-vacancy-form select
{
    width: 320px;
}
#content .radio input {
    width: auto;
}
#content .radio br {
    display: none;
}
#content .radio span label, #content .radio .container label {
    padding-top:3px;
    width: auto;
}
#sbmt-btn, #content .row.submit input, .row.submit input {
    font-size:20px;
    width: auto;
    float:right;
}

.button {
    float:left;
    font-size: 18px;
    line-height: 22px;
    border-bottom: 1px dashed;
    color: #F1880F;
    text-decoration: none;
    margin: 20px 0;
    text-align:center;
}
.real_button {
    text-align:center;
    margin: 5px;
}
.real_button:hover a {
    color: #fff;
}

#wrapper .real_button a {
    background: #F1880F;
    border: 1px solid #BF6600;
    padding: 5px 10px;
    color: #fff;
    text-shadow: #555 1px 1px 1px;
    font-weight: 700;
    text-decoration: none;
    line-height: 24px;
    font-size: 16px;
    position: relative;
    display: block;
    z-index: 1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.real_button a:hover {
    border:1px solid #924E00;
    background:#F29326;
}
.real_button.green a {
    background: #4e835e;
    border: 1px solid #aee7bf;
}
.real_button.red a {
    background: #d90e2f;
    border: 1px solid #f5bdc6;
}

.r {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/*  login-panel */
#login-panel,
#profil-panel {
    display:none;
}

#cur_time {
    font-size: 11px;
    margin-top: 4px;
    line-height: 1.2;
}



#center_new {
    margin:20px 0;
    overflow:hidden;
    _zoom:1;
    position:relative;
}
#job-search.active, #staff-search.active{
    position:static;
}
#job-search, #staff-search {
    position: absolute;
    width:1000px;
    background: #fff;
}

#job-search {
    top:0;
    left:0;
}
#staff-search {
    top:0;
    left:1000px;
}

#left {
    width: 240px;
    padding: 6px 0 0 20px;
}
#central {
    float:none !important;
    margin: 0 260px;
    clear: none !important;
}
#central780 {
    margin: 0 0 0 260px;
    float:none !important;
    clear: none !important;
    width: auto !important;
}
#central1000 {
    width: 1000px;
}
#content {
    margin: 0 10% 20px;
}
#right {
    width: 240px;
    padding:6px 20px 0 0;
    float:right !important;
    clear: none !important;
}


#central-right-300 {
    margin: 0 320px 0 0;
    float:none !important;
    clear: none !important;
    width: auto !important;
}
#right-300 {
    width: 300px;
    padding:6px 20px 0 0;
    float:right !important;
    clear: none !important;
}

.menu {
    list-style-type:none;
    margin:0;
    padding-left: 0;
}
.menu li {
    line-height: 18px;
}
.menu.hor {
    overflow: hidden;
    _zoom:1;
}
.menu.hor li {
    float: left;
    margin: 0 10px 0 0;
}
.menu li.active {
    font-weight: bold;
}


.items li {
    padding:20px;
    position:relative;
    margin-bottom:20px;
    border: 10px solid #eee;
}
.items li:hover {
    border-color: #f1cd46;
}
.items li.separator {
    border-bottom: 1px solid #ddd;
    padding:0;
    margin-bottom: 20px;
}
.items li.hot {
    border-bottom: none;
}
.items li li{
    margin:0px;
}
#wrapper .items h4 {
    font-size: 18px;
    line-height:23px;
    margin-top:6px;
}
.items h3 {
    font-size: 18px;
    line-height:20px;
}

.items h4 {
    font-weight: normal;
}
.items .date {
    background: #999;
    color:#FFF;
    font-size:11px;
    line-height:11px;
    padding:0 4px;
}
.items .short-desc {
    color:#777;
}
.items .desc {
    padding-top: 5px;
}
.items .city {
    color:#777;
}
.items .company {
    padding-top: 5px;
    min-height: 30px;
}
.items .company .title {
    font-weight: bold;
}

.items sup.favorite {
    visibility:hidden;
}
.items li:hover sup.favorite {
    display: inline;
    visibility:visible;
}
.items li .user-action {
    margin-top:20px;
}
.items li .user-action .btn {
    margin-bottom:5px;
}

sup.favorite {
    font-size: 11px;
    position: relative;
    top: -8px;
    left: 5px;
    color:#ED39B7;
    line-height:22px;
}
.favorite a {
    color:#ED39B7;
}

.vacancy {

}
.vacancy h1 span {
    font-size: 12px;
    color: #999;
    display:block;
}
h2.finded-total span {
    font-size: 12px;
    color: #999;
}
.vacancy .date {
    background: #999;
    color:#FFF;
    font-size:11px;
    line-height:11px;
    padding:0 4px;
}
.vacancy .basic-info {
    overflow:hidden;
    _zoom:1;
}
.vacancy .basic-info .zp {
    padding: 20px;
}
.vacancy .menu {
    margin-top: 10px;
}
.vacancy .desc {
    padding: 20px 20px 0 0;
    line-height: 20px;
}
.vacancy .desc a {
    color:inherit;
    text-decoration:none;
}
.vacancy .desc strong {
    font-weight: bold;
}
.vacancy .right {
    margin-left:20px;
}
.vacancy .company {
    padding: 20px;
    max-width: 250px;
    _width: 200px;
}
.vacancy .company h2 {
    line-height: 1.2em;
    margin-top:5px;
}
.vacancy .company img {
    margin-bottom: 20px;
}
.vacancy .addthis_toolbox {
    padding-top: 5px;
}
.vacancy.user-requested .send-resume, .vacancy.user-requested .real_button, .resume.user-requested .real_button, .resume.user-requested .to-start-relation {
    display:none;
}


.resume.section {
    overflow: visible;
}
.resume {
    overflow: hidden;
    padding-top:10px;
}
.resume h1 {
    margin-top: 10px;
}
.resume h1 span {
    font-size: 20px;
    font-weight: normal;
    color: #F1880F;
}
.resume .date {
    background: #999;
    color:#FFF;
    font-size:11px;
    line-height:11px;
    padding:0 4px;
}
.resume .number {
    color: #999;
}
.resume .desc {
    padding: 20px 20px 0 0;
    line-height: 18px;
}
.resume .contacts {
    padding: 20px
}
.resume .contacts h3 {
    margin-bottom: 15px;
}
.resume .contacts li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #000;
    border-bottom:1px solid #eee;
}
.resume .contacts li.last {
    margin:0;
    padding:0;
    border: none;
}
.resume .contacts li span {
    color: #333;
}

.resume .section {
    margin-bottom:40px;
    line-height:1.4em;
}
.resume .list {
    list-style-type: none;
    margin-left:0;
    padding-left:0;
}
.resume .list li {
    margin-bottom:20px;
}

.resume .section ul {
    line-height: 18px;
}
#wrapper .resume .experiences h3 {
    font-weight: bold;
}
.resume .experiences li {
    margin-bottom:10px;
}
.resume .experiences .description {
    margin:5px 0;
}
.resume .experiences .description a {
    color:inherit;
    text-decoration:none;
}
.resume .addthis_toolbox {
    padding-top: 5px;
}

#left .menu li {
    font: 15px/17px 'Open Sans', sans-serif;
    margin-bottom:10px;
}
#left .menu li.active a {
    font-weight: bold;
    text-decoration:none;
}

#companypromo {
    padding: 20px 40px;
    overflow: hidden;
    _zoom:1;
}
#companypromo h2 {
    display:block;
    max-width: 50%;
    background-color: #535B6B;
    margin: 0 0 20px 0;
    padding: 5px 150px 5px 10px;
    color: #fff;
}
#companypromo div.company {
    float: left;
    padding: 10px 0;
    width:20%;
    margin-right:5%;
}
#companypromo div.company:last-child {
    margin-right:0;
}

#companypromo .company > a {
    text-decoration: none;
    display: block;
    width: 240px;
    font-size: 14px;
    color:#888;
    min-height: 2.2em;
}
#companypromo .employer-logo {
    height:90px;
    margin-bottom:10px;
}
#companypromo img {
    max-width: 100%;
    max-height: 60px;
    margin: 15px 0;
}
#companypromo li {
    margin-bottom: 8px;
    line-height:16px;
}

#companypromo .city, #companypromo .zp {
    white-space:nowrap;
    font-size: 11px;
}

.companypromo div.company {
    min-height:400px;
}

.companypromo .company > a {
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-size: 20px;
    min-height: 2.2em;
    margin-bottom: 10px;
}
.companypromo .employer-logo {
    height:90px;
    margin-bottom:10px;
    position:relative;
}
.companypromo .employer-logo a {
    display: block;
    position: relative;
    width: 90%;
    border: 1px solid #ddd;
    height: 90px;
}
.companypromo img {
    max-width: 80%;
    max-height: 60px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.companypromo li {
    margin-bottom: 12px;
    font-size:14px;
}

.companypromo .city, .companypromo .zp {
    white-space:nowrap;
    font-size: 11px;
    display: block;
}


#qs ul {
    margin:0;
    overflow: hidden;
}
#qs li {
    list-style-type:none;
    padding: 3px 0;
    float: left;
    position: relative;
}
#qs li.city {
    width: 43%;
}
#qs li.keywords {
    width: 43%;
}

#qs label {
    position: absolute;
    top: 10px;
    left: 8px;
    z-index: 1;
    color:#999;
}
#qs li.city input, #qs li.keywords input {
    padding: 5px;
    width: 90%;
}
#qs .find {
    padding: 4px 5px 2px;
    position:relative;
    top:1px;
}
#qs a {
    color:#952;
}
.employer #qs li.keywords {
    margin-left: 48px;
}
.employer #qs #city {
    width: 277px;
}
.employer #qs #profi {
    width: 272px;
}

#qs .sample {
    margin-top: 3px;
    font-size: 11px;
    padding: 0 5px;
    max-height: 2.5em;
}
#qs .sample a {

}
#qs > h3, #qs > h2 {
    position:absolute;
    left:18px;
    top:12px;
    width:80px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    margin-top:0;
}

#vacancy-list li a, #resume-list li a {
    font-size:16px;
    line-height: 18px;
    margin-right: 10px;
}

#vacancy-list li, #resume-list li {
    margin: 4px 0;
    overflow:hidden;
    _zoom:1;
    padding-bottom: 10px;
    list-style-type: none;
}
#vacancy-list li > div, #resume-list li > div{
    color: #333;
}
#vacancy-list li > div.block,
#resume-list li > div.block {
    margin-left:100px;
}

#vacancy-list .menu, #resume-list .menu {
    margin-bottom: 20px;
}
#vacancy-list .menu .left, #resume-list .menu .left {
    width: 90px;
    margin:0;
    text-align: right;
}
#vacancy-list .time, #resume-list .time {
    color: #999;
    font-size: 11px;
    line-height: 16px;
    padding: 0px 4px;
    position:relative;
}
#vacancy-list .hot .time {
    color: #e75756;
}
#vacancy-list .time.m-1 {
    color: #df5455;
}
#vacancy-list .time.m-5{
    color: #d55152;
}
#vacancy-list .time.m-10{
    color: #c84c50;
}
#vacancy-list .time.m-20{
    color: #bb474d;
}
#vacancy-list .time.m-30{
    color: #ae424a;
}
#vacancy-list .time.h-1{
    color: #9e3d47;
}
#vacancy-list .time.h-2{
    color: #953a46;
}
#vacancy-list .time.h-3{
    color: #8e3744;
}
#vacancy-list .time.d-1{
    color: #863543;
}
#vacancy-list .time.d-2{
    color: #7b3140;
}

#vacancy-list .zp, #resume-list .city, #resume-list .zp {
    white-space:nowrap;
}
#vacancy-list .city, #resume-list  .city {
    margin-right: 10px;
}
#resume-list  .city {
    color:#999;
}
#vacancy-list .zp {
    font-size: 16px;
}
/*
#vacancy-list .section, #resume-list .section {
    overflow:hidden;
    _zoom:1;
}
*/
#vacancy-list .section .menu, #resume-list  .section .menu{
    margin:0;
}
#vacancy-list .section .menu li, #resume-list .section .menu li {
    padding:0;
}
#vacancy-list .employer {
    color:#999;
    font-size: 11px;
}

#vacancy-list .favorite a, #resume-list .favorite a {
    font-size:10px;
}

.hot-vacancy {
    padding: 0 15px;
    border-left: 1px dotted #d00;
    margin: 4px 0 15px 0;
}
.hot-vacancy h2 {
    color:#d00;
    position:relative;
    top:-4px;
}
.hot-vacancy ul {
    margin: 10px 0;
}
.hot-vacancy li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
}
.hot-vacancy li.last {
    border-bottom: none;
}
.hot-vacancy li a {

}
.hot-vacancy li .zp {
    color: #d00;
}

.hot-vacancy a.all {
    font-size:11px;
}

.flat-banner {
    line-height: 18px;
}
.flat-banner a {
    text-decoration: none;
}
.flat-banner a span {
    padding-top: 5px;
    font-size: 11px;
    line-height: 12px;
}

.promo-registration {
    margin: 0 auto;
}
.promo-registration h2{
    text-align: center;
}
.promo-registration li {
    margin-bottom: 10px;
}

#promo {
    background: #f5f5f5;
    line-height:16px;
    padding: 20px;
}


#copyright {
    font-size: 17px;
    line-height: 22px;
}
#copyright a {
    text-decoration:none;
}
#copyright small {
    margin-left: 28px;
}
#counters {
    padding-top: 20px;
}
#partners {
    float:right;
}
#partners h5 {
    margin-bottom: 5px;
}

.service-links h4 {
    color:#b7b7b7;
    margin-bottom:10px;
}
.service-links ul {
    margin-left: 0;
    padding-left: 0;
}
.service-links li {
    list-style-type: none;
    margin-bottom:5px;
}
#city_list {
    overflow:hidden;
    zoom:1;
    width: 750px;
    margin: 0 auto;
}
#city_list .block {
    padding:20px 20px 20px 0;
    width:210px;
}

.params {
    padding:20px;
}
.params li {
    overflow: hidden;
    margin-bottom: 10px;
}
.params li.last {
    margin: 0;
}
.params div {
    margin:1px 0;
}
.params label {
    width: 180px;
    margin-right:20px;
    float:left;
}
.params span {
    background:#999;
    color:#fff;
    padding:0 10px;
    float:left;
    max-width: 268px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.params span strong {
    font-size: 14px;
    font-weight: bold;
}
.params .close {
    position: relative;
    top: 2px;
    left: 5px;
    text-decoration: none;
    float:left;
    width: 15px;
    height:15px;
    text-indent: -5000px;
}

.print {
    float:right;
    width: 24px;
    height: 24px;
    text-indent: -5000px;
}

html .pager {
    text-align:left;
}
.pager {margin:20px 0;font-size: 12px;}
.pager ul {margin:10px 0;}
.pager .hidden {display:none;}
.pager li {display:inline-block;margin-right:5px;}
.pager li.page a {border: 1px solid;border-radius:0;}
.pager li.selected a {background:#CB6021;color:#fff;font-weight:bold;}

html .pager li>a, html .pager li>span {
    border:none;
    border-radius: none;
}
html .pager .next>a, html .pager .next>span, html .pager .previous>a, html .pager .previous>span {
    float: none;
}

.all {
    color:#777;
}
.vacancy-day {
    width: 456px;
    height: 48px;
    border: 1px solid #00aa00;
    position:relative;
    padding: 5px;
}
.vacancy-day h3 {
    position: absolute;
    background: #00bb00;
    color: #fff;
    font-size: 10px;
    top: -12px;
    left: -1px;
    padding: 1px 3px;
    width:69px;
}
.vacancy-day span {
    position: absolute;
    bottom: -17px;
    right: -1px;
    padding: 0;
}
.vacancy-day span a {
    font: normal 10px 'Open Sans', sans-serif;
}
.vacancy-day a {
    display: block;
    font: italic 16px georgia;
    margin: 0 0 3px 0;
    color: #00bb00;
}
.vacancy-day div {
    overflow: hidden;
    height: 50px;
}
.vacancy-day p {
    font-size: 11px;
    margin: 0;
    line-height: 13px;
    color: #333;
}

.how-use {
    margin: 50px 0;
    padding: 20px;
    border: 1px solid #ccc;
}


#center-along {
    width: 520px;
    padding: 0 20px;
    margin: 20px auto 50px;
    min-height:400px;
}

.truble {
    background: #fcedf0;
    padding: 10px 20px;
}
.truble p {
    margin: 0;
    line-height: 18px;
}

.private {
    padding: 0  20px;
}
.private h2 {
}

#basic-menu {
    margin: 5px 0 15px 20px;
}
.private #content {
    margin: 20px 0;
}

.private-menu {
    overflow: hidden;
}
.private-menu div {
    width: 27%;
    margin: 10px 1% 10px 5%;
    float: left;
}
.private-menu div li {
    margin: 5px 0;
    color: #999;
}

.filters {
    padding-bottom: 20px;
}
.filters ul{
    margin: 10px 0;
}
.filters .menu li {
    padding: 0 10px;
}
.filters .menu li.cur {
    border-bottom: 2px solid;
}
.filters .menu li.empty {
    color: #777;
}
.filters table {
    margin: 0;
    width: 80%;
}
.filters table td {
    border: none;
    text-align: right;
}
.filters table td.btn {
    vertical-align: bottom;
}
.filters table td.btn input {
    width: auto;
    padding:0 10px;
}
.filters input, .filters select {
    width: 192px;
    padding: 3px;
}

.private .list > ul > li {
    overflow: hidden;
    _zoom:1;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.private .vacancy-list h3 a{
    font-size: 20px;
}

.steps {
    overflow:hidden;
    list-style-type: none;
    margin-left:0;
}
.steps li {
    float: left;
    background:#eee;
    border:1px solid #EFEFEF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
    margin-right: 10px;
}
.steps li.active {
    background:#ffffee;
    border:1px solid #FFDAB0;
}
.steps li.active a {
    text-decoration:none;
    color:#333;
    font-weight: bold;
}

.blocks .list.left {
    width: 410px;
    padding-right: 20px;
    padding-left:0;
}
.blocks .list ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
.blocks .list ul li {
    margin-bottom: 25px;
    padding-bottom:10px;
}
.blocks .list ul li:last-child {
    margin-bottom:0;
}
.list .description, .block-info  .description {
    margin-bottom: 5px;
    line-height:1.4em;
}
.block-info .list .company {
    color:#999;
}


.block-info {
    border: 1px solid #eee;
    padding: 20px;
}
.list .service-links, .block-info .service-links {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px;
}
.list .service-links a, .block-info .service-links a {
    padding: 3px 10px;
    background:#000;
    color:#fff;
    font-size: 11px;
    text-decoration:none;
}
.list .service-links a:hover, .block-info .service-links a:hover {
    background: #444;
}

.access {
    border: 1px solid transparent;
    padding: 2px 5px;
}
.access.current.full {
    border-color:#090;
}
.access.current.direct {
    border-color:#ee0;
}
.access.current.deny {
    border-color:#f00;
}



#resume_list, #vacancy_list {
    margin:20px;
    padding:0;
    list-style-type:none;
}

#resume_list li, #vacancy_list li {
    border-bottom:1px dotted #cb6021;
    font: 12px/18px 'Open Sans', sans-serif;
    padding: 10px;
}
.items li.selected {
    border-color: #f1cd46;
}
.items .selected h4 {font-weight:bold;}

.items .selected h3 {
    font-weight:bold;
}

#resume_list h3 a, #vacancy_list h3 a {
    font-size:20px;
    line-height: 24px;
    color:#555;
    padding:0;
    margin:0;
}
#resume_list h3 a:hover, #vacancy_list h3 a:hover {
    text-decoration:none;
    color:#cb6021;
}
#resume_list li.old:hover, #vacancy_list li.old:hover {
    color:#000;
}
#resume_list li.old:hover a, #vacancy_list li.old:hover a {
    color:#cb6021;
}
#resume_list li.old, #vacancy_list li.old {
    color:#bbb;
}
#resume_list .old a, #vacancy_list .old a {
    color:#bbb;
    padding:0;
    margin:0;
}
.vacancy_title .urgently {
    background:#f00;
    color: #fff;
    padding: 0 3px;
    font-weight: bold;
    font-size: 11px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position:relative;
    top:-2px;
    margin-right: 5px;
}

.cutaway {
    padding: 20px;
}
.cutaway .desc {
    line-height: 20px;
    margin-bottom: 15px;
}

.link-to-ad {
    border: 1px dashed #eee;
    padding: 5px;
    margin-bottom: 10px;
}

.articles, .news {
    padding: 20px 0;
}
.articles h2, .news h2 {
    margin-top:0;
}

.articles h3 {
    font: bold 16px/20px 'Open Sans', sans-serif;
    margin-top: 0;
    margin-bottom:10px;
}

.news {
    border: none;
}
.news .all {
    float: right;
}

.news h3 {
    font:bold 16px/20px 'Open Sans', sans-serif;
    margin-top: 0;
    margin-bottom:10px;
}

#job-information {
    margin:20px;
    overflow:hidden;
    /*background: #F5F5F5;*/
}
#job-information > div {
    border: 1px solid #ddd;
    background:#f5f5f5;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
#job-information ul {
    list-style-type: none;
    margin:0;
    padding: 0;
    overflow:hidden;
    _zoom:1;
}
#job-information ul li {
    float: left;
    width: 45%;
    margin:0 5% 20px 0;
}
#job-information ul li.first {
    clear: left;
}
#job-information h2 {
    font-size: 18px;
    font-weight: normal;
    margin-top:0;
}
#job-information h3 {
    font-size: 16px;
    font-weight: normal;
    margin-top:0;
}
#job-information p {
    font-size: 12px;
    line-height: 16px;
}


.article-content p {
    margin-bottom:25px;
    line-height: 20px;
}
.article-content img {
    max-width: 100%;
    height:auto !important;
}

.article-content p:first-of-type,
.article-content p:first-of-type {
    font: bold 14px/22px 'Open Sans', sans-serif;
}
.article-content ol,
.article-content ul {
    list-style: none;
    margin:20px 0;
    counter-reset: point;
}
.article-content li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
    line-height:20px;
    font-size:14px;
    padding-top:3px;
}
.article-content ol li:before {
    content: counter(point);
    counter-increment: point 1;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 0;
    background: #658AB0;
    width: 20px;
    padding: 3px 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.article-content ul li:before {
    content:"";
    position: absolute;
    left: 5px;
    top: 6px;
    background: #658AB0;
    width: 10px;
    height:10px;
    border-radius: 50%;
}

.block-articles-news h3 {
    font-weight: normal;
    font-size: 18px;
}

.stat table td, .stat table th, .article-content .simple_table td, .article-content .simple_table th {
    border:1px solid #ddd;
    line-height: 1.2em;
}
.stat table th, .article-content .simple_table th {
    font-weight: bold;
}

.stat td, .stat th {
    padding: 5px;
}
.stat td {
    text-align:right;
}






a.show-tariffs, a.show-tariffs:visited {
    color:#fff;
    text-decoration:none;
    border-bottom: 1px dotted;
}

.mworkplace.ctariff .wrap {
    overflow: visible;
}
.wrap .tariffs {
    padding-bottom: 100px;
    text-align:center;
}
.wrap .tariffs:last-child {
	padding-bottom: 0;
}
.wrap .tariff {
    border: 1px solid #E7EAED;
    background: #fff;
    box-shadow: 0 0 10px #eee;
    vertical-align:top;
}
.wrap .tariff .container {
    width:auto;
}
.wrap .tariff p {
    line-height: 20px;
    font-size:14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    padding-left: 22px;
    text-align:left;
}
.wrap .tariff p:first-child {
    padding-top:10px;
}
.wrap .tariff p:first-child i {
    top: 13px;
}
.wrap .tariff p i {
    position:absolute;
    top:2px;
    left: 0;
}
.wrap .tariff p .note {
    font-weight: normal;
    display: none;
    position: absolute;
    left: -60px;
    top:30px;
    z-index:100;
    width:200px;
}
.triangle-isosceles {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#f3961c transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}
.triangle-isosceles.left {
  margin-left:50px;
  background:#f3961c;
}
.triangle-isosceles.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
  background:-moz-linear-gradient(#f3961c, #f9d835);
  background:-o-linear-gradient(#f3961c, #f9d835);
  background:linear-gradient(#f3961c, #f9d835);
}
.triangle-isosceles.left:after {
  top:16px; /* controls vertical position */
  left:-50px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:10px 50px 10px 0;
  border-color:transparent #f3961c;
}
.triangle-isosceles.top:after {
  top:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  bottom:auto;
  right:auto;
  border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
  border-color:#f3961c transparent;
}

.wrap .tariff p:hover .note {
    display: block;
}
.wrap .tariff.t4 {
    margin-right: 0;
}
.wrap .tariff.free {
    float: none;
    margin: 0 auto;
}
.wrap .tariff.t6 {
    float: none;
    margin: 0 auto;
}
.wrap .tariff h2 {
    color: #fff;
    margin: 0;
    padding: 10px;
    text-align: center;
    font: bold 15px/20px 'Open Sans', sans-serif, serif;
    background: #aaa;
}
.wrap .col-sm-6:nth-of-type(1) h2 {
    background: gold;
    color:#000;
}
/*
.wrap .col-sm-4:nth-of-type(2) h2 {
    background: #d55;
}*/
.wrap .col-sm-4:nth-of-type(3) h2 {
    background: #77d;
}
.wrap .col-sm-4:nth-of-type(4) h2 {
    background: #5a5;
}
.wrap .col-sm-4:nth-of-type(5) h2 {
    color: #000;
}
.wrap .col-sm-4:nth-of-type(6) h2 {
    background: gold;
    color:#000;
}
.wrap .tariff .price {
    font-size: 20px;
    text-align: center;
    margin: 20px 0 10px;
    font-weight:bold;
    min-height: 33px;
}
.wrap .tariff .price > span {
    position:relative;
    left:-5px;
}
.wrap .tariff .price > span span {
    position: absolute;
    right: -11px;
    bottom: 2px;
    font-size: 12px;
}
.wrap .tariff .price div {
    font-size: 12px;
    margin : 5px 0;
    font-weight:normal;
}
.wrap .tariff .real_button {
    margin-top: 20px;
}
.wrap .tariff .choice {
    padding: 5px;
    border: 1px solid goldenrod;
    border-radius: 3px;
    text-align:center;
    margin-bottom:10px;
    background:rgba(255, 215, 0, 0.11);
}
.wrap .tariff .response {
    text-align:center;
    margin: 15px 0;
}
.wrap .tariff .response p {
    padding: 0;
    border-top: none;
}

.wrap .tariff .trait {
    font-size: 13px;
    text-align: left;
    line-height: 18px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.periods {
    text-align:center;
    margin: 0 0 20px 0;
    list-style-type: none;
}
.periods li {
    display: inline-block;
    margin: 10px;
    font-size: 14px;
}
.periods li a {
    text-decoration: none;
    border-bottom: 1px dotted;
}
.periods li.current a {
    border: 1px solid transparent;
    color:#000;
    font-weight: bold;
}
.periods li div {
    display: block;
    color: #f00;
    font-size: 11px;
    margin-top: 5px;
}
.banner-bottom {
    overflow: hidden;
}
.banner-bottom .banner {
    margin:20px auto;
    width: 728px;
}

.related-searchs ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}
.related-searchs ul li {
    margin-bottom: 10px;
    width: 20%;
    margin-right:5%;
    vertical-align:top;
    display: inline-block;
}

.col-3 .items {
    overflow:hidden;
    margin-top:40px;
}
.col-3 .items li {
    width:30%;
    margin-right:5%;
    float:left;
    height:250px;
    overflow: hidden;
}
.col-3 .items li h3 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}
.col-3 .items li:nth-of-type(3n) {
    margin-right:0;
}

.yap-main {
    margin: auto;
}