@font-face {
font-family: 'Volte';
font-style: normal;
font-weight: normal;
src: local('Volte'), url('../typography/Volte.woff') format('woff');
}
@font-face {
font-family: 'Volte Medium';
font-style: normal;
font-weight: normal;
src: local('Volte Medium'), url('../typography/Volte-Medium.woff') format('woff');
}
@font-face {
font-family: 'Volte Semibold';
font-style: normal;
font-weight: normal;
src: local('Volte Semibold'), url('../typography/Volte-Semibold.woff') format('woff');
}
@font-face {
font-family: 'Volte Bold';
font-style: normal;
font-weight: normal;
src: local('Volte Bold'), url('../typography/Volte-Bold.woff') format('woff');
}
body {
	font-family: 'Volte', sans-serif;
	color: #000;
	background-color: #fff;
}
#pagewrap {width: 100%;padding: 15px;}
.content_center{text-align: center !important;}
.content_right{text-align: right !important;}
.content_left{text-align: left !important;}
a {color:#333;text-decoration: underline;}
a:hover{color:#000;text-decoration: underline;}
.logoimg{text-align: left;padding: 10px 15px 10px 15px;}
.logoimg img{width: 170px;}
.center_underwidth{}
.hide_underwidth{}
.wrapperMain {width: 100%;max-width: 1200px;margin:0 auto;padding-top: 0;}
.wrapperIntro {width: 100%;max-width: 1200px;margin:0 auto;padding-top: 0;}
.bgnd_img {}
.box_intro {background-color: #fff; min-height: 500px;}
.box_search {background-color: #fff; border-radius: 8px;padding: 10px 30px 30px 30px;min-height: 500px;}
.box_search_inner {}
.box_search_inner h3 {font-size: 20px;}
.box_poster {height: 400px; background-image: url(../images/bgnd_desigual_career.jpg); background-repeat: no-repeat;background-size: cover;background-position: center;}
.box_btn_search{text-align: left;padding-top:30px !important;}
.box_btn_about{text-align: center;padding: 80px 0;}

.spacer {width:100%;height:15px;}
.separator {width:100%;border-bottom: #dede 1px solid;margin:0;}
.intro_text{font-size: 17px;line-height: 26px;padding: 40px;}
.intro_text h2 {font-family: 'Volte Semibold';font-size: 30px;padding-bottom: 20px;}

.list_faq {list-style:none;padding-left:10px;font-size: 13px;font-weight: bold;}
.list_faq li {height:25px;margin-bottom:15px;padding-left:30px;padding-top: 5px;background-size:24px;background-repeat:no-repeat;cursor: pointer;}
.list_faq li a {text-decoration: none;}
.container_faq {border:#222 1px solid;border-radius: 3px;margin-bottom: 15px}
.container_faq_inner {padding: 25px}
.container_faq_inner h3 {margin-top: 0; cursor: pointer;}
.container_faq_inner h3 a {text-decoration: none;}

.user_ftype{font-size: 16px;}

.title_category{font-family: 'Volte Semibold';font-size: 40px;line-height: 40px;background-color: #000;color:#fff;text-align: center;padding: 6px 8px;display: inline-block;width:auto;margin-top: 40px;}
.box_sort_search {text-align: right;}
.search_result {}
.search_result:hover {background-color: #f0f0f0;cursor:pointer;}
.search_result h4 {margin:2px 0;}
.job_title {font-weight: bold; text-decoration: none;}
.job_action {padding: 6px 0 3px 0;}
.job_action a {color: #337ab7; text-decoration: none;font-weight: bold;}
.job_action a:hover {color: #000; text-decoration: none;font-weight: bold;}
.job_description {padding: 30px 0 20px 0;}
.job_description_attachment {padding: 0 0 20px 0;}
.job_list_icon {color: #777;}
.box_file {padding:20px;background-color:#f0f0f0;border:none; border-radius: 8px;}
.box_file span {font-size:12px;}
.box_file a {font-size: 13px;text-decoration: none;}
.box_file a:hover {text-decoration: underline;}
.home_menu_box_container{}
.home_menu_box{height: 150px;border:none;border-radius:10px;padding: 30px;text-align: center;background-color: #111;cursor: pointer;font-size: 16px;font-weight: bold;text-transform: uppercase;margin:10px 0;}
.home_menu_box:hover{background-color: #222;}
.home_menu_icon{font-size:50px !important;padding-bottom: 20px; color: #fff;}
.home_menu_text{font-size:14px; color: #fff;}
.home_info_text{padding: 15px;color:#999;}
.bg_box_black {background-color: #000 !important;}
.bg_box_black:hover {background-color: #2a2a2a !important;}
.bg_box_dgray {background-color: #444 !important;}
.bg_box_dgray:hover {background-color: #2a2a2a !important;}
.bg_box_green {background-color: #4c742f !important;}
.bg_box_green:hover {background-color: #2a2a2a !important;}
.bg_box_blue {background-color: #2f5474 !important;}
.bg_box_blue:hover {background-color: #2a2a2a !important;}
.bg_box_purple {background-color: #692f74 !important;}
.bg_box_purple:hover {background-color: #2a2a2a !important;}
.bg_box_red {background-color: #742f2f !important;}
.bg_box_red:hover {background-color: #2a2a2a !important;}
.bg_box_orange {background-color: #745b2f !important;}
.bg_box_orange:hover {background-color: #2a2a2a !important;}
.list_headline{font-family: 'Volte', sans-serif;font-size: 14px;margin-left: -25px;}
.list_headline li{margin-bottom: 20px;padding-left: 10px;}
.padding_top_20 {padding-top:20px;}
.padding_top_30 {padding-top:30px;}
.poster {width: 100%;max-width: 1200px;padding: 0;border-radius:0;}
.inputText {
    font-family: 'Volte', sans-serif;
	background: #f9f9f9;
	border: 1px solid #999;
	color: #222;
	height: 33px;
	min-width: 170px;
    max-width: 290px;
	padding:0 5px 0 5px;
	width: 95%;
    border-radius: 5px;
}
.inputSelect {
    font-family: 'Volte Medium', sans-serif;
	background: #f9f9f9;
	border: 1px solid #ccc;
	color: #666;	
	height: auto;
	padding:3px;
    border-radius: 5px;
}
.disp_inline {display: inline-block;}
.inputSelect2 {
    font-family: 'Volte', sans-serif;
	font-size: 18px;
	background: #f9f9f9;
	border: 2px solid #000;
	color: #333;
	width: 100%;
	max-width: 360px;
	height: auto;
	padding:5px;
    border-radius: 0;
}
.inputSelect2small {
    font-family: 'Volte', sans-serif;
	font-size: 14px;
	background: #f9f9f9;
	border: 2px solid #000;
	color: #333;
	width: 100%;
	max-width: 240px;
	height: auto;
	padding:5px;
    border-radius: 0;
}
.inputCheck {
    font-family: 'Volte', sans-serif;
	background: #f9f9f9;
	border: 1px solid #999;
	color: #222;
	width: 24px;
	height: 24px;
	padding:0 5px 0 5px;	
    border-radius: 5px;
}
.containerChk {
  display: block;
  position: relative;
  padding-left: 35px;

  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-shadow: 0 0 5px #fff;
}
.containerChk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.containerChk:hover input ~ .checkmark {
  background-color: #f6eaef;
}

/* When the checkbox is checked, add a blue background */
.containerChk input:checked ~ .checkmark {
  background-color: #d997b2;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerChk input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerChk .checkmark:after {
  left: 8px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.colForm {padding: 40px 0 40px 40px;max-width: 500px;}
label {font-family: 'Volte Medium', sans-serif;font-size: 13px;}
.button_container {padding: 15px;display: inline-block;color:#000;}
.button_container a {color: #337ab7; text-decoration: none;}
.button_container a:hover {color: #fff; text-decoration: none;}
.lang_container {padding:20px 10px;display: inline-block;color: #fff;}
.lang_container a {color: #337ab7; text-decoration: none;}
.lang_container a:hover {color: #fff; text-decoration: none;}
.btnSignin {
    font-family: 'Volte Medium', sans-serif;
    font-size: 14px;
	line-height: 14px;
    font-weight: 100;
	text-align: center;
	text-decoration: none;
    text-transform: uppercase;
	background-color: #f0f0f0;
	color: #000;
	padding: 8px 20px 6px 20px;
	width: auto;
    height: auto;
	border: none;
    border-radius: 4px;
    cursor: pointer;
}
.btnSignin:hover {
	border: none;
	text-decoration: none;
	background-color: #000;
	color: #fff;
}
.btn_search {
    font-family: 'Volte', sans-serif;
    font-size: 16px;
	line-height: 16px;
    font-weight: 100;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	color: #fff;
	padding: 10px 35px 10px 35px;
	width: auto;
    height: auto;
	border: #000 2px solid;
    border-radius: 4px;
    cursor: pointer;
}
.btn_search:hover {
	border: #000 2px solid;
	text-decoration: underline;
	background-color: #fff;
	color: #000;
}
.btn_bk {
    font-family: 'Volte', sans-serif;
    font-size: 16px;
	line-height: 16px;
    font-weight: 100;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	color: #fff;
	padding: 10px 25px 10px 25px;
	width: auto;
    height: auto;
	border: #000 2px solid;
    border-radius: 4px;
    cursor: pointer;
}
.btn_bk:hover {
	border: #000 2px solid;
	text-decoration: underline;
	background-color: #fff;
	color: #000;
}
.link_signin {
    font-family: 'Volte Medium', sans-serif;
    font-size: 18px;
	line-height: 18px;
    font-weight: 300;
	text-align: center;
	text-decoration: none;
	color: #000 !important;
}
.link_signin:hover {
	border: none;
	color: #000 !important;
	text-decoration: underline !important;
}
.link_list{
	font-family: 'Volte', sans-serif;
    font-size: 14px;
	line-height: 14px;
    font-weight: 300;
	text-align: center;
	text-decoration: none;
	color: #000 !important;
}
.link_list:hover {
	border: none;
	color: #000 !important;
	text-decoration: underline !important;
}
.formLegal {font-size: 11px;text-shadow: 0 0 5px #fff;}
.footer {font-size: 11px;text-align: right;padding: 15px 0 !important;color: #999;}
.width_50 {width:50%;}
.img_float_left{width: 50%;text-align: right;}
.img_float_right{width: 50%;text-align: left;}
.make_bold{font-family: 'Volte Semibold', sans-serif !important;}
.no_text_decoration {text-decoration: none;}
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#000;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:0;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#333;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.form_field_padding{padding: 10px;padding-bottom: 10px;}
.form_field_inner_padding{padding:10px 30px;}
input[type="file"]{display:block;width: 100%;}
.custom-file-upload{border:1px solid #999;color:#999;display:block !important;padding:5px 12px;cursor:pointer;margin-top: 3px;}
.custom-file-upload:hover{border:1px solid #ccc;color:#ccc;display:block;}

@media screen and (max-width: 770px) {
	.intro_text{padding: 40px 20px;}
	.box_btn_search{text-align: center;}
	.box_search_inner{text-align: center;}
}

@media screen and (max-width: 720px) {
    .wrapperMain {padding: 20px;}
	.wrapperIntro {width: 100%;}
	.logoimg{padding-top: 10px;padding-bottom: 10px;}
	.intro_title{font-size: 28px; line-height: 32px;}
    .fullwidth .col {
        float: none;
        margin: 0;
        padding: 0;
    }	
	.center_underwidth{text-align: center;}
    .colForm {padding: 30px;}
	.col_1_4{width: 100% !important; text-align: left;}
	.col_3_4{width: 100% !important; text-align: left;}
	.col_1_3{width: 100% !important; text-align: left;}
	.col_2_3{width: 100% !important; text-align: left;}
	.list_headline{text-align: left;}
	.hide_underwidth{display: none;}
	
	.nav_side_box_contact{opacity: 0.5;}
	.nav_side_box_contact:hover{opacity: 1;}
	#scroll {opacity: 0.5;}
	#scroll:hover {opacity: 1;}
	.inputText {
		width: 100%;
		max-width: 100%;
	}
}

.searchContainer{position: relative;left: 0 !important;z-index: 99999;height: auto ;width: 100%;max-width: 500px;margin: 0 auto;}
.searchContainerInner{position: absolute;left: 0;width: 100%;}
.searchContainerInner input[type="text"]{border:none;border-bottom: #222 2px solid;width: 100%;height: 40px;background-color: #e5e3e1;font-family: 'Volte';font-weight: bold;font-style: italic;font-size: 16px;padding: 5px;background-image: url(../images/icon_search.png); background-repeat: no-repeat; background-position: right;}
.searchContainerInner input[type="text"]:focus{border:none;border-bottom: #222 2px solid;}
.searchField{}
.searchIcon{display: inline-block;padding:0 10px;}
.searchResults{padding:10px;font-size: 13px;color:#222;text-align: left;cursor: pointer;width: 100%;}
.searchResults a{color:#222;}
.searchResults a:hover{color:#444;text-decoration: none;}
.searchDrop{top:38px !important;border-top: #222 2px solid;background-color: #fff !important;width: 100%;min-width: 100%; box-shadow: 0px 3px 3px rgba(68, 68, 68, 0.6);}

@media print {
  .noPrint{
    display:none;
  }
  .search_result h1 {font-size: 22px;}
  .job_description {padding: 20px 0;}
  .box_file a {text-decoration: none;font-size: 12px;}
	.box_file a:hover {text-decoration: underline;}
}
.table_users{width: 100%;}
.table_users th{background-color: #dedede;font-size: 13px;padding: 10px 8px;}
.table_users td{font-size: 13px;padding: 8px;}
.table_pagination{margin:20px 0 0 0;text-align:center;padding:10px 0 0 0;}
.table_row_separator{border-top:1px solid #ccc;margin-top:0;padding-top:0}
#tnt_pagination{display:block;text-align:center;height:25px;line-height:21px;clear:both;padding-top:3px;font-size:14px;font-weight:400}
#tnt_pagination a:link,#tnt_pagination a:visited{padding:6px;border:none;margin:0;text-decoration:none;color:#337ab7;width:22px;font-weight:700}
#tnt_pagination a:hover{color:#777}
#tnt_pagination .active_tnt_link{padding:6px;border:none;margin:0;text-decoration:none;color:#777;cursor:default;font-weight:700}
#tnt_pagination .disabled_tnt_pagination{padding:6px;border:none;margin:0;text-decoration:none;color:#999;cursor:default;font-weight:700}
.no_padding{margin: 0 !important;padding: 0 !important;}
.no_padding_left{margin-left: 0 !important;padding-left: 0 !important;}
.no_padding_right{margin-right: 0 !important;padding-right: 0 !important;}

.clist ol {
    counter-reset: list;
}
.clist ol > li {
    list-style: none;
    position: relative;
}
.clist ol > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
}