﻿/*$colorBlack: #1e1e1e !default;*/
/*Borders*/
/*SLIDE HOMEPAGE*/
.internal-area {
  overflow: hidden; }
  @media only screen and (max-width: 1023px) {
    .internal-area {
      overflow: visible; } }
  @media only screen and (max-width: 1395px) {
    .internal-area .content aside figure img {
      width: auto;
      max-width: 100%; } }
  .internal-area > figure {
    height: 173px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .internal-area > figure {
        display: none; } }
    .internal-area > figure img {
      width: 100%;
      height: auto; }
  .internal-area .wide {
    margin-top: 20px; }
    .internal-area .wide .intro, .internal-area .wide aside {
      float: none;
      margin-left: 0;
      width: 96%;
      margin-right: 4%; }
      @media only screen and (max-width: 767px) {
        .internal-area .wide .intro, .internal-area .wide aside {
          margin: 30px 20px 0 20px;
          width: auto; } }
    .internal-area .wide aside {
      margin-top: 50px; }
      .internal-area .wide aside h2 {
        font: 3em/1 "aaux_problackregular", Helvetica, Arial, sans-serif;
        color: #1e1e1e;
        text-transform: uppercase;
        margin-bottom: 30px; }
      .internal-area .wide aside .tables {
        overflow: hidden;
        width: 100%; }
      .internal-area .wide aside .table {
        float: left;
        margin-bottom: 30px; }
        .internal-area .wide aside .table.col-size {
          width: 50%;
          max-width: 600px;
          min-width: 280px; }
          @media only screen and (max-width: 1600px) {
            .internal-area .wide aside .table.col-size {
              width: 47%; } }
          @media only screen and (max-width: 1000px) {
            .internal-area .wide aside .table.col-size {
              width: 100%;
              float: none; } }
        @media only screen and (max-width: 500px) {
          .internal-area .wide aside .table .wrap {
            padding: 20px; } }
        @media only screen and (max-width: 370px) {
          .internal-area .wide aside .table .wrap {
            padding: 10px; } }
        .internal-area .wide aside .table .date {
          font: 700 1.3em/1 Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
          text-transform: uppercase;
          color: #1e1e1e;
          border-left: 5px solid #0071ce;
          padding: 0 0 5px 17px; }
        .internal-area .wide aside .table h3 {
          font: 700 8.3em/1.2em Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
          text-transform: uppercase;
          color: #1e1e1e;
          margin: 0;
          text-indent: -5px;
          border-left: 5px solid #0071ce;
          padding: 0 0 50px 17px;
          height: 112px;
          position: relative; }
          .internal-area .wide aside .table h3:before {
            content: "\e613";
            display: block;
            position: absolute;
            bottom: -34px;
            font-family: "cgdbi-icons";
            font-size: .35em;
            color: #0071ce;
            font-weight: 300; }
          @media only screen and (max-width: 500px) {
            .internal-area .wide aside .table h3 {
              font-size: 7em; } }
          @media only screen and (max-width: 370px) {
            .internal-area .wide aside .table h3 {
              font-size: 6em; } }
          .internal-area .wide aside .table h3 span {
            font-size: 0.222em;
            line-height: 1;
            display: block;
            margin-top: -5px;
            text-indent: 0; }
        .internal-area .wide aside .table table {
          width: 100%;
          border: none;
          border-collapse: separate;
          border-spacing: 8px 8px;
          margin-left: -6px; }
          @media only screen and (max-width: 500px) {
            .internal-area .wide aside .table table {
              font-size: 1em;
              border-spacing: 2px 2px; } }
          .internal-area .wide aside .table table .spacer.col {
            display: none; }
          .internal-area .wide aside .table table thead th {
            font: 1.2em/1 Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
            text-transform: uppercase;
            color: #1e1e1e;
            padding: 0 18px 10px 18px; }
          .internal-area .wide aside .table table tbody th {
            background: #1e1e1e;
            color: #fff;
            text-transform: uppercase;
            font: 700 1.5em/1 Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
            padding: 10px 18px;
            position: relative;
            text-align: center; }
            @media only screen and (max-width: 500px) {
              .internal-area .wide aside .table table tbody th {
                font-size: 1em; } }
            @media only screen and (max-width: 370px) {
              .internal-area .wide aside .table table tbody th {
                padding: 10px 5px; } }
            .internal-area .wide aside .table table tbody th .arrow-right {
              width: 0;
              height: 0;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              border-left: 10px solid #0071ce;
              position: absolute;
              right: -10px;
              top: 9px; }
          .internal-area .wide aside .table table tbody td {
            text-transform: uppercase;
            font: 700 1.5em/1 Arial, "DejaVu Sans", "Liberation Sans", Freesans, sans-serif;
            color: #1e1e1e;
            background: #d7dadc;
            text-align: center; }
            @media only screen and (max-width: 500px) {
              .internal-area .wide aside .table table tbody td {
                font-size: 1em; } }
            @media only screen and (max-width: 1300px) {
              .internal-area .wide aside .table table tbody td {
                text-indent: 0;
                text-align: center; } }
            .internal-area .wide aside .table table tbody td.spacer {
              background: none;
              text-indent: 0;
              padding: 0; }
            .internal-area .wide aside .table table tbody td.up {
              color: #008736; }
            .internal-area .wide aside .table table tbody td.down {
              color: #872323; }
  .internal-area .intro h1 {
    font: 5.8em/1.1em "aaux_problackregular", Helvetica, Arial, sans-serif;
    color: #738593;
    margin-top: 20px;
    display: inline-block; }
    @media only screen and (max-width: 1455px) {
      .internal-area .intro h1 {
        font-size: 5em; } }
    @media only screen and (max-width: 800px) {
      .internal-area .intro h1 {
        margin-top: 0; } }
    @media only screen and (max-width: 710px) {
      .internal-area .intro h1 {
        font-size: 3.2em; } }
  .internal-area .intro .submenu-drop {
    padding-top: 30px; }
    @media only screen and (max-width: 767px) {
      .internal-area .intro .submenu-drop {
        padding-top: 0; } }
    .internal-area .intro .submenu-drop + h1 {
      margin-top: 20px; }
  .internal-area .intro .description {
    font: 1.8em/1.2em "aaux_bold", Helvetica, Arial, sans-serif;
    color: #1e1e1e;
    padding-bottom: 20px; }
    @media only screen and (max-width: 1023px) {
      .internal-area .intro .description {
        padding-bottom: 0px; } }
  .internal-area .intro figure {
    padding: 20px 0; }
    .internal-area .intro figure img {
      width: 100%;
      height: auto; }
  .internal-area .datedropdown .field {
    float: left;
    margin-top: 65px; }
    @media only screen and (max-width: 768px) {
      .internal-area .datedropdown .field {
        margin-top: 0; } }
    .internal-area .datedropdown .field .dropdown {
      width: 82px;
      margin-right: 14px;
      margin-bottom: 36px;
      margin-top: 8px; }
    .internal-area .datedropdown .field label {
      display: block;
      font: 1.4em "aaux_promediumregular", Helvetica, Arial, sans-serif;
      margin-bottom: 5px; }
  .internal-area .datedropdown .field:last-child .dropdown {
    margin-right: 0; }
  @media only screen and (max-width: 768px) {
    .internal-area .datedropdown {
      margin: 0; } }
  .internal-area aside figure {
    padding: 20px 0; }
  .internal-area aside .description ul {
    list-style: disc;
    margin-left: 30px; }
    .internal-area aside .description ul li {
      padding-bottom: 10px; }
  @media only screen and (max-width: 1395px) {
    .internal-area aside .description img {
      width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .internal-area aside .description img {
      width: auto; } }
  .internal-area aside .articles {
    overflow: hidden;
    margin: 20px 0; }

.top-area {
  overflow: hidden;
  margin-top: 10px;
  z-index: 100; }
  @media only screen and (max-width: 800px) {
    .top-area {
      display: none; } }
  .top-area .breadcrumbs {
    float: left; }
    .top-area .breadcrumbs li {
      float: left;
      font: 1em/1 "aaux_bold", Helvetica, Arial, sans-serif;
      color: #1e1e1e;
      text-transform: uppercase;
      margin-top: 2px; }
      .top-area .breadcrumbs li a {
        color: #738593;
        vertical-align: middle;
        display: block; }
        .top-area .breadcrumbs li a:after {
          content: "\e607";
          font: 0.9em "cgdbi-icons";
          padding: 0 5px; }

.slider, .slider-area {
  position: relative;
  text-align: left;
  color: #f7f7f7;
  z-index: 9; }
  .slider:after, .slider-area:after {
    content: "";
    display: block; }
  .slider .items, .slider-area .items {
    position: relative; }
  .slider li, .slider-area li {
    position: relative;
    float: left; }
  .slider .slider-pager, .slider-area .slider-pager {
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 100;
    display: none;
    bottom: 0; }
    @media only screen and (max-width: 767px) {
      .slider .slider-pager, .slider-area .slider-pager {
        display: block; } }
    .slider .slider-pager a, .slider-area .slider-pager a {
      width: 10px;
      height: 10px;
      background: #f7f7f7;
      border-radius: 10px;
      float: none;
      display: inline-block;
      margin: 0 5px; }
      .slider .slider-pager a.active, .slider-area .slider-pager a.active {
        height: 16px;
        width: 16px;
        position: relative;
        top: 2px;
        background: #0071ce; }
  .slider .slider-nav, .slider-area .slider-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 10;
    margin-top: -27px; }
    @media only screen and (max-width: 767px) {
      .slider .slider-nav, .slider-area .slider-nav {
        display: none; } }
    .slider .slider-nav a, .slider-area .slider-nav a {
      position: absolute;
      font-size: 5.5em;
      color: #f7f7f7;
      background: transparent; }
      .slider .slider-nav a:hover, .slider-area .slider-nav a:hover {
        color: #1e1e1e; }
    .slider .slider-nav .prev, .slider-area .slider-nav .prev {
      left: 1px; }
    .slider .slider-nav .next, .slider-area .slider-nav .next {
      right: 1px; }

.slider-area {
  overflow: hidden;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .slider-area {
      padding-bottom: 20px;
      width: 100%; } }
  .slider-area figure {
    overflow: hidden;
    max-height: 310px;
    margin-right: 1px; }
  .slider-area .content-wrap {
    position: relative; }
    .slider-area .content-wrap p {
      font: 1.8em/1.2em "aaux_promediumregular", Helvetica, Arial, sans-serif;
      color: #738593;
      margin: 35px 0 0 0; }
    .slider-area .content-wrap h2 {
      background: #1e1e1e;
      color: #f7f7f7;
      font: 1.4em "aaux_problackregular", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      width: 50%;
      padding: 15px;
      position: absolute;
      top: -25px;
      right: 1px; }
      @media only screen and (max-width: 540px) {
        .slider-area .content-wrap h2 {
          width: 70%; } }
      @media only screen and (max-width: 370px) {
        .slider-area .content-wrap h2 {
          width: 89%; } }
      .slider-area .content-wrap h2 span {
        font: 0.857em "aaux_promediumregular", Helvetica, Arial, sans-serif;
        display: inline-block; }
      .slider-area .content-wrap h2 .bullet {
        color: #0071ce;
        display: inline-block;
        padding: 0 4px; }
    .slider-area .content-wrap .link {
      margin: 15px 0 0 1px; }
  .slider-area .slider-nav {
    top: 137px;
    margin-top: 0; }
    .slider-area .slider-nav a {
      font-size: 3.6em;
      top: 50%;
      margin-top: 23px; }
      @media only screen and (max-width: 767px) {
        .slider-area .slider-nav a {
          background: #1e1e1e; } }
  .slider-area .slider-pager a {
    background: #94a2ac; }

.module-text {
  margin: 20px 0 0 0; }
  .module-text h2 {
    font: 3em "aaux_problackregular", Helvetica, Arial, sans-serif;
    color: #1e1e1e;
    margin: 0 0 20px 0; }
  .module-text .description {
    font: 1.4em/1.5em "aaux_promediumregular", Helvetica, Arial, sans-serif !important;
    color: #738593 !important; }
    .module-text .description p:first-child {
      margin-top: 0; }
    .module-text .description a {
      color: #0071ce; }
      .module-text .description a:hover {
        color: #1e1e1e; }

.search-area {
  background: #1e1e1e;
  width: 30%;
  height: 60px;
  position: absolute;
  right: 4%;
  margin-top: -50px;
  z-index: 100;
  max-width: 500px; }
  @media only screen and (max-width: 767px) {
    .search-area {
      margin-top: 0;
      position: relative;
      width: 100%;
      left: 0;
      background: #738593;
      top: 0; } }
  .search-area label {
    font: 1.8em "aaux_problackregular", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #f7f7f7;
    top: 23px;
    left: 15px; }
    .search-area label span {
      color: #0071ce; }
  .search-area input[type=text] {
    background: #1e1e1e;
    margin-top: 23px;
    border: none;
    font: 1.8em "aaux_problackregular", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #f7f7f7;
    padding-left: 15px;
    width: 60%; }
    @media only screen and (max-width: 767px) {
      .search-area input[type=text] {
        background: #738593; } }
  .search-area .btnSearchArea {
    float: right;
    background: none;
    border: none;
    padding: 15px; }
    .search-area .btnSearchArea:before {
      content: "\e603";
      font: 3.1em "cgdbi-icons";
      color: #f7f7f7;
      display: block; }

.accordion {
  border-bottom: #738593 5px solid;
  margin: 20px 0; }
  .accordion h2 {
    font: 3em "aaux_problackregular", Helvetica, Arial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
    padding-bottom: 30px; }
  .accordion h3 {
    font: 1.8em "aaux_problackregular", Helvetica, Arial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
    border-top: 1px solid #d7dadc;
    display: block;
    cursor: pointer;
    padding: 25px 0 20px 0;
    position: relative; }
    .accordion h3:after {
      font: 1.2em "cgdbi-icons";
      content: "\e60b";
      color: #738593;
      position: absolute;
      right: 0;
      top: 0; }
      html.ie8 .accordion h3:after {
        font-size: 2em; }
    .accordion h3.open {
      padding-bottom: 20px; }
      .accordion h3.open:after {
        content: "\e60c"; }
  .accordion .content {
    height: 0;
    overflow: hidden;
    color: #94a2ac;
    -webkit-transition: height 0.4s;
    transition: height 0.4s; }
    .accordion .content.open {
      opacity: 1;
      filter: alpha(opacity=100); }
    .accordion .content table thead th, .accordion .content table tbody td, .accordion .content h4, .accordion .content h5, .accordion .content .desc {
      font: 1.4em "aaux_promediumregular", Helvetica, Arial, sans-serif; }
    .accordion .content table tbody td, .accordion .content h4, .accordion .content h5, .accordion .content .desc {
      color: #1e1e1e; }
    .accordion .content table thead th {
      color: #738593;
      text-align: left;
      padding-bottom: 5px; }
    .accordion .content table tbody td {
      padding-bottom: 15px; }
    .accordion .content h4 {
      text-transform: uppercase; }
    .accordion .content h5 {
      padding-top: 10px; }
    .accordion .content .desc {
      padding: 0px 0 10px 0; }
      .accordion .content .desc img {
        width: auto; }
        @media screen and (max-width: 1500px) {
          .accordion .content .desc img {
            width: 100%; } }
        @media only screen and (max-width: 1024px) {
          .accordion .content .desc img {
            width: auto; } }
      .accordion .content .desc li {
        list-style-type: disc;
        margin: 0 0 5px 20px;
        line-height: 1.4em; }
      .accordion .content .desc p {
        line-height: 1.4em; }

.dropdown {
  background: #e8e8e8 url(../../images/arrow-select.jpg) no-repeat center right;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: #bec5ca 1px solid;
  width: 278px;
  height: 39px;
  line-height: 38px; }
  .dropdown select {
    width: 100%;
    width: 123%\9;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    border: none;
    font: 1.6em "aaux_promediumregular", Helvetica, Arial, sans-serif;
    color: #1e1e1e;
    padding: 0 0 0 0.5em;
    height: 38px; }
    .dropdown select _:-ms-fullscreen, :root .dropdown select {
      width: 123%; }
    html.ie8 .dropdown select {
      height: 29px; }
    .dropdown select option {
      border: none;
      outline: none;
      box-shadow: none;
      padding: 0;
      margin: 0;
      background: #f7f7f7;
      background: transparent\9; }
      .dropdown select option _:-ms-fullscreen, :root .dropdown select option {
        background: transparent; }

.subsubmenu {
  padding-top: 20px; }
  .subsubmenu li {
    font: 1.4em/1.1em "aaux_bold", Helvetica, Arial, sans-serif;
    color: #94a2ac;
    text-transform: uppercase;
    margin-bottom: 10px; }
    .subsubmenu li a {
      color: #94a2ac; }
      .subsubmenu li a:hover, .subsubmenu li a.active {
        color: #1e1e1e; }

.box {
  float: left;
  width: 48%; }
  @media only screen and (max-width: 540px) {
    .box {
      float: none;
      padding-bottom: 10px;
      width: auto;
      margin: 0 0 20px 0; } }
  .box p {
    font: 1.4em/1.2em "aaux_promediumregular", Helvetica, Arial, sans-serif;
    color: #94a2ac;
    height: 130px;
    overflow: hidden; }
    @media only screen and (max-width: 1023px) {
      .box p {
        height: 103px; } }
    @media only screen and (max-width: 767px) {
      .box p {
        height: 135px; } }
    @media screen and (max-width: 470px) {
      .box p {
        height: auto; } }
  .box img {
    width: 100%;
    height: auto; }
  .box:nth-child(even) {
    margin-left: 2%; }
    @media only screen and (max-width: 540px) {
      .box:nth-child(even) {
        margin-left: 0; } }
  .box.highlight-1 {
    margin-left: 0; }
  .box:nth-child(odd) {
    margin-right: 2%; }
    @media only screen and (max-width: 540px) {
      .box:nth-child(odd) {
        margin-right: 0; } }

.ie8 .highlight-3 {
  margin-left: 2%; }
  @media only screen and (max-width: 540px) {
    .ie8 .highlight-3 {
      margin-left: 0; } }

.ie8 .highlight-2 {
  margin-right: 2%; }
  @media only screen and (max-width: 540px) {
    .ie8 .highlight-2 {
      margin-right: 0; } }

.file {
  height: 94px; }
  .file h2 {
    margin-top: 0; }
  .file p {
    font: 1.4em/1.3em "aaux_promediumregular", Helvetica, Arial, sans-serif;
    color: #738593;
    padding-bottom: 0; }

