body {
    margin: 0px;
    font-family: Arial;
    font-size: 5vw;
    color: #eee;
    background: #2B333A;
}

/*when the browser window is 600px wide or more*/
@media only screen and (min-width: 600px) {
    body {
        font-size: 2vw;
    }
}

a {
    text-decoration: none;
    color: #FF6F57;
}

a:visited {
    color: #FF6F57;
}

a:hover {
    background-color: transparent;
}

/*job light blue link*/
.j-li-a {
    color: #50afea !important;
}

/*para links contendo 1 x <li>, tipo list view*/
.onclick {
    /*height: 160px;*/
    padding: 16px;
}

/*apenas para o link menus*/
.onclick-menu {
    color: #50afea;
    /*font-size: 1vw;*/
}

.onclick-menu:visited {
    color: #50afea;
}

/*job provider name*/
#j-prov-name {
    /*visibility: hidden;*/
    display: none;
    float: left;
    min-width: 45%;
}

.j-prov-type {
    margin-left: 10px;
    /*margin-top: -16px;*/
}

/*job title*/
.job-t {
    font-weight: bold;
    margin-top: 5px;
    /*font-size: 5vw;*/
}

.job-t a:hover {
    text-decoration: underline;
}

/*job empresa*/
.job-cia {
    font-weight: bold;
    margin-top: 5px;
}

/*job date*/
.job-dt {
    margin-bottom: 5px;
}

/*job details style for the html elements usually present in job details field and that override and break our own CSS and HTML if not prevented*/

.j-details {
    margin: 0 15px 15px 15px;
    padding: 0 10px 5px 10px;
    /*font-size: 5vw !important;*/
    color: #eee;
    max-width: 90%;
    /*protect long words like URLs that otherwise will overflow out of the div/other element and will lead to the fail of our layout in CSS and HTML*/
    word-wrap: break-word;
}

/*inner <div>*/
.j-details div {
    overflow: hidden;
}

/*inner <p>*/
.j-details p {
    line-height: 1.5em;
}

/*inner <li>*/
.j-details ul li {
    margin-left: 25px;
}

/*end*/

/*arredondado*/
.r15 {
    padding: 4px 10px 4px 10px;
    margin: 2px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    /*cor default do arredondado */
    background-color: #999;
    color: #fff;
    /*font-size: 5vw !important;*/
    font-weight: normal;
    line-height: 1.5em;
}

.c-viol {
    color: #eee;
    background-color: #5b8bea;
    /*50afea*/
}

.c-blued {
    color: #eee;
    background-color: #50afea;
}

.c-ora {
    color: #333;
    background-color: #ff6d07;
}

.c-dred {
    color: #333;
    background-color: #ff3d35;
}

.c-red {
    color: #eee;
    background-color: #f00;
}

.c-green {
    color: #333;
    background-color: #0f0;
}

.c-blue {
    color: #eee;
    background-color: #00f;
}

.cl_10px {
    clear: both;
    margin-top: 10px;
}

.fl-l {
    float: left;
}

.cl {
    clear: both;
}

#page_loader_panel {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 100000;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#page_loader_icon {
    position: relative;
    background: none;
    z-index: 100001;
    top: 30%;
    left: 50%;
    /*margin:-172px 0 0 -128px;*/
}