/* CSS Document */

#main {
  background-image: url(/sites/all/themes/vinci_airport/images/bg-organigrama.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.contSlider-1,
.contSlider-2 {
  background-position: bottom;
  background-image: none !important;
}

.breadcrumb li {
  display: none;
}

.titulo-landing {
  color: #003879 !important;
}

.content-o * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}

/* Generic styling */

.content-o {
  width: 100%;
  max-width: 1142px;
  margin: 50px 0px;
  padding: 0px;
}

.content-o ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.content-o ul a,
.content-o ul span,
.content-o ul font {
  color: #fff !important;
}

.content-o ul .dep-fb font:first-child {
  font-size: 16px !important;
}

.content-o ul a font:first-child {
  font-size: 18px;
  font-weight: bold;
  font-family: "KhandRegular" !important;
  line-height: 18px;
}

.content-o ul a font:nth-child(2) {
  font-family: "KhandLight" !important;
  font-size: 18px;
  font-weight: normal;
}
.content-o ul a span {
  padding-left: 5px;
  padding-right: 5px;
}

.dep-dir > a {
  background: #0a303f;
}

.dep-ff a {
  background: #4d4d4d !important;
}

.dep-a a,
.dep-b a,
.dep-c a,
.dep-d a,
.dep-e a,
.dep-fc a {
  background: #003879;
}

.department2 a,
.dep-fa a,
.dep-fb a {
  background: #386987;
}

.content-o ul a {
  font-family: "KhandRegular";

  display: block;
  /*background: #003879 !important;*/
  border: none;
  text-align: center;
  overflow: hidden;
  font-size: 0.7em;
  text-decoration: none;
  font-weight: bold;
  height: 85px;
  margin-bottom: -96px;
  box-shadow: -19px 20px 20px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
.content-o ul a span {
  top: 30%;
  margin-top: -0.7em;
  display: block;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  font-family: RobotoRegular;
  margin-top: -10px;
}

.administration > li > a {
  margin-bottom: 25px;
}

.director > li > a {
  width: 30%;
  margin: 0 auto 0px auto;
}

.departments {
  position: relative;
  width: 100%;
}
/*After director*/
.departments > li:first-child {
  width: 18.59894921190893%;
  height: 180px;
  /* margin: 0 auto 29px auto; */
  padding-top: 25px;
  z-index: 1;
}

/*Vertical despues de director*/
.departments > li:first-child {
  float: left;
  left: 27.5%;
  border-right: 1px solid #000;
}

.subdirector > li:first-child a,
.departments > li:first-child a {
  width: 100%;
}

.subdirector > li:first-child a {
  left: 25px;
}

.departments > li:first-child a {
  right: 25px;
}

.department:first-child,
.departments li:nth-child(2) {
  /*margin-left: 0;*/
  clear: left;
}
/*Horizontal ultima vertical*/
.departments:after {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 39px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  margin: 0 auto;
  top: 149px;
  left: 10%;
}

/*verticales*/
.department:before {
}

.dep-b:before {
  border-left: none !important;
}
.dep-b:before,
.dep-c:before,
.dep-d:before,
.dep-e:before,
.dep-g:before,
.dep-f:before,
.dep-fa:before,
.dep-fb:before,
.dep-fc:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 29px;
  border-left: 1px solid #000;
  z-index: 1;
  top: -29px;
  left: 42%;
  /*margin-left: -4px;*/
  margin-left: 5px;
}

.dep-ff:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 29px;
  border-left: 1px solid #000;
  z-index: 1;
  top: -29px;
  left: 52%;
  /*margin-left: -4px;*/
  margin-left: 5px;
}

.primary-dep .dep-a {
  /*border-left: none ;*/
}
.primary-dep .dep-a:before {
  /*border-left: none ;*/
}

.depart:before {
  height: 175px;
  top: -170px;
  margin-left: 0px;
}

.departb:before {
  height: 170px;
  top: -170px;
  border-left: 1px solid #000 !important;
}

.dep-fc:before {
  height: 100px;
  width: 100%;
  top: -100px;
  border-left: 1px solid #000 !important;
  border-top: 1px solid #000 !important;
  border-top-left-radius: 25px;
  margin-left: 10%;
}

.dep-d {
  margin-left: 5% !important;
}

.departbb:before {
  height: 25px;
  width: 100%;
  top: 25px;
  margin-left: -135%;
  border-bottom: 1px solid #000 !important;
  border-bottom-left-radius: 25px;
}

/*after departaments*/
.department {
  border-left: 1px solid #000;
  /*width: 15.2%;*/

  float: left;
  margin-left: 1.751313485113835%;
  margin-bottom: 140px;
}

.department {
  width: 17%;
}

.department2 {
  margin-bottom: 35px !important;
  margin-left: 12.3% !important;
}

.lt-ie8 .department {
  width: 18.25%;
}

.department > a {
  margin: 0 0 -26px -4px;
  z-index: 2;
}

.secundary-dep span {
  margin-top: -15px !important;
}

.department > a:hover {
  height: 95px;
}

.department > ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.department li {
  padding-left: 25px;
  border-bottom: 1px solid #000;
  height: 80px;
}

.hide {
  display: none;
}

.department.dep-f.dep-fc {
  margin-left: 26.5% !important;
}

/* Department/ section colors */

@media (min-width: 992px) and (max-width: 1279px) {
  .content-o ul a span {
    /*font-size:11px;*/
  }
}
@media (min-width: 991px) and (max-width: 992px) {
  .content-o ul a span {
    /*font-size: 0.9em;*/
  }
}

@media (max-width: 991px) {
  .o-chart .contSlider-1 {
    display: block !important;
  }

  .o-chart > .row-1200 {
    padding-top: 10px !important;
  }

  .content-o {
    margin: 0px;
  }

  .o-chart .container {
    max-height: 1050px;
  }

  .content-o ul a span {
    margin-top: -15px !important;
  }
}

@media all and (min-width: 992px) {
  .departbb {
    margin-top: -15%;
    margin-left: 60% !important;
  }

  .department.dep-f.dep-fb {
    margin-left: 1.25% !important;
  }

  .department.dep-f.dep-fc {
    /*margin-left: 25.5% !important;*/
    margin-left: 2% !important;
  }
}

@media all and (max-width: 991px) {
  .department {
    border-left: none !important;
  }

  .departments > li:first-child {
    border-right: none;
  }

  .dep-d {
    border-bottom: none !important;
  }

  .dep-a a,
  .dep-b a,
  .dep-c a,
  .dep-d a,
  .dep-e a,
  .dep-fc a {
    margin-left: 10% !important;
  }

  .department {
    float: none;
    /*width: 100%;*/
    margin-left: 15px;
  }

  .departbb {
    margin-top: 0%;
    margin-left: 30% !important;
  }

  .primary-dep .department {
    width: 45%;
  }
  .secundary-dep .department {
    width: 45%;
  }

  .director > li > a {
    width: 70%;
  }

  .department:before {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 25px;
    border-bottom: 1px solid #000;
    border-left: none;
    z-index: 1;
    top: 20px;
    left: 0%;
    margin-left: -14px;
  }

  .department:nth-child(2):before {
    display: none;
  }

  .dep-a::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 50% !important;
    height: 25px !important;
    border-bottom: 1px solid #000 !important;
    border-left: none !important;
    z-index: 1 !important;
    top: 20px !important;
    left: 0% !important;
    margin-left: -14px !important;
  }

  .secundary-dep .dep-f {
    float: right;
    top: -575px;
  }

  .secundary-dep .dep-fa {
    margin-left: 5px;
    margin-top: 95px;
  }
  .secundary-dep .dep-f:before,
  .secundary-dep .dep-fa:before,
  .secundary-dep .dep-fb:before {
    height: 0px;
    border-left: none;
    top: 39px;
    margin-left: 0;
    width: 125%;
    border-top: none;
    left: -122%;
  }

  .secundary-dep .dep-fc:before {
    height: 1px;
    left: -30%;
    top: 40px;
    border-bottom: 1px solid #000;
    border-top: none !important;
    width: 50%;
  }

  .dep-d:before {
    border-bottom: none !important;
  }
  .secundary-dep .dep-fb {
    margin-top: -15px;
    margin-left: 75px;
  }

  .secundary-dep .dep-fc {
    margin-top: 50px;
  }
  .secundary-dep .dep-fc {
    margin-left: 9.5%;
  }

  .secundary-dep:after {
    top: -540px;
    width: 55% !important;
  }
  .departments:after {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 1px;
    border-top: 1px solid #000;
    border-top-left-radius: 25px;
    margin: 0 auto;
    left: 0%;
  }
}
@media all and (max-width: 991px) {
  .director > li > a {
    z-index: 10;
  }

  .departments.primary-dep:after {
    border-right: none;
    left: 0;
    width: 50%;
    top: -45px !important;
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-bottom-left-radius: 25px;
    margin: 0 auto;
  }

  .department {
    border-left: none !important;
  }
}

@media all and (min-width: 992px) {

	

  .department:first-child:before,
  .department:last-child:before {
    border: none;
  }

  .departments {
    margin-left: 5% !important;
  }
}
@media all and (max-width: 991px) {
  .departments > li:first-child {
    width: 40%;
    height: 50px;
  }
  .departments > li:first-child {
    left: 10%;
    margin-left: 2px;
  }
  .department > a:hover {
    height: 85px;
    box-shadow: 6px 6px 11px -2px rgba(0, 0, 0, 0.4);
  }
}
@media all and (max-width: 991px) {
  .content-o ul a {
    font-size: 1em;
  }
}
@media all and (max-width: 991px) {
  .content-o {
    padding: 20px 5px;
  }
}