/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
  -webkit-font-smoothing: antialiased;
}
body {
  font-size: 16px;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dotted #003840;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
ul {
  list-style-type: square;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,
body {
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: 'OpenSansCondensedLight', sans-serif;
  color: #206371;
  width: 900px;
  margin: 0 auto;
}
/*
.wrapper {
    width: 900px;
    margin: 0 auto;
}

.mineral {
    position: relative;
    a { position: absolute; bottom: 7px; right: 14px; }
}
*/
.controls_common {
  padding: 2px 4px;
  font-family: 'OpenSansRegular';
  font-size: 13px;
}
.controls_colors {
  background-color: #f2f2f2;
  border: 1px solid #4d4d4d;
  color: #333333;
}
.opensans {
  font-family: 'OpenSansRegular';
}
strong.opensans {
  font-family: 'OpenSansBold';
  font-weight: normal;
}
input,
textarea {
  padding: 2px 4px;
  font-family: 'OpenSansRegular';
  font-size: 13px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-family: 'OpenSansRegular';
}
input.error,
form:not([novalidate]) :invalid {
  border-color: red;
}
legend,
label {
  font-family: 'OpenSansCondensedBold';
  line-height: 24px;
  font-size: 15px;
}
legend {
  color: #319fb9;
  padding: 10px 0 2px 0;
  clear: both;
}
input[type=submit],
input[type=button] {
  font-family: 'OpenSansCondensedBold';
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
  border: 0;
  padding: 8px 10px 6px 10px;
  background: #006372;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjM3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgzYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #006372), color-stop(100%, #0083a0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* IE10+ */

  background: linear-gradient(to right, #006372 0%, #0083a0 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#006372', endColorstr='#0083a0', GradientType=1);
  /* IE6-8 */

  -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
}
input[type=submit]:hover,
input[type=button]:hover,
input[type=submit]:focus,
input[type=button]:focus {
  background: #0083a0;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0083a0), color-stop(100%, #00a2c7));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* IE10+ */

  background: linear-gradient(to right, #0083a0 0%, #00a2c7 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0083a0', endColorstr='#00a2c7', GradientType=1);
  /* IE6-8 */

  -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
}
input.error,
.invalid {
  border-color: #f70000;
}
.required_common {
  background-color: #33a3bd;
  color: #ffffff;
}
.active_common {
  border-color: #003840;
  box-shadow: 0 0 3px 0 #319fb9;
}
span.tooltip,
label.error {
  position: absolute;
  width: 250px;
  height: 15px;
  line-height: 15px;
  padding: 10px;
  font-size: 13px;
  text-align: center;
  color: #111111;
  background: #e6e6e6;
  border: 1px solid #a1a1a1;
  border-radius: 0px;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
  font-family: 'OpenSansRegular';
  font-size: 12px;
}
span.tooltip:after,
label.error:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #e6e6e6 transparent;
  top: -20px;
  left: 230px;
}
span.tooltip:before,
label.error:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 11px;
  border-style: solid;
  border-color: transparent transparent #a1a1a1 transparent;
  top: -22px;
  left: 229px;
}
.application form label.error {
  float: right;
  clear: right;
  margin-top: 9px;
  position: relative;
  width: 313px;
  height: 10px;
  line-height: 10px;
}
.application form label.error:after {
  left: 300px;
}
.application form label.error:before {
  left: 299px;
}
input,
textarea {
  background-color: #f2f2f2;
  border: 1px solid #4d4d4d;
  color: #333333;
}
input:required,
textarea:required,
input[required],
textarea[required],
input.required,
textarea.required {
  background-color: #33a3bd;
  color: #ffffff;
}
input.error,
textarea.error {
  border-color: #f70000;
}
input:focus,
textarea:focus,
input:active,
textarea:active {
  border-color: #003840;
  box-shadow: 0 0 3px 0 #319fb9;
}
input:focus.error,
textarea:focus.error,
input:active.error,
textarea:active.error {
  border-color: #f70000;
  box-shadow: 0 0 3px 0 #f70000;
}
select {
  padding: 2px 4px;
  font-family: 'OpenSansRegular';
  font-size: 13px;
  background-color: #f2f2f2;
  border: 1px solid #4d4d4d;
  color: #333333;
  padding: 1px 2px;
  background-color: transparent;
  border-color: transparent;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  appearance: none;
  border-radius: 0;
}
span.select {
  background-color: #f2f2f2;
  border: 1px solid #4d4d4d;
  color: #333333;
  display: block;
  overflow: hidden;
  background-image: url('../img/dropdown.png');
  background-repeat: no-repeat;
  background-position: 98% 50%;
}
span.select.required {
  background-color: #33a3bd;
  color: #ffffff;
}
span.select.required select {
  color: #ffffff;
}
span.select.required select option {
  background-color: #33a3bd;
  color: #ffffff;
}
form:not([novalidate]) input[type=text]:invalid,
form:not([novalidate]) input[type=password]:invalid,
form:not([novalidate]) input[type=email]:invalid,
form:not([novalidate]) input[type=tel]:invalid,
form:not([novalidate]) input[type=date]:invalid,
form:not([novalidate]) textarea:invalid {
  border-color: #f70000;
}
form:not([novalidate]) input[type=text]:focus:invalid,
form:not([novalidate]) input[type=password]:focus:invalid,
form:not([novalidate]) input[type=email]:focus:invalid,
form:not([novalidate]) input[type=tel]:focus:invalid,
form:not([novalidate]) input[type=date]:focus:invalid,
form:not([novalidate]) textarea:focus:invalid,
form:not([novalidate]) input[type=text]:active:invalid,
form:not([novalidate]) input[type=password]:active:invalid,
form:not([novalidate]) input[type=email]:active:invalid,
form:not([novalidate]) input[type=tel]:active:invalid,
form:not([novalidate]) input[type=date]:active:invalid,
form:not([novalidate]) textarea:active:invalid {
  border-color: #f70000;
  box-shadow: 0 0 3px 0 #f70000;
}
p.checkbox {
  float: left;
  width: 150px;
  margin: 3px 25px 3px 0 !important;
}
p.checkbox label {
  line-height: 14px;
}
p.checkbox input {
  margin-right: 20px;
  width: auto !important;
}
form p {
  *zoom: 1;
}
form p:before,
form p:after {
  content: " ";
  display: table;
}
form p:after {
  clear: both;
}
.loading {
  background: url(../img/colorbox/loading.gif) no-repeat center center;
  min-height: 300px;
  display: block !important;
}
a {
  color: #23829e;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'dincondensedcregular';
  font-weight: normal;
}
ol.lower-latin {
  list-style-type: lower-latin;
}
ul.square {
  list-style-type: square;
}
ul.no-padding,
ol.no-padding {
  padding: 0 0 0 25px;
}
.button_shadows {
  -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
}
.button_shadows_hover {
  -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
}
.button_common {
  font-family: 'OpenSansCondensedBold';
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
  border: 0;
  padding: 8px 10px 6px 10px;
}
.button_colors {
  background: #006372;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjM3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgzYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #006372), color-stop(100%, #0083a0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* IE10+ */

  background: linear-gradient(to right, #006372 0%, #0083a0 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#006372', endColorstr='#0083a0', GradientType=1);
  /* IE6-8 */

}
.button_colors_hover {
  background: #0083a0;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0083a0), color-stop(100%, #00a2c7));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* IE10+ */

  background: linear-gradient(to right, #0083a0 0%, #00a2c7 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0083a0', endColorstr='#00a2c7', GradientType=1);
  /* IE6-8 */

}
.section-body {
  width: 69%;
  margin-right: 1%;
  float: left;
}
.section-sidebar {
  width: 29%;
  float: left;
}
.header-message {
  display: none;
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 98%;
}
.opening-description .meet-us-container,
.opening-requirements .meet-us-container,
.opening-application .meet-us-container,
.opening-deadline .meet-us-container {
  display: none;
}
.opening-description.recruitment-process .meet-us-container,
.opening-requirements.recruitment-process .meet-us-container,
.opening-application.recruitment-process .meet-us-container,
.opening-deadline.recruitment-process .meet-us-container,
.opening-description.faqs .meet-us-container,
.opening-requirements.faqs .meet-us-container,
.opening-application.faqs .meet-us-container,
.opening-deadline.faqs .meet-us-container {
  display: none;
}
.opening-description.contact-us .meet-us-container,
.opening-requirements.contact-us .meet-us-container,
.opening-application.contact-us .meet-us-container,
.opening-deadline.contact-us .meet-us-container,
.opening-description.retrieve-application .meet-us-container,
.opening-requirements.retrieve-application .meet-us-container,
.opening-application.retrieve-application .meet-us-container,
.opening-deadline.retrieve-application .meet-us-container {
  display: block;
}

// figure { margin-bottom: 12px; }
/* This settings were for the big EU flag:
// figure img {  float: left; margin-bottom: 24px; }
// figure figcaption {  float: left; margin: 6px 6px 24px 24px; width: 256px; }
*/
figure img {  float: left; margin-bottom: 24px; margin-top: 4px; }
figure figcaption {  float: left; margin: 0px 6px 6px 24px; width: 456px; }

.meet-us-container {
  position: absolute;
  bottom: -10px;
  right: 7px;
  width: 266px;
  height: 161px;
  z-index: 1000;
  overflow: auto;
}
.meet-us-ribbon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1000;
  background: transparent url(../img/lazito.png) no-repeat;
  width: 95px;
  height: 95px;
}
.no-js .meet-us-ribbon:hover + .meet-us-links {
  display: block;
}
.meet-us-links {
  position: absolute;
  bottom: 10px;
  right: 9px;
  width: 257px;
  text-align: left;
  display: none;
}
.meet-us-links:hover {
  display: block !important;
}
.meet-us-links ul {
  margin: 0;
  padding: 0;
}
.meet-us-links li {
  background: #ffffff url('../img/fletxeta_blava.png') no-repeat 40px 50%;
  background: rgba(255, 255, 255, 0.8) url('../img/fletxeta_blava.png') no-repeat 40px 50%;
  color: #003840;
  padding: 0 5px 0 50px;
  margin-top: 3px;
  line-height: 16px;
}
.meet-us-links li:hover {
  background-color: #ffffff;
}
.meet-us-links li:hover a {
  color: #319fb9;
}
.meet-us-links li a {
  color: #003840;
  font-family: 'OpenSansCondensedBold';
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
  margin-top: 3px;
}
.meet-us-links.large li {
  background-position: 5px 50%;
  padding-left: 15px;
}
#main-title-container {
  font-size: 17px;
}
.openings #openings-message,
.recruitment-process #openings-message,
.faqs #openings-message {
  display: block;
}
.openings.group-leaders #openings-message,
.recruitment-process.group-leaders #openings-message,
.faqs.group-leaders #openings-message,
.openings.post-doctoral-researchers #openings-message,
.recruitment-process.post-doctoral-researchers #openings-message,
.faqs.post-doctoral-researchers #openings-message,
.openings.phd-fellows #openings-message,
.recruitment-process.phd-fellows #openings-message,
.faqs.phd-fellows #openings-message,
.openings.research-engineers #openings-message,
.recruitment-process.research-engineers #openings-message,
.faqs.research-engineers #openings-message,
.openings.under-and-postgraduate-students #openings-message,
.recruitment-process.under-and-postgraduate-students #openings-message,
.faqs.under-and-postgraduate-students #openings-message,
.openings.admin-and-technical-engineers #openings-message,
.recruitment-process.admin-and-technical-engineers #openings-message,
.faqs.admin-and-technical-engineers #openings-message {
  width: 611px;
  height: 251px;
  bottom: 0;
}
.openings.group-leaders #openings-message *,
.recruitment-process.group-leaders #openings-message *,
.faqs.group-leaders #openings-message *,
.openings.post-doctoral-researchers #openings-message *,
.recruitment-process.post-doctoral-researchers #openings-message *,
.faqs.post-doctoral-researchers #openings-message *,
.openings.phd-fellows #openings-message *,
.recruitment-process.phd-fellows #openings-message *,
.faqs.phd-fellows #openings-message *,
.openings.research-engineers #openings-message *,
.recruitment-process.research-engineers #openings-message *,
.faqs.research-engineers #openings-message *,
.openings.under-and-postgraduate-students #openings-message *,
.recruitment-process.under-and-postgraduate-students #openings-message *,
.faqs.under-and-postgraduate-students #openings-message *,
.openings.admin-and-technical-engineers #openings-message *,
.recruitment-process.admin-and-technical-engineers #openings-message *,
.faqs.admin-and-technical-engineers #openings-message * {
  display: none;
}
.openings.group-leaders #main-header-slideshow *,
.recruitment-process.group-leaders #main-header-slideshow *,
.faqs.group-leaders #main-header-slideshow *,
.openings.post-doctoral-researchers #main-header-slideshow *,
.recruitment-process.post-doctoral-researchers #main-header-slideshow *,
.faqs.post-doctoral-researchers #main-header-slideshow *,
.openings.phd-fellows #main-header-slideshow *,
.recruitment-process.phd-fellows #main-header-slideshow *,
.faqs.phd-fellows #main-header-slideshow *,
.openings.research-engineers #main-header-slideshow *,
.recruitment-process.research-engineers #main-header-slideshow *,
.faqs.research-engineers #main-header-slideshow *,
.openings.under-and-postgraduate-students #main-header-slideshow *,
.recruitment-process.under-and-postgraduate-students #main-header-slideshow *,
.faqs.under-and-postgraduate-students #main-header-slideshow *,
.openings.admin-and-technical-engineers #main-header-slideshow *,
.recruitment-process.admin-and-technical-engineers #main-header-slideshow *,
.faqs.admin-and-technical-engineers #main-header-slideshow * {
  display: none !important;
}
.openings.group-leaders #openings-message,
.recruitment-process.group-leaders #openings-message,
.faqs.group-leaders #openings-message {
  background: #ffffff url('../img/arees/GLs_foto.jpg') no-repeat;
}
.openings.group-leaders #main-header-slideshow,
.recruitment-process.group-leaders #main-header-slideshow,
.faqs.group-leaders #main-header-slideshow {
  background: transparent url('../img/arees/GLs_tit.png') no-repeat;
}
.openings.post-doctoral-researchers #openings-message,
.recruitment-process.post-doctoral-researchers #openings-message,
.faqs.post-doctoral-researchers #openings-message {
  background: #ffffff url('../img/arees/PostDoc_foto.jpg') no-repeat;
}
.openings.post-doctoral-researchers #main-header-slideshow,
.recruitment-process.post-doctoral-researchers #main-header-slideshow,
.faqs.post-doctoral-researchers #main-header-slideshow {
  background: transparent url('../img/arees/PostDoc_tit.png') no-repeat;
}
.openings.phd-fellows #openings-message,
.recruitment-process.phd-fellows #openings-message,
.faqs.phd-fellows #openings-message {
  background: #ffffff url('../img/arees/PhD_foto.jpg') no-repeat;
}
.openings.phd-fellows #main-header-slideshow,
.recruitment-process.phd-fellows #main-header-slideshow,
.faqs.phd-fellows #main-header-slideshow {
  background: transparent url('../img/arees/PhD_tit.png') no-repeat;
}
.openings.research-engineers #openings-message,
.recruitment-process.research-engineers #openings-message,
.faqs.research-engineers #openings-message {
  background: #ffffff url('../img/arees/Research_Eng_foto.jpg') no-repeat;
}
.openings.research-engineers #main-header-slideshow,
.recruitment-process.research-engineers #main-header-slideshow,
.faqs.research-engineers #main-header-slideshow {
  background: transparent url('../img/arees/Research_Eng_tit.png') no-repeat;
}
.openings.under-and-postgraduate-students #openings-message,
.recruitment-process.under-and-postgraduate-students #openings-message,
.faqs.under-and-postgraduate-students #openings-message {
  background: #ffffff url('../img/arees/under-post_graduate_foto.jpg') no-repeat;
}
.openings.under-and-postgraduate-students #main-header-slideshow,
.recruitment-process.under-and-postgraduate-students #main-header-slideshow,
.faqs.under-and-postgraduate-students #main-header-slideshow {
  background: transparent url('../img/arees/under-post_graduate_tit.png') no-repeat;
}
.openings.admin-and-technical-engineers #openings-message,
.recruitment-process.admin-and-technical-engineers #openings-message,
.faqs.admin-and-technical-engineers #openings-message {
  background: #ffffff url('../img/arees/admin_foto.jpg') no-repeat;
}
.openings.admin-and-technical-engineers #main-header-slideshow,
.recruitment-process.admin-and-technical-engineers #main-header-slideshow,
.faqs.admin-and-technical-engineers #main-header-slideshow {
  background: transparent url('../img/arees/admin_tit.png') no-repeat;
}

#sponsoredby { text-align: center; }
div#sponsoredby img {  margin: 4px 3px; width: 47%;  }

/*  Application styles start herre  */

.application ol,
.application ul {
  padding: 0;
}
.application ul {
  list-style: none;
}
.application li.doc {
  margin: 5px 0;
}
.application li.doc input[type='button'],
.application li.doc input[type='submit'] {
  float: none;
  width: 15%;
  font-size: 13px;
  padding: 6px 8px 3px 8px;
}
.application li.doc a {
  margin-left: 10px;
  text-decoration: none;
}
.application #upload_doc {
  font-size: 13px;
  padding: 4px 8px 3px 8px;
  margin-left: 10px;
  width: 60px;
  height: 22px;
}
.application #app_doc {
  width: auto;
}
.application form {
  width: 95%;
}
.application form label {
  float: left;
}
.application form input,
.application form span.select,
.application form textarea {
  float: right;
  width: 325px;
}
.application form textarea.full {
  float: none;
  width: 100%;
}
.application form input[type=submit],
.application form input[type=button] {
  width: 30%;
}
.application form input[type=file] {
  width: auto;
}
.application form input.rfloat,
.application form select.rfloat,
.application form textarea.rfloat {
  float: right;
}
.application form input.lfloat,
.application form select.lfloat,
.application form textarea.lfloat {
  float: left;
}
.application form select {
  width: 360px;
}
.application form span.select {
  width: 333px;
}
.application #main-logo {
  float: left;
}
.application #main-title-container {
  width: 100%;
  height: auto;
}
.application #main-title-container .header {
  float: left;
  margin: 30px 0 0 30px;
  border-left: 1px solid #bdccd4;
  line-height: 41px;
  padding: 10px 0 40px 30px;
  letter-spacing: -0.03em;
  font-size: 34px;
}
.application #main-title-container .title {
  color: #206371;
}
.application #main-title-container .step {
  color: #33a3bd;
  font-size: 69px;
  line-height: 61px;
  padding-bottom: 20px;
  font-family: 'OpenSansCondensedLight';
  display: none;
}
.application .content {
  font-size: 13px;
}
.application #main-content > .content p.skip {
  margin: 2em 0;
}
.application #main-content > .content p.no-margin {
  margin: 0;
}
.application #main-content > .content .content-menu ul li {
  padding-right: 0;
  font-size: 19px;
  border: 1px solid transparent;
}
.application #main-content > .content .content-menu ul li:hover {
  cursor: auto;
}
.application #main-content > .content .content-menu .index {
  display: none;
  width: 40px;
  text-align: center;
  float: right;
  margin-left: auto;
  background: #bdccd4;
}
.application .li_current_step {
  background: transparent url('../img/fletxa_dreta_opening.png') no-repeat 10px 12px;
  color: #003840;
  border-color: #bdccd4;
}
.application .li_current_step .index {
  display: block;
}
.application.step_1 #main-content > .content .content-menu ul li.step_1 {
  background: transparent url('../img/fletxa_dreta_opening.png') no-repeat 10px 12px;
  color: #003840;
  border-color: #bdccd4;
}
.application.step_1 #main-content > .content .content-menu ul li.step_1 .index {
  display: block;
}
.application.step_1 #main-title-container .step_1 {
  display: block;
}
.application.step_2 #main-content > .content .content-menu ul li.step_2 {
  background: transparent url('../img/fletxa_dreta_opening.png') no-repeat 10px 12px;
  color: #003840;
  border-color: #bdccd4;
}
.application.step_2 #main-content > .content .content-menu ul li.step_2 .index {
  display: block;
}
.application.step_2 #main-title-container .step_2 {
  display: block;
}
.application.step_3 #main-content > .content .content-menu ul li.step_3 {
  background: transparent url('../img/fletxa_dreta_opening.png') no-repeat 10px 12px;
  color: #003840;
  border-color: #bdccd4;
}
.application.step_3 #main-content > .content .content-menu ul li.step_3 .index {
  display: block;
}
.application.step_3 #main-title-container .step_3 {
  display: block;
}
.application.step_4 #main-content > .content .content-menu ul li.step_4 {
  background: transparent url('../img/fletxa_dreta_opening.png') no-repeat 10px 12px;
  color: #003840;
  border-color: #bdccd4;
}
.application.step_4 #main-content > .content .content-menu ul li.step_4 .index {
  display: block;
}
.application.step_4 #main-title-container .step_4 {
  display: block;
}
.application #extra-content {
  display: none;
}
.retrieve-application #retrieve-application-message {
  display: block;
}
.retrieve-application #main-content form {
  width: 70%;
  margin: 40px auto;
}
.retrieve-application #main-content form label {
  float: left;
}
.retrieve-application #main-content form input {
  float: right;
  width: 222px;
}
.retrieve-application #main-content form input[type=submit],
.retrieve-application #main-content form input[type=button] {
  width: 232px;
}
.retrieve-application #main-content form label.error {
  float: right;
  clear: right;
  margin-top: 9px;
  position: relative;
  width: 210px;
  height: 10px;
  line-height: 10px;
}
.retrieve-application #main-content form label.error:after {
  left: 180px;
}
.retrieve-application #main-content form label.error:before {
  left: 179px;
}
.contact-us #contact-us-message {
  display: block;
}
.contact-us #main-content form {
  width: 95%;
}
.contact-us #main-content form label {
  float: left;
}
.contact-us #main-content form input,
.contact-us #main-content form textarea {
  float: right;
  width: 410px;
}
.contact-us #main-content form textarea {
  height: 150px;
}
.contact-us #main-content form input[type=button],
.contact-us #main-content form input[type=submit] {
  width: 180px;
  margin: 20px 110px 5px 110px;
}
.contact-us #main-content form label.error {
  float: right;
  clear: right;
  margin-top: 9px;
  position: relative;
  width: 398px;
  height: 10px;
  line-height: 10px;
}
.contact-us #main-content form label.error:after {
  left: 380px;
}
.contact-us #main-content form label.error:before {
  left: 379px;
}
#main-header {
  background-color: #003840;
  padding-bottom: 25px;
  position: relative;
}
#main-logo {
  margin: 40px 0 20px 0;
}
#main-title-container {
  display: block;
  background-color: #ffffff;
  width: 611px;
  height: 347px;
  overflow: hidden;
  position: relative;
}
#main-title-container h2 {
  font-size: 54px;
  line-height: 54px;
  color: #003840;
  margin: 16px 0 0 0;
}
#main-title-container h3 {
  font-size: 24px;
  line-height: 24px;
  color: #319fb9;
  margin: 2.4px 0 4.8px 0;
}
#main-menu-container {
  width: 289px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
#main-menu-container #main-menu,
#main-menu-container #main-header-slideshow {
  margin: 15px auto 0 auto;
  text-align: left;
}
#main-menu-container #main-menu {
  display: block;
  background: #319fb9 url('../img/canto.png') no-repeat top left;
  padding: 0 45px;
  width: 167px;
}
#main-menu-container #main-menu h1 {
  color: #003840;
  margin: 0;
  padding: 2px 0;
  font-size: 24px;
}
#main-menu-container #main-menu ul {
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
}
#main-menu-container #main-menu ul li {
  color: #ffffff;
  font-family: 'OpenSansCondensedBold';
  height: 28px;
  line-height: 30px;
  width: 167px;
  border-top: 1px dotted #ccc;
  position: relative;
  z-index: 1;
}
#main-menu-container #main-menu ul li:hover {
  cursor: pointer;
}
#main-menu-container #main-menu ul li a {
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}
#main-menu-container #main-menu ul li.last,
#main-menu-container #main-menu ul li:last-child {
  border-bottom: 1px dotted #ccc;
}
#main-menu-container #main-menu ul li.cursor {
  background: transparent url('../img/punt_blanc.png') no-repeat 0 12px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  border: 0;
  top: 0;
  left: -15px;
  z-index: 0;
}
#main-menu-container #main-menu ul li.cursor:hover {
  cursor: auto;
}
#main-menu-container #main-header-slideshow {
  width: 257px;
  height: 151px;
  overflow: hidden;
  position: relative;
}
#main-menu-container #main-header-slideshow .hidden {
  display: none;
}
#main-menu-container #main-header-slideshow .slide {
  left: 0;
  position: absolute;
  top: 0;
}
.no-outline {
  outline: none;
}
.cursor-menu li:not(.no-cursor) a:active,
.cursor-menu li:not(.no-cursor) a:focus {
  outline: none;
}
#content-menu ul li a:active,
#content-menu ul li a:focus {
  outline: none;
}
.accordion .group > :first-child:focus {
  outline: none;
}
aside,
.answer,
.opening-details {
  font-size: 13px;
}
#cboxLoadedContent {
  font-family: 'OpenSansRegular';
  font-size: 80%;
}
#cboxLoadedContent h1,
#cboxLoadedContent h2,
#cboxLoadedContent h3,
#cboxLoadedContent h4,
#cboxLoadedContent h5 h6 {
  color: #319fb9;
}
#cboxLoadedContent h1 {
  border-bottom: 1px dotted #206371;
  font-size: 1.7em;
}
#cboxLoadedContent h2,
#cboxLoadedContent h3,
#cboxLoadedContent h4,
#cboxLoadedContent h5,
#cboxLoadedContent h6 {
  margin: 0;
}
#main-content {
  border: 1px solid #003840;
  position: relative;
}
#main-content #content-menu {
  position: absolute;
  z-index: 1;
  top: -55px;
  height: 55px;
  width: 65%;
  padding: 0 15px;
}
#main-content #content-menu * {
  margin: 0;
  padding: 0;
}
#main-content #content-menu ul {
  list-style-type: none;
  position: absolute;
  bottom: 0;
  left: 15px;
}
#main-content #content-menu li {
  float: left;
  border: 1px solid #003840;
  background-color: #206371;
  margin-top: 10px;
  height: 45px;
  min-width: 192px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3);
}
#main-content #content-menu li:hover,
#main-content #content-menu li.hovering {
  line-height: 55px;
  height: 55px;
  margin-top: 0;
}
#main-content #content-menu li.current {
  margin-top: 0;
  height: 55px;
  line-height: 55px;
  border-bottom: 1px solid #f2f2f2;
  background-color: #f2f2f2;
  color: #003840;
}
#main-content #content-menu li.current a {
  color: #003840;
}
#main-content #content-menu li a {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  color: #ffffff;
  font-size: 19px;
  font-family: 'dincondensedcregular';
  font-weight: normal;
}
#main-content  > .content {
  background-color: #f2f2f2;
  position: relative;
  z-index: 2;
  padding: 15px;
}
#main-content  > .content p,
#main-content  > .content pre {
  margin: 10px 0;
}
#main-content  > .content form p {
  margin: 6px 0;
}
#main-content  > .content h1,
#main-content  > .content h2,
#main-content  > .content h3 {
  color: #319fb9;
  font-family: 'dincondensedcregular';
  font-size: 18px;
  margin: 2px 0;
}
#main-content  > .content h1 {
  font-size: 20px;
  margin: 0 0 13px 0;
  border-bottom: 1px dotted #206371;
}
#main-content  > .content .group {
  padding: 10px;
  margin-bottom: 10px;
  background: #dbe0e2;
}
#main-content  > .content .group  > h1 {
  padding-left: 25px;
  padding-top: 2px;
  background: transparent url('../img/fletxa_dreta.png') no-repeat 5px 2px;
  font-family: 'OpenSansCondensedLight';
  font-size: 19px;
  line-height: 19px;
  margin: 0;
  color: #003840;
  border: 0;
}
#main-content  > .content .group  > h1:hover {
  cursor: pointer;
}
#main-content  > .content .group h2 {
  color: #319fb9;
  font-family: 'dincondensedcregular';
  font-size: 18px;
  padding: 12px 0;
}
#main-content  > .content .group .answer {
  font-family: 'OpenSansRegular';
  padding: 8px 0;
}
#main-content  > .content .group .jobs-wrapper,
#main-content  > .content .group .answer {
  margin: 8px 10px 0 25px;
}
#main-content  > .content .group.active {
  background-color: #ffffff;
}
#main-content  > .content .group.active  > h1 {
  background: transparent url('../img/fletxa_baix.png') no-repeat 2px 5px;
}
#main-content  > .content .group.active .jobs-wrapper,
#main-content  > .content .group.active .answer {
  border-top: 1px dotted #206371;
}
#main-content  > .content .group:hover,
#main-content  > .content .group.hovering {
  background-color: #ffffff;
}
#main-content  > .content .group.last,
#main-content  > .content .group:last-child {
  margin-bottom: 0;
}
#main-content  > .content .group ul.jobs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#main-content  > .content .group li a {
  text-decoration: none;
  color: #003840;
}
#main-content  > .content .group li a:hover {
  text-decoration: underline;
}
#main-content  > .content .section-container {
  background-color: #ffffff;
  padding: 10px;
  position: relative;
}
#main-content  > .content .opening-details,
#main-content  > .content .content-menu {
  float: left;
}
#main-content  > .content .opening-details {
  width: 67%;
  margin-right: 3%;
  font-family: 'OpenSansRegular';
}
#main-content  > .content .content-menu {
  width: 30%;
  position: relative;
  height: 300px;
}
#main-content  > .content .content-menu ul {
  list-style-type: none;
  position: absolute;
  margin: 0 0 0 15px;
  padding: 0;
  height: 210px;
  top: 50%;
  margin-top: -105px;
}
#main-content  > .content .content-menu ul li {
  width: 170px;
  height: 40px;
  line-height: 41px;
  padding: 0 10px 0 30px;
  position: relative;
  z-index: 1;
}
#main-content  > .content .content-menu ul li:hover {
  cursor: pointer;
}
#main-content  > .content .content-menu ul li a {
  font-size: 19px;
  text-decoration: none;
  height: 100%;
  width: 100%;
  display: block;
}
#main-content  > .content .content-menu ul li.current {
  background: transparent url('../img/fletxa_dreta_opening.png') no-repeat 10px 12px;
}
#main-content  > .content .content-menu ul li.current a {
  color: #003840;
}
#main-content  > .content .content-menu ul li.cursor {
  width: 168px;
  height: 38px;
  background: transparent;
  border: 1px solid #b3b3b3;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#main-content  > .content .content-menu ul li.cursor:hover {
  cursor: auto;
}
#main-content  > .content .content-menu ul li.button {
  width: 210px;
  margin: 16px 0;
  padding: 0;
}
#main-content  > .content .content-menu ul li.button form,
#main-content  > .content .content-menu ul li.button input {
  width: 100%;
  height: 38px;
  display: block;
  padding: 0;
  border: 0;
}
#main-content  > .content .content-menu ul li.button input[type=submit] {
  font-family: 'OpenSansCondensedBold';
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
  border: 0;
  padding: 8px 10px 6px 10px;
  background: #006372;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjM3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgzYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #006372), color-stop(100%, #0083a0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #006372 0%, #0083a0 100%);
  /* IE10+ */

  background: linear-gradient(to right, #006372 0%, #0083a0 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#006372', endColorstr='#0083a0', GradientType=1);
  /* IE6-8 */

  -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  font-size: 15.33px;
  padding: 1px 10px 0 30px;
  text-align: left;
}
#main-content  > .content .content-menu ul li.button input[type=submit]:hover,
#main-content  > .content .content-menu ul li.button input[type=submit]:focus {
  background: #0083a0;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0083a0), color-stop(100%, #00a2c7));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #0083a0 0%, #00a2c7 100%);
  /* IE10+ */

  background: linear-gradient(to right, #0083a0 0%, #00a2c7 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0083a0', endColorstr='#00a2c7', GradientType=1);
  /* IE6-8 */

  -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.6), inset -1px -1px 0 0 rgba(0, 90, 90, 0.6), 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
}
#main-content .content-footer-menu {
  background-color: #003840;
  text-align: right;
  height: 28px;
  line-height: 28px;
}
#main-content .content-footer-menu * {
  margin: 0;
  padding: 0;
}
#main-content .content-footer-menu ul {
  list-style-type: none;
  margin-right: 52px;
}
#main-content .content-footer-menu li {
  padding-top: 2px;
  text-align: left;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#main-content .content-footer-menu li.last a,
#main-content .content-footer-menu li:last-child a {
  border-right: none;
}
#main-content .content-footer-menu li a {
  margin-right: 0px;
  border-right: 1px solid #ffffff;
  padding: 0 20px;
  text-decoration: none;
  color: #ffffff;
  font-family: 'OpenSansCondensedBold';
}
.no-js #opening-placeholder #close-opening:hover span.clue {
  display: inline-block;
}
.no-js body.opening-description #openings-placeholder {
  display: none;
}
#opening-placeholder #close-opening {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
}
#opening-placeholder #close-opening ul {
  margin: 0;
  padding: 0;
}
#opening-placeholder #close-opening li {
  overflow: hidden;
}
#opening-placeholder #close-opening span.clue {
  background: transparent url('../img/fletxa_esq_opening.png') no-repeat 0 6px;
  padding: 0 5px 0 10px;
  height: 25px;
  display: none;
  position: relative;
  top: 2px;
}
#opening-placeholder #close-opening #back-to-openings {
  background: url("../img/colorbox/controls.png") no-repeat scroll -25px 0 transparent;
  height: 25px;
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  width: 25px;
}
#opening-placeholder #close-opening.hovering span.clue {
  display: inline-block !important;
  left: 0 !important;
}
#opening-placeholder #close-opening.hovering #back-to-openings {
  background-position: -25px -25px;
}
#opening-placeholder #close-opening:hover #back-to-openings {
  background-position: -25px -25px;
}
#opening-placeholder #close-opening.inverse #back-to-openings {
  background-position: -25px -25px;
}
#extra-content {
  padding-top: 30px;
}
#extra-content .message,
#extra-content .social-sharing {
  border: 1px solid #b3b3b3;
  float: left;
  position: relative;
  height: 73px;
}
#extra-content .message {
  margin-right: 20px;
  width: 568px;
  padding: 0 10px;
  font-size: 17px;
}
#extra-content .message h1 {
  color: #ffffff;
  background: #b3b3b3;
  position: absolute;
  left: -1px;
  top: -15px;
  font-family: 'dincondensedcregular';
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
  padding: 0 10px;
  line-height: 30px;
}
#extra-content .message p {
  margin-bottom: 0;
  margin-top: 21px;
}
#extra-content .social-sharing {
  width: 288px;
  background-color: #e6e6e6;
  text-align: center;
}
#extra-content .social-sharing ul {
  list-style-type: none;
  margin: 12px auto;
  padding: 0;
}
#extra-content .social-sharing li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#extra-content .social-sharing li .icon {
  display: block;
  width: 48px;
  height: 48px;
  background: transparent url('../img/sharing_icons.png') no-repeat 0 0;
}
#extra-content .social-sharing li.rss .icon {
  background-position: 0 0;
}
#extra-content .social-sharing li.facebook .icon {
  background-position: -48px 0;
}
#extra-content .social-sharing li.linkedin .icon {
  background-position: -96px 0;
}
#extra-content .social-sharing li.twitter .icon {
  background-position: -144px 0;
}
#extra-content .social-sharing li.youtube .icon {
  background-position: -192px 0;
}
#main-footer {
  text-align: center;
  font-size: 14px;
  margin: 25px 0 50px 0;
}
#main-footer #footer-menu {
  width: auto;
  margin: 0 auto;
}
#main-footer #footer-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#main-footer #footer-menu li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 3px 5px 0 5px;
  border-right: 1px solid #206371;
  line-height: 11px;
}
#main-footer #footer-menu li a {
  text-decoration: none;
  color: #206371;
}
#main-footer #footer-menu li a:hover {
  text-decoration: underline;
}
#main-footer #footer-menu li.last,
#main-footer #footer-menu li:last-child {
  border-right: 0;
}
#main-footer p {
  margin: 0;
}
/*
.footer,
footer,
.mineral {
    .hint:after, [data-hint]:after {
        font-size: 11px;
        line-height: 11px;
    }
}

.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
*/
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
/*

@media only screen and (min-width: 35em) {
    // Style adjustments for viewports that meet the condition
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    // Style adjustments for high resolution devices
}
*/
/* ==========================================================================
   Helper classes
   ========================================================================== */
.lfloat {
  float: left;
}
.rfloat {
  float: right;
}
.center {
  text-align: center;
}
.uppercase {
  text-transform: uppercase;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */

    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
       * Don't show links for images, or javascript/internal links
       */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */

  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

p.notice	{
  font-size: 13px;
  font-family: 'OpenSansRegular';
//  padding: 8px 0;
  margin: 2px 10px 0 25px;
}

#triangle	{
background-image: url("/img/triangle_esquerra.png");
height: 24px;
width: 12px;
display: inline-block;
margin-left: -12px;
margin-top: 84px;
}

#OGA_info p	{
   padding-left: 6px;
}
#select_groups  { font-size: 12px; }
#select_groups input { font-family: helvetica; font-style: normal; font-weight: unset; width: auto; margin-top: 4px; }
#select_groups span { float: left; width: 166px; padding-right: 18px; }
#select_groups label { width: 150px; }
#send  { clear: both; float: left; margin-top: 12px; }
#consent {
  width: 12px;
  margin-right: 18px;
  margin-top: 2px;
  transform: scale(1.5);
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
}
span.form_values  { float: right; width: 325px; }
#ref_report p label { padding-left: 12px; }
#ref_report h3 {margin-top: 16px; }

/*   Application styles   */
input.tbox3 { width: 325px; float: left; }
input.tbox4 { width: 285px !important; float: left !important; }
.tbox4 { width: 285px !important; float: left !important; }
input.tbox5 { width: 120px !important; float: left !important; }
input.tbox6 { width: 80px !important; float: left !important; }
input.tbox7 { width: 26px !important; float: left !important; }
select.tbox9 { width: 32px !important; margin-left: 8px; float: left !important; border: 1px solid #4d4d4d; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); background-color: #f2f2f2; }
select.required { border: 1px solid #4d4d4d; background-color: #33a3bd; color: white; }
.spaced  { margin-left: 40px; }
p.OGA span { float: left; display: inline-block; margin-right: 12px; }
p.OGA_full span { float: left; display: inline-block; margin-right: 3px; }
span.lasty { margin-right: 0px !important; }
p.OGA label { width: 220px; }
p.fetxa label { width: 220px; }
p label { width: 220px; }
span.GPA_labels { padding-top: 3px; }
p.checkbox label { float: none; }
input#app_doc { width: 254px !important; }