#careers-form {
    text-transform:uppercase;
    font-size:12px;
    font-family:Asap,inherit;
}

#careers-form > div.container {
    max-width:440px;
    background-color:rgba(255,255,255,0.3);
    border-top:6px solid #A31916;
    padding:22px 60px 20px 60px;
}

#careers-form > div.container > h2 {
    margin:0;
    margin-bottom:25px;
    text-transform:uppercase;
    text-align:center;
    font-size:21px;
    font-weight:300;
    font-family:Lato,inherit;
}

#careers-form > div.container > div.steps {
    padding-bottom:24px;
    margin-bottom:2px;
    border-bottom:1px solid rgba(255,255,255,0.4);
}

#careers-form > div.container > div.steps > button {
    width:18%;
    margin-right:2.5%;
    float:left;
    border:none;
    background:none;
    color:#fff;
    padding:4px;
    border:1px solid #fff;
    transition-property:border-color, background-color, color;
}

#careers-form > div.container > div.steps > button:last-child {
    margin-right:0;
}

#careers-form > div.container > div.steps > button:hover,
#careers-form > div.container > div.steps > button.selected {
    border-color:transparent;
    background-color:rgba(255,255,255,0.4);
}

#careers-form > div.container > form > section {
    display:none;
}

#careers-form > div.container > form > section:first-child {
    display:block;
}


/*************************************************
//  Extilos globales de la sección
/*************************************************/

#careers-form h3 {
    margin:0;
    margin-bottom:24px;
    text-transform:uppercase;
    text-align:center;
    font-size:21px;
    font-weight:300;
    font-family:Lato,inherit;
} 


#careers-form p.error-msg {
    padding-left:7px;
    margin-bottom:8px;
    text-transform:none;
    font-size:11px;
    font-family:Arial,inherit;
    font-weight:bold;
    display:none;
}

#careers-form p.error-msg > span.icon {
    top:4px;
    color:#ff0000;
    margin-right:2px;
    font-size:34px;
}


#careers-form div.buttons {
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
}

#careers-form div.buttons > div {
    display:inline-block;
    width:150px;
}

#careers-form div.buttons > div:nth-child(1) {
    border-right:15px solid transparent;
}

#careers-form div.buttons > div:nth-child(2) {
    border-left:15px solid transparent;
}

#careers-form section section {
    position:relative;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,0.4);
}
/*
#careers-form div.input-field-a > input, 
#careers-form div.input-field-a > textarea, 
#careers-form div.input-field-a > span.text, 
#careers-form div.input-field-a > div.select > select {
    padding-top:11px;
    padding-bottom:9px;
}*/


#careers-form div.checkbox {
    position:relative;
    text-indent:20px;
}

#careers-form div.checkbox > input {
    display:none;
}

#careers-form div.checkbox > label {
    display:block;
    cursor:pointer;
}

#careers-form div.checkbox > label > span.square {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:7px;
    height:7px;
    padding:4px;
    background:rgba(255,255,255,0.4);
}

#careers-form div.checkbox > label > span.square > span {
    display:none;
    width:7px;
    height:7px;
    background:#A31916;
}

#careers-form div.checkbox > input:checked + label > span.square > span {
    display:block;
}



/* ==========================================================================
   Paso 1
   ========================================================================== */


/*************************************************
//  Personal Information
/*************************************************/

#careers-form section.personal-information > div.input-fields {
    margin-bottom:4px;
}

#careers-form section.personal-information > div.personal > div {
    float:left;
    width:50%;
    border-right:1px solid transparent;
}

#careers-form section.personal-information > div.personal > div:nth-child(2n) {
    border-right:none;
}

#careers-form section.personal-information > div.company > div:nth-child(2),
#careers-form section.personal-information > div.company > div:nth-child(3) {
    border-right:none;
    float:left;
    width:50%;
}

#careers-form section.personal-information > div.company > div:nth-child(2) {
    border-right:1px solid transparent;
}

#careers-form section.personal-information > div.company > div:last-child {
    clear:both;
}

#careers-form section.personal-information > div.zone > div:nth-child(1) {
    border-right:1px solid transparent;
}

#careers-form section.personal-information > div.zone > div:nth-child(1),
#careers-form section.personal-information > div.zone > div:nth-child(2) {
    float:left;
    width:50%;
}

#careers-form section.personal-information > div.zone > div:nth-child(3) {
    clear:both;
}


/*************************************************
//  Capacity
/*************************************************/


#careers-form section.capacity > h3 {
    margin-bottom:28px;
}

#careers-form section.capacity > div.days {
    margin-bottom:13px;
}

#careers-form section.capacity > div.days > div {
    float:left;
    width:14%;
}

#careers-form section.capacity > div.working-hours {
    margin-bottom:28px;
}

#careers-form section.capacity > div.working-hours > div {
    float:left;
    box-sizing:border-box;
    height:40px;
}

#careers-form section.capacity > div.working-hours > div.left {
    position:relative;
    width:89%;
    background-color:rgba(255,255,255,0.4);
    padding-left:150px;
    padding-right:20px;
}

#careers-form section.capacity > div.working-hours > div.left > strong {
    position:absolute;
    top:12px;
    left:10px;
    font-weight:normal;
}

#careers-form section.capacity > div.working-hours > div.left > div.slider {
    position:relative;
    height:100%;
    cursor:pointer;
}

#careers-form section.capacity > div.working-hours > div.left > div.slider > div.line {
    position:absolute;
    top:50%;
    margin-top:-1px;
    left:0;
    width:100%;
    height:1px;
    background-color:#fff;
}

#careers-form section.capacity > div.working-hours > div.left > div.slider > div.seek {
    position:absolute;
    top:50%;
    margin-top:-12px;
    left:0%;
    width:7px;
    height:23px;
    background-color:#fff;
    cursor:pointer;
    transition-property:background-color;
}

#careers-form section.capacity > div.working-hours > div.left > div.slider > div.seek:hover {
    background-color:#B21B1B;
}

#careers-form section.capacity > div.working-hours > div.right {
    width:11%;
    border-left:1px solid transparent;
}

#careers-form section.capacity > div.working-hours > div.right > span {
    display:block;
    background-color:rgba(255,255,255,0.4);
    text-align:center;
    padding:12px 10px;
}




/* ==========================================================================
   Paso 2
   ========================================================================== */


/*************************************************
//  Experience
/*************************************************/

#careers-form section.experience > div.input-fields > div.working-hours {
    margin-top:13px;
    margin-bottom:45px;
    padding-left:15px;
}

#careers-form section.experience > div.input-fields > div.working-hours > strong {
    font-weight:normal;
    margin-right:25px;
}

#careers-form section.experience > div.input-fields > div.working-hours > div {
    display:inline-block;
    margin-right:45px;
}

#careers-form section.experience > div.input-fields > div.working-hours > div:last-child {
    margin-right:0;
}


/*************************************************
//  Supporting documents
/*************************************************/

#careers-form section.supporting-documents > div.input-fields {
    margin-bottom:20px;
}

#careers-form section.supporting-documents > div.input-fields > div {
    float:left;
}

#careers-form section.supporting-documents > div.input-fields > div.filename {
    width:60%;
    border-right:1px solid transparent;
}

#careers-form section.supporting-documents > div.input-fields > div.filetype {
    width:40%;
}

#careers-form section.supporting-documents > div.input-fields > div.area {
    float:none;
    clear:both;
}

#careers-form section.supporting-documents > div.input-fields > div.upload {
    width:48%;
    border-right:1px solid transparent;
}

#careers-form section.supporting-documents > div.input-fields > div.explore {
    width:26%;
    box-sizing:border-box;
    border-right:1px solid transparent;
}

#careers-form section.supporting-documents > div.input-fields > div.add {
    width:26%;
}

#careers-form section.supporting-documents > div.files-added {
    margin-bottom:45px;
}

#careers-form section.supporting-documents > div.files-added > div.list {
    background:rgba(255,255,255,0.4);
    padding:13px 10px;
}

#careers-form section.supporting-documents > div.files-added > div.list > p {
    display:none;
    text-align:center;
}

#careers-form section.supporting-documents > div.files-added > div.list > p:only-child {
    display:block;
}

#careers-form section.supporting-documents > div.files-added > div.list > div {
    position:relative;
    padding:2px 5px;
    transition-property:background-color;
}

#careers-form section.supporting-documents > div.files-added > div.list > div:hover {
    background:rgba(255,255,255,0.1);
}

#careers-form section.supporting-documents > div.files-added > div.list > div > strong.type {
    display:block;
    width:auto;
    float:left;
}

#careers-form section.supporting-documents > div.files-added > div.list > div > span.name {
    display:block;
    width:90%;
    float:left;
}

#careers-form section.supporting-documents > div.files-added > div.list > div > button {
    position:absolute;
    z-index:1;
    top:50%;
    margin-top:-11px;
    font-size:20px;
    right:1px;
    border:none;
    width:20px;
    height:20px;
    background:none;
    color:#fff;
    transition-property:opacity;
}

#careers-form section.supporting-documents > div.files-added > div.list > div > button:hover,
#careers-form section.supporting-documents > div.files-added > div.list > div > button:focus {
    opacity:0.75;
}

#careers-form section.supporting-documents > div.files-added > div.list > div > button > span.text {
    display:none;
}


/*************************************************
//  Supporting documents
/*************************************************/

#careers-form section.prices > div.input-fields {
    margin-bottom:20px;
}

#careers-form section.prices > div.input-fields > div.currency {
    float:left;
    width:38%;
    border-right:1px solid transparent;
}

#careers-form section.prices > div.input-fields > div.price {
    float:left;
    width:38%;
    border-right:1px solid transparent;
}

#careers-form section.prices > div.input-fields > div.add {
    float:left;
    width:24%;
}

#careers-form section.prices > div.prices-added {
    margin-bottom:37px;
}

#careers-form section.prices > div.prices-added > strong {
}

#careers-form section.prices > div.prices-added > div.list {
    background:rgba(255,255,255,0.4);
    padding:10px;
}

#careers-form section.prices > div.prices-added > div.list > p {
    display:none;
    text-align:center;
}

#careers-form section.prices > div.prices-added > div.list > p:only-child {
    display:block;
}

#careers-form section.prices > div.prices-added > div.list > div {
    position:relative;
    padding:2px 5px;
    transition-property:background-color;
}

#careers-form section.prices > div.prices-added > div.list > div:hover {
    background:rgba(255,255,255,0.1);
}

#careers-form section.prices > div.prices-added > div.list > div > strong.currency {
    display:block;
    width:8%;
    float:left;
}

#careers-form section.prices > div.prices-added > div.list > div > span.price {
    display:block;
    width:10%;
    float:left;
}

#careers-form section.prices > div.prices-added > div.list > div > span.language {
    display:block;
    width:56%;
    float:left;
}

#careers-form section.prices > div.prices-added > div.list > div > span.component {
    display:block;
    width:26%;
    float:left;
}

#careers-form section.prices > div.prices-added > div.list > div > button {
/*    position:absolute;
    z-index:1;
    top:50%;
    margin-top:-11px;
    font-size:20px;
    right:1px;
    border:none;
    width:20px;
    height:20px;
    background:none;
    color:#fff;
    transition-property:opacity;*/
background: url("images/close.svg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    border: medium none;
    height: 17px;
    position: absolute;
    
    transition-property: opacity;
    width: 20px;
    z-index: 1;
}

#careers-form section.prices > div.prices-added > div.list > div > button:hover,
#careers-form section.prices > div.prices-added > div.list > div > button:focus {
    opacity:0.75;
}

#careers-form section.prices > div.prices-added > div.list > div > button > span.text {
    display:none;
}




/* ==========================================================================
   Paso 3
   ========================================================================== */


#careers-form section.areas-of-expertise {
}

#careers-form section.areas-of-expertise div.checkbox {
    text-indent:37px;
    margin-bottom:5px;
}

#careers-form section.areas-of-expertise div.checkbox > label > span.control {
    display:none;
    position:absolute;
    left:-33px;
}

#careers-form section.areas-of-expertise div.checkbox > input:checked + label > span.control.minus {
    display:block;
}

#careers-form section.areas-of-expertise div.checkbox > input:not(:checked) + label > span.control.plus {
    display:block;
}

#careers-form section.areas-of-expertise div.checkbox > label > span.square {
    left:15px;
}

#careers-form section.areas-of-expertise ul {
    display:none;
    list-style-type:none;
    padding-left:30px;
    margin:0;
}

#careers-form section.areas-of-expertise > ul {
    display:block;
    margin-bottom:10px;
    padding:0;
}

#careers-form section.areas-of-expertise > ul > li {
    margin-bottom:20px;
}




/* ==========================================================================
   Paso 4
   ========================================================================== */


/*************************************************
//  Infrastructure & equipement
/*************************************************/


#careers-form section.infrastructure-equipment > ul {
    margin:0;
    padding:0;
    list-style:none;
}


#careers-form section.infrastructure-equipment > ul > li > button {
    display:block;
    width:100%;
    margin-bottom:1px;
    padding:15px 15px 15px 16px;
    border:none;
    background:rgba(255,255,255,0.4);
    color:#fff;
    box-sizing:border-box;
    text-align:left;
    text-transform:uppercase;
    font-size:14px;
    transition-property:all;
    outline:none;
    transition-property:border-color;
    border-right:5px solid transparent;
}

#careers-form section.infrastructure-equipment > ul > li > button:hover, 
#careers-form section.infrastructure-equipment > ul > li > button.selected {
    border-color:#A31916;
}


#careers-form section.infrastructure-equipment > ul > li > ul {
    margin:0;
    padding:0;
    list-style:none;
    display:none;
    padding-top:7px;
    padding-bottom:7px;
    display:none;
}

#careers-form section.infrastructure-equipment > ul > li > ul > li {
    position:relative;
    padding:7px 14px;
}

#careers-form section.infrastructure-equipment > ul > li > ul > li > label > input {
    margin-right:5px;
}

#careers-form section.infrastructure-equipment > ul > li > ul > li > div.input-field-a {
    position:absolute;
    top:0;
    right:0;
}

#careers-form section.infrastructure-equipment > ul > li > ul > li > div.input-field-a > div.select {
    
}

#careers-form section.infrastructure-equipment > ul > li > ul > li > div.input-field-a > div.select > select {
    padding:0px 10px;
    height:29px;
    width:130px;
}

#careers-form section.infrastructure-equipment > ul > li > ul > li > div.input-field-a > div.select > select:focus {
    padding-left:7px;
}



/* ==========================================================================
   Paso 5
   ========================================================================== */


/*************************************************
//  References
/*************************************************/


#careers-form section.references > div.input-fields {
    margin-bottom:20px;
}

#careers-form section.references > div.input-fields > div.name {
    float:left;
    width:59%;
    border-right:1px solid transparent;
}

#careers-form section.references > div.input-fields > div.title {
    float:left;
    width:41%;
}

#careers-form section.references > div.input-fields > div.email {
    clear:both;
}

#careers-form section.references > div.input-fields > div.phone {
    float:left;
    width:75%;
    border-right:1px solid transparent;
}

#careers-form section.references > div.input-fields > div.add {
    float:left;
    width:25%;
}

#careers-form section.references > div.references-added {
    margin-bottom:37px;
}

#careers-form section.references > div.references-added > strong {
}

#careers-form section.references > div.references-added > div.list {
    background:rgba(255,255,255,0.4);
    padding:10px;
}

#careers-form section.references > div.references-added > div.list > p {
    display:none;
    text-align:center;
}

#careers-form section.references > div.references-added > div.list > p:only-child {
    display:block;
}

#careers-form section.references > div.references-added > div.list > div {
    position:relative;
    padding:2px 5px;
    transition-property:background-color;
}

#careers-form section.references > div.references-added > div.list > div:hover {
    background:rgba(255,255,255,0.1);
}

#careers-form section.references > div.references-added > div.list > div > strong.name {
    display:block;
    width:53%;
    float:left;
}

#careers-form section.references > div.references-added > div.list > div > span.relationship {
    display:block;
    width:47%;
    float:left;
}

#careers-form section.references > div.references-added > div.list > div > button {
    position:absolute;
    z-index:1;
    top:50%;
    margin-top:-11px;
    font-size:20px;
    right:1px;
    border:none;
    width:20px;
    height:20px;
    background:none;
    color:#fff;
    transition-property:opacity;
}

#careers-form section.references > div.references-added > div.list > div > button:hover,
#careers-form section.references > div.references-added > div.list > div > button:focus {
    opacity:0.75;
}

#careers-form section.references > div.references-added > div.list > div > button > span.text {
    display:none;
}



/* ==========================================================================
   Paso Final
   ========================================================================== */


#careers-form aside.step-final {
    display:none;
    text-transform:none;
    text-align:center;
    font-size:13px;
    font-family:Lato,inherit;
}

#careers-form aside.step-final > h3 {
    margin:0;
    text-transform:none;
    font-weight:bold;
    font-size:13px;
}

#careers-form aside.step-final > p {
    margin:0;
}


@media (max-width:560px) {
    
    #careers-form > div.container {
        max-width:none;
        width:auto;
        padding-left:5px;
        padding-right:5px;
    }
    
}




@media (max-width:560px) {
    
    #careers-form > div.container {
        max-width:none;
        width:auto;
        padding-left:5px;
        padding-right:5px;
    }
    
}
div.input-field-a > div.select > span.icon.chevron-thin-down {
    top: 16px;
}


/*#careers-form section.prices > div.prices-added > div.list > div > button {*/
    #careers-form section.supporting-documents > div.files-added > div.list > div > button {
background: url("http://mamba.net/application/views/frontend/static/css/images/close.svg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
border: medium none;
height: 17px;
position: absolute;
transition-property: opacity;
width: 20px;
z-index: 1;
}

/*#careers-form section.supporting-documents > div.files-added > div.list > div > button {
position: absolute;
z-index: 1;
top: 50%;
margin-top: -11px;
font-size: 20px;
right: 1px;
border: none;
width: 20px;
height: 20px;
background: none;
color: #fff;
transition-property: opacity;
}*/