@charset "UTF-8";
/* FONTS **********************************************************************/
@font-face {
    font-family: 'Noto Sans';
    src: url("../fonts/NotoSans-Regular-webfont.eot");
    src: url("../fonts/NotoSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/NotoSans-Regular-webfont.svg#noto_sansregular") format("svg"),
        url("../fonts/NotoSans-Regular-webfont.woff") format("woff"), 
        url("../fonts/NotoSans-Regular-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans';
    src: url("../fonts/NotoSans-Bold-webfont.eot");
    src: url("../fonts/NotoSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/NotoSans-Bold-webfont.svg#noto_sansbold") format("svg"),
        url("../fonts/NotoSans-Bold-webfont.woff") format("woff"), 
        url("../fonts/NotoSans-Bold-webfont.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans';
    src: url("../fonts/NotoSans-Italic-webfont.eot");
    src: url("../fonts/NotoSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/NotoSans-Italic-webfont.svg#noto_sansitalic") format("svg"), 
        url("../fonts/NotoSans-Italic-webfont.woff") format("woff"), 
        url("../fonts/NotoSans-Italic-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Noto Sans';
    src: url("../fonts/NotoSans-BoldItalic-webfont.eot");
    src: url("../fonts/NotoSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/NotoSans-BoldItalic-webfont.svg#noto_sansitalic") format("svg"), 
        url("../fonts/NotoSans-BoldItalic-webfont.woff") format("woff"), 
        url("../fonts/NotoSans-BoldItalic-webfont.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Bold-webfont.eot");
    src: url("../fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/Roboto-Bold-webfont.svg#robotobold") format("svg"), 
        url("../fonts/Roboto-Bold-webfont.woff") format("woff"), 
        url("../fonts/Roboto-Bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Medium-webfont.eot");
    src: url("../fonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/Roboto-Medium-webfont.svg#robotomedium") format("svg"), 
        url("../fonts/Roboto-Medium-webfont.woff") format("woff"), 
        url("../fonts/Roboto-Medium-webfont.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Regular-webfont.eot");
    src: url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg"), 
        url("../fonts/Roboto-Regular-webfont.woff") format("woff"), 
        url("../fonts/Roboto-Regular-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Light-webfont.eot");
    src: url("../fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/Roboto-Light-webfont.svg#robotolight") format("svg"), 
        url("../fonts/Roboto-Light-webfont.woff") format("woff"), 
        url("../fonts/Roboto-Light-webfont.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Thin-webfont.eot");
    src: url("../fonts/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"),  
        url("../fonts/Roboto-Thin-webfont.svg#robotothin") format("svg"),
        url("../fonts/Roboto-Thin-webfont.woff") format("woff"), 
        url("../fonts/Roboto-Thin-webfont.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}
/* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) ****/
/* http://cssreset.com ********************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers ********************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; 
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none; 
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; 
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* GENERAL ********************************************************************/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box; 
}
*::selection, *::-moz-selection {
    background: #6ba539;
}
html {
    font-size: 10px;
    -webkit-text-size-adjust: 100%;
}
html.msie {
    overflow-x: hidden;
}
body {
    font-family: "Noto Sans", sans-serif;
    font-size: 1.4rem;
    line-height: 1.3;
    color: #252525;
    min-width: 964px; 
    cursor: default;
}
html.ios body.no-scroll {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100vw !important;
}
body.no-scroll {
    overflow: hidden !important; 
}
:-moz-placeholder {
    color: #999999 !important;
}
:-ms-input-placeholder {
    color: #999999 !important;
}
.nocursor {
    cursor: default !important;
}
em {
    background-color: yellow;
}
#MisCandidaturas em {
    background-color: transparent;
}
pre {
    white-space: pre-line;
    word-wrap: break-word;
}
.overflow-visible {
    overflow: visible !important; 
}
.wrap:after {
    content: "";
    display: table;
    clear: both;
}
.no-wrap {
    white-space: nowrap !important;
}
.force-wrap {
    white-space: normal !important;
}
.underline {
    text-decoration: underline;
}
.nounderline {
    text-decoration: none !important;
}
.unstrong {
    font-weight: normal !important; 
}
hr {
    margin: 2.5rem 0;
    border: 0;
    border-top: 1px solid #c6c6c6;
}
hr.light {
    border-top-color: #e3e3e3;
}
small {
    display: block;
    font-size: 1.2rem;
    color: #6a6a6a;
    margin: .5rem 0 1rem;
}
.link.small:last-child {
    font-size: 1.3rem;
    display: inline-block;
    margin-top: 1.5rem; 
}
.banner-top {
    text-align: center;
    padding: 1rem 0;
}
.with-left-aside .sticky.is_stuck {
    z-index: 1000;
}
.sticky.is_stuck {
    z-index: 1001;
}
/* ICONOS *********************************************************************/
@font-face {
    font-family: 'icomoon';
    src: url("../icons/icomoon.eot?-tzqr03");
    src: url("../icons/icomoon.eot?#iefix-tzqr03") format("embedded-opentype"), 
        url("../icons/icomoon.svg?-tzqr03#icomoon") format("svg"), 
        url("../icons/icomoon.woff?-tzqr03") format("woff"), 
        url("../icons/icomoon.ttf?-tzqr03") format("truetype");
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-googleplus:before {
    content: "\e943";
}
.icon-trash:before {
    content: "\e944";
}
.icon-whatsapp:before {
    content: "\e945";
}
.icon-note-off:before {
    content: "\e942";
}
.icon-note:before {
    content: "\e93a";
}
.icon-notificacion:before {
    content: "\e939";
}
.icon-warning:before {
    content: "\e93b";
}
.icon-info:before {
    content: "\e93c";
}
.icon-error:before {
    content: "\e93d";
}
.icon-chevron-up:before {
    content: "\e93e";
}
.icon-chevron-down:before {
    content: "\e93f";
}
.icon-attach-cv:before {
    content: "\e940";
}
.icon-attach-cv-error:before {
    content: "\e941";
}
.icon-delete:before {
    content: "\e938";
}
.icon-user-mobile-icon:before {
    content: "\e935";
}
.icon-guardadas-icon:before {
    content: "\e936";
}
.icon-bbdd-icon:before {
    content: "\e937";
}
.icon-arrow-more:before {
    content: "\e934";
}
.icon-arrow-right:before {
    content: "\e900";
}
.icon-bell:before {
    content: "\e901";
}
.icon-briefcase:before {
    content: "\e902";
}
.icon-bulleted-list:before {
    content: "\e903";
}
.icon-chart:before {
    content: "\e904";
}
.icon-chevron-left:before {
    content: "\e905";
}
.icon-chevron-right:before {
    content: "\e906";
}
.icon-clock:before {
    content: "\e907";
}
.icon-cloud-upload:before {
    content: "\e908";
}
.icon-component:before {
    content: "\e909";
}
.icon-contacts:before {
    content: "\e90a";
}
.icon-cv:before {
    content: "\e90b";
}
.icon-cv2:before {
    content: "\e90c";
}
.icon-dashboard:before {
    content: "\e90d";
}
.icon-database:before {
    content: "\e90e";
}
.icon-document-check:before {
    content: "\e90f";
}
.icon-document:before {
    content: "\e910";
}
.icon-documents:before {
    content: "\e911";
}
.icon-drag:before {
    content: "\e912";
}
.icon-edit:before {
    content: "\e913";
}
.icon-envelope:before {
    content: "\e914";
}
.icon-eye-struck:before {
    content: "\e915";
}
.icon-eye:before {
    content: "\e916";
}
.icon-facebook-negative:before {
    content: "\e917";
}
.icon-facebook:before {
    content: "\e918";
}
.icon-flag-line:before {
    content: "\e919";
}
.icon-flag:before {
    content: "\e91a";
}
.icon-guillemet-left:before {
    content: "\e91b";
}
.icon-guillemet-right:before {
    content: "\e91c";
}
.icon-instagram:before {
    content: "\e91d";
}
.icon-linkedin-negative:before {
    content: "\e91e";
}
.icon-linkedin:before {
    content: "\e91f";
}
.icon-lock:before {
    content: "\e920";
}
.icon-logout:before {
    content: "\e921";
}
.icon-map-marker:before {
    content: "\e922";
}
.icon-map:before {
    content: "\e923";
}
.icon-pack:before {
    content: "\e924";
}
.icon-paper-clip:before {
    content: "\e925";
}
.icon-pdf:before {
    content: "\e926";
}
.icon-pinterest:before {
    content: "\e927";
}
.icon-print:before {
    content: "\e928";
}
.icon-question-mark-line:before {
    content: "\e929";
}
.icon-question-mark:before {
    content: "\e92a";
}
.icon-search:before {
    content: "\e92b";
}
.icon-share:before {
    content: "\e92c";
}
.icon-spinner:before {
    content: "\e92d";
}
.icon-star-line:before {
    content: "\e92e";
}
.icon-star:before {
    content: "\e92f";
}
.icon-tag:before {
    content: "\e930";
}
.icon-tick:before {
    content: "\e931";
}
.icon-twitter:before {
    content: "\e932";
}
.icon-user:before {
    content: "\e933";
}
/* DETALLES *******************************************************************/
.details [class*="icon-"] {
    color: #b0b0b0;
    vertical-align: middle;
    margin-right: .3rem;
}
.details .category {
    font-size: 1.3rem;
    text-transform: uppercase;
}
.details > li {
    margin-right: 2.5rem;
}
/* MARGENES *******************************************************************/
.mt-30 {
    margin-top: -3rem !important;
}
.mt-20 {
    margin-top: -2rem !important; 
}
.mt-15 {
    margin-top: -1.5rem !important;
}
.mt-10 {
    margin-top: -1rem !important; 
}
.mt-5 {
    margin-top: -0.5rem !important;
}
.mt-1 {
    margin-top: -0.1rem !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mt5 {
    margin-top: 0.5rem !important; 
}
.mt10 {
    margin-top: 1rem !important;
}
.mt15 {
    margin-top: 1.5rem !important; 
}
.mt20 {
    margin-top: 2rem !important;
}
.mt25 {
    margin-top: 2.5rem !important;
}
.mt30 {
    margin-top: 3rem !important;
}
.mt40 {
    margin-top: 4rem !important; 
}
.mt50 {
    margin-top: 5rem !important;
}
.mt60 {
    margin-top: 6rem !important;
}
.mt70 {
    margin-top: 7rem !important;
}
.mr-30 {
    margin-right: -3rem !important;
}
.mr-20 {
    margin-right: -2rem !important;
}
.mr-10 {
    margin-right: -1rem !important;
}
.mr0 {
    margin-right: 0 !important;
}
.mr10 {
    margin-right: 1rem !important;
}
.mr20 {
    margin-right: 2rem !important;
}
.mr30 {
    margin-right: 3rem !important;
}
.mr40 {
    margin-right: 4rem !important;
}
.mr50 {
    margin-right: 5rem !important; 
}
.mr60 {
    margin-right: 6rem !important;
}
.mb-30 {
    margin-bottom: -3rem !important; 
}
.mb-20 {
    margin-bottom: -2rem !important;
}
.mb-10 {
    margin-bottom: -1rem !important;
}
.mb-5 {
    margin-bottom: -0.5rem !important; 
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 0.5rem !important; 
}
.mb10 {
    margin-bottom: 1rem !important; 
}
.mb15 {
    margin-bottom: 1.5rem !important;
}
.mb20 {
    margin-bottom: 2rem !important;
}
.mb25 {
    margin-bottom: 2.5rem !important;
}
.mb30 {
    margin-bottom: 3rem !important;
}
.mb40 {
    margin-bottom: 4rem !important;
}
.mb50 {
    margin-bottom: 5rem !important;
}
.mb60 {
    margin-bottom: 6rem !important;
}
.ml-30 {
    margin-left: -3rem !important;
}
.ml-20 {
    margin-left: -2rem !important;
}
.ml-10 {
    margin-left: -1rem !important;
}
.ml0 {
    margin-left: 0 !important;
}
.ml10 {
    margin-left: 1rem !important;
}
.ml20 {
    margin-left: 2rem !important;
}
.ml30 {
    margin-left: 3rem !important;
}
.ml40 {
    margin-left: 4rem !important;
}
.ml50 {
    margin-left: 5rem !important;
}
.ml60 {
    margin-left: 6rem !important;
}
/* PADDINGS *******************************************************************/
.pt10 {
    padding-top: 1rem !important;
}
.pt15 {
    padding-top: 1.5rem !important;
}
.pt20 {
    padding-top: 2rem !important;
}
.pt25 {
    padding-top: 2.5rem !important; 
}
.pt30 {
    padding-top: 3rem !important;
}
.pt40 {
    padding-top: 4rem !important;
}
.pt50 {
    padding-top: 5rem !important;
}
.pr10 {
    padding-right: 1rem !important;
}
.pr15 {
    padding-right: 1.5rem !important;
}
.pr20 {
    padding-right: 2rem !important;
}
.pr30 {
    padding-right: 3rem !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pb5 {
    padding-bottom: .5rem !important;
}
.pb10 {
    padding-bottom: 1rem !important;
}
.pb15 {
    padding-bottom: 1.5rem !important;
}
.pb20 {
    padding-bottom: 2rem !important;
}
.pb30 {
    padding-bottom: 3rem !important;
}
.pb50 {
    padding-bottom: 5rem !important;
}
.pb60 {
    padding-bottom: 6rem !important;
}
.pb70 {
    padding-bottom: 7rem !important;
}
.pb80 {
    padding-bottom: 8rem !important;
}
.pl10 {
    padding-left: 1rem !important; 
}
.pl15 {
    padding-left: 1.5rem !important; 
}
.pl20 {
    padding-left: 2rem !important;
}
.pl30 {
    padding-left: 3rem !important; 
}
.pl40 {
    padding-left: 4rem !important;
}
.pl50 {
    padding-left: 5rem !important; 
}
.pl60 {
    padding-left: 6rem !important; 
}
.pl70 {
    padding-left: 7rem !important; 
}
/* ALINEAR ********************************************************************/
.align-left {
    text-align: left !important;
}
.align-center {
    text-align: center !important;
}
.align-right {
    text-align: right !important;
}
.centered {
    margin: 0 auto !important;
}
.vertical-baseline {
    vertical-align: baseline !important;
}
.vertical-baseline > * {
    vertical-align: baseline !important;
}
.vertical-top {
    vertical-align: top !important;
}
.vertical-top > * {
    vertical-align: top !important;
}
.vertical-bottom {
    vertical-align: bottom !important;
}
.vertical-bottom > * {
    vertical-align: bottom !important;
}
.vertical-middle {
    vertical-align: middle !important; 
}
.vertical-middle > * {
    vertical-align: middle !important;
}
.vertical-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.full-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.clear {
    clear: both;
}
.nowrap {
    white-space: nowrap;
}
/* CLEARFIX *******************************************************************/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
/* TAMAÑOS ********************************************************************/
.width-auto {
    width: auto !important;
}
.width-all {
    width: 100% !important;
}
.width-read {
    width: auto;
}
.length-05 {
    width: 5rem !important;
}
.length-07 {
    width: 7rem !important;
}
.length-10 {
    width: 10rem !important;
}
.length-15 {
    width: 15rem !important;
}
.length-20 {
    width: 20rem !important;
}
.length-30 {
    width: 30rem !important;
}
.length-35 {
    width: 35rem !important;
}
.length-40 {
    width: 40rem !important; 
}
.length-50 {
    width: 50rem !important;
}
.length-60 {
    width: 60rem !important;
}
.full-width {
    max-width: 100%;
    width: 100%;
    margin: 0;
}
.half-width {
    max-width: 50%;
    width: 50%;
    margin: 0; 
}
.dos_tercios {
    max-width: 65% !important;
    width: 65% !important;
}
.tres_cuartos {
    max-width: 74% !important;
    width: 74% !important;
}
.regular-width {
    position: relative;
    margin: 0 auto;
    max-width: 126rem;
    padding: 0 3rem; 
}
.regular-width .regular-width {
    padding: 0;
}
.narrow-width {
    max-width: 70.9rem;
    width: 100%;
    margin: 0 auto; 
}
.medium-width {
    max-width: 86rem;
    width: 100%;
    margin: 0 auto; 
}
.wide-width {
    max-width: 101.5rem;
    width: 100%;
    margin: 0 auto;
}
.with-aside:after {
    content: "";
    display: table;
    clear: both;
}
.with-aside > :first-child {
    width: 87rem;
    float: left;
}
.with-aside > :last-child {
    width: 30rem;
    float: right;
}
.with-left-aside:after {
    content: "";
    display: table;
    clear: both;
}
.with-left-aside > :first-child {
    width: 24.5rem;
    float: left;
}
.with-left-aside > :last-child {
    width: 59.5rem;
    float: right;
}
/* DISPLAYS *******************************************************************/
.block {
    display: block !important;
}
.iblock {
    display: inline-block !important;
}
.dtable {
    display: table !important;
    width: 100%;
}
.dcell {
    display: table-cell !important;
    vertical-align: top;
}
.hidden {
    display: none !important;
}
html:not(.mac) .mac-only, html:not(.windows) .win-only {
    display: none !important;
}
/* ESTILOS FUENTES ************************************************************/
strong, b {
    font-weight: bold; 
}
.regular {
    font-weight: normal;
}
.h1 {
    color: #252525;
    font-family: "Roboto", sans-serif;
    font-size: 3.2rem;
    font-weight: 300; 
}
.h1.regular {
    font-weight: 400; 
}
.h2 {
    color: #252525;
    font-family: "Roboto", sans-serif;
    font-size: 2.4rem;
    font-weight: 300;
}
.bold {
    font-weight: 700;
}
/* COLORES ********************************************************************/
.dark-grey {
    color: #6a6a6a !important;
}
.mid-grey {
    color: #9a9a9a !important;
}
.grey {
    color: #cccccc !important;
}
.light-grey {
    color: #e2e2e2 !important;
}
.cerror {
    color: #da291c !important;
}
.red {
    color: #da291c !important;
}
.orange {
    color: #f68d2e !important;
}
.black {
    color: #252525 !important;
}
.dark-green {
    color: #286140 !important;
}
.green {
    color: #6ba539 !important;
}
.white {
    color: #ffffff !important;
}
.blue {
    color: #0097b2 !important;
}
/* COLORES DE FONDO ***********************************************************/
.background_dark-grey {
    background-color: #6a6a6a !important;
}
.background_mid-grey {
    background-color: #9a9a9a !important;
}
.background_grey {
    background-color: #cccccc !important;
}
.background_light-grey {
    background-color: #e2e2e2 !important;
}
berror {
    background-color: #da291c !important;
}
.background_red {
    background-color: #da291c !important;
}
.background_orange {
    background-color: #f68d2e !important;
}
.background_black {
    background-color: #252525 !important;
}
.background_dark-green {
    background-color: #286140 !important;
}
.background_green {
    background-color: #6ba539 !important;
}
.background_white {
    background-color: #ffffff !important;
}
.background_blue {
    background-color: #0097b2 !important;
}
/* ENLACES ********************************************************************/
a, .link {
    text-decoration: none;
    color: #6ba539;
    cursor: pointer;
}
html.no-touchevents a:hover, html.no-touchevents .link:hover {
    text-decoration: underline; 
}
#header a, #header .link {
    color: #fff;
}
html.no-touchevents a.with-icon:hover, html.no-touchevents .link.with-icon:hover {
    text-decoration: none;
}
html.no-touchevents a.with-icon:hover > span:last-child, html.no-touchevents .link.with-icon:hover > span:last-child {
    text-decoration: underline;
}
a.with-icon > [class*="icon-"]:first-child, .link.with-icon > [class*="icon-"]:first-child {
    font-size: 1.2em;
    position: relative;
    top: .1em;
}
a.disabled, .link.disabled, html.no-touchevents a:hover.disabled {
    opacity: .5;
    pointer-events: none;
    text-decoration: none !important;;
    cursor: default;
}
/* BUTTONS ********************************************************************/
.btn {
    -webkit-appearance: none;
    display: inline-block;
    text-align: center;
    padding: 1.1rem 1.6rem;
    border-radius: .3rem;
    border: 1px solid #6ba539;
    background: #6ba539;
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer;
    outline: none; 
}
.btn.block {
    display: block; 
}
.btn.btn-line {
    background: transparent;
    color: #6ba539;
    border: 0.2rem solid #6ba539;
}
.btn.btn-line.btn-thin {
    border-width: 1px;
}
.btn.btn-short {
    padding-top: .8rem;
    padding-bottom: .8rem; 
}
html.no-touchevents .btn:hover, html.touchevents .btn.active-effect {
    text-decoration: none;
    background: #286140;
    border-color: #286140;
    color: #fff; 
}
.btn.btn-big {
    font-family: "Roboto", sans-serif;
    font-size: 2.4rem;
}
.btn.btn-uppercase {
    font-family: "Noto Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: .1rem;
}
.btn.btn-uppercase [class*="icon-"] {
    font-size: 1.6rem;
    vertical-align: middle;
    position: relative;
    left: -.5rem;
}
.btn.btn-tall {
    font-family: "Roboto", sans-serif;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
}
.btn.btn-small {
    font-size: 1.3rem;
    padding: .3rem 1rem;
}
.btn.btn-medium {
    padding: 1rem 1.4rem;
}
.btn[disabled], .btn.disabled, .btn.btn-disabled {
    pointer-events: none !important;
    background: #e4e4e4 !important;
    border-color: transparent !important;
    color: #a6a6a6 !important;
}
.btn.btn-black {
    color: #252525;
    border-color: #252525; 
}
html.no-touchevents .btn.btn-black:hover, html.touchevents .btn.btn-black.active-effect {
    background: #252525;
    color: #fff;
}
.btn.btn-white {
    color: #fff;
    border-color: #fff;
}
html.no-touchevents .btn.btn-white:hover, html.touchevents .btn.btn-white.active-effect {
    background: #fff;
    color: #000;
}
.btn.btn-red {
    background: #da291c;
    border-color: #da291c;
}
html.no-touchevents .btn.btn-red:hover, html.touchevents .btn.btn-red.active-effect {
    background: #c32519;
    border-color: #c32519;
}
.btn.btn-line.btn-red {
    border-color: #da291c;
    color: #da291c;
    background: transparent;
}
html.no-touchevents .btn.btn-line.btn-red:hover, html.touchevents .btn.btn-line.btn-red.active-effect {
    background: #da291c;
    color: #fff;
}
.btn.btn-progress {
    color: #083db3;
    border-color: #083db3;
}
html.no-touchevents .btn.btn-progress:hover, html.touchevents .btn.btn-progress.active-effect {
    background: #083db3;
    color: #fff;
}
.btn.btn-discard {
    color: #6a6a6a;
    border-color: #6a6a6a;
}
html.no-touchevents .btn.btn-discard:hover, html.touchevents .btn.btn-discard.active-effect {
    background: #6a6a6a;
    color: #fff;
}
.btn.btn-select {
    color: #1aa3d0;
    border-color: #1aa3d0;
}
html.no-touchevents .btn.btn-select:hover, html.touchevents .btn.btn-select.active-effect {
    background: #1aa3d0;
    color: #fff;
}
.btn.aetc {
    border: none;
    padding: 0.3rem 3rem;
    font-size: 2rem;
    background-color: #252525;
}
/* BULLETS ********************************************************************/
ul.bullets li {
    padding-left: .8rem;
    margin-bottom: .6rem;
    line-height: 1.2;
    display: inline-block;
    width: 100%;
}
ul.bullets li:before {
    content: "•";
    padding-right: .5rem;
    float: left;
}
ul.bullets a {
    color: #000;
    font-size: 1.3rem; 
}
ul.bullets a > small {
    font-size: 1rem;
    color: #b8b8b8;
    white-space: nowrap; 
}
html.no-touchevents ul.bullets a:hover {
    text-decoration: none;
}
html.no-touchevents ul.bullets a:hover > span {
    text-decoration: underline;
}
ul.bullets + a {
    font-size: 1.3rem; 
}
/* TABS ***********************************************************************/
.tabs {
    border-bottom: 1px solid #e3e3e3;
    font-size: 0;
    white-space: nowrap;
    position: relative; 
}
.tabs > li {
    display: inline-block;
    white-space: normal;
    font-family: "Roboto", sans-serif;
    font-size: 1.6rem;
    margin: 0 .6rem 0 0;
    padding: 1.2rem 3rem;
    background: #f5f5f5;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e3e3e3;
    border-radius: .3rem .3rem 0 0;
    position: relative;
    top: 1px;
}
.module .tabs {
    padding: 0 .6rem;
}
.module .tabs > li:first-child {
    margin: 0 .6rem;
}
html.no-touchevents .tabs > li:not(.active):hover {
    background: #f9f9f9; 
}
html.no-touchevents .tabs > li.active:hover {
    background: #fff; 
}
.tabs > li.active {
    background: #fff;
    color: #6ba539;
    cursor: default;
    border-bottom-color: #fff;
}
.tabs > li.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.2rem;
    height: .5rem;
    background: #fff; 
}
.tabs > li.no-tab {
    border: 0;
    background: transparent;
    position: absolute;
    right: 0;
    padding-left: 0;
    padding-right: 0; 
}
/* FILAS **********************************************************************/
.row {
    position: relative;
    font-size: 0;
    margin-bottom: 3rem;
}
.row .field + .field:not(.inline) {
    margin-top: .7rem;
}
.field {
    position: relative;
    font-size: 1.6rem;
}
.field .small {
    font-size: 1.4rem;
    color: #6a6a6a;
}
.inline {
    vertical-align: top;
    display: inline-block;
}
.inline.fit-2 {
    width: calc(50% - 1.2rem);
}
.inline.fit-3 {
    width: calc(33% - 1.6rem);
}
.inline[class*="fit-"] {
    margin-right: 2.4rem;
}
.inline[class*="fit-"]:last-child {
    margin-right: 0;
}
label.inline {
    vertical-align: middle;
    margin: 0 1rem;
}
label.inline:first-child {
    margin-left: 0; 
}
label.inline + .inline {
    vertical-align: middle;
}
.indent {
    padding-left: 1.5rem;
}
label {
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    color: #4b4b4b;
    margin-bottom: .5rem;
}
.filter-container ul li, .tooltipster-content ul li, #lightbox [id*="lightbox-filters-"] ul li {
    position: relative;
}
.tooltipster-filter .tooltipster-content .table-cols-4 ul li {
    width: 24%;
    display: inline-block;
}
.tooltipster-filter .tooltipster-content .table-cols-2 ul li {
    width: 33%;
    display: inline-block;
}
.tooltipster-filter .tooltipster-content, .tooltipster-base .tooltipster-content {
    max-width: 116rem;
}
/* FORMS **********************************************************************/
.filter-container input[type="checkbox"], .tooltipster-content input[type="checkbox"], #lightbox [id*="lightbox-filters-"] input[type="checkbox"] {
    position: absolute;
    top: 0;
}
form [class^="col-"] [type="checkbox"] {
    position: absolute;
    left: -9999px;
}
form [class^="col-"] [type="checkbox"] ~ label:after {
    content: '';
    position: absolute;
}
form [class^="col-"] [type="checkbox"] ~ label {
    display: block;
    position: relative;
    padding-left: 3.5rem;
    cursor: pointer;
    transition: color .3s;
    margin-bottom: 0;
}
form [class^="col-"] [type="checkbox"] ~ label:after {
    width: 3.2rem;
    height: 2.7rem;
    transition: all .2s;
    top: -0.4rem;
    left: 0;
}
/* OFF */
form [class^="col-"] [type="checkbox"]:not(:checked) ~ label:after {
    background: url('../gfx/check_off.svg') left center no-repeat;
}
/* ON */
form [class^="col-"] [type="checkbox"]:checked ~ label:after {
    background: url('../gfx/check_on.svg') left center no-repeat;
}
/* RADIOS NUEVOS NORMALES *****************************************************/
.radio input[type="radio"] {
    display: none;
}
.radio label:before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    position: absolute;
    left: 0;
    bottom: .1rem;
    background-color: #ffffff;
    border: .1rem solid #b3b3b3;
}
.radio input[disabled="disabled"] + label:before, .radio input[disabled="disabled"] + label {
    opacity: .4;
}
.radio label:before {
    border-radius: 1rem;
}
.radio input[type="radio"]:checked + label:after {
    background-color: #6ba539;
    border-radius: 1rem;
    content: "";
    height: 1rem;
    left: 0.6rem;
    line-height: 1.9rem;
    position: absolute;
    text-align: center;
    top: 0.7rem;
    width: 1rem;
    z-index: 2;
}
.radio label {
    cursor: pointer;
    display: inline-block;
    font-size: 1.9rem;
    margin-right: 1.5rem;
    padding-left: 3rem;
    position: relative;
    font-weight: 300;
}
/* RADIOS NUEVOS MULTIPLES OPCIONES *******************************************/
form ul li[class^="col-"] .radios {
    border: 1px solid #c0c0c0;
    border-radius: .4rem;
    padding: .2rem;
    height: 4.5rem;
}
form ul li[class^="col-"] .radios input[type=radio] {
    display: none; 
    margin: 1rem;
}
form ul li[class^="col-"] .radios input[type=radio] + label {
    cursor: pointer;
    display: inline-block;
    padding: 0.9rem 1.5rem;
    background-color: #ffffff;
    border-color: #ddd;
    font-weight: 100;
    margin-bottom: 0;
    border-radius: .4rem;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
form ul li[class^="col-"].twocol .radios input[type=radio] + label {
    width: 49%;
    text-align: center;
    float: left;
}
form ul li[class^="col-"].twocol .radios .separador {
    background-color: #c0c0c0;
    content: "";
    display: inline-block;
    height: 3.8rem;
    left: 49.9%;
    position: absolute;
    right: 50%;
    width: 0.1rem;
}
form ul li[class^="col-"].threecol .radios .separador {
    background-color: #c0c0c0;
    content: "";
    display: inline-block;
    height: 3.8rem;
    left: 33.5%;
    position: absolute;
    right: 33%;
    width: 0.1rem;
}
form ul li[class^="col-"].threecol .radios .separador ~ .separador {
    background-color: #c0c0c0;
    content: "";
    display: inline-block;
    height: 3.8rem;
    left: 66.5%;
    position: absolute;
    right: 33%;
    width: 0.1rem;
}
form ul li[class^="col-"].twocol .radios .separador + input[type=radio] + label {
    float: right;
}
form ul li[class^="col-"].threecol .radios input[type=radio] + label {
    width: 32.5%;
    text-align: center;
}
form ul li[class^="col-"] .radios input[type=radio]:checked + label { 
    background-image: none;
    background-color: #6ba539;
    color: #ffffff;
}
.filter-container label, .tooltipster-content label {
    font-size: 1.2rem;
    font-weight: 500;
    padding-left: 2.3rem;
}
.filter-container label a, .tooltipster-content label a {
    color: #4b4b4b;
}
html .filter-container label a, html .tooltipster-content label a:hover {
    text-decoration: none !important;
}
label.checkbox {
    position: relative;
    font-size: 1.4rem;
    font-weight: normal;
    color: #000;
    padding-left: 3rem;
    /*margin-top: 1rem;*/
}
label.checkbox input {
    position: absolute;
    left: 0;
}
label.checkbox.light {
    color: #9a9a9a;
}
label.checkbox ~ .field-validation-error {
    margin-left: 3.5rem !important;
}
label.inline {
    display: inline-block;
}
label.with-hint {
    margin-bottom: 0.7rem !important;
    margin-top: -0.7rem !important;
}
label .light {
    font-weight: normal;
    color: #999999;
}
label .small {
    font-size: 1.2rem !important;
    color: #9a9a9a !important;
}
label.switch {
    cursor: pointer;
    display: inline-block;
}
label.switch [type="checkbox"] {
    display: none;
}
label.switch div {
    width: 8rem;
    height: 3.5rem;
    background: #a5a5a5;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
    border-radius: 1.8rem;
    position: relative; 
}
label.switch div:after {
    content: "";
    position: absolute;
    top: .4rem;
    left: .4rem;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 1.4rem;
    background: #fff;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
label.switch :checked + div {
    background: #6ba539;
}
label.switch :checked + div:after {
    -webkit-transform: translate(4.5rem, 0);
    -moz-transform: translate(4.5rem, 0);
    -ms-transform: translate(4.5rem, 0);
    -o-transform: translate(4.5rem, 0);
    transform: translate(4.5rem, 0);
}
label.switch + label {
    display: block;
    font-size: 1rem;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: -1rem; 
}
label.switch.small div {
    width: 3.3rem;
    height: 1.8rem;
}
label.switch.small div:after {
    width: 1.2rem;
    height: 1.2rem;
    top: .3rem;
    left: .3rem; 
}
label.switch.small :checked + div:after {
    -webkit-transform: translate(1.5rem, 0);
    -moz-transform: translate(1.5rem, 0);
    -ms-transform: translate(1.5rem, 0);
    -o-transform: translate(1.5rem, 0);
    transform: translate(1.5rem, 0); 
}
input::-ms-clear {
    display: none;
}
input[type="text"],
input[type="date"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    width: 100%;
    resize: none;
    padding: 1.1rem;
    font-family: "Noto Sans", sans-serif;
    font-size: 1.6rem;
    background: #fff;
    border: 1px solid #c0c0c0;
    border-radius: .3rem;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus {
    outline: none;
}
input[type="text"].small,
input[type="date"].small,
input[type="number"].small,
input[type="email"].small,
input[type="tel"].small,
input[type="password"].small,
textarea.small {
    font-size: 1.4rem;
}
input.disabled, textarea.disabled, select.disabled, input[disabled="disabled"], textarea[disabled="disabled"], select[disabled="disabled"] {
    background-color: #e4e4e4 !important;
    color: rgba(0,0,0,0.5) !important;
}
/*
html:not(.html-ok) select:not([multiple]) {
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 44px; 
}
*/
select[multiple] {
    -webkit-appearance: none;
    width: 100%;
    resize: none;
    font-family: "Noto Sans", sans-serif;
    font-size: 1.6rem;
    background: #fff;
    color: #4f4f4f;
    border: 1px solid #c0c0c0;
    border-radius: .3rem;
    padding: 1rem;
    height: 12rem;
}
html.ios select[multiple] {
    padding: 1rem 1.5rem !important;
    color: #252525;
}
select[multiple]:focus {
    background-color: #ffffff;
    outline: none;
}
select[multiple] optgroup {
    font-style: normal;
    font-weight: 300;
    margin-bottom: 2rem;
    color: #9a9a9a;
    font-size: 1.4rem;
}
select[multiple] option {
    text-align: left;
    padding: .5rem;
    font-size: 1.6rem;
    color: #252525;
}
select[multiple] option[selected] {
    position: relative;
}
select[multiple] option[selected] span {
    margin-right: 1rem;
}
ul.circles {
    font-size: 0;
    white-space: nowrap;
}
ul.circles li {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #6ba539;
    margin-right: .4rem;
    cursor: pointer;
}
ul.circles li.active {
    background: #6ba539;
}
ul.circles li.hover {
    border: 0;
    background: rgba(107, 165, 57, 0.5);
}
ul.circles li.unhover {
    background: #fff;
}
ul.circles.read-only {
    pointer-events: none !important;
}
ul.circles.read-only > li {
    pointer-events: none !important;
    border-color: #6a6a6a;
}
ul.circles.read-only > li.active {
    background: #6a6a6a;
}
.twitter-typeahead {
    left: 1px; 
}
.tt-hint {
    color: #a4a4a4 !important;
}
html.ios label.checkbox input {
    top: -.2rem;
}
.small-options label.checkbox {
    margin-bottom: .5rem;
}
.small-options label.checkbox > span {
    font-size: 1.3rem;
    color: #6a6a6a;
}
.small-options label.checkbox :checked + span {
    color: #000;
}
.small-options label.checkbox .input-validation-error + span {
    color: #da291c;
}
.small-options [data-tooltip] {
    vertical-align: bottom;
    top: 0;
}
[data-tooltip] {
    cursor: pointer;
}
[data-tooltip] [class*="icon-question"] {
    position: relative;
    top: .15em;
    color: #ffba16;
}
[type="text"].input-validation-error, [type="number"].input-validation-error, [type="email"].input-validation-error, [type="tel"].input-validation-error, [type="password"].input-validation-error, textarea.input-validation-error, select[multiple].input-validation-error {
    border-color: #da291c;
    border: 1px solid #da291c;
}
[type="file"].input-validation-error {
    color: #da291c;
}
/*.custom-select-style.extra select.input-validation-error,select.input-validation-error*/
label.input-validation-error,.custom-select-style.input-validation-error,.custom-select-style.extra.input-validation-error, [type='checkbox'].input-validation-error + span, [type='radio'].input-validation-error + span {
    border: 1px solid #da291c;
}
.field-validation-error {
    color: #da291c;
    font-size: 1.2rem;
    margin-top: .5rem;
    display: block;
}
form ul li.row.field.pull-left .field-validation-error {
    position: absolute;
    white-space: pre;
}
label.checkbox .field-validation-error {
    margin-left: -2.3rem;
}
.btn-group {
    font-size: 0;
    white-space: nowrap;
}
.btn-group > label {
    border: 1px solid #eeeeee;
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
}
.btn-group > label input {
    display: none;
}
.btn-group > label input:checked + span, .btn-group > label input:checked + a {
    background: #6ba539;
    color: #fff;
    cursor: default; 
}
.btn-group > label span, .btn-group > label a {
    display: inline-block;
    background: #fff;
    color: #000;
    margin-right: -1px;
    padding: .8rem 1rem;
}
html.no-touchevents .btn-group > label span:hover, html.no-touchevents .btn-group > label a:hover {
    text-decoration: none;
}
.btn-group > label:first-child, .btn-group > label:first-child span {
    border-radius: .3rem 0 0 .3rem; 
}
.btn-group > label:last-child, .btn-group > label:last-child span {
    border-radius: 0 .3rem .3rem 0;
    margin-right: 0;
}
@-webkit-keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); 
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg); 
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg); 
    }
}
.file-content .field-validation-error {
    bottom: -2rem;
}
.input-file {
    border: 1px solid #6ba539;
    border-radius: .4rem;
    padding: 1rem;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
}
.input-file > * {
    display: inline-block;
}
.input-file > span + span {
    position: absolute;
}
.field-validation-error + .input-file {
    border: 1px solid #da291c;
    color: #da291c !important;
}
.input-file span:first-child {
    font-size: 6rem;
    margin-left: -0.5rem;
}
.input-file.success span:first-child {
    color: #6ba539;
}
.input-file small {
    margin-bottom: 0;
    font-weight: 300;
    position: absolute;
    margin-top: 2.5rem;
}
.chrome .input-file small.captured {
    text-indent: -7rem;
    overflow: hidden;
}
.msie .input-file small.captured {
    text-indent: -18.2rem;
    overflow: hidden;
}
.input-file .close {
    color: #333333;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    right: 1rem;
    top: -.5rem;
    font-size: 3rem;
    font-weight: 100;
    text-decoration: none;
}
.input-file .close:hover {
    text-decoration: none;
}
.file-content input[type="file"] {
    width: 0;
    opacity: 0;
    display: none;
}
form ul li.row {
    margin-left: 0;
}
form ul.container-fluid {
    margin-left: -3rem;
    margin-right: -3rem;
}
form ul li[class^="col-"] {
    margin-bottom: 3rem;
}
form ul li[class^="col-"] .field-validation-error {
    display: block;
    position: absolute;
}
@media screen and (max-width: 767px) {
    form ul.container-fluid {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    form ul li[class^="col-"] {
        padding: 0 !important;
    }
}
/* WAITING ********************************************************************/
.process {
    position: relative;
}
.process:after {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1002;
}
html:not(.chrome) .process:after {
    cursor: wait; 
}
.waiting:before {
    display: none;
    content: "\e92d";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 10rem;
    position: absolute;
    z-index: 1003;
    color: #6ba539;
    top: 50%;
    left: 50%;
    margin: -5rem 0 0 -5rem;
    -webkit-animation: rotating .75s linear infinite;
    -moz-animation: rotating .75s linear infinite;
    -ms-animation: rotating .75s linear infinite;
    -o-animation: rotating .75s linear infinite;
    animation: rotating .75s linear infinite;
}
.process.mini.waiting:before {
    font-size: 2.2rem;
    top: initial;
    bottom: 25%;
}
.regular-width.process.waiting:before, .process.circularfix.waiting:before {
    position: fixed;
}
.waiting:before, .waiting:after {
    display: block;
}
/* BREADCRUMBS ****************************************************************/
.breadcrumbs {
    font-size: 0;
}
.breadcrumbs li {
    display: inline-block;
    font-size: 1.2rem; 
}
.breadcrumbs li:before {
    content: "/";
    margin: 0 .5rem;
    color: #d0d0d0;
}
.breadcrumbs li:first-child:before {
    display: none;
}
.breadcrumbs li a {
    color: #9a9a9a;
}
/* DISTINTIVOS ****************************************************************/
.badge {
    font-family: "Noto Sans", sans-serif;
    font-size: 1.2rem;
    padding: .2rem 1.2rem;
    border-radius: 10rem;
    border: 1px solid #000;
    vertical-align: baseline;
    font-weight: normal;
    white-space: nowrap; 
}
.badge-yellow {
    color: #ffba16;
    border-color: #ffba16; 
}
.badge-blue {
    color: #3065b8;
    border-color: #3065b8;
}
.badge-blue.badge-fill {
    background: #3065b8;
    color: #fff;
    top: 0;
}
.badge-green,
.badge-active {
    color: #6ba539;
    border-color: #6ba539;
}
.badge-paused {
    color: #00572d;
    border-color: #00572d; }

.badge-deferred {
    color: #f1688b;
    border-color: #f1688b;
}
.badge-pending {
    color: #1a96ed;
    border-color: #1a96ed;
}
.badge-inactive,
.badge-red {
    color: #da291c;
    border-color: #da291c;
}
.badge-small {
    padding-top: .1rem;
    padding-bottom: .1rem;
    font-size: 1rem;
}
/* PAGINACION *****************************************************************/
.pagination {
    text-align: center;
    font-size: 0;
    white-space: nowrap;
}
.pagination > li {
    display: inline-block;
}
.pagination > li.disabled {
    opacity: .5;
    pointer-events: none;
}
.pagination > li > a {
    display: block;
    font-size: 1.6rem;
    color: #737373;
    border: 1px solid #d0d0d0;
    border-radius: .2rem;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    margin: 0 .3rem;
}
html.no-touchevents .pagination > li > a:hover {
    color: #000;
    text-decoration: none;
    background: #f7f7f7;
}
.pagination > li.active a, html.no-touchevents .pagination > li.active:hover a {
    border-color: #6ba539;
    background: #6ba539;
    color: #fff;
    cursor: default;
}
.pagination > li.prev {
    margin-right: 3rem; 
}
.pagination > li.prev a {
    color: #000;
}
.pagination > li.next {
    margin-left: 3rem;
}
.pagination > li.next a {
    color: #000; 
}
/* ETIQUETAS ******************************************************************/
ul.inline {
    font-size: 0; 
}
ul.inline > li {
    display: inline-block;
    font-size: 1.4rem; 
}
#lightbox-application-preview .company ul.inline > li:first-child {
    padding-right: 3rem;
}
.tags > li {
    display: inline-block;
    background: #6ba539;
    color: #fff;
    border-radius: 10rem;
    padding: .3rem 1.5rem;
    white-space: nowrap;
    position: relative;
    margin: 0 .5rem 1rem 0;
}
.tags > li > a {
    color: #fff; }
html.no-touchevents .tags > li > a:hover {
    text-decoration: none; 
}
.tags.with-delete > li {
    padding-left: 2.5rem;
}
.tags.with-delete > li .delete {
    font-size: 2rem;
    font-weight: 300;
    top: 50%;
    margin-top: -.8rem;
    left: 1rem; 
}
html.no-touchevents .tags.with-delete > li .delete:hover {
    font-weight: 400;
    opacity: 1 !important; 
}
html.no-touchevents .tags.with-delete > li:hover {
    background: #6ba539 !important;
}
.tags.read-only > li {
    background: #252525;
    cursor: default;
}
html.no-touchevents .tags.read-only > li:hover {
    background: #252525;
}
[data-show]:not(.initialized) {
    display: none !important; 
}
/* TABLAS *********************************************************************/
table th {
    text-align: left; 
}
table th.sortable:after {
    content: "";
    opacity: 0;
    display: inline-block;
    border: 0.6rem solid #6ba539;
    border-color: transparent transparent #6ba539;
    border-width: .7rem .4rem;
    margin-left: .5rem;
    position: relative;
    top: -.1rem; 
}
table th.sortable {
    color: #333333;
    cursor: pointer; 
}
html.no-touchevents table th.sortable:hover {
    opacity: .7;
}
table th.ascending:after {
    opacity: 1; 
}
table th.descending:after {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: .6rem; 
}
html.touchevents a:not(.btn).active-effect, html.touchevents .link:not(.btn).active-effect {
    background: rgba(0, 0, 0, 0.2);
    outline: 0.5rem solid rgba(0, 0, 0, 0.2); 
}
.multiple-hint {
    color: #6a6a6a;
    font-size: 1.3rem; 
}
/* RESET INPUT ****************************************************************/
.reset-input-wrapper {
    position: relative;
    display: inline-block;
    background: #fff;
}
.reset-input-wrapper input, .reset-input-wrapper .twitter-typeahead {
    width: 100%; 
}
.reset-input-wrapper .reset-input {
    padding: .5rem 1rem;
    background: #fff;
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -1rem;
    color: #9a9a9a;
    cursor: pointer;
    visibility: hidden; 
}
.reset-input-wrapper .reset-input.visible {
    visibility: visible;
}
html.no-touchevents .reset-input-wrapper .reset-input:hover {
    opacity: .5;
}
.reset-input-wrapper .reset-input:after {
    content: "×";
    font-size: 2.5rem;
    line-height: 1rem;
}
.reset-input-wrapper.riw-fill-all {
    width: 100%;
}
/* COLUMNAS *******************************************************************/
[class*="cols-"] {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    -ms-column-gap: 3rem;
    -o-column-gap: 3rem;
    column-gap: 3rem;
}
.cols-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}
.cols-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
}
.cols-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4;
}
.cols-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    -ms-column-count: 5;
    -o-column-count: 5;
    column-count: 5;
}
.cols-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    -ms-column-count: 6;
    -o-column-count: 6;
    column-count: 6; 
}
[class*="table-cols-"] {
    display: table;
    width: 100%; 
}
[class*="table-cols-"] > * {
    display: table-cell;
    padding: 0 1.5rem;
}
[class*="table-cols-"] > *:first-child {
    padding-left: 0;
}
[class*="table-cols-"] > *:last-child {
    padding-right: 0;
}
.table-cols-2 > * {
    width: 50%;
}
.table-cols-3 > * {
    width: 33%;
}
.table-cols-4 > * {
    width: 25%;
}
/*  */
.row-lr {
    display: table;
    width: 100%;
}
.row-lr > * {
    display: table-cell;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
}
.row-lr > *:first-child {
    text-align: left;
}
.row-lr > *:last-child {
    text-align: right; 
}
.row-lr > *:nth-child(2):not(:last-child) {
    text-align: center;
}
.row-lr h1 {
    white-space: pre-wrap;
}
/* COOKIES ********************************************************************/
#cookie-policy {
    background: #252525;
    color: #b0b0b0;
    font-size: 1.2rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #6a6a6a;
    z-index: 1000000;
}
#cookie-policy p {
    position: relative;
    padding: 1rem 2rem 1rem 0; }
#cookie-policy [data-action="delete"] {
    position: absolute;
    right: 0;
    top: 1rem;
    font-size: 2rem;
    line-height: 1.5rem;
    color: #fff;
    cursor: pointer;
}
html.no-touchevents #cookie-policy [data-action="delete"]:hover {
    opacity: .6; 
}
/*  */
#html-extra {
    display: none;
}
html:not(.html-ok) .select-tabs {
    display: none;
}
html.hide-chrome-header #header {
    opacity: 0 !important;
}
html.ios .ios-hide, html:not(.ios) .ios-only, html.android .android-hide, html:not(.android) .android-only, html.touchevents .touch-hide, html:not(.touchevents) .touch-only {
    display: none !important;
}
/* TOOLTIPSTER ****************************************************************/
.tooltip {
    cursor: help;
}
#header .tooltip {
    cursor: pointer;
}
.tooltip.dotted, [data-tooltip].dotted {
    border-bottom: 1px dotted #6ba539;
}
#tooltip-password ul {
    margin: 1rem 0; 
}
#tooltip-password ul li {
    margin-bottom: .3rem;
}
#tooltip-password ul li:before {
    content: "• ";
}
#tooltip-password ul li.checked {
    color: #6ba539;
    font-weight: bold;
}
.tooltipster-filter.offer-description {
    z-index: 1003 !important;
    position: fixed !important;
    top: 8.5rem !important; 
}
.tooltipster-default.navigation {
    left: 50%;
    margin-left: -24rem;
}
.tooltipster-default {
    border-radius: 3px;
    background: #2f2f2f;
    color: #acacac;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}
.tooltipster-below-header {
    z-index: 1000 !important; 
}
.tooltipster-filter {
    border-radius: 3px;
    background: #fff;
    color: #2f2f2f !important;
    border: 0;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    z-index: 1001 !important;
}
.tooltipster-filter .layer .cols-3, .tooltipster-filter .layer .cols-4 {
    max-height: 450px;
}
.tooltipster-default .tooltipster-content {
    font-family: "Noto Sans", sans-serif;
    font-size: 13px;
    line-height: 16px;
    padding: 15px 20px;
    overflow: hidden;
}
.tooltipster-filter .tooltipster-content {
    font-family: "Noto Sans", sans-serif;
    font-size: 13px;
    line-height: 16px;
    padding: 15px 20px;
    overflow: hidden;
}
.tooltipster-filter .tooltipster-content .layer {
    display: block;
}
.tooltipster-filter .tooltipster-content ul label.checkbox {
    margin-bottom: .8rem; 
}
.tooltipster-filter .tooltipster-content ul label.checkbox span {
    font-size: 1.2rem;
    cursor: pointer;
}
.tooltipster-filter .tooltipster-content ul label.checkbox input:checked + span {
    color: #000; 
}
.tooltip-white {
    color: #fff; 
}
.tooltipster-default .title {
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: .3rem; 
}
.tooltipster-default .title:empty {
    display: none;
}
.tooltipster-default strong {
    color: #fff; 
}
.tooltipster-icon {
    cursor: help;
    margin-left: 4px; 
}
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1003;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1; 
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px; 
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left {
    right: -1px;
}
.tooltipster-arrow-right {
    left: -1px !important;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}
.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}
.tooltipster-grow {
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
    opacity: 0;
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); 
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}
.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.first.tooltipstered span:first-child {
    margin-right: -5px;
}
.last.tooltipstered span:last-child {
    margin-left: -5px;
}
.tooltipster-base.offer-description {
    font-size: 1.2rem;
    line-height: 1.3;
}
.tooltipster-base.offer-description .tooltipster-content {
    overflow: visible !important;
    padding: 0 !important;
}
.tooltipster-base.offer-description .top {
    padding: 3rem 0 3rem 4rem;
    max-height: 60vh;
    overflow-y: scroll;
}
.tooltipster-base.offer-description p.title {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
}
.tooltipster-base.offer-description p.subtitle {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.tooltipster-base.offer-description p {
    margin-bottom: .5rem;
}
.tooltipster-base.offer-description ul.bullets {
    margin: 1.5rem 0;
}
.tooltipster-base.offer-description .bottom {
    padding: 2rem 4rem;
    color: #9a9a9a;
    border-top: 1px solid #e2e2e2;
}
/* JRANGE *********************************************************************/
.range-padding {
    padding: 0 .7rem;
}
.slider-container {
    width: 100% !important;
    margin-top: 1.5rem !important;
}
.slider-container.read-only {
    pointer-events: none !important;
}
.slider-container .back-bar {
    height: 10px;
    position: relative;
}
.slider-container .back-bar .selected-bar {
    position: absolute;
    height: 100%;
}
.slider-container .back-bar .pointer {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: red;
    cursor: pointer;
    opacity: 1;
    z-index: 1002;
}
.slider-container .back-bar .pointer.last-active {
    z-index: 1003; 
}
.slider-container .back-bar .pointer-label {
    position: absolute;
    top: 18px;
    text-align: center;
    font-size: 12px;
    background: transparent;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1;
    background: #fff;
    outline: .2rem solid #fff;
}
[id*="lightbox-"] .slider-container .back-bar .pointer-label {
    background: #f8f8f8;
    outline: .2rem solid #f8f8f8;
}
.filter-container .slider-container .back-bar .pointer-label {
    background: #eeeeee;
    outline: .2rem solid #eeeeee;
}
.slider-container .back-bar .focused {
    z-index: 1010;
}
.slider-container .clickable-dummy {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1001; 
}
.slider-container .scale {
    top: -1.5rem;
    position: relative;
}
.slider-container .scale span {
    position: absolute;
    height: 5px;
    border-left: 1px solid #999;
    font-size: 0;
}
.slider-container .scale span:first-child ins {
    margin-left: -3px !important; 
}
.slider-container .scale span:last-child ins {
    right: -3px;
    left: auto;
}
.slider-container.open-end .scale span:last-child ins:before {
    content: ">";
}
.slider-container .scale ins {
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: -10px;
    color: #999;
    line-height: 1;
}
.slider-container.slider-readonly .clickable-dummy, .slider-container.slider-readonly .pointer {
    cursor: auto; 
}
.theme-green .back-bar {
    height: 5px;
    border-radius: 2px;
    background-color: #e2e2e2;
}
.reversed.theme-green .back-bar {
    background-color: #6ba539;
}
.read-only.reversed.theme-green .back-bar {
    background-color: #252525;
}
.theme-green .back-bar .selected-bar {
    border-radius: 2px;
    background-color: #6ba539; 
}
.read-only.theme-green .selected-bar {
    background-color: #252525;
}
.single.theme-green .back-bar .selected-bar, .reversed.theme-green .back-bar .selected-bar {
    background-color: #e2e2e2;
}
.theme-green .back-bar .pointer {
    width: 14px;
    height: 14px;
    top: -5px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #6ba539;
}
html.touchevents .theme-green .back-bar .pointer {
    width: 30px;
    height: 30px;
    background: transparent;
}
html.touchevents .theme-green .back-bar .pointer:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #6ba539;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -7px;
}
.read-only.theme-green .back-bar .pointer {
    background-color: #252525;
}
.read-only.theme-green .back-bar .pointer:before {
    background-color: #252525 !important;
}
.theme-green .back-bar .pointer-label {
    color: #4b4b4b; 
}
.theme-green .back-bar .focused {
    color: #333;
}
.theme-green .scale span {
    border: 0;
}
.theme-green .scale ins {
    color: #999; 
}
.theme-blue .back-bar {
    height: 5px;
    border-radius: 2px;
    background-color: #eeeeee;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-blue .back-bar .selected-bar {
    border-radius: 2px;
    background-color: #92c1f9;
    background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
    background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0);
}
.theme-blue .back-bar .pointer {
    width: 14px;
    height: 14px;
    top: -5px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #AAA;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-blue .back-bar .pointer-label {
    color: #999;
}
.theme-blue .back-bar .focused {
    color: #333;
}
.theme-blue .scale span {
    border-left: 1px solid #e5e5e5;
}
.theme-blue .scale ins {
    color: #999; 
}
/* LIGHTBOX *******************************************************************/
#lightbox-overlay {
    position: fixed;
    z-index: 1003;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.15s ease-out;
    -moz-transition: opacity 0.15s ease-out;
    -ms-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    opacity: 1;
    display: table;
}
#lightbox-overlay.outside {
    opacity: 0;
}
#lightbox-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
}
#lightbox {
    display: inline-block;
    text-align: left;
    position: relative;
    z-index: 1001;
    /*max-height: 80vh;*/
    max-width: 90rem;
    min-width: 60rem;
    overflow: hidden !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 0.15s ease-out, -webkit-transform -15s ease-out;
    -moz-transition: transform 0.15s ease-out, -webkit-transform -15s ease-out;
    -ms-transition: transform 0.15s ease-out, -webkit-transform -15s ease-out;
    -o-transition: transform 0.15s ease-out, -webkit-transform -15s ease-out;
    transition: transform 0.15s ease-out, -webkit-transform -15s ease-out;
    background: #f8f8f8;
    border-radius: .3rem; 
}
#lightbox [id*="lightbox-"] {
    height: 100%; 
}
#lightbox [id*="lightbox-"].narrow {
    max-width: 60rem; 
}
#lightbox [id*="lightbox-"].mid-width {
    max-width: 70rem;
}
.outside #lightbox {
    -webkit-transform: translate3d(0, 150%, 0);
    -moz-transform: translate3d(0, 150%, 0);
    -ms-transform: translate3d(0, 150%, 0);
    -o-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    -webkit-transition: transform 0.15s ease-in, -webkit-transform -15s ease-in;
    -moz-transition: transform 0.15s ease-in, -webkit-transform -15s ease-in;
    -ms-transition: transform 0.15s ease-in, -webkit-transform -15s ease-in;
    -o-transition: transform 0.15s ease-in, -webkit-transform -15s ease-in;
    transition: transform 0.15s ease-in, -webkit-transform -15s ease-in;
}
#lightbox .close {
    display: block;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
    line-height: .5;
    font-weight: 100;
    position: absolute;
    z-index: 1001;
    font-size: 4.2rem;
    right: 2rem;
    top: 2.5rem;
    cursor: pointer;
}
html.no-touchevents #lightbox .close:hover {
    opacity: .7; 
}
#lightbox header {
    /*
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    */
    width: 100%;
    min-height: 8rem;
    height: auto;
    padding: 2rem 6rem;
    margin: 0;
    text-align: center;
    line-height: 1.1;
    font-family: "Roboto", sans-serif;
    font-size: 3.2rem;
    font-weight: 300;
    box-shadow: 0;
}
html.no-touchevents #lightbox header {
    -webkit-transition: box-shadow 0.15s;
    -moz-transition: box-shadow 0.15s;
    -ms-transition: box-shadow 0.15s;
    -o-transition: box-shadow 0.15s;
    transition: box-shadow 0.15s; 
}
/*
html:not(.msie) #lightbox header:before, html:not(.msie) #lightbox header:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    /*width: 4rem;*/
    /*background: #f8f8f8;
}
*/
/*
html:not(.msie) #lightbox header:before {
    left: -4rem;
}
html:not(.msie) #lightbox header:after {
    right: -4rem; 
}
*/
html:not(.msie) #lightbox header strong {
    font-weight: 700; 
}
html:not(.msie) #lightbox header.shadow {
    box-shadow: 0 0.5rem 2rem -1rem rgba(0, 0, 0, 0.2); 
}
#lightbox header .strong {
    font-weight: 400;
}
#lightbox header .small {
    font-size: 2.4rem; 
}
#lightbox section {
    padding: 3rem;
    overflow-y: auto;
    min-height: 0px;
    margin: 0 !important;
    /*max-height: 30rem !important;*/
}
/*
#lightbox #lightbox-login section {
    padding: 1rem 6rem 2rem;
}
*/
html.touchevents #lightbox section {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#lightbox section p.intro {
    max-width: 60rem;
}
#lightbox section p.intro.align-center {
    max-width: none; 
}
#lightbox section.narrow {
    max-width: 52rem; 
}
html.firefox #lightbox section {
    box-sizing: content-box;
}
#lightbox footer {
    /*
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
    *//**/
    width: 100%;
    padding: 0 2rem 2rem;
    margin: 0;
    background: #f8f8f8;
    box-shadow: none;
    position: static !important;
}
html.no-touchevents #lightbox footer {
    transition: box-shadow 0.15s; 
}
/*
#lightbox footer:before, #lightbox footer:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4rem;
    background: #f8f8f8;
}
#lightbox footer:before {
    left: -4rem; 
}
#lightbox footer:after {
    right: -4rem;
}
*/
#lightbox footer.shadow {
    position: relative;
    z-index: 1000;
    box-shadow: 0 -0.5rem 2rem -1rem rgba(0, 0, 0, 0.2); 
}
#lightbox footer .buttons {
    padding-top: 2rem;
    text-align: right;
    border-top: 1px solid #c0c0c0;
}
#lightbox footer .buttons.no-line {
    border: 0;
}
#lightbox footer .buttons .btn {
    margin-left: 2rem; 
}
#lightbox .indent {
    padding-left: 0;
}
#lightbox-offer-not-logged-in, #lightbox-login {
    width: 88.2rem;
}
#lightbox-offer-not-logged-in.company, #lightbox-login.company {
    width: 45rem !important;
    min-width: none !important; 
}
#lightbox-offer-not-logged-in .form-title, #lightbox-login .form-title {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #6a6a6a;
    font-size: 2.4rem;
    margin-bottom: 1.8rem; 
}
#lightbox-offer-not-logged-in .left, #lightbox-login .left {
    display: inline-block;
    width: 50%;
    padding-right: 1.5rem;
}
#lightbox-offer-not-logged-in .right, #lightbox-login .right {
    display: inline-block;
    width: 50%;
    padding-left: 1.5rem;
    /*margin-left: 4.6rem;*/
    float: right;
}
#lightbox-offer-not-logged-in .right .featured, #lightbox-login .right .featured {
    line-height: 1.5;
    background: #fff;
    border: 1px solid #6ba539;
    border-radius: .3rem;
    padding: 2.7rem 3.5rem 4.2rem;
    text-align: center;
}
#lightbox-offer-not-logged-in .right .featured .title, #lightbox-login .right .featured .title {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 1.8rem;
}
#lightbox-offer-not-logged-in .right .featured .btn, #lightbox-login .right .featured .btn {
    margin-top: 2rem;
}
#lightbox-offer-not-logged-in footer .btn:first-child, #lightbox-login footer .btn:first-child {
    margin-left: 0 !important; 
}
#lightbox-remember, #lightbox-save-offer-logged-in {
    max-width: 70rem; 
}
#lightbox-save-offer-logged-in .title {
    font-size: 2.4rem;
    font-family: "Roboto", sans-serif;
    margin: 2rem 0 1.5rem;
}
#lightbox-applicant-communication table {
    max-width: 60rem;
}
#lightbox-applicant-communication table th {
    font-weight: bold;
    color: #6a6a6a;
    padding: 1rem;
    white-space: nowrap;
}
#lightbox-applicant-communication table td {
    padding: .5rem 1rem;
}
#lightbox-applicant-communication table td:first-child {
    width: 100%; 
}
#lightbox-applicant-communication table td:nth-child(2) {
    white-space: nowrap; 
}
#lightbox-applicant-communication table td:last-child {
    padding-left: 2rem;
    padding-right: 0;
}
#lightbox-applicant-communication table tr {
    border-bottom: 1px solid #e2e2e2;
}
#lightbox-applicant-communication table tr:first-child, #lightbox-applicant-communication table tr:last-child {
    border: 0;
}
html.no-touchevents #lightbox-applicant-communication table tr:hover {
    background: rgba(0, 0, 0, 0.03);
}
#lightbox-applicant-communication table tr.active {
    background: #d9e6e0;
}
#lightbox-create-alert {
    width: 85rem;
}
#lightbox-create-alert [data-action="add-select"] {
    color: #6ba539 !important;
}
.light {
    color: #9a9a9a;
}
#lightbox p.intro {
    color: #252525;
    margin: 0;
}
#lightbox-create-alert .row {
    width: 50%;
    float: left;
    padding: 1.5rem;
    margin: 0 !important;
}
#lightbox-create-alert .row:last-child {
    width: 100%;
}
#lightbox-create-alert .row .field {
    width: 100%;
    padding: 0;
}
#lightbox-create-alert .row .field label.checkbox {
    display: inline-block;
}
/*  */
.general-text {
    line-height: 1.4; }
.general-text p {
    margin-bottom: 1rem;
    font-size: 1.4rem; }
.general-text p.title {
    font-family: "Roboto", sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 3rem; }
.general-text p.title:first-child {
    margin-top: 0;
}
.general-text ul.bullets {
    margin: 2rem 0; 
}
[data-repeat] {
    position: relative;
    margin-bottom: 1rem;
}
[data-repeat] [data-action="delete"] {
    display: none;
    position: absolute;
    z-index: 1001;
    font-size: 2.7rem;
    color: #da291c;
    left: -2rem;
    top: .7rem;
    cursor: pointer;
}
html.no-touchevents [data-repeat] [data-action="delete"]:hover {
    opacity: .7;
}
[data-repeat] + [data-repeat] [data-action="delete"] {
    display: block;
}
/* HEADER *********************************************************************/
#header {
    /*background: #2f2f2f;*/
    color: #fff;
    position: relative;
    z-index: 1003 !important;
}
#header.process {
    padding-top: .4rem;
    text-align: center;
    height: 6.8rem;
}
#header.process .logo {
    margin: 0;
}
#header.process .logo img {
    width: 13.3rem;
    height: 2.9rem; 
}
#header.company-process {
    padding-top: .4rem;
    height: 6.8rem;
}
#header.company-process .icon-chevron-left {
    cursor: pointer;
    font-size: 2.5rem;
    margin-right: 1.5rem;
}
html.no-touchevents #header.company-process .icon-chevron-left:hover {
    opacity: .7;
}
#header.company-process .logo {
    margin: 0;
}
#header.company-process .logo img {
    width: 18.9rem;
    height: 4.1rem;
    top: 1.1rem; 
}
#header.company-process .row-lr > :last-child {
    padding-top: 1.5rem;
}
#header.company-process .row-lr > :last-child .btn {
    padding: .7rem 1.5rem;
    font-size: 1rem;
    font-family: "Roboto", sans-serif; 
}
#header .hero-image img {
    max-width: 100%;
    height: auto;
}
#header .hero-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.6); 
}
#header .logo {
    margin-right: 6.5rem;
}
.chrome #header .logo {
    position: relative;
    top: -.4rem;
}
#header .logo img {
    width: 15rem;
    height: 100%;
    max-height: 4rem;
    position: relative;
    top: 1.4rem;
}
/* HEADER NAVIGATION **********************************************************/
/* PARA COMENTAR */
#header #nav {
    display: table;
    width: 100%;
    height: 6rem;
    padding-bottom: 2.5rem;
}
#header #nav > * {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap; 
}
#header #nav > *.right {
    text-align: right;
}
#header #nav ul {
    font-size: 1.6rem;
    display: inline-block; 
    position: relative;
    top: .4rem;
}
#header #nav ul li {
    display: inline-block;
    margin-right: 3.5rem; 
}
#header #nav ul li:last-child {
    margin-right: 0;
}
#header #nav ul.user {
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    position: relative;
    top: 1.3rem;
}
#header #nav ul.user.logged-in li:after {
    display: none;
}
#header #nav ul.user li.company-login {
    position: relative;
}
#header #nav ul.user li.company-login:after {
    content: "";
    position: absolute;
    top: 0;
    right: -1.8rem;
    width: 1px;
    height: 100%;
    background: #939393;
}
#header #nav ul.user li.applicant-login {
    margin-right: 1.8rem; 
}
#header #nav ul.user li.dashboard {
    font-family: "Noto Sans", sans-serif;
    text-decoration: underline;
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.4rem;
}
#header #nav ul.user li.logout a {
    color: #6ba539;
    font-size: 1.5em;
    position: relative;
    top: .2rem; 
}
html.no-touchevents #header #nav ul.user li.logout a:hover {
    color: #fff;
    text-decoration: none;
}
#header #nav ul.user .btn-line {
    font-size: 1.1rem;
    color: #fff;
    border-color: #fff; 
}
html.no-touchevents #header #nav ul.user .btn-line:hover {
    background: #fff;
    color: #000; 
}
/* HEADER SEARCH **************************************************************/
#header .header-search {
    background: #f5f5f5;
    padding: 1rem 0;
}
#header .header-search .select-wrapper {
    border: none;
}
#header .header-search .selectize-input {
    border-color: transparent !important;
    background: transparent !important;
    padding-right: 3.8rem !important;
}
#header .header-search .selectize-input > * {
    color: #252525 !important;
}
#header .header-search .selectize-input input {
    position: absolute !important;
    left: -1000px !important;
    opacity: 0 !important;
}
#header .header-search .selectize-input + .selectize-dropdown {
    width: 25rem !important;
}
html.msie #header .header-search .selectize-input + .selectize-dropdown {
    margin-top: .2rem;
}
#header .header-search .dtable .dcell {
    border: 1px solid #d8d8d8;
    border-right-width: 0;
    background: #fff;
}
#header .header-search .dtable .dcell:first-child {
    border-radius: .2rem 0 0 .2rem;
}
#header .header-search .dtable .dcell:nth-child(3) {
    border-radius: 0 .2rem .2rem 0;
    border-right: 1px solid #d8d8d8; 
}
#header .header-search .dtable .dcell:last-child {
    border: 0;
    background: none; 
}
#header .header-search .dtable .dcell.full-width input {
    width: 100%;
}
#header .header-search .input-wrapper {
    position: relative;
}
#header .header-search .input-wrapper .icon-map-marker {
    color: #6ba539;
    font-size: 2rem;
    position: absolute;
    z-index: 1001;
    left: 1rem;
    top: 50%;
    margin-top: -1rem;
}
#header .header-search .input-wrapper input {
    margin-left: 2.2rem;
}
#header .header-search input, #header .header-search .select-wrapper span {
    color: #000;
    font-size: 1.6rem;
    border: 0;
}
#header .header-search button {
    font-size: 1.6rem;
    margin-left: 1.7rem;
}
#header.company .logo {
    margin-right: 4.5rem; 
}
/* PARA COMENTAR */
#header.company #nav ul.main > li {
    margin-right: 2.5rem;
}
#header.company #nav ul.user > li.company-login {
    margin-right: 1rem;
    padding-right: 1rem;
}
#header.company #nav ul.user > li.company-login:after {
    right: -.1rem; 
}
/* HEADER REGISTER ************************************************************/
#header.register {
    height: 9.5rem;
    font-family: "Roboto", sans-serif;
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
    width: 100%;
    background-color: #252525;
}
#header.register + * {
    padding-top: 11rem !important;
}
#header.register.taller + * {
    padding-top: 15rem !important;
}
html.no-touchevents #header.register .close:hover {
    text-decoration: none; 
}
#header.register .row-lr > :first-child, #header.register .row-lr > :last-child {
    width: 24rem;
}
#header.register .row-lr > :nth-child(2) {
    padding-top: 1rem;
    font-size: 1.8rem;
    text-align: left; 
}
#header.register .row-lr > :nth-child(2) p.big {
    font-weight: 300;
    font-size: 3.2rem;
}
#header.register .row-lr > :nth-child(2) .link {
    color: #6ba539;
}
#header.register .row-lr > :last-child {
    vertical-align: top !important;
    padding-top: 2rem;
    font-weight: 100;
    font-size: 4rem;
    line-height: 1.5rem; 
}
#header.register .row-lr > :last-child html.no-touchevents a:hover {
    text-decoration: none;
    opacity: .7; 
}
#header.register a.logo {
    margin-right: 0; 
}
/* CAROUSEL LATERAL ***********************************************************/

/* NUEVO **********************************************************************/
.peek-next-title {
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    font-weight: 400;
}
.peek-next {
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
    height: 23.4rem;
    font-family: "Roboto", sans-serif;
}
.peek-next.empty {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.peek-next > li {
    -webkit-transition: opacity 0.15s, width 0.15s 0.15s, padding 0.15s 0.15s;
    -moz-transition: opacity 0.15s, width 0.15s 0.15s, padding 0.15s 0.15s;
    -ms-transition: opacity 0.15s, width 0.15s 0.15s, padding 0.15s 0.15s;
    -o-transition: opacity 0.15s, width 0.15s 0.15s, padding 0.15s 0.15s;
    transition: opacity 0.15s, width 0.15s 0.15s, padding 0.15s 0.15s;
    position: relative;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    width: 85%;
    opacity: .4;
    /*overflow: hidden; */
    border: 1px solid #cccccc;
    margin-right: 1rem;
    padding: 2rem 2rem 7rem;
    height: 23.4rem;
    border-radius: .4rem;
}
.peek-next > li:first-child {
    opacity: 1;
}
.peek-next li:nth-child(2), .peek-next li:nth-child(3) {
    pointer-events: none;
    background-color: #e2e2e2;
}
.peek-next > li.skipped {
    opacity: 0 !important;
    width: 0 !important;
    padding: 0 !important;
}
.peek-next .section {
    font-size: 2rem;
    margin-bottom: 1rem;
    overflow: hidden;
    max-height: 3rem;
}
.peek-next .title {
    display: block;
    max-height: 4rem;
    overflow: hidden;
    font-size: 1.6rem;
    margin-bottom: 1rem; 
}
.peek-next .title ~ p {
    max-height: 5.5rem;
    overflow: hidden;
}
.peek-next p {
    font-size: 1.2rem;
    line-height: 1.5; 
}
.peek-next .buttons {
    position: absolute;
    bottom: 2rem;
}
.peek-next .buttons .btn {
    padding: 1.3rem;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
}
.curso {
    position: relative;
    height: 100%;
}
.curso .next {
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    width: 4.5rem;
    position: absolute;
    right: -5.7rem;
    top: 0;
}
.curso .next:before {
    content: "\e906";
    color: #ffffff;
    position: relative;
    top: 50%;
    left: 50%;
    font-family: "icomoon", sans-serif;
    font-size: 4rem;
    margin-left: -2rem;
    margin-top: -2rem;
}
.curso li {
    width: 32%;
    margin-right: 1%;
    border: 1px solid #e3e3e3;
    border-radius: .4rem;
    text-align: center;
    display: inline-block;
    position: relative;
}
.curso li:last-child {
    margin-right: 0;
}
.curso li .logo {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.curso li img {
    margin-left: -2rem;
    margin-top: -2rem;
}
.curso li .logo img {
    background-color: #0097b2;
    margin: 0;
    width: 5rem;
}
.curso li .title {
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 4rem;
    max-height: 4rem;
}
.curso li .title a {
    color: #0097B2;
}
.curso li .former {
    font-size: 1.2rem;
    height: 3.3rem;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
}
.curso li .buttons {
    position: absolute;
    bottom: 0;
}
.curso li .buttons .btn {
    border-color: #0097B2;
    background-color: #0097B2;
}
.curso li .buttons .btn.btn-line {
    color: #0097B2;
    background-color: transparent;
    border-color: #0097B2;
}
.curso li .buttons .btn:hover {
    border-color: #004956;
    background-color: #004956;
}
.curso li .buttons .btn.btn-line:hover {
    color: #ffffff;
    background-color: #004956;
    border-color: #004956;
}
.cursos.dos.peek-next {
    height: 100%;
    position: relative;
}
.cursos.dos.peek-next .next {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    position: absolute;
    right: -5.7rem;
    top: 0;
    width: 4.5rem;
}
.cursos.dos.peek-next .next::before {
    color: #ffffff;
    content: "";
    font-family: "icomoon",sans-serif;
    font-size: 4rem;
    left: 50%;
    margin-left: -2rem;
    margin-top: -2rem;
    position: relative;
    top: 50%;
}
.cursos.dos.peek-next li {
    height: 20.4rem;
}
.cursos.dos.peek-next li img {
    margin-left: -2rem;
    margin-top: -2rem;
}
.cursos.dos.peek-next li .logo img {
    background-color: #0097b2;
    float: left;
    margin: 0 1rem 0 0;
    width: 5rem;
}
.cursos.dos.peek-next .title {
    color: #0097b2;
}
.cursos.dos.peek-next .buttons .btn {
    background-color: #0097b2;
    border-color: #0097b2;
}
.cursos.dos.peek-next .buttons .btn.btn-line {
    background-color: transparent;
    border-color: #0097b2;
    color: #0097b2;
}
.cursos.dos.peek-next .buttons .btn:hover {
    background-color: #004956;
    border-color: #004956;
}
.cursos.dos.peek-next .buttons .btn.btn-line:hover {
    background-color: #004956;
    border-color: #004956;
    color: #ffffff;
}
ul.positions > li.ModuloCursoOferta {
    border-top: 1px solid #0097b2;
    border-bottom: 1px solid #0097b2;
    border-radius: 0;
    padding: 2rem;
    z-index: 1001;
}
ul.positions > li.ModuloCursoOferta h3 {
    color: #252525;
    letter-spacing: -0.1rem;
}
ul.positions > li.ModuloCursoOferta h3 a {
    color: #0097b2;
}
ul.positions > li.ModuloCursoOferta .title a {
    color: #0097b2;
}
ul.positions > li.ModuloCursoOferta + hr + li::before {
    background: transparent;
}
ul.positions > li.ModuloCursoOferta::before {
    background: #0097b2;
}
ul.positions > li.ModuloCursoOferta:hover {
    border: 1px solid rgb(0,151,178) !important;
}
ul.positions > li.ModuloCursoOferta .logo {
    bottom: 2rem;
}
.dtable.aside > .related.empty {
    display: none !important;
}
.dtable.aside > .related.empty + .dcell.actions-wrapper {
    width: 100%;
    margin-left: 0;
}
/* SOCIAL LINKS ***************************************************************/
.social-links {
    white-space: nowrap;
    font-size: 0;
    margin: 3rem 0 4rem;
}
.social-links .title {
    font-size: 2.2rem;
    font-weight: bold;
}
.social-links ul {
    margin-top: 2rem;
}
.social-links li {
    display: inline-block;
    font-size: 1.1rem;
    color: #fff;
    padding: 1rem;
    margin-right: 1.9rem;
    width: 8.7rem;
    cursor: pointer;
}
.social-links li a {
    color: #fff;
}
html.no-touchevents .social-links li a:hover {
    text-decoration: none;
}
html.no-touchevents .social-links li:hover {
    opacity: .7;
}
.social-links li:last-child {
    margin: 0;
}
.social-links li [class*="icon-"] {
    display: block;
    font-size: 3rem;
}
.social-links li.facebook {
    background: #3b5998;
}
.social-links li.facebook, .social-links li.twitter, .social-links li.linkedin {
    height: 8.5rem;
    position: relative;
}
.social-links li.facebook > a > p, .social-links li.twitter > a > p, .social-links li.linkedin > a > p {
    font-size: 30px;
    padding: 1.8rem;
}
.social-links li.twitter {
    background: #55acee; 
}
.social-links li.linkedin {
    background: #0077b5; 
}
/* MODULOS ********************************************************************/
ul.actions {
    font-size: 0;
    text-align: center;
    color: #878787;
    padding-top: 1.5rem;
}
aside ul.actions {
    padding: 3rem 0;
}
ul.actions > li {
    font-size: 1.3rem;
    display: inline-block;
    width: 33%;
    padding: 0 3rem;
    position: relative;
}
aside ul.actions > li {
    width: auto;
    padding: 0 1rem;
}
aside ul.actions > li .internacional img {
    width: 4.2rem;
}
ul.actions > li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 5rem;
    background: #cccccc;
}
ul.actions > li:last-child:after {
    display: none; }
ul.actions [class*="icon-"] {
    font-size: 4.2rem;
    color: #6a6a6a; 
}
ul.actions .icon-cloud-upload {
    font-size: 5rem;
    position: relative;
    top: .5rem;
}
ul.actions .title {
    font-family: "Roboto", sans-serif;
    font-size: 2.2rem;
    color: #000;
    font-weight: 300;
    margin: 1.5rem 0 1rem;
}
ul.actions .btn {
    margin-top: 2.5rem; 
}
/* MENU ***********************************************************************/
#header {
    /*background: none;*/
    margin-bottom: 14rem;
}
.tpl-home #header {
    margin-bottom: 0;
}
/*
#header.register {
    background-color: #2f2f2f;
}
*/
/*
.primary-menu {
    background-color: #333333;
}
.primary-menu nav {
    text-align: right;
}
.primary-menu nav ul li {
    border-right: 1px solid #ffffff;
    display: inline-block;
    margin: 1rem 1rem 1rem 0;
    padding: 0 1rem 0 0;
}
.primary-menu nav ul li:last-child {
    margin-right: 0;
    border-right: 0;
}
*/
.secondary-menu {
    background-color: #252525;
    width: 100%;
    position: fixed;
    z-index: 1002;
    top: 3.3rem;
    left: 0;
}
.tpl-home .secondary-menu[style*="top: 33px;"] {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.tpl-home .secondary-menu {
    background-color: transparent;
}
/*
.secondary-menu[style*="top: 0px;"] {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
*/
.tpl-home .secondary-menu[style*="top: 0px;"] {
    background-color: #252525;
    /*
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    */
}
.tpl-home .secondary-menu[style*="top: 43px;"] {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.secondary-menu:not([style*="top: 0px;"]) ~ .header-search {
    top: 0;
    /*
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    */
}
.secondary-menu[style*="top: 0px;"] ~ .header-search {
    top: 6.1rem;
    /*
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    */
}
#header.withUserMenu ~ .regular-width #mnDashboard .column-wrapper.sticky.is_stuck {
    top: 15rem !important;
    /*
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    */
}
/*
#header ~ .regular-width #mnDashboard .column-wrapper.sticky.is_stuck {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.secondary-menu[style*="top: 33px;"] ~ .header-search {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
*/
.header-search {
    width: 100%;
    position: fixed;
    top: 9.5rem;
    z-index: 2;
}
#header #nav {
    display: table;
    width: 100%;
    height: 6rem;
    padding-bottom: 2.5rem;
}
.chrome #header #nav {
    /*height: 5rem;*/
    padding-bottom: 1.7rem;
}
#header #nav > * {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap; 
}
#header #nav > *.right {
    text-align: right;
}
#header #nav ul {
    font-size: 1.6rem;
    display: inline-block; 
    position: relative;
    top: .4rem;
}
.chrome #header #nav ul {
    top: -.5rem;
}
#header #nav ul li {
    display: inline-block;
    margin-right: 3.5rem; 
}
#header #nav ul li:last-child {
    margin-right: 0;
}
#header #nav ul.user {
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    position: relative;
    top: 1.3rem;
}
.chrome #header #nav ul.user {
    top: .8rem;
}
#header #nav ul.user.logged-in li:after {
    display: none;
}
#header #nav ul.user li.company-login {
    position: relative;
}
#header #nav ul.user li.company-login:after {
    content: "";
    position: absolute;
    top: 0;
    right: -1.8rem;
    width: 1px;
    height: 100%;
    background: #939393;
}
#header #nav ul.user li.applicant-login {
    margin-right: 1.8rem; 
}
#header #nav ul.user li.dashboard {
    font-family: "Noto Sans", sans-serif;
    text-decoration: underline;
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.4rem;
}
#header #nav ul.user li.logout a {
    color: #6ba539;
    font-size: 1.5em;
    position: relative;
    top: .2rem; 
}
html.no-touchevents #header #nav ul.user li.logout a:hover {
    color: #fff;
    text-decoration: none;
}
#header #nav ul.user .btn-line {
    font-size: 1.1rem;
    color: #fff;
    border-color: #fff; 
}
html.no-touchevents #header #nav ul.user .btn-line:hover {
    background: #fff;
    color: #000; 
}
/* BANNERS ********************************************************************/
.banner-top {
    text-align: center;
    padding: 1rem 0;
}
#megabanner, #banner_tablet {
    text-align: center;
}
#megabanner > div:before, #banner_tablet > div:before {
    content: "PUBLICIDAD";
    font-size: 1rem;
    left: -5.5rem;
    padding: 0.5rem 1.5rem;
    position: absolute;
    top: 3.5rem;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#megabanner > div, #banner_tablet > div {
    display: inherit;
    margin: 0 auto;
    position: relative;
    min-width: 72.8rem;
    width: 98rem;
}
.robapaginas {
    margin: 0 auto;
    width: 100%;
}
.tpl-home aside .robapaginas [id*='robapaginas'] {
    margin: 0 auto;
}
.robapaginas [id*='robapaginas'] {
    background-color: #f5f5f5;
    height: auto;
    margin: 3rem auto;
    min-width: 30rem;
    position: relative;
}
.robapaginas [id='robapaginas'] {
    margin-top: 0;
}
.robapaginas [id*='robapaginas']:before {
    background-color: #f5f5f5;
    content: "PUBLICIDAD";
    float: left;
    font-family: arial;
    font-size: 1rem;
    padding: 0.4rem;
    text-align: left;
    width: 29.2rem;
}
aside #text_link {
    height: auto;
    margin: 3rem auto;
    min-height: 2rem;
    position: relative;
    width: 30rem;
}
aside #text_link > div {
    padding: .5rem;
}
/* RELATED ULS ****************************************************************/
.relatedUls {
    display: inline-block;
    vertical-align: top;
    width: 19%;
}
.seo .relatedUls li:first-child:before {
    content: "";
}
.relatedUls li:first-child {
    max-height: none;
    padding-bottom: 2rem;
}
.relatedUls li {
    width: 100%;
    overflow: hidden;
    max-height: 2rem;
}
/* FOOTER *********************************************************************/
#footer {
    line-height: 1;
    margin-top: 5.5rem;
    font-family: "Roboto", sans-serif; 
}
#footer .infoempleo {
    background: #f1f2f4;
    padding: 4rem 0 0;
    font-size: 0;
}
#footer .infoempleo > .regular-width > div {
    font-size: 1.2rem;
    width: 24%;
    padding-right: 3rem;
    display: inline-block;
    vertical-align: top;
}
#footer .infoempleo > .regular-width > div a {
    color: #9a9a9a;
    line-height: 2rem;
}
#footer .infoempleo > .regular-width > div.l4-only {
    width: auto;
}
#footer .infoempleo > .regular-width > div > :first-child, #footer .infoempleo > .regular-width > div .title {
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 2.7rem;
}
#footer .infoempleo > .regular-width > div ul.social > li {
    font-size: 2rem;
    display: inline-block;
    margin-right: .8rem;
}
html.no-touchevents #footer .infoempleo > .regular-width > div ul.social > li > a:hover {
    text-decoration: none;
    color: #2f2f2f;
}
#footer .google-play, #footer .app-store {
    margin-top: -1rem;
    display: inline-block !important;
}
html.no-touchevents #footer .google-play:hover, html.no-touchevents #footer .app-store:hover {
    opacity: .7;
}
#footer .google-play {
    margin-right: 1rem; 
}
#footer .google-play img {
    width: 12.9rem;
    height: 4.5rem; 
}
#footer .app-store img {
    width: 14.8rem;
    height: 4.3rem;
    position: relative;
    top: -.1rem;
}
#footer .vocento {
    background: #252525;
    padding: 4rem 0;
    font-size: 0;
}
#footer .vocento .logo img {
    width: 12.8rem;
    height: 1.9rem;
}
#footer .vocento .title {
    font-size: 1.6rem;
    color: #fff;
    margin: 2rem 0 1rem;
}
#footer .vocento ul {
    display: block !important;
    font-size: 1.2rem;
    margin-left: -.8rem;
}
#footer .vocento ul li {
    display: inline-block;
    line-height: 1.3; 
}
#footer .vocento ul li a {
    padding: 0 .8rem;
    position: relative;
    display: block;
    color: #bebebe;
}
#footer .vocento ul li a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 1rem;
    background: rgba(154, 154, 154, 0.5);
    margin-top: -.5rem;
}
html.no-touchevents #footer .vocento ul li a:hover {
    color: #fff;
}
#footer .vocento ul li:last-child a {
    padding-right: 0;
}
#footer .vocento ul li:last-child a:after {
    display: none;
}
#footer .vocento p.legal {
    display: block !important;
    margin-top: 2rem;
    color: #bebebe;
    white-space: nowrap;
    font-size: 1.2rem;
    vertical-align: top;
}
#footer .footer_apps_ {
    margin-top: 3rem;
}
#footer .footer_apps_ ul li {
    display: inline-block;
    margin-right: 1rem;
}
/* PRIVACIDAD *****************************************************************/
#lightbox-privacidad ol {
    list-style-type: decimal;
    padding-left: 2rem;
    color: #252525;
}
#lightbox-privacidad ol li {
    padding-left: 1rem;
}
/* VIDEOS *********************************************************************/
.header-rest div.h2 img {
    width: 6.4rem; 
    height: 6.4rem;
    position: relative;
    top: 2.7rem;
}
/* NOTIFICADORES **************************************************************/
.tpl-home .opacity_background {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}
.tpl-home .opacity_background  #popup_home {
    left: 50%;
    margin-left: -64rem;
    margin-top: -32rem;
    position: absolute;
    top: 50%;
    z-index: 1001;
}
.tpl-home .opacity_background  #popup_home .close {
    cursor: pointer;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 4.2rem;
    font-weight: 100;
    line-height: 0.5;
    overflow: hidden;
    position: absolute;
    right: 3rem;
    top: 3rem;
    z-index: 1001;
}
#dvMensaje .opacity_background {
    width: 100%; 
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    left: 0px;
    position: fixed;
    top: 0px;
    z-index: 10000000;
}
#dvMensaje .notify {
    left: 50%;
    margin: 0 0 3rem -25rem;
    padding: 2.3rem 2.8rem;
    position: fixed;
    top: 50%;
    width: 50rem;
    z-index: 1001;
}
.notify {
    padding: 2.3rem 2.8rem;
    border-radius: .4rem;
    position: relative;
    font-family: "Roboto", sans-serif;
    background: #cbdaee;
    border: 2px solid transparent;
    margin-bottom: 5rem; 
}
.notify p.title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.notify .link {
    color: #ffffff;
    text-decoration: underline;
}
.notify .close {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 3rem;
    line-height: 1rem;
    position: absolute;
    right: 2rem;
    top: 2.5rem;
    cursor: pointer; 
}
html.no-touchevents .notify .close:hover {
    opacity: .7;
}
.notify + .notify {
    margin-top: -1.5rem; 
}
.notify-warning {
    background: #f68d2e;
    color: #fff;
}
.notify-warning .close {
    color: #fff;
}
.notify-warning [class^="icon-"], .notify-error [class^="icon-"], .notify-info [class^="icon-"] {
    font-size: 4rem;
    margin-top: -1rem;
}
.notify-error {
    background: #da291c;
    color: #fff;
}
.notify-error .close {
    color: #fff; 
}
.notify-info {
    background: #fff;
    border-color: #6ba539;
    color: #6ba539;
}
.notify-info .close {
    color: #6ba539; 
}
/* ERRORES ********************************************************************/
.with-aside p.base {
    font-size: 2.2rem;
    font-weight: 500;
}
.with-aside p.mt50 a {
    font-size: 1.8rem;
    font-weight: 400;
}
/* AVISO LEGAL ****************************************************************/
#lightbox-avisolegal textarea {
    color: #252525;
}
/* FORMULARIOS ****************************************************************/

/* USUARIOS *******************************************************************/
.borrar_foto_cv {
    font-size: 2rem;
    font-weight: 100;
    height: 2rem;
    left: -1rem;
    line-height: 1rem;
    margin: 0;
    padding: 0.4rem !important;
    position: absolute;
    top: -1rem;
}
#imageErrorCv, .avatar small.cerror {
    white-space: pre;
    text-align: center;
}
/* CUSTOM SELECT STYLE ********************************************************/
.custom-select-style:before {
    background-color: #ffffff;
    background-position: center center;
    content: "";
    height: 2.8rem;
    position: absolute;
    right: .1rem;
    top: .1rem;
    width: 2.8rem;
}
.custom-select-style.disabled:before {
    background-color: transparent;
}
.custom-select-style.extra:before {
    height: 4.8rem;
    width: 4.8rem;
}
.custom-select-style {
    padding: 0;
    margin: 0 auto;
    border: .1rem solid #ccc;
    width: 100%;
    border-radius: .3rem;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
#mobile-search .custom-select-style {
    border: none;
    border-radius: 0;
}
.dashboard-layout .with-aside .section-applications .custom-select-style {
    position: absolute;
    top: 3rem;
    right: 2rem;
    width: 40%;
}
.custom-select-style:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #aaaaaa #aaaaaa;
    border-image: none;
    border-style: solid;
    border-width: 0.1rem;
    content: "";
    height: 0.7rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translate(0px, 0.5rem) rotate(-45deg);
    -moz-transform: translate(0px, 0.5rem) rotate(-45deg);
    -ms-transform: translate(0px, 0.5rem) rotate(-45deg);
    -o-transform: translate(0px, 0.5rem) rotate(-45deg);
    transform: translate(0px, 0.5rem) rotate(-45deg);
    width: 0.8rem;
    margin-top: -1.2rem;
}
.custom-select-style.extra:after {
    margin-top: -1rem;
}
.custom-select-style.multiple:after {
    border: none;
}
#search-home > div {
    position: relative;
}
#search-home .custom-select-style.extra {
    border-radius: 0;
    border: none;
    width: 23rem;
}
.custom-select-style.disabled {
    background-color: #e4e4e4;
}
.custom-select-style.disabled select, .custom-select-style.disabled select option {
    color: #c0c0c0 !important;
}
.custom-select-style select {
    padding: .5rem .8rem;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .4rem;
    font-size: 1.6rem;
    position: relative;
    z-index: 1;
}
.custom-select-style select.default, .custom-select-style select option.default{
    color: #e4e4e4;
}
.custom-select-style.extra select {
    padding: 1rem;
}
.chrome .custom-select-style.extra select {
    padding: 1.3rem;
}
#search-home .custom-select-style.extra select {
    width: auto;
    padding-right: 3rem;
}
.tpl-home #search-home .custom-select-style.extra select {
    width: 100%;
}
.custom-select-style select:focus {
    outline: none;
}
.custom-select-style select option {
    color: #6ba539;
}
.custom-select-style select option:hover {
    background-color: #6ba539;
    color: #ffffff;
}
.windows.msie .custom-select-style select {
    overflow: hidden;
    width: 130% !important;
    padding: 1.3rem !important;
}
/* SCROLL TO TOP **************************************************************/
#toTop {
    bottom: 2rem;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 1rem;
    z-index: 1001;
}
#toTop span {
    background-color: rgba(107,165,57,0.5);
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    border-radius: .5rem;
    padding: 1rem;
}
#toTop:hover span {
    background-color: rgba(107,165,57,1);
}
/* COLUMNAS *******************************************************************/
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
/* END COLUMNAS ***************************************************************/
/* EMBED **********************************************************************/
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}
/* RESPONSIVE *****************************************************************/
@media screen and (min-width: 1260px) {
    /* COLUMNAS ***************************************************************/
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
    /* END COLUMNAS ***********************************************************/
    .l23-only {
        display: none;
    }
    .l4-hide {
        display: none !important;
    }
    .l1-only, .l2-only, .l3-only {
        display: none !important;
    }
}
@media screen and (max-width: 1259px) {
    .tooltipster-default.navigation {
        margin-left: -19rem;
    }
    #header .logo {
        margin-right: 4rem;
    }
    #header .logo img {
        width: 16rem;
        height: 3.4rem;
    }
    #mobile-nav > ul > li a.logo {
        padding: 0;
    }
    #header #mobile-nav a.logo img {
        top: .2rem;
    }
    /* PARA COMENTAR */
    #header #nav .left {
        position: relative;
        top: -1rem;
    }
    #header #nav .right {
        position: relative;
        top: -1.2rem;
    }
    #header #nav ul {
        top: 0;
    }
    #header #nav ul li {
        margin-right: 2.4rem;
    }
    #header #nav ul.user li.company-login:after {
        right: -1.2rem; 
    }
    /* END PARA COMENTAR */
    #footer .infoempleo > .regular-width + div {
        text-align: center;
        padding-top: 0;
    }
    #footer .infoempleo > .regular-width + div .title {
        color: #000;
        font-size: 1.6rem;
        margin-bottom: 3.7rem;
    }
    .regular-width {
        max-width: 96.4rem;
        width: 96.4rem;
        padding: 0 !important;
    }
    .with-aside > :first-child {
        width: 100%;
    }
    .wide-width {
        max-width: 96.4rem;
    }
    .row-lr.thin > p:first-child {
        padding-bottom: 1rem;
    }
    .tpl-home .opacity_background {
        z-index: 1004;
    }
    .tpl-home .opacity_background  #popup_home {
        top: 13%;
        left: 0;
        margin: 0;
    }
    .aspect-ratio {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56%;
    }
    .aspect-ratio iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    #header #nav .left {
        position: relative;
        top: -1rem;
    }
    #header #nav .right {
        position: relative;
        top: -1.2rem;
    }
    #header #nav ul {
        top: 0;
    }
    #header #nav ul li {
        margin-right: 2.4rem;
    }
    #header #nav ul.user li.company-login:after {
        right: -1.2rem; 
    }
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
    .native-stuck {
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -ms-sticky !important;
        position: -o-sticky !important;
        position: sticky !important;
    }
    .tabs > li {
        padding: 1.2rem 1.8rem;
    }
    .tooltipster-filter .tooltipster-content .table-cols-4 ul li {
        width: 33%;
        display: inline-block;
    }
    .tooltipster-filter .tooltipster-content, .tooltipster-base .tooltipster-content {
        max-width: 92rem;
    }
    html.ios .sticky * {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden; 
    }
    html.ios .column-wrapper {
        position: relative;
    }
    html.ios .column-wrapper, html.ios .column-wrapper * {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden; 
    }
    html.ios .column-wrapper:before, html.ios .column-wrapper:after {
        content: "•••";
        font-size: 1rem;
        position: absolute;
        z-index: 1500000;
        text-align: center;
        width: 7rem;
        left: 50%;
        margin-left: -3.5rem;
        background: #c0c0c0;
        color: #fff;
        opacity: 0; 
    }
    html.ios .column-wrapper:before {
        top: 0;
        border-radius: 0 0 .4rem .4rem; 
    }
    html.ios .column-wrapper:after {
        bottom: 0;
        border-radius: .4rem .4rem 0 0;
    }
    html.ios.shadow-top .column-wrapper:before, html.ios.shadow-bottom .column-wrapper:after {
        opacity: 1; 
    }
    .l3-hide {
        display: none !important; 
    }
    .l1-only, .l2-only, .l4-only {
        display: none !important;
    }
    .l3-br {
        display: block;
    }
}
@media screen and (min-width: 1024px) {
    /* COLUMNAS ***************************************************************/
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
    /* END COLUMNAS ***********************************************************/
    #mobile-nav, #mobile-nav-toggle, #mobile-nav-search, #mobile-search, .l12-only, #mobile-dashboard, hr.l12 {
        display: none !important;
    }
}
@media screen and (max-width: 1023px) {
    .h2 {
        min-height: 6.3rem;
    }
    .reset-input-wrapper.riw-fill-mobile {
        width: 100%;
    }
    label {
        font-size: 1.4rem;
        margin-bottom: .7rem; 
    }
    #lightbox [id*="lightbox-filters-"] .cols-4 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
    }
    #lightbox [id*="lightbox-filters-"] .cols-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
    }
    #header.register {
        position: fixed;
        z-index: 1000;
        height: 6.5rem;
        padding-top: 0;
        width: 100%;
    }
    #header.register[class] + * {
        padding-top: 3rem !important; }
    #header.register .logo img {
        width: 12.2rem;
        height: auto;
        top: 1.6rem;
    }
    #header.register .row-lr {
        display: block !important; 
    }
    #header.register .row-lr > :first-child {
        display: block !important;
        padding: .4rem 0 0;
        width: 100%;
        text-align: center;
    }
    #header.register .row-lr > :nth-child(2) {
        display: none !important; 
    }
    #header.register .row-lr > :last-child {
        position: absolute;
        top: 0;
        right: 0; 
    }
    #header.register + * {
        margin-top: 6.5rem !important; 
    }
    #header.register a.close {
        position: absolute;
        top: 2.2rem;
        right: 3rem;
        font-size: 5rem;
    }
    .header-search {
        display: none; 
    }
    #header {
        padding-top: 6.5rem;
    }
    /* PARA COMENTAR */
    #header #nav {
        position: fixed;
        z-index: 1002;
        top: 0;
        left: 0;
        background: #2f2f2f;
        height: 6.5rem;
    }
    #header #nav ul.main {
        display: none;
    }
    #header #nav div.left {
        text-align: center;
    }
    #header #nav div.right {
        display: none; 
    }
    #header #nav a.logo {
        margin-right: 0;
    }
    /*
    #mobile-nav-toggle {
        position: fixed;
        z-index: 1005;
        top: 2.1rem;
        left: 3rem;
        width: 2.2rem;
        height: 2.2rem;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        cursor: pointer;
    }
    html.nav-expanded #mobile-nav-toggle {
        left: 20rem;
    }
    #mobile-nav-toggle span {
        position: absolute;
        top: 50%;
        margin-top: -1px;
        width: 2.2rem;
        height: 2px;
        background: #fff;
        opacity: 1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    html.nav-expanded #mobile-nav-toggle span {
        -webkit-transform: scale(0.01, 0.01);
        -moz-transform: scale(0.01, 0.01);
        -ms-transform: scale(0.01, 0.01);
        -o-transform: scale(0.01, 0.01);
        transform: scale(0.01, 0.01);
        opacity: 0;
    }
    #mobile-nav-toggle:before, #mobile-nav-toggle:after {
        content: "";
        width: 2.2rem;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: rotate(0) translate3d(0, 0, 0);
        -moz-transform: rotate(0) translate3d(0, 0, 0);
        -ms-transform: rotate(0) translate3d(0, 0, 0);
        -o-transform: rotate(0) translate3d(0, 0, 0);
        transform: rotate(0) translate3d(0, 0, 0);
    }
    #mobile-nav-toggle:before {
        top: .1rem;
        -webkit-transform-origin: 100% 100% 0;
        -moz-transform-origin: 100% 100% 0;
        -ms-transform-origin: 100% 100% 0;
        -o-transform-origin: 100% 100% 0;
        transform-origin: 100% 100% 0;
    }
    html.nav-expanded #mobile-nav-toggle:before {
        -webkit-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
        -moz-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
        -ms-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
        -o-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
        transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
    }
    #mobile-nav-toggle:after {
        bottom: .1rem;
        -webkit-transform-origin: 100% 0% 0;
        -moz-transform-origin: 100% 0% 0;
        -ms-transform-origin: 100% 0% 0;
        -o-transform-origin: 100% 0% 0;
        transform-origin: 100% 0% 0;
    }
    html.nav-expanded #mobile-nav-toggle:after {
        -webkit-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
        -moz-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
        -ms-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
        -o-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
        transform: rotate(45deg) translate3d(0, -0.1rem, 0); 
    }
    #mobile-nav {
        -webkit-transition: transform 0.3s, -webkit-transform 0.3s;
        -moz-transition: transform 0.3s, -webkit-transform 0.3s;
        -ms-transition: transform 0.3s, -webkit-transform 0.3s;
        -o-transition: transform 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        background: #252525;
        position: fixed;
        z-index: 1004;
        top: 0;
        left: -24.5rem;
        width: 24.5rem;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    html.nav-expanded #mobile-nav {
        -webkit-transform: translate(24.5rem, 0);
        -moz-transform: translate(24.5rem, 0);
        -ms-transform: translate(24.5rem, 0);
        -o-transform: translate(24.5rem, 0);
        transform: translate(24.5rem, 0);
    }
    html.nav-expanded #mobile-nav {
        box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
    }
    html.nav-expanded #mobile-nav .big span img {
        float: right;
        margin: -.4rem 0 0;
        width: 12rem;
    }
    #mobile-nav .toggle {
        display: block;
        width: 2rem;
        height: 2rem;
        background: #ff0;
        position: absolute;
        right: -4rem;
        top: 0; 
    }
    #mobile-nav > ul {
        margin-bottom: 6rem;
    }
    #mobile-nav > ul > li {
        position: relative; 
    }
    #mobile-nav > ul > li:last-child {
        padding-top: 2rem;
    }
    #mobile-nav > ul > li:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 2rem;
        right: 2rem;
        height: 1px;
        background: #515151;
    }
    #mobile-nav > ul > li.big {
        background: #3b3b3b;
        padding: 1.5rem 2rem;
        font-size: 2rem;
        font-family: "Roboto", sans-serif;
    }
    #mobile-nav > ul > li.big img {
        max-width: 16rem;
    }
    #mobile-nav > ul > li.big:before, #mobile-nav > ul > li.big + li:before {
        display: none;
    }
    #mobile-nav > ul > li a,
    #mobile-nav > ul > li .link {
        color: #9a9a9a;
        display: block;
        padding: 1.4rem 2rem;
        font-size: 1.6rem;
        position: relative;
    }
    #mobile-nav > ul > li .btn {
        color: #fff;
        margin: 0 2rem; 
    }
    #mobile-nav.active + #mobile-nav-overlay {
        display: block;
    }
    #mobile-nav-search {
        position: fixed;
        z-index: 1002;
        font-size: 2.2rem;
        top: 2.1rem;
        right: 3rem;
        cursor: pointer;
    }
    #mobile-nav-overlay {
        content: "";
        display: none;
        position: fixed;
        z-index: 1003;
        top: 0;
        left: 0;
        width: 120vw;
        height: 120vh;
        background: #000;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    html.nav-expanded #mobile-nav-overlay {
        opacity: .8;
    }
    */
    #mobile-search {
        background: #3b3b3b;
        position: fixed;
        z-index: 1001;
        top: 6.4rem;
        left: 0;
        width: 100%;
        padding: 3rem;
        height: 25.2rem;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translate3d(0, -32.2rem, 0);
        -moz-transform: translate3d(0, -32.2rem, 0);
        -ms-transform: translate3d(0, -32.2rem, 0);
        -o-transform: translate3d(0, -32.2rem, 0);
        transform: translate3d(0, -32.2rem, 0);
    }
    html.search-expanded #mobile-search {
        box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.5);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    #mobile-search-overlay {
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 120vw;
        height: 120vh;
        background: #000;
        opacity: 0;
        display: none;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s; 
    }
    #mobile-search-overlay.active {
        display: block; 
    }
    html.search-expanded #mobile-search-overlay {
        opacity: .7; 
    }
    #lightbox-overlay {
        z-index: 1004;
    }
    #lightbox-wrapper {
        position: absolute;
        bottom: 0;
        height: auto !important;
    }
    #lightbox {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
        vertical-align: bottom !important; 
    }
    #lightbox .close {
        top: 0 !important;
        right: 0 !important;
        padding: 2rem;
    }
    #lightbox header {
        padding: 2rem 6rem 2rem 2rem;
        margin: 0;
        /*width: calc(100vw - 4rem) !important;*/
        font-size: 2.2rem !important;
        font-weight: 400 !important;
        text-align: left;
    }
    #lightbox section {
        padding: 0 2rem;
        /*max-height: 30rem !important;*/
    }
    #lightbox #lightbox-login section {
        padding: 0 2rem;
    }
    #lightbox #lightbox-job-history section {
        padding-bottom: 0;
    }
    /*
    #lightbox footer {
        margin: 0 2rem !important;
        padding: 0 0 2rem !important;
        width: calc(100vw - 4rem) !important;
    }
    */
    [id*="lightbox-"] {
        width: 100vw !important;
    }
    #lightbox-offer-not-logged-in div.left, #lightbox-offer-not-logged-in div.right, #lightbox-login div.left, #lightbox-login div.right {
        display: block;
        width: 100% !important;
    }
    #lightbox-offer-not-logged-in .right, #lightbox-login .right {
        margin: 3rem 0 2rem; 
    }
    #lightbox-offer-not-logged-in .indent, #lightbox-login .indent {
        padding: 0;
    }
    #lightbox-offer-not-logged-in footer, #lightbox-login footer {
        white-space: nowrap;
    }
    #lightbox-create-alert [data-repeat] .field.inline {
        display: block;
        width: 100% !important;
    }
    #lightbox-create-alert [data-repeat] .field.inline + .field.inline {
        margin-top: 1rem;
        margin-left: 2rem;
        width: calc(100% - 2rem) !important;
        margin-bottom: 3rem;
    }
    #lightbox-create-alert [data-repeat] [data-action="delete"] {
        left: -1.8rem;
    }
    #lightbox-create-alert .row.mt40 {
        margin-top: 2rem !important;
    }
    #lightbox-create-alert label + small.mt-10 {
        margin-top: 0 !important;
    }
    #lightbox-create-alert .length-35 {
        width: 100% !important;
    }
    .table-cols-3 > * {
        display: block !important;
        padding: 0 !important;
        width: 100% !important; 
    }
    .table-cols-3 > *:not(:first-child) {
        margin-top: 2.6rem !important;
    }
    #lightbox-company-message .row-lr > * {
        display: block !important;
        white-space: normal;
    }
    #lightbox-company-message .row-lr > *:last-child {
        text-align: left !important;
        padding: 1rem 0;
    }
    .mobile-job-type .select-wrapper {
        margin-bottom: -1px !important;
    }
    .mobile-job-type .select-wrapper span {
        padding: 1.5rem 2rem !important;
    }
    .mobile-job-type .select-wrapper,
    .mobile-job-type .selectize-input {
        border: 0;
        border-radius: .2rem .2rem 0 0;
    }
    .mobile-job-type .selectize-control {
        margin-bottom: 0 !important;
        height: 4.6rem !important; 
    }
    .mobile-job-type .selectize-control input {
        position: absolute !important;
        left: -1000px !important;
        opacity: 0 !important;
    }
    .mobile-job-type .select-wrapper span,
    .mobile-job-type .selectize-input {
        border: 0;
        border-radius: .2rem .2rem 0 0; 
    }
    .l3-only, .l4-only, .l12-hide {
        display: none !important;
    }
    body, #sub-body {
        overflow-x: hidden !important; 
    }
    html:not(.html-ok) [data-tab-content] {
        display: none;
    }
    body, .regular-width {
        min-width: 0;
        width: 100%;
        max-width: 100vw;
        min-width: 32rem; 
    }
    html.nav-expanded body {
        overflow: hidden; 
    }
    html.search-expanded body {
        overflow: hidden;
        position: fixed;
    }
    .regular-width,
    .wide-width {
        padding: 0 3rem !important; 
    }
    #footer .infoempleo > .regular-width > div {
        margin-bottom: 2.5rem; 
    }
    #footer .infoempleo > .regular-width > div > :first-child, #footer .infoempleo > .regular-width > div > .title {
        margin-bottom: 1.5rem;
    }
    [data-rid='footer-apps'] {
        white-space: nowrap; 
    }
    .breadcrumbs {
        visibility: hidden;
        height: 0;
    }
    .h1 {
        font-size: 3.1rem;
        line-height: 1.1;
    }
    footer.seo {
        border-top: 1px solid #e3e3e3;
        margin-top: 3rem;
        padding-top: 3rem;
    }
    footer.seo .h1 {
        display: none; 
    }
    #footer {
        margin-top: 4rem;
    }
    #footer .dtable {
        display: block !important;
    }
    #footer .dcell {
        white-space: normal !important;
    }
    .with-aside > :first-child {
        width: 100%;
    }
    .with-aside > :last-child {
        display: none; 
    }
    .with-aside > .with-left-aside > :last-child {
        width: 100% !important; 
    }
    .badge {
        color: #ffffff;
        font-size: 1rem;
    }
    .badge.badge-green {
        background: #6ba539;
    }
    .badge.badge-yellow {
        background: #ffba16; 
    }
    .badge.badge-red {
        background: #da291c;
    }
    ul.courses {
        margin: 0 -3rem;
        padding: 0 3rem;
        overflow-x: scroll;
        overflow-y: hidden;
        width: calc(100% + 6rem);
        -webkit-overflow-scrolling: touch;
    }
    ul.courses li {
        margin-right: 0.5rem !important; 
    }
    ul.courses li a {
        height: 36.5rem !important;
    }
    ul.courses li img ~ p {
        padding-right: 2.5rem;
    }
    ul.courses li .title {
        max-height: 8.5rem !important;
        padding-bottom: .1rem;
        margin: 2rem 0 1rem !important; 
    }
    ul.courses li .btn {
        margin-right: 2.5rem;
        width: calc(100% - 2.5rem) !important;
    }
    hr.l12 {
        border-top-color: #e3e3e3;
        margin-left: -3rem;
        margin-right: -3rem;
        width: calc(100% + 6rem); 
    }
    .dashboard-layout .with-aside .section-applications .custom-select-style {
        margin-top: 2rem;
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
    }
    .titular {
        text-align: center;
    }
    [data-rid^="titulares"] {
        margin-bottom: 2rem;
    }
    [data-rid^="titulares"] p.big {
        font-size: 1.6rem;
        font-weight: 600;
    }
    [data-rid^="titulares"] span {
        color: #6ba539;
        font-size: 2rem;
    }
    .notify {
        margin-top: -3rem;
        margin-left: -3rem;
        margin-right: -3rem;
        width: calc(100% + 6rem);
        border-radius: 0;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 1.6rem !important;
    }
    #megabanner > div, #banner_tablet > div {
        min-width: 100%;
        width: 100%;
    }
    .notify-warning {
        margin-bottom: 2rem;
    }
    .dtable.aside {
        display: table !important;
        width: 100%;
    }
    /* SMARTBANNER ************************************************************/
    #smartbanner.android {
        position: fixed !important;
        z-index: 1005 !important;
        background-color: #ffffff;
    }
    #smartbanner.android ~ #sub-body {
        position: relative;
        top: 7.8rem;
    }
    #smartbanner ~ #sub-body #nav,
    html.nav-expanded #smartbanner.android ~ #sub-body, 
    #smartbanner ~ #sub-body #mobile-nav,
    #smartbanner.android ~ #sub-body #header ~ .regular-width.process {
        top: 7.8rem;
    }
    .filters-expanded #smartbanner.android ~ #sub-body div.row-lr.orderby > *:first-child {
        top: 12rem;
    }
    html.filters-expanded #smartbanner.android ~ #sub-body div.filter {
        top: 17.8rem !important;
    }
    #smartbanner ~ #sub-body #mobile-search {
        top: 14.3rem;
    }
    #smartbanner.android ~ #sub-body #mobile-nav-toggle {
        top: 9.7rem;
    }
    #smartbanner.android ~ #sub-body #mobile-nav-search {
        top: 9.7rem;
    }
    #smartbanner.android[style*="display: none;"] ~ #sub-body #mobile-nav-toggle, 
    #smartbanner.android[style*="display: none;"] ~ #sub-body #mobile-nav-search {
        top: 2.1rem;
    }
    #smartbanner.android[style*="display: none;"] ~ #sub-body,
    #smartbanner.android[style*="display: none;"] ~ #sub-body #nav,
    #smartbanner.android[style*="display: none;"] ~ #sub-body #mobile-nav,
    #smartbanner.android[style*="display: none;"] ~ #sub-body #header ~ .regular-width.process {
        top: 0;
    }
    #smartbanner.android[style*="display: none;"] ~ #sub-body #mobile-search {
        top: 6.5rem
    }
    .filters-expanded #smartbanner.android[style*="display: none;"] ~ #sub-body div.row-lr.orderby > *:first-child {
        top: 4.4rem;
    }
    html.filters-expanded #smartbanner.android[style*="display: none;"] ~ #sub-body div.filter {
        top: 10.2rem !important;
    }
    /* END SMARTBANNER ********************************************************/
    .secondary-menu {
        top: 0 !important;
    }
    #header {
        /*background: none;*/
        margin-bottom: 0;
    }
    #header #nav {
        position: fixed;
        z-index: 1002;
        top: 0;
        left: 0;
        background: #2f2f2f;
        height: 6.5rem;
    }
    #header #nav ul.main {
        display: none;
    }
    #header #nav div.left {
        text-align: center;
    }
    #header #nav div.right {
        display: none; 
    }
    #header #nav a.logo {
        margin-right: 0;
    }
    #mobile-nav-toggle {
        position: fixed;
        z-index: 1005;
        top: 2.1rem;
        left: 3rem;
        width: 2.2rem;
        height: 2.2rem;
        /*
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        */
        cursor: pointer;
    }
    html.nav-expanded #mobile-nav-toggle {
        left: 20rem;
    }
    #mobile-nav-toggle span {
        position: absolute;
        top: 50%;
        margin-top: -1px;
        width: 2.2rem;
        height: 2px;
        background: #fff;
        opacity: 1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    html.nav-expanded #mobile-nav-toggle span {
        -webkit-transform: scale(0.01, 0.01);
        -moz-transform: scale(0.01, 0.01);
        -ms-transform: scale(0.01, 0.01);
        -o-transform: scale(0.01, 0.01);
        transform: scale(0.01, 0.01);
        opacity: 0;
    }
    #mobile-nav-toggle:before, #mobile-nav-toggle:after {
        content: "";
        width: 2.2rem;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: rotate(0) translate3d(0, 0, 0);
        -moz-transform: rotate(0) translate3d(0, 0, 0);
        -ms-transform: rotate(0) translate3d(0, 0, 0);
        -o-transform: rotate(0) translate3d(0, 0, 0);
        transform: rotate(0) translate3d(0, 0, 0);
    }
    #mobile-nav-toggle:before {
        top: .1rem;
        -webkit-transform-origin: 100% 100% 0;
        -moz-transform-origin: 100% 100% 0;
        -ms-transform-origin: 100% 100% 0;
        -o-transform-origin: 100% 100% 0;
        transform-origin: 100% 100% 0;
    }
    html.nav-expanded #mobile-nav-toggle:before {
        -webkit-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
        -moz-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
        -ms-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
        -o-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
        transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
    }
    #mobile-nav-toggle:after {
        bottom: .1rem;
        -webkit-transform-origin: 100% 0% 0;
        -moz-transform-origin: 100% 0% 0;
        -ms-transform-origin: 100% 0% 0;
        -o-transform-origin: 100% 0% 0;
        transform-origin: 100% 0% 0;
    }
    html.nav-expanded #mobile-nav-toggle:after {
        -webkit-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
        -moz-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
        -ms-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
        -o-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
        transform: rotate(45deg) translate3d(0, -0.1rem, 0); 
    }
    #mobile-nav {
        -webkit-transition: transform 0.3s, -webkit-transform 0.3s;
        -moz-transition: transform 0.3s, -webkit-transform 0.3s;
        -ms-transition: transform 0.3s, -webkit-transform 0.3s;
        -o-transition: transform 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        background: #252525;
        position: fixed;
        z-index: 1004;
        top: 0;
        left: -24.5rem;
        width: 24.5rem;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    html.nav-expanded #mobile-nav {
        -webkit-transform: translate(24.5rem, 0);
        -moz-transform: translate(24.5rem, 0);
        -ms-transform: translate(24.5rem, 0);
        -o-transform: translate(24.5rem, 0);
        transform: translate(24.5rem, 0);
   }
    html.nav-expanded #mobile-nav {
        box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
    }
    html.nav-expanded #mobile-nav .big span img {
        float: right;
        margin: -.4rem 0 0;
        width: 12rem;
    }
    #mobile-nav .toggle {
        display: block;
        width: 2rem;
        height: 2rem;
        background: #ff0;
        position: absolute;
        right: -4rem;
        top: 0; 
    }
    #mobile-nav > ul {
        margin-bottom: 6rem;
    }
    #mobile-nav > ul > li {
        position: relative; 
    }
    #mobile-nav > ul > li:last-child {
        padding-top: 2rem;
    }
    #mobile-nav > ul > li:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 2rem;
        right: 2rem;
        height: 1px;
        background: #515151;
    }
    #mobile-nav > ul > li.big {
        background: #3b3b3b;
        padding: 1.5rem 2rem;
        font-size: 2rem;
        font-family: "Roboto", sans-serif;
    }
    #mobile-nav > ul > li.big img {
        max-width: 16rem;
    }
    #mobile-nav > ul > li.big:before, #mobile-nav > ul > li.big + li:before {
        display: none;
    }
    #mobile-nav > ul > li a,
    #mobile-nav > ul > li .link {
        color: #9a9a9a;
        display: block;
        padding: 1.4rem 2rem;
        font-size: 1.6rem;
        position: relative;
    }
    #mobile-nav > ul > li .btn {
        color: #fff;
        margin: 0 2rem; 
    }
    #mobile-nav.active + #mobile-nav-overlay {
        display: block;
    }
    #mobile-nav-search {
        position: fixed;
        z-index: 1002;
        font-size: 2.2rem;
        top: 2.1rem;
        right: 3rem;
        cursor: pointer;
    }
    #mobile-nav-overlay {
        content: "";
        display: none;
        position: fixed;
        z-index: 1003;
        top: 0;
        left: 0;
        width: 120vw;
        height: 120vh;
        background: #000;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    html.nav-expanded #mobile-nav-overlay {
        opacity: .8;
    }
}
@media screen and (min-width: 768px) and (max-width: 1259px) {
    footer.seo .cols-6 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        -ms-column-count: 5;
        -o-column-count: 5;
        column-count: 5; 
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* COLUMNAS ***************************************************************/
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    /* END COLUMNAS ***********************************************************/
    .dtable.aside {
        display: block !important;
    }
    .hide_text {
        display: none;
    }
    #header #mobile-search .row {
        font-size: 0;
        border-top: 1px solid #cccccc;
        background: #fff;
        border-radius: 0 0 .2rem .2rem;
    }
    #header #mobile-search .row .input-wrapper {
        width: 100%;
        left: 0;
    }
    #header #mobile-search .row .input-wrapper:before {
        display: none;
    }
    #header #mobile-search .row .input-wrapper .icon-map-marker {
        display: none;
    }
    #header #mobile-search .row .twitter-typeahead {
        width: 100%;
    }
    #header #mobile-search .row .twitter-typeahead input {
        width: calc(100% - 1px) !important;
    }
    #header #mobile-search .row input[type="text"] {
        border: 0;
    }
    #header #mobile-search .row input[type="text"][data-name="region"] {
        width: 100% !important;
        border-top: 1px solid transparent !important;
        padding-left: 2rem !important;
    }
    #header #mobile-search .row input[type="text"]:not(.tt-hint) {
        display: block;
        font-size: 1.6rem;
    }
    #header #mobile-search .row input[type="text"]:not(.tt-hint)[data-name="job-position"] {
        border-radius: 0 !important;
    }
    #header #mobile-search .row input[type="text"]:not(.tt-hint)[data-name="region"] {
        border-top: 1px solid #cccccc !important;
        border-radius: 0 0 0.2rem 0.2rem !important;
    }
    #header #mobile-search .row .btn {
        display: block;
        width: 100% !important;
        margin-top: 1rem;
        float: right;
    }
    .l2-hide {
        display: none !important; 
    }
    .relatedUls {
        width: 33%;
    }
    #footer nav.infoempleo > div {
        display: table;
        width: 100%;
    }
    #footer .infoempleo > .regular-width > div {
        width: 33%;
        margin-top: 0 !important;
    }
    #footer nav.infoempleo > div > *:last-child {
        padding-right: 0 !important;
    } 
    #footer .footer_apps_ ul li {
        display: block;
        margin-top: 2rem;
    }
    .header-rest div.h2 {
        margin-top: -6rem !important;
        text-align: left !important;
    }
}
@media screen and (min-width: 768px) {
    .small-inputs .btn {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .small-inputs .row {
        margin-bottom: 1.5rem;
    }
    .small-inputs .row .field + .field:not(.inline) {
        margin-top: .3rem;
    }
    .small-inputs .row.error + .error-message {
        margin-bottom: 1.5rem;
    }
    .small-inputs .field {
        font-size: 1.4rem;
    }
    .small-inputs .field .error-message, .small-inputs .field + .error-message {
        display: block;
        margin-top: .3rem;
        font-size: 1.1rem;
    }
    .small-inputs small {
        font-size: 1.1rem;
        margin: .3rem 0 .5rem;
    }
    .small-inputs label {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }
    .small-inputs input[type="text"], .small-inputs input[type="number"], .small-inputs input[type="email"], .small-inputs input[type="tel"], .small-inputs input[type="password"], .small-inputs textarea {
        padding: .4rem 1rem .5rem;
        font-size: 1.4rem; 
    }
    .small-inputs input[disabled="disabled"] {
        color: #2f2f2f;
        background-color: #eeeeee;
    }
    .small-inputs .select-wrapper:before {
        height: 2rem;
        width: 2rem;
    }
    .small-inputs .select-wrapper:after {
        top: 50%;
        right: 1rem;
        margin-top: -.25rem;
        border-width: .5rem;
    }
    .small-inputs .select-wrapper span {
        font-size: 1.4rem;
        padding: .5rem 3rem .5rem 1rem;
    }
    .small-inputs .selectize-control {
        margin-bottom: -0.4rem !important;
    }
    html.safari .small-inputs .selectize-control {
        margin-bottom: 0.3rem !important;
    }
    .small-inputs .selectize-control .selectize-input {
        padding: 0.5rem 3rem 0.5rem 1rem !important;
        font-size: 1.4rem !important;
        height: auto !important;
    }
    .small-inputs .selectize-control .selectize-dropdown {
        font-size: 1.4rem;
    }
    .small-inputs .selectize-control.single .selectize-input:after {
        border-width: 5px 5px 0 5px;
    }
    .small-inputs .selectize-control.single .selectize-input.dropdown-active:after {
        border-width: 0 5px 5px 5px;
    }
    .small-inputs select[multiple] {
        font-size: 1.4rem;
        padding: .4rem 0;
    }
    .small-inputs select[multiple] > option {
        padding: .2rem 1rem;
    }
    .accordion-handler, .l1-only {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .mobile-block {
        display: block !important;
    }
    .btn {
        padding: 1.3rem 1rem;
    }
    .btn.aetc {
        width: 20rem;
    }
    .small-inputs input[disabled="disabled"] {
        color: #2f2f2f;
        background-color: #eeeeee;
    }
    .l2-only, .l23-only {
        display: none; 
    }
    .tabs.mobile-accordion {
        display: none !important;
    }
    [data-tab-content]:before, [data-tab-content]:after {
        content: " ";
        display: table; }
    [data-tab-content]:after {
        clear: both; 
    }
    .accordion-handler {
        margin: 0 -3rem;
        padding: 1.8rem 3rem;
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        font-family: "Roboto", sans-serif;
        font-size: 2.2rem;
        position: relative; 
    }
    .accordion-handler:after {
        content: "\e93f";
        font-family: "icomoon", sans-serif;
        font-size: 1.4rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: absolute;
        right: 3rem;
        top: 50%;
        margin-top: -.7rem;
    }
    .accordion-handler + * {
        display: none; 
    }
    .accordion-handler.active {
        border-bottom: 0;
    }
    .accordion-handler.active:after {
        right: 3rem;
        content: "\e93e";
        font-family: "icomoon", sans-serif;
        font-size: 1.4rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
    }
    .accordion-handler.active + * {
        display: block !important; 
    }
    .accordion-handler:not(.active) + * + .accordion-handler {
        border-top: 0;
    }
    .accordion-handler + * {
        margin: 2rem 0 3rem; 
    }
    .pagination {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .pagination li {
        border-radius: 0;
        margin-right: -1px; 
    }
    .pagination li a {
        margin: 0; 
    }
    .pagination li.prev {
        margin-right: 1rem;
    }
    .pagination li.next {
        margin-left: 1rem;
    }
    #header .row {
        font-size: 0;
        border-top: 1px solid #cccccc;
        background: #fff;
        border-radius: 0 0 .2rem .2rem;
    }
    #header .row .input-wrapper {
        width: 100%;
        left: 0;
    }
    #header .row .input-wrapper:before {
        display: none;
    }
    #header .row .input-wrapper .icon-map-marker {
        display: none;
    }
    #header .row .twitter-typeahead {
        width: 100%;
    }
    #header .row .twitter-typeahead input {
        width: calc(100% - 1px) !important;
    }
    #header .row input[type="text"] {
        border: 0;
    }
    #header .row input[type="text"][data-name="region"] {
        border-top: 1px solid transparent !important;
        padding-left: 2rem !important;
    }
    #header .row input[type="text"]:not(.tt-hint) {
        display: block;
        font-size: 1.6rem;
    }
    #header .row input[type="text"]:not(.tt-hint)[data-name="job-position"] {
        border-radius: 0 !important;
    }
    #header .row input[type="text"]:not(.tt-hint)[data-name="region"] {
        border-top: 1px solid #cccccc !important;
        border-radius: 0 0 0.2rem 0.2rem !important; 
    }
    #header .row .btn {
        display: block;
        width: 100% !important;
        margin-top: 1rem;
        float: right; 
    }
    .l1-hide {
        display: none !important; 
    }
    .notify .title {
        font-size: 1.4rem !important;
    }
    .notify + .notify {
        margin-top: -3rem;
    }
    .notify .close {
        display: none; 
    }
    .dashboard-layout .with-aside .section-applications .custom-select-style {
        margin-bottom: 2rem;
    }
    #search-home .custom-select-style.extra {
        width: 100%;
    }
    .custom-select-style select {
        padding: 1.1rem;
    }
    #megabanner > div:before {
        content: "";
    }
    form ul li.row.field.pull-left {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }
    .header-rest div.h2 img {
        height: 3.2rem;
        top: 0.9rem;
        width: 3.2rem;
    }
    #megabanner > div, #banner_tablet > div {
        min-width: 100%;
    }
    #BotonInscribir1 ~ #toTop {
        bottom: 10rem;
    }
    .half-width {
        max-width: 100%;
        width: 100%;
        margin: 0; 
    }
    .half-width[data-tab-content="alertas"] {
        padding-right: 0 !important;
    }
    select[multiple] {
        height: auto;
    }
    .dtable.aside {
        display: block !important;
        width: 100%;
    }
    .dtable.aside > *:first-child {
        width: 100% !important;
    }
    .centered.half-width > form#frmBaja {
        margin-left: -2rem;
    }
    .curso {
        margin-left: 0 !important;
    }
    .curso li {
        height: auto;
        width: 100%;
        margin-bottom: 2rem;
    }
    .curso li:nth-child(2) {
        margin-right: 0;
    }
    .curso li .title {
        min-height: 5rem;
        max-height: 5rem;
        padding-top: 2rem;
    }
    .curso li .logo {
        display: none;
    }
    .curso li .buttons {
        display: none !important;
    }
    #lightbox-create-alert .row {
        width: 100%;
    }
    #lightbox-create-alert .row .field label.checkbox {
        display: block;
    }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
    footer.seo .cols-6 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        -ms-column-count: 4;
        -o-column-count: 4;
        column-count: 4;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .relatedUls {
        width: 49%;
    }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
    footer.seo .cols-6 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -ms-column-count: 3;
        -o-column-count: 3;
        column-count: 3;
    }
}
@media screen and (max-width: 479px) {
    .twitter-typeahead {
        left: 0; 
    }
    #lightbox header {
        text-align: left;
        /*padding: 2rem 4rem 2rem 0;*/
    }
    footer.seo .cols-6 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }
    #splash {
        z-index: 1004 !important;
        /*position: fixed;*/
        height: 0.1rem;
        width: 0.1rem;
    }
    .relatedUls {
        width: 100%;
    }
    #footer .infoempleo > .regular-width > div {
        width: 100%;
    }
    #footer .footer_apps_ ul li {
        display: inline-block;
    }
}
@media screen and (max-width: 360px) {
    .social-links ul {
        margin-left: -.5rem;
        margin-right: -.5rem;
    }
    .social-links ul li {
        margin-right: .5rem;
    }
    #robapaginas_pagination_mobile {
        margin-left: -2rem;
    }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
    .social-links .title {
        padding: 0;
    }
}
@media screen and (max-width: 320px) {
    #lightbox-login section .buttons span.link {
        margin-top: -3.2rem;
        float: right;
    }
    #lightbox section {
        /*max-height: 18rem !important;*/
    }
    .positions .robapaginas {
        margin: 3rem 0 3rem -2rem;
    }
    #footer .footer_apps_ ul li {
        margin-top: 2rem;
        display: block;
    }
}