#job_result .clmail{background-color: #E8FFC1 !important; border: 1px solid #CFCFCF !important;}
#job_result .promo-oferta-opinie{background-color: #E5E0FF !important; border: 1px solid #CFCFCF !important;}

#job_result .count{text-align: center; margin: 10px 0px;}
#job_result .offer{float:left; margin-bottom: 15px; padding: 5px;}
#job_result .promoted{background-color: #FBF0FA;}
#job_result .employer_name{margin:10px 0 15px 0;}
#job_result .h-city{margin: 0; display: inline; font-family: 'Source Sans Pro', sans-serif;}
#job_result .employer_name a, #job_result .employer_name a:visited{color: #757575!important;font-weight: normal;}
#job_result .position h2, #job_result .position h3, #job_result .position h4 {margin: 0px;}
#job_result .region{float:left; width:180px; text-align: left;}
#job_result .company_data{float: right;}
#job_result .company_data img{max-height: 30px; max-width: 75px; float: left; margin: 5px;}
#job_result .company_data div{width:250px; float:left;}
#job_result .text {text-align:justify;float:left;  font-size: small;}
#job_result .offer .more {clear:both; color: #008040}
#job_result .offer .more a{color: #008040}
#job_result .offer .more more-opinion{float:left;}
#job_result .offer .more more-offer{float:right;}
#job_result .offer .source{font-style: italic; color:#999999; float:right;}
#job_result .offer_hide{display:none; margin-left: 40px;}

#content_index .offer{
    margin: 0 0 20px 0;
    overflow: hidden;
    font-size: small;
    padding: 3px;
}
#content_index .promoted{
    background: #FBF0FA;
}
#content_index .offer_link{
    text-decoration: underline;
    font-weight: bold;
    font-size: 15px;
}
#content_index .employer_name a{
    color: #008040;
    text-decoration: underline;
}
#content_index .source{
    font-style: italic;
    color: #999999;
}
#content_index .h_red{
    border-bottom: 1px #cf1a09 solid;
    color: #cf1a09;
    margin: 40px auto 20px auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}
#content_index .more_all{
    float: right;
}
#content_index .more_all a{
    padding: 5px 15px;
    text-align: center;
    color: #fff !important;
    background: #cf1a09;
    display: block;
    font-size: 14px;
    text-decoration: none;
}
#content_index .link-title-blog{
    display: block;
    padding: 5px 10px;
    margin: 5px;
    background: #d8190f;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
}
#content_index .img-blog{
    float: left;
}
#content_index .blog-info{
    float: right;
    margin-right: 20px;
    margin-top: -10px;
}
#content_index .blog-text{
    font-size: 12px;
}
#content_index .blog-more{
    float: right;
}
#content_index .blog-more a{
    color: #d8190f;
}
#content_index .blog-root{
    overflow: hidden;
    margin: 10px 0;
}
#content_index .o-promo{
    margin: 0 5px;
    overflow: hidden;
}
#content_index .o-promo-tytul{
    border-bottom: 1px #8c0c05 solid;
    color: #8c0c05;
    font-size: 18px;
    margin: 0px;
    overflow: hidden;
}
#content_index .o-promo-tytul a, .o-promo-tytul a:hover{
    color: #8c0c05;
    text-decoration: none;
}
#content_index .o-promo-img{
    max-height: 100px;
    float: right;
    margin: 5px;
}
#content_index .o-poromo-text{
    margin-top: 0px;
    font-size: 12px;
}

#tip {
    color: #FFF;
    background:#FFF;
    display:none; /*--Domyślnie ukryty--*/
    padding:0px;
    z-index: 1000;
    position:fixed; z-index:1000;
/*    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
}
.ui-autocomplete-loading {
background: url('/images/ajax-loadersmall.gif') right center no-repeat;
}
.salary-table{
    border-bottom: 2px solid #CCCCCC; border-top: 2px solid #CCCCCC;
    margin: 35px 0 0;
    text-align: center;
    width: 100%;}
.rotate{}
.salary{display:none;clear:both;}
#salaryForm{display:none;}
.item input[type="text"], .item input[type="select"]{width: 180px;}
.item{margin: 5px 0;}
.item label{
    display: inline-block; width: 130px;
}
.loader{display:inline-block;text-align: center;width:100%;padding:10px;}

.question{display: inline-block;}

#premiumtext{float: left; width: 100%;}
a.acceptOffer, a.rejectOffer {
    padding: 30px 50px;
    font-weight: bold;
    font-size: 16px;
}
.addjobform{ margin-bottom: 5px; width:670px;  float:left; padding: 10px 0px; }
.addjobform input[type="text"]{width:300px;}
.addjobform select{width:150px;}
.addjobform input[type="submit"]{padding: 5px;}
.addjobform > label, .simplelabel{display: inline-block; width:150px; }
.big-width-checkbox{width: 90% !important; display: inline !important;}
.addjobform > label b{color:red;}
.addjobform label a{color: #000;}
.addjobform #text{border:1px red ridge; display: block; width:680px; height: 500px; margin-top: 20px; float:left;}
.addjobform #text_parent{float:left; width:680px;}
.addpremiumjob input[type="text"]{width: 230px !important;}
#preview-container-button{text-align: center;}
#job-preview-submit{margin: 0 auto; padding: 5px;}
#form-preview-container{
    -moz-transform: scale(0.70);
    -webkit-transform: scale(0.70);
    -o-transform: scale(0.70);
    -ms-transform: scale(0.70);
    background: none repeat scroll 0 0 #FFFFFF;
    margin: -80px 0 0 -85px;
    position: absolute;

 /*   margin: 0px 0 0 0px; */
    height: 700px;
    overflow: auto;
/*    position: absolute;
    top: 0;*/
    width: 720px;}
#preview-close, #preview-accept{display: inline-block; float: none;}
#previewcontainer, #pre-view{
    float: left;
 /*   max-height: 500px;
    overflow: auto;*/
}
#offers-left{font-weight: bold;}
#offers-left-paragraph{width: 400px; text-align: center;}
#countrycontainer, #urlcontainer{display: none;}
#form-left-container{float: left; width: 430px;}
#form-right-container{
    float: left;
    width: 520px;}
#preview-img{max-width: 515px; max-height: 1000px;}
#provinces{clear: both; overflow: hidden;}
#provinces > .addjobform{float: left; width: auto; margin: 0 10px 0 0;}
#provinces > .addjobform > label {width: 160px;}
#provinces > .addjobform input[type="text"]{width:220px;}
#premium_div > label{width:300px; float:left; text-align: center;}
#premium_div p span{width:300px; text-align: center; display:block; float:left; }

.add-item {float:left;width: 700px; margin-bottom: 10px;}
.add-item > label  {float:left; width:100px;}
#see_others,#offer_details #share{background-color: #E1E3E8; padding: 5px;}
#see_others a{color:#666A71;}


#offer_details #header{float:left; background-color: #F6F6F6; padding: 5px;}
#offer_details #header #right_column{font-size: 10px;}
#offer_details h1, #offer_details h2{line-height:125%; }
#offer_details #text div{padding-top: 10px;}
#offer_details #text div .notify{color:blue;}
#offer_details #application{text-align: center; margin: 0 0 10px 0;}
#offer_details .agregator_pracy{font-weight:bold; color: #0000FF; text-decoration: underline;}
#offer_details #share #mail{background-image: url('/images/polec_ikony.png'); background-position: left bottom; float:right; width:25px; height: 25px;}
#offer_details #share #mail:hover{background-position: left top;}
#offer_details #share #wykop{background-image: url('/images/polec_ikony.png'); background-position:center bottom; float:right; width:25px; height: 25px;}
#offer_details #share #wykop:hover{background-position:center top;}
#offer_details #share #facebook{background-image: url('/images/polec_ikony.png'); background-position:right bottom; float:right; width:25px; height: 25px;}
#offer_details #share #facebook:hover{background-position:right top;}

.aplikuj-new-red{
    background: #D91B11 !important;
    text-transform: uppercase;
    color: #fff !important;
    border-color: #D91B11 !important;
    padding: 20px 40px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    font-size: 20px;
    width: auto !important;
}

#apply #notice{ padding: 10px 20px;}
.applyform{padding: 5px; overflow: auto; }
.applyform input[type="submit"], .applyform button{width:100px; display: block; margin: 0 auto; clear: both;  }
.applyform label b{color:red;}
#apply fieldset{ border: 2px solid #c5c5c5; margin-bottom: 10px; }
.applyform input, .applyform textarea, .applyform select { border: 1px solid #c5c5c5; background-color: #fff }
.applyform input:hover, .applyform textarea:hover, .applyform select:hover { border: 1px dotted #c5c5c5 }
.applyform input:focus, .applyform textarea:focus, .applyform select:focus { border: 1px solid #d81b10; outline: none; }
.applyform input:focus {box-shadow: inset 0px 0px 10px 2px rgba(119, 119, 119, 0.2); -moz-box-shadow: inset 0px 0px 10px 2px rgba(119, 119, 119, 0.2); -webkit-box-shadow: inset 0px 0px 10px 2px rgba(119, 119, 119, 0.2);}
.applyform textarea:focus { box-shadow: inset 0px 0px 10px 4px rgba(119, 119, 119, 0.2); -moz-box-shadow: inset 0px 0px 10px 4px rgba(119, 119, 119, 0.2); -webkit-box-shadow: inset 0px 0px 10px 4px rgba(119, 119, 119, 0.2); }

.prawa {background-color: #ececec; color: #6e6e6e; font-family: arial; font-weight: bold; overflow: auto; }
#branch_citys, #company_branches
{
    text-align: center;
    float: left;
}

#city_list p
{
    font-weight: bold;
}

#branch_citys ul, #company_branches ul
{
   list-style: none;
   display: inline-block;
   width:650px;
}

#branch_citys ul li a, #company_branches ul li a
{
    float: left;
    border: 1px solid #D0D1D2;
    padding: 3px 4px;
    width: 199px;
    text-align: center;
    margin: 2px 3px;
    color: #000;
    height: 30px;
}

#wiecej_miast, #wiecej_branzy
{
    cursor: pointer;
}

#powrot_oferta{color: #DB241E; }

#cvfaces
{
    float: left;
    margin: 10px 0 0 10px;
}

#cvfaces .red_text
{
    color: #DA281F;
}

#cvfaces .dodaj_profil
{
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 8px 0;
}

#cvfaces .keywords
{
    display: block;
}

#cvfaces .dodaj_profil a
{
    color: black;
    text-decoration: underline;
}

#cvfaces .a
{
    color: black;
}

#cvfaces .ramka
{
    float: left;
    border: 2px solid #D0D1D2;
    height: 128px;
    padding: 2px;
    text-align: center;
    vertical-align: top;
    width: 123px;
    margin: 0 4px 0 0;
}

#cvfaces .ramka a
{
    color: #3C4147;
    display: inline-block;
    text-decoration: none;
}


.random_job_offerts_container
{
    display: inline-block; width: 100%;
}
.rand_job_offer_item
{
    float: left;
    height: 50px;
    width: 216px;
    padding: 5px;
    color: black;
    border-top: 1px solid #C0C0C0;
}

.agregator
{
    font-size: 15px;
    margin: 10px 0 20px;
    text-align: center;
}

.job-btn{
    background: #e6e6e6;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
    margin: 1px;
    padding: 3px;
    cursor: pointer;
    float: left;
    color: #444 !important;
}

.job-btn-active{
    background: #FFF;
}

.salary-box
{
    border-bottom: 2px solid #DDDDDD;
    overflow: hidden;
    padding: 5px;
}

.salary-position-text
{
    float: left;
    font-weight: bold;
    text-align: center;
    width: 310px;
}

.salary-values
{
    float: left;
}

.inline-block{
    display: inline-block;
}

.inline{
    display: inline;
}

.salary-bar{
    background: lightgreen;
    border-radius: 2px 2px 2px 2px;
    width: 250px;
}

.salary-source
{
    text-align: right; color: #333; font-size: 10px;
}

.salary-pointer{
    background: green;
    width:2px;
}

.szukajPracyForm .SzukajButton{
    background: red;
    position: relative;
    float: left;
    margin: 2px 0 2px 30px;
}

.szukajPracyForm .SzukajButton .ButtonRuchomy{
    position: absolute;
    overflow: hidden;
    width: 141px;
    height: 28px;
}

.szukajPracyForm .SzukajButton .ButtonRuchomy #submit{
    position: absolute;
}

.szukajPracyForm .SzukajButton .ButtonRuchomy #submit:hover{
    position: absolute;
    right: 0px;
}

.szukajPracyForm input[type="text"]{
    border: 1px solid #333333;
    width: 200px;
    padding: 5px;
    border-radius: 3px;
}

.szukajPracyForm input[type="submit"]{
    background: #969696;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    padding: 5px 40px;
}

.szukajPracyForm input[type="submit"]:hover{
    background: #d61b14;
}

.OfferOpinie{
    background: #d41c10;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 5px;
    color: #fff;
}

.OfferOpinie:hover{
    text-decoration: underline;
}

#info_wyszukiwarka{
    margin-bottom: 20px;
}

.attachmentGroup.collapsed {
    overflow: hidden;
    background-color: #eee;
}

.attachmentGroup.collapsed .applyform {
    display: none;
}

.attachmentGroup .applyform.expand {
    display: none;
}

.attachmentGroup.collapsed .applyform.expand {
    display: block;
}

#job_result_offer{
    margin-top: 20px;
}

.text-proponowane{
    padding: 5px;
    color: #666A71;
    font-size: 18px;
}

.linia-proponowane{
    border: 0;
    height: 1px;
    background: #666A71;
}

.linki_polec{
    float: left;
    margin: 0 10px;
}

.linki_polec a{
    color: blue;
}

.linki_polec_darmowe{
    float: left;
    margin: 0 25px;
}

.linki_polec_darmowe a{
    color: blue;
}

@font-face {
    font-family:"Roboto-Light";
    src: url("/css/fonts/Roboto-Light.ttf");
}
@font-face {
    font-family:"Roboto-Medium";
    src: url("/css/fonts/Roboto-Medium.ttf");
}
@font-face {
    font-family:"Roboto-Thin";
    src: url("/css/fonts/Roboto-Thin.ttf");
}
@font-face {
    font-family:"Roboto-Bold";
    src: url("/css/fonts/Roboto-Bold.ttf");
}
@font-face {
    font-family:"Roboto-Regular";
    src: url("/css/fonts/Roboto-Regular.ttf");
}
.ambasador-lista li {
    list-style-image: url("/images/ikony/ico-ok.png") !important;
    font-size:15px;
    padding:5px 0px
}

.prac-text-1{
    font-size: 48px;
    font-weight: bold;
    line-height:90%;
    margin: 7px 0;
    display: inline-block;
}
.prac-text-2{
    font-size: 28px;
    margin: 3px 0;
    display: inline-block;
}
.prac-text-3{
    font-size: 16px;
    font-family:Roboto-Medium;
    margin: 3px 0;
    display: inline-block;
}
.pracodawca-oglo-box{
    width:182px;
    float:left;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}
.pracodawca-promo-box{
    float: left;
    width: 400px;
    height: 240px;
    margin-left: 35px;
    border: 5px solid rgb(207, 13, 13);
    padding: 10px;
    text-align: center;
}
.ambasador-profil{
    font-family: Roboto-Light;
}
.tabelka-oferta .tabelka-oferta-font-1{
    font-size:36px;
}
.tabelka-oferta .tabelka-oferta-font-2{
    font-size:26px;
}
.tabelka-oferta .tabelka-oferta-font-3{
    font-size:28px;
}
.tabelka-oferta .tabelka-oferta-font-4{
    font-size:36px;
}
.komora-1{
    text-align: center;
    background-color: #f1f1f3;
    font-family:Roboto-Medium;
}
.komora-2{
    text-align: center;
}
.komora-3{
    text-align: center;
    background-color: #d1d2d4;
    font-family:Roboto-Medium;
}
.komora-4{
    text-align: center;
    background-color: #dddddd;
    font-family:Roboto-Medium;
}
@media (max-width: 767px) {
    .tabelka-oferta .tabelka-oferta-font-1{
    font-size:22px;
    }
    .tabelka-oferta .tabelka-oferta-font-2{
        font-size:12px;
    }
    .tabelka-oferta .tabelka-oferta-font-3{
        font-size:16px;
    }
    .tabelka-oferta .tabelka-oferta-font-4{
        font-size:18px;
    }
    .komora-1, .komora-3{
        font-size:14px;
    }
}
.sus-btn-red{
    display: inline-block;
    padding: 16px 26px;
    background: #cc0001;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-family:Roboto-Bold;
    font-size: 14px;
}
.sus-btn-red-zam{
    padding: 16px 100px;
}
.popup-free-offer{
    width: 618px;
    height: 390px;
    background: url('/images/popup_free_job/popup-tlo.png');
    position: relative;
}
.popup-free-offer .b-close-iks{
    position: absolute;
    right: 0;
}
.popup-free-offer .b-img-left-top{
    position: absolute;
    left: -100px;
    top: -100px;
}
.popup-free-offer .b-img-more{
    position: absolute;
    right: 27px;
    bottom: -30px;
}
.popup-free-offer .b-items{
    margin-top: 170px;
    margin-left: 30px;
}
.popup-free-offer .b-items a{
    display: block;
    width: 561px;
    height: 64px;
    background: url('/images/popup_free_job/popup-item.png');
}
.popup-free-offer .b-items-img{
    display: block;
    width: 50px;
    margin: 8px 66px;
    float: left;
}
.popup-free-offer .b-items-text{
    display: block;
    margin: 16px 0;
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}