.fullW {
  width: 100%;
}

.width90 {
  margin: 0 auto;
  width: 90%;
}

.width70 {
  margin: 0 auto;
  width: 70%;
}

.width970 {
  margin: 0 auto;
  width: 90%;
}

@media (min-width: 992px) {
  .width970 {
    width: 70%;
  }
}

.textCentered {
  text-align: center;
}

.margin01 {
  margin: 100px auto 150px;
}

.margin02 {
  margin: 0px auto 150px;
}

.margin03 {
  margin-top: -80px;
}

.margin4 {
  margin: 50px auto 100px;
}

.margin5 {
  margin: 100px auto;
}

@media (min-width: 728px) {
  .margin5 {
    margin: 100px auto 50px;
  }
}

.margin6 {
  margin-bottom: -45%;
}

@media (min-width: 550px) {
  .margin6 {
    margin-bottom: -30%;
  }
}

@media (min-width: 728px) {
  .margin6 {
    margin-bottom: -10%;
  }
}

@media (min-width: 1080px) {
  .margin6 {
    margin-bottom: -7%;
  }
}

@media (min-width: 1200px) {
  .margin6 {
    margin-bottom: -4%;
  }
}

.margin7 {
  margin: inherit;
}

@media (min-width: 728px) {
  .margin7 {
    margin: 100px auto 150px !important;
  }
}

.margin8 {
  margin-bottom: 100px !important;
}

@media (min-width: 728px) {
  .margin8 {
    margin: inherit;
  }
}

.lastLink {
  background-color: #f7f7f7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.linkWrp {
  background: rgba(0,0,0,.65);
  border-bottom: 1px solid #606060;
  display: inline-block;
  color: #fff;
  margin: 0 auto;
  padding-top: 15px;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .linkWrp {
    border: none;
    width: 30%;
  }
}

.importantLink {
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 34px;
}

.iconLink {
  font-size: 20px;
}

.font01 {
  font-family: "Times New Roman", Times, serif;
}

.txtSize1 {
  font-size: 16px;
}

@media (min-width: 768px) {
  .txtSize1 {
    font-size: inherit;
  }
}

.mWidth {
  max-width: 390px;
}

@media (min-width: 550px) and (max-width: 768px) {
  .mWidth {
    max-width: 485px;
  }
}

.fullWidth {
  width: auto;
}

@media (min-width: 320px) and (max-width: 550px) {
  .fullWidth {
    width: 100% !important;
  }

  .noneMob {
    display: none;
  }

  .nullPaddingLeft {
    padding-left: 10px !important;
  }
}


/*-----------------------------------------------------------------------------
   1. ACERCA DE GRUPO MÉXICO
-----------------------------------------------------------------------------*/
.imgVideoTop {
  margin-top: 80px;
}

.marginBlockOne {
  margin: 80px auto;
}
@media (max-width: 599px) {
  .marginBlockOne {
    margin: 40px auto;
  }
}

.marginBlockTwo {
  margin: 40px auto;
}

.marginBlockThree {
  margin: 0px auto 50px;
}

.marginBlockFour {
  margin: 150px auto 50px;
}

.headerSectionBlack {
  background: rgba(0,0,0,.45);
  height: 430px;/*100%*/
  margin: 0;/*-85px auto;*/
  position: absolute;/*relative*/
  width: 100%;
  z-index: 5;
  top: 0;
}

.headerText {
  font-family: "HelveticaCondensedBold", sans-serif;
  color: #fff;
  position: relative;
  text-align: center;
  top: 40%;
  width: 100%;
  z-index: 10 !important;
}

#divisionsBlock {
  width: 100%;
}

@media (min-width: 768px) {
  #divisionsBlock {
    height: 200px;
  }
}

#mineraDiv, #transporteDiv, #infraestructuraDiv {
  display: inline-block;
  height: 200px;
  margin: 10px 0px;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 768px) {
  #mineraDiv, #transporteDiv, #infraestructuraDiv {
    margin: -1px;
    width: 33%;
  }
}

#mineraDiv {
  background: url("../images/siteimg/mine01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#transporteDiv {
  background: url("../images/siteimg/tansport01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#infraestructuraDiv {
  background: url("../images/siteimg/infrastructure01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.textDivisions {
  color: #fff;
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 25px;
  line-height: 1.3;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 40%;
  z-index: 10;
}

@media (min-width: 768px) {
  .textDivisions {
    font-size: 23px;
  }
}

@media (min-width: 992px) {
  .textDivisions {
    font-size: 30px;
  }
}

.blackDivisions {
  background: rgba(0,0,0,.45);
  height: 200px;
  padding: 13%;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 5;
}


#quoteBlock {
  margin: 50px auto 100px;
  width: 100%;
}

#listQuote {
  margin: 0 auto;
  width: 80%;
}

.quote {
  display: inline-block;
  margin: 5% 0% 0% 3%;
  padding: 20px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 768px) {
  .quote {
    width: 45%;
  }
}

.imgQuote {
  display: inline-block;
  max-width: 220px;
  vertical-align: middle;
  width: 75%;
}

@media (min-width: 1080px) {
  .imgQuote {
    width: 100%;
  }
}

.quote ul {
  display: inline-block;
  margin-left: 3%;
  text-align: left;
  vertical-align: middle;
  width: 69%;
}

@media (min-width: 768px) {
  .quote ul {
    width: 100%;
  }
}

@media (min-width: 1080px) {
  .quote ul {
    width: 69%;
  }
}

.quote ul li {
  margin-bottom: 10px;
}

.centerHead {
  transform: translate(50%,0%);
}

.widthLine {
  border-bottom: 2px solid rgba(84,88,89,0.40);
  color: #D22730;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}

.widthLineLeft {
  border-bottom: 2px solid rgba(84,88,89,0.40);
  color: #D22730;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: left;
  width: 100%;
}

.headQuote {
  font-family: "Times New Roman", Times, serif;
  font-size: 20px;
  text-align: center;
}

.lineWine {
  background: #80002d;
  height: 5px;
  margin-bottom: 15px;
  width: 100%
}


/*-----------------------------------------------------------------------------
   2. ESTRUCTURA CORPORATIVA
-----------------------------------------------------------------------------*/

#estructuraBack {
  background-image: url("../images/siteimg/img60.jpg");
  background-position-y: 35%;
}

#mapBlock {
  margin: 100px auto 100px;
  width: 100%;
}
#mapWrp {
  margin: 0 auto;
  text-align: center;
  width: 70%;
}

#mapWrp img {
  margin: 0 auto;
  max-width: 1100px;
}

#mapBlock .team-block:hover {
    z-index: 10;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    box-shadow:none;
}
@media (max-width: 1199px) {
  #mapBlock .mag-popup.visible-md img {
      margin-top: 2em;
      margin-bottom: 2em;
  }
}

.mapType {
  display: inline-block;
  vertical-align: middle;
  width: 35%;
}

.mapCont {
  height: 300px;
  width: 100%;
}

.mineriaFirst, .mineriaSec, .mineriaThird {
  margin-top: 50px;
  width: 100%;
}

.mineriaFirstBlock {
  background: #80002d;
  border-bottom: 5px solid #41555f;
  color: #fff;
  font-family: "Times New Roman", Times, serif;
  margin: 0 auto;
  padding: 10px 10px 5px 10px;
  text-align: center;
  width: 30%;
}

.mineriaSecBlock {
  background: #41555f;
  border-bottom: 5px solid #80002d;
  display: inline-block;
  color: #fff;
  font-family: "Times New Roman", Times, serif;
  min-height: 88px; 
  padding: 10px 10px 5px 10px;
  text-align: center;
  vertical-align: top;
  width: 33%;
}

.mineriaThirdLeft {
  left: 0;
  position: relative;
  text-align: center;
  width: 33%;
}

.mineriaThirdBlock {
  background: #5a7785;
  border-bottom: 5px solid #41555f;
  display: inline-block;
  color: #fff;
  font-family: "Times New Roman", Times, serif;
  min-height: 88px; 
  padding: 10px 10px 5px 10px;
  text-align: center;
  vertical-align: top;
  width: 40%;
}

.structureImg {
  background-color: #f7f7f7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  margin-bottom: 20px;
}

#structureMineria {
  background-image: url("../images/siteimg/img69.jpg");
}

#structureTransporte {
  background-image: url("../images/siteimg/img68.jpg");
  background-position-y: 20%;
}

#structureInfraestructura {
  background-image: url("../images/siteimg/img70.png");
  background-position-y: 65%;
}

.img-center {margin:0 auto;}

@media (max-width: 549px) {
    .hidden-xxs {
      display: none !important;
    }
    .visible-xxs {
      display: block !important;
   }
}


/*-----------------------------------------------------------------------------
   2. ESTRUCTURA CORPORATIVA
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
   4. UBICACIÓN
-----------------------------------------------------------------------------*/

#ubicacionBack {
  background-image: url("../images/siteimg/ubicacion_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. FASES PROYECTO
-----------------------------------------------------------------------------*/

#fasesBack {
  background-image: url("../images/siteimg/fases_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. DESARROLLO SOSTENIBLE
-----------------------------------------------------------------------------*/

#desarolloBackImage {
  background-image: url("../images/siteimg/desarrollo_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. INDICE VERDE
-----------------------------------------------------------------------------*/

#indiceverdeBackImage {
  background-image: url("../images/siteimg/indice_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. GESTION RESIDUOS
-----------------------------------------------------------------------------*/

#gestionresiduosBackImage {
  background-image: url("../images/siteimg/gestion_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. BALANCE HIDRICO
-----------------------------------------------------------------------------*/

#balancehidricoBackImage {
  background-image: url("../images/siteimg/balance_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. CARBONO NEUTRAL
-----------------------------------------------------------------------------*/

#carbononeutralBackImage {
  background-image: url("../images/siteimg/carbono_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. ELECTRICIDAD VERDE
-----------------------------------------------------------------------------*/

#electricidadBackImage {
  background-image: url("../images/siteimg/electricidad_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. GENERACIÓN EMPLEO
-----------------------------------------------------------------------------*/

#generacionempleoBackImage {
  background-image: url("../images/siteimg/generacion_empleo_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. RESPONSABILIDAD CORPORATIVA
-----------------------------------------------------------------------------*/

#reponsabilidadcorporativaBackImage {
  background-image: url("../images/siteimg/responsabilidad_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. RESPONSABILIDAD CORPORATIVA
-----------------------------------------------------------------------------*/

#alianzaBackImage {
  background-image: url("../images/siteimg/alianza_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. RENOVANDO ENTORNO
-----------------------------------------------------------------------------*/

#renovandoentornoBackImage {
  background-image: url("../images/siteimg/renovando_head.jpg");
}

/*-----------------------------------------------------------------------------
   4. VISTA FUTURO
-----------------------------------------------------------------------------*/

#vistafuturoBack {
  background-image: url("../images/siteimg/vista_futuro_head.jpg");
}

#ubicacionBack {
  background-image: url("../images/siteimg/ubicacion_head.jpg");
}


/*-----------------------------------------------------------------------------
   5. HISTORIA
-----------------------------------------------------------------------------*/

#historiaBack {
  background-image: url("../images/siteimg/historia_head.jpg");
}

#homeBack{
  background-image: url("../images/siteimg/img75.jpg");
}

#lineHistory {
  background: #80002d;
  position: absolute;
  height: 100%;/*5000px*/
  vertical-align: top;
  top: 0;
  left: 50%;
  width: 5px;
}
@media (max-width: 768px) {
  #lineHistory {
    display: none;
  }
}

.lineConectLeft, .lineConectRight {
  border-top: 1px solid #41555f;
  display: inline-block;
  height: 1px;
  vertical-align: middle;
  width: 7%;
}
@media (max-width: 768px) {
  .lineConectLeft, .lineConectRight {
    display: none;
  }
}
.lineConectLeft {
  margin-right: -31px;
}

@media (min-width: 992px) {
  .lineConectLeft {
    margin-right: -27px;
  }
}

@media (min-width: 1080px) {
  .lineConectLeft {
    margin-right: -20px;
  }
}

@media (min-width: 1200px) {
  .lineConectLeft {
    margin-right: -27px;
    width: 6%;
  }
}

@media (min-width: 1300px) {
  .lineConectLeft {
    margin-right: -25px;
    width: 6%;
  }
}

@media (min-width: 1500px) {
  .lineConectLeft {
    margin-right: -27px;
    width: 7%;
  }
}

@media (min-width: 1700px) {
  .lineConectLeft {
    margin-right: -19px;
    width: 7%;
  }
}

.lineConectRight {
  margin-left: -15px;
  width: 3%;
}

@media (min-width: 900px) {
  .lineConectRight {
    margin-right: -2px;
    width: 5%;
  }
}

@media (min-width: 992px) {
  .lineConectRight {
    margin-right: -8px;
    width: 7%;
  }
}

@media (min-width: 1080px) {
  .lineConectRight {
    margin-right: -1px;
  }
}

@media (min-width: 1200px) {
  .lineConectRight {
    margin-right: -7px;
    width: 6%;
  }
}

@media (min-width: 1300px) {
  .lineConectRight {
    margin-right: -11px;
    width: 7%;
  }
}

@media (min-width: 1500px) {
  .lineConectRight {
    margin-right: -1px;
    width: 6%;
  }
}

@media (min-width: 1700px) {
  .lineConectRight {
    margin-right: -8px;
    width: 8%;
  }
}

.pointLineLeft, .pointLineRight {
  background: #80002d;
  border-radius: 15px;
  display: inline-block;
  height: 15px;
  position: relative;
  vertical-align: middle;
  width: 15px;
}
@media (max-width: 768px) {
  .pointLineLeft, .pointLineRight  {
    display: none;
  }
}
.pointLineLeft {
  margin-left: 15px;
}

.pointLineRigth {
  margin-right: 15px;
}

#historyBlock {
  width: 100%;
  position: relative;
}

#historyWrp {
  /*display: none;*/
  margin: 0 auto;
  text-align: center;
  width: 90%;/*100%*/
  display: block;
}

#leftHistory {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
/* //////// Estilos agregados ////////// */
.leftHistoryText {
  width: 50%;
  margin-right: 50%;
}
.rightHistoryText {
  width: 50%;
  margin-left: 50%;
}
@media (max-width: 768px) {
  .leftHistoryText, .rightHistoryText  {
    width: 100%;
    margin-left: 0%;
    margin: 2em 0;
  }
}
@media (max-width: 675px) {
  .leftHistoryText, .rightHistoryText  {
    margin: 2em 0;
  }
}
/* ///////////////////////// */

.leftPoint, .rightPoint {
  display: block;
  min-height: 200px;
  height: auto;
  position: relative;
}

.leftPoint {
/*  border-right: 5px solid #80002d;*/  
  margin-right: -19px;
}

.rightPoint {
/*  border-left: 5px solid #80002d;*/ 
  margin-left: -19px;
}

.imageLeft img, .imageRight img {
  max-width: 100%;
}

.imageLeft, .imageRight {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
}
@media (max-width: 1200px) {
  .imageLeft, .imageRight {
    width: 100%;
  }
  .imageLeft img, .imageRight img {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .imageLeft, .imageRight {
    width: 30%;
  }
  .imageLeft img, .imageRight img {
    width: 100%;
  }
}
@media (max-width: 675px) {
  .imageLeft, .imageRight,
  .imageLeft img, .imageRight img {
    display: none;
  }
}
.textLeft, .textRight {
  color: #80002d;
  display: inline-block;
  margin-left: 3%;
  vertical-align: middle;
  width: 55%;
}
@media (max-width: 1200px) {
  .textLeft, .textRight {
    width: 83%;
  }
}
@media (max-width: 768px) {
  .textLeft, .textRight {
    width: 66%;
  }
}

.textLeft {
  text-align: right;
}

.textRight {
  text-align: left;
}
@media (max-width: 675px) {
  .textLeft, .textRight {
    text-align: left;
    width: 99%;
    margin:0;
  
  }
}

#rightHistory {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
@media (max-width: 768px) {

  .rightPoint {
    min-height: 10px;
    margin-left:0px;
  }
  .leftPoint {
    min-height: 10px;
  }

  .historyTop1 {
  margin-top: 0px !important;
  }

  .historyTop2 {
    margin-top:0px !important;
  }

  .historyTop3 {
    margin-top: 0px !important;
  }

  .historyTop4 {
    margin-top: 0px !important;
  }

  .historyTop5 {
    margin-top: 0px !important;
  }

}

.historyTop1 {
  margin-top: 30px;
}

.historyTop2 {
  margin-top: 50px;
}

.historyTop3 {
  margin-top: 80px;
}

.historyTop4 {
  margin-top: 100px;
}

.historyTop5 {
  margin-top: 150px;
}

#historyWrpMob {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 90%;
}

@media (min-width: 768px) {
  #historyWrpMob {
    display: none;
  }
}

.historyPoint {
  width: 100%;
}

/*-----------------------------------------------------------------------------
   4. HISTORIA
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
   5. CULTURA CORPORATIVA
-----------------------------------------------------------------------------*/

#culturaBack {
  background-image: url("../images/siteimg/img51.jpg");
  background-position-y: 20%;
}

#dividedBlock {
  margin: 50px auto 100px;
  text-align: center;
  width: 100%;
}
@media (max-width : 599px) {
  #dividedBlock {
    margin: 25px auto 50px;
  }
}
.imageHalf, .imageHalf2, .valueText, .valueText2 {
  display: inline-block;
  vertical-align: middle;
}

.imageHalf {
  margin-left: -40px;
  width: 48%;
}

.imageHalf2 {
  margin-right: -40px;
  width: 48%;
}

@media (max-width: 991px) {
  .imageHalf {
    margin-left: 0px;
    width: 100%;
  }
  .imageHalf2 {
    margin-right: 0px;
    width: 100%;
  }
}
.lineVerticalGray {
  background: #5a7785;
  display: inline-block;
  height: 430px;
  margin-left: 3%;
  vertical-align: middle;
  width: 5px;
}

.lineVerticalGray2 {
  background: #5a7785;
  display: inline-block;
  height: 430px;
  margin-right: 3%;
  vertical-align: middle;
  width: 5px;
}

@media (max-width: 991px) {
  .lineVerticalGray, .lineVerticalGray2 {
    display: none;
    height: 5px;
    width: 100%;
  }
  .lineVerticalGray, .lineVerticalGray2 {
    margin-top: 1em;
    margin-left: 0;
  }
  .lineVerticalGray2 {
    margin-bottom: 1em;
    margin-right: 0;
  }
}

.valueText {
  margin-left: 3%;
  padding-right: 10%;
  text-align: left;
  width: 45%;
}

.valueText2 {
  margin-right: 3%;
  padding-left: 10%;
  text-align: left;
  width: 45%;
}

@media (max-width: 991px) {
  .valueText, .valueText2 {
    width: 90%;
    margin: 20px auto 50px;
    padding: 1em 30px 0px 30px;
  }
}

#misionImg {
  background-image: url("../images/siteimg/img56.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 430px;
}

#visionImg {
  background-image: url("../images/siteimg/img55.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 430px;
}

#valoresImg {
  background-image: url("../images/siteimg/img79.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 430px;
}

#eticaImg {
  background-image: url("../images/siteimg/codigoE.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 430px;
}

#humanImg {
  background-image: url("../images/siteimg/img98.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 430px;
}

#visionM {
  display: block;
}

@media (min-width: 992px) {
  #visionM {
    display: none;
  }
}

#visionD {
  display: none;
}

@media (min-width: 992px) {
  #visionD {
    display: block;
  }
}


/*-----------------------------------------------------------------------------
   5. CULTURA CORPORATIVA
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
   6. GOBIERNO CORPORATIVO
-----------------------------------------------------------------------------*/

#gobiernoBack {
  background-image: url("../images/siteimg/img53.jpg");
  background-position-y: 19%;
  background-position-x: 70%;
}

#peopleBlock {
  width: 100%;
}

#peopleWrp {
  margin: 0 auto;
  width: 90%;
}

.linePeople {
  margin: 50px 0px;
  text-align: center;
  width: 100%;
}

.one {
  display: inline-block;
  margin: 60px 30px;
  vertical-align: top;
  width: 200px;
}

.one p {
  position: relative;
}

.circleOne {
  border-radius: 100%;
/*  height: 100px;
*/  margin-bottom: 10px;
  position: relative;
  width: 90px;
}

.nameOne {
  font-family: "Times New Roman", Times, serif;
  margin: 0 auto 10px;
  max-width: 160px;
  position: relative;
}

.squadGray {
  background: #e6e7e8;
  height: 200px;
  margin-top: 50px;
  position: absolute;
  width: 200px;
  z-index: 0;
}


@media (max-width:1200px) {
  #gobCorporativo .width70 {
      width: 100%;
  }
}
@media (max-width: 767px) {
  #gobCorporativo .listMembers { /*repetido*/
      margin: 0px;
      padding-left: 2%;
      width: 32%;
  }
}
@media (max-width: 729px) {
  #gobCorporativo .listMembers {
      padding: 0 3% 0 0;
      width: 45%;
  }
  #gobCorporativo .memberFirst {
      padding-left: 3%;
      padding-right: 0;
  }
  #gobCorporativo .memberLast {
      margin-left: 46%;
      padding-left: 3%;
      border-left: 1px solid #c4c4c4;
  }
  #gobCorporativo .memberLast li.member:first-child {
    margin-top:0;
  }
}

@media (max-width: 399px){
  #gobCorporativo .listMembers, .memberFirst, .memberLast {
      padding: 0 30px;
      width: 100%;
  }
  #gobCorporativo .memberFirst {
      border-top: 1px solid #c4c4c4;
  }
  #gobCorporativo .memberLast {
      border: none;
      margin-left: 0;
  }
}
/*-----------------------------------------------------------------------------
   6. GOBIERNO CORPORATIVO
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
   7. COMITÉ DE AUDITORÍA
-----------------------------------------------------------------------------*/

#comiteBack {
  background-image: url("../images/siteimg/img78.jpg");
  background-position: bottom;
  background-position-y: 60%; 
}

#blockDivide {
  width: 100%;
}

#blockDivWrp {
  margin: 100px auto 0px;
  text-align: center;
  width: 90%;
}
@media (max-width: 599px) {
  #blockDivWrp {
    margin: 50px auto 0px;
  }
}

.squadBlock img {
  max-width: 100%;
}

.squadBlock {
  display: inline-block;
  margin: 30px 40px;
  text-align: left;
  vertical-align: top;
  width: 17%;
}

@media (max-width: 1199px) {
  .squadBlock {
    width: 30%;
  }
}
@media (max-width: 599px) {
  .squadBlock {
    width: 60%;
  }
}
@media (max-width: 499px) {
  .squadBlock {
    width: 90%;
    margin:1.5em auto;
  }
}
.imgComite {
  margin-bottom: 30px;
}
@media (max-width: 1050px) {
  #comiteAuditoria .width70 {
    width: 95%;
  }
}
@media (max-width: 768px) {
  #comiteAuditoria .width70 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  #comiteAuditoria .listMembers {
    margin: 0px 2%;
    padding-left: 0;
    width: 28%;
  }
}

@media (max-width: 599px) {
  #comiteAuditoria .listMembers {
    margin: 0 auto;
    padding-left: 0;
    width: 60%;
  }
}
@media (max-width: 470px) {
  #comiteAuditoria .listMembers {
    width: 95%;
  }
}

/*-----------------------------------------------------------------------------
   7. COMITÉ DE AUDITORÍA
-----------------------------------------------------------------------------*/


#equipoBack {
  background-image: url("../images/siteimg/img77.jpg");
  background-position-y: 30%; 
}


/*-----------------------------------------------------------------------------
  EQUIP0 DIRECTIVO
-----------------------------------------------------------------------------*/

@media (max-width:1200px) {
  #equipoDirectivo .width70 {
      width: 100%;
  }
}

@media (max-width: 767px) {
  #equipoDirectivo .listMembers {
      margin: 0px;
      padding-left: 2%;
      width: 32%;
  }
}
@media (max-width: 729px) {
  #equipoDirectivo .listMembers {
      padding: 0 3% 0 0;
      width: 45%;
  }
  #equipoDirectivo .memberFirst {
      padding-left: 3%;
      padding-right: 0;
  }
  #equipoDirectivo .memberLast {
      margin-left: 46%;
      padding-left: 3%;
      border-left: 1px solid #c4c4c4;
  }
  #equipoDirectivo .memberLast li.member:first-child {
    margin-top:0;
  }
}

@media (max-width: 399px){
  #equipoDirectivo .listMembers, .memberFirst, .memberLast {
      padding: 0 30px;
      width: 100%;
  }
  #equipoDirectivo .memberFirst {
      border-top: 1px solid #c4c4c4;
  }
  #equipoDirectivo .memberLast {
      border: none;
      margin-left: 0;
  }
}


/*-----------------------------------------------------------------------------
   7. DIVISIONES
-----------------------------------------------------------------------------*/

#transporteBack {
  background-image: url("../images/siteimg/img61.jpg");
  background-position: bottom;
}

#divisionGM {
  margin: 50px auto;
  width: 100%;
}

#gmDivision {
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

.gmInfoBlock, .gmInfoBlockRed {
  display: inline-block;
  min-height: 337px;
  margin: 30px 15px;
  padding: 25px 30px;
  vertical-align: top;
  width: 45%;
}

@media (min-width: 834px) {
  .gmInfoBlock, .gmInfoBlockRed {
    height: 450px;
  }
}

@media (max-width: 834px) {
  .gmInfoBlock, .gmInfoBlockRed {
    margin: 30px 0px;
    width: 100%;
  }
}

@media (min-width: 1080px) {
  .gmInfoBlock, .gmInfoBlockRed {
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .gmInfoBlock, .gmInfoBlockRed {
    height: 380px;
  }
}

.gmInfoBlockThree {
  display: inline-block;
  margin: 30px 15px;
  padding: 25px 30px;
  vertical-align: top;
  width: 30%;
}
@media (max-width: 1300px) {
  .gmInfoBlockThree {
    width: 45%;
  }
}

.gmInfoBlock, .gmInfoBlock2, .gmInfoBlockThree {
  background: #e6e7e8;
}


@media (max-width: 834px) {
  .gmInfoBlockThree {
      margin: 30px 0px;
      width: 100%;
  }
}

.gmInfoBlockRed {
  background: #41555f;
  color: #fff;
}

.gmInfoBlock2 {
  display: inline-block;
  margin: 50px 15px;
  padding: 25px 30px;
  vertical-align: top;
  width: 64%;
}

.gmList {
  padding-left: 15px;
  text-align: left;
}

.gmListMiddle {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 45%;
}
@media (max-width: 500px) {
  .gmListMiddle {
    display: block;
    width: 100%;
    padding-left: 15px;
  }
}

.gmElement {
  list-style: circle;
  margin: 15px 0px;
}

.head01, .head01G {
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.head01 {
  border-bottom: 1px solid #41555f;
}

.head01G {
  border-bottom: 1px solid #fff;
}

.gmListTwo {
  margin: 10px 0px 30px;
  padding-left: 20px;
}

.gmElementTwo {
  list-style: circle;
  margin-left: 20px;
}

.infoDivisionBlock {
  background: rgba(0,0,0,.45);
  height: 430px;
  margin: 0 auto;
  padding-top: 100px;
  text-align: center;
  width: 100%;
}

/*.infoImportant {
  width: 15%;
}

.infoImportant2 {
  width: 20%;
}
*/
.info1 {
  font-size: 34px;
}

.info2 {
  font-size: 25px;
}

.info3 {
  font-size: 22px;
}

#linkMineria {
  background-image: url("../images/siteimg/img67.jpg");
}

#linkInfra {
  background-image: url("../images/siteimg/img66.jpg");
}

#linkTransport {
  background-image: url("../images/siteimg/img68.jpg");
}

#linkFundacion {
  background-image: url("../images/siteimg/img74.jpg");
  background-position-y: 45%; 
}

#linkProveedores {
  background-image: url("../images/siteimg/img97.jpg");
  background-position-y: 10%; 
}

#linkBolsa {
  background-image: url("../images/siteimg/img82.jpg");
  background-position-y: 35%; 
}

#link91 {
  background-image: url("../images/siteimg/img91.jpg");
  background-position-y: 35%; 
}

#link94 {
  background-image: url("../images/siteimg/img94.jpg");
  background-position-y: 35%; 
}

#link95 {
  background-image: url("../images/siteimg/img95.jpg");
  background-position-y: 35%; 
}

.imgsInBlock {
  text-align: center;
  width: 100%;
}

.imgsInBlock li {
  display: inline-block;
  max-width: 100px;
  width: 30%;
}
.imgsInBlock li img {
  max-width: 110%;
}

/*-----------------------------------------------------------------------------
   7. DIVISION MINERIA
-----------------------------------------------------------------------------*/

@media (max-width: 900px) {
  #linkMineria .importantLink {
    font-size: 25px;
  }
}
@media (max-width: 700px) {
  #linkMineria .linkWrp {
    width: 100%;
  }
  #linkMineria.lastLink {
    height: auto;
  }
}

/*-----------------------------------------------------------------------------
   7. DIVISION TRANSPORTES
-----------------------------------------------------------------------------*/

@media (max-width: 900px) {
  #linkTransport .importantLink {
    font-size: 25px;
  }
}
@media (max-width: 700px) {
  #linkTransport .linkWrp {
    width: 100%;
  }
  #linkTransport.lastLink {
    height: auto;
  }
}
@media (max-width: 450px) {
  #TranspDivision .infoImportant2 {
    width: 87%;
  }
  #TranspDivision .infoImportant2 .info1 {
    font-size: 22px;
  }
  #TranspDivision .infoImportant2 .info2 {
    font-size: 17px;
  }
  #TranspDivision .infoImportant2 .info3 {
    font-size: 18px;
  }
}

/*-----------------------------------------------------------------------------
   7. DIVISION INFRAESTRUCTURA
-----------------------------------------------------------------------------*/
@media (max-width: 900px) {
  #linkInfra .importantLink {
      font-size: 25px;
  }
}
@media (max-width: 700px) {
  #linkInfra.lastLink {
      height: auto;
  }
  #linkInfra .linkWrp {
      width: 100%;
  }
}
@media (max-width: 450px) {
  #InfraDivision .infoImportant2 {
      width: 87%;
  }
  #InfraDivision .infoImportant2 .info1 {
      font-size: 22px;
  }
  #InfraDivision .infoImportant2 .info2 {
      font-size: 17px;
  }
  #InfraDivision .infoImportant2 .info3 {
      font-size: 18px;
  }
}

/*-----------------------------------------------------------------------------
   7. INVERSIONISTAS
-----------------------------------------------------------------------------*/

.repoFinance {
  display: block;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 992px) {
  .repoFinance {
    display: inline-block;
    width: 70%;
  }
}

@media (min-width: 1080px) {
  .repoFinance {
    width: 75%;
  }
}

.repoBlock {
  background: #e6e7e8;
  display: inline-block;
  height: 200px;
  margin: 20px auto;
  padding: 5%;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 768px) {
  .repoBlock {
    margin: 0px 0px 30px 10px;
    padding: 2%;
    width: 47%;
  }
}

@media (min-width: 1200px) {
  .repoBlock {
    width: 47%;
  }
}

@media (min-width: 1400px) {
  .repoBlock {
    width: 30%;
  }
}

.textRepoBlock {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  width: 45%;
}

@media (min-width: 560px) {
  .textRepoBlock {
    width: 65%;
  }
}

@media (min-width: 768px) {
  .textRepoBlock {
    float: left;
    width: 55%;
  }
}

.textRepoBlock p {
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 23px;
  line-height: normal;
}

.textRepoBlock a {
  color: #80002d;
  font-family: "HelveticaCondensed", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
}

.textRepoBlock a:hover {
  text-decoration: underline;
}

.textRepo {
  height: 79%;
}

.buttRepo {
  height: 19%;
}

.downRepo {
  background: #80002d;
  color: #fff;
  display: block;
  padding: 5px;
  text-align: center;
  width: 110px;
}

.imgRepoBlock {
/*  border-left: 1px solid #41555f;
*/  display: inline-block;
  height: 100%;
  margin-left: 5%;
  max-width: 120px;
/*  padding-left: 10px;
*/  vertical-align: top;
  width: 45%;
}

.imgRepoBlock img {
  float: right;
  height: 100%;
  vertical-align: top;
} 

.contactFinance {
  border-left: 2px solid #80002d;
  display: inline-block;
  margin: 50px 0px 0px;
  min-height: 300px;
  padding-left: 20px;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 768px) {
  .contactFinance {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .contactFinance {
    margin: 0 auto;
    width: 20%;
  }
}

.nameContact {
  font-family: "HelveticaCondensedBold", sans-serif;
  line-height: normal;
  margin-bottom: 10px;
}

.contactFinance ul a {
  color: #80002d;
}

.sustainableReport {
  background: #e6e7e8;
  display: inline-block;
  margin: 0px 20px 50px 20px;
  padding: 2%;
  width: 250px;
}

.anualS {
  margin-top: 15px;
  text-align: center;
}


.financeReport {
  background: #e6e7e8;
  display: inline-block;
  margin: 0px 20px 50px 20px;
  padding: 2%;
  width: 250px;
}

.yearReport {
  font-family: "HelveticaCondensed", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}

.blockT {
  background: #41555f;
  color: #fff;
  display: inline-block;
  font-family: "HelveticaCondensed", sans-serif;
  padding: 9px;
  text-align: center;
}

.blockR, .blockR2 {
  border-top: 1px solid #41555f;
  color: #41555F;
  display: inline-block;
  font-family: "HelveticaCondensed", sans-serif;
  font-size: 17px;  
  margin-top: 20px;
  padding: 10px 0px ;
  text-align: center;
  width: 100%;
}

.blockR:hover {
  text-decoration: underline;
}

.anualR {
  border-top: 1px solid #41555f;
  margin-top: 15px;
  padding-top: 15px;
  text-align: center;
}

.ingeniaMagazineWrp {
  margin-bottom: 100px;
}

.ingeniaMagazineBlock {
  margin-top: 50px;
}

.ingeniaMagazine {
  padding-top: 15px;
  text-align: center;
}

.ingeniaMagazine img {
  margin-bottom: 50px;
}

.anualR a {
  color: #80002d;
}

.anualR a:hover {
  text-decoration: underline;
}

.imgYearReport {
  margin-bottom: 15px;
  max-width: 150px;
}

#infoBolsa {
  background: #e6e7e8;
  display: block;
  margin: 50px auto;
  padding: 30px;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 768px) {
  #infoBolsa {
    display: inline-block;
    margin: 0;
    width: 30%;
  }
}

#infoBolsa ul li {
  font-family: "HelveticaCondensed", sans-serif;
}

#tableData01 {
  display: block;
  overflow-x: scroll;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 768px) {
  #tableData01 {
    display: inline-block;
    margin-left: 3%;
    width: 65%;
  }
}

@media (min-width: 1320px) {
  #tableData01 {
    overflow-x: inherit;
  }
}

.overBlockTable01 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5)); /*Standard*/
  height: 790px;
  position: absolute;
  right: 5%;
  width: 25px;
}

@media (min-width: 768px) {
  .overBlockTable01  {
    height: 433px;
    right: 6.2%;
  }
}

@media (min-width: 992px) {
  .overBlockTable01  {
    right: 15.9%;
  }
}

@media (min-width: 1325px) {
  .overBlockTable01  {
    display: none;
  }
}

.overBlockTable02 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5)); /*Standard*/
  height: 435px;
  position: absolute;
  right: 5%;
  width: 25px;
}

@media (min-width: 500px) {
  .overBlockTable02  {
    display: none;
  }
}

.overBlockTable03 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5)); /*Standard*/
  height: 735px;
  position: absolute;
  right: 5%;
  width: 25px;
}

@media (min-width: 500px) {
  .overBlockTable03  {
    display: none;
  }
}

.overBlockTable04 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5)); /*Standard*/
  height: 650px;
  position: absolute;
  right: 7.5%;
  width: 25px;
}

@media (min-width: 450px) {
  .overBlockTable04  {
    right: 7%;
  }
}

@media (min-width: 620px) {
  .overBlockTable04  {
    display: none;
  }
}

.overBlockTable05 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.5)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5)); /*Standard*/
  height: 800px;
  position: absolute;
  right: 7.5%;
  width: 25px;
}

@media (min-width: 450px) {
  .overBlockTable05  {
    right: 7%;
  }
}

@media (min-width: 620px) {
  .overBlockTable05  {
    display: none;
  }
}

#tableData01 table {
  width: 100%;
}

.tableHeader01 {
/*  background-image: url("../images/siteimg/pleca01.png");
*/  background: #80002d;
  color: #fff;
}

.tableHeader01 tr {
  height: 40px;
}

.tableHeader01 tr th {
  padding-right: 10px;
  text-align: right;
}

.tr00 {
  height: 150px;
}

@media (min-width: 768px) {
  .tr00 {
    height: 100px;
  }
}

.tr01 {
  height: 150px;
}

@media (min-width: 768px) {
  .tr01 {
    height: 70px;
  }
}

.tr02 {
  background: #c6d4db;
  height: 150px;
}

@media (min-width: 768px) {
  .tr02 {
    height: 70px;
  }
}

.tr03 {
  border-bottom: 1px solid #c6d4db;
  height: 150px;
}

@media (min-width: 768px) {
  .tr03 {
    height: 70px;
  }
}



.tableCell {
  padding-right: 10px;
  text-align: right;
  width: 100px;
}

.tableCellFirst {
  border-right: 1px solid #c6d4db;
  padding-left: 10px;
  width: 180px;
}

.spanBolsa {
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 23px;
  text-transform: uppercase;
}

#tabWrp {
  display: block;
  position: relative;
  overflow: scroll;
  width: 100% !important;
}

#MainFrm {
  font-size: 13px;
  width: 100%;
}

.post-content {
  font-size: 13px;
  margin: 50px auto 100px;
  max-height: 550px;
  position: relative;
  z-index: 0;
  width: 100% !important;
}

.dividendosWrp {
  margin: 150px auto;
}

.header02 {
  background: #80002d;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin: 0 auto;
  max-width: 900px;
  position: relative;
}

.header02 p {
  color: #fff;
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 23px;
  font-size: 30px;
  left: 40%;
  position: absolute;
  top: 5px;
}

@media (min-width: 768px) {
  .header02 p {
    left: 47%;
  }
}

.listMembers {
  display: inline-block;
  margin: 0px 10px;
  padding-left: 5%;
  text-align: left;
  vertical-align: top;
  width: 30%;
}

.listMembers2 {
  display: inline-block;
  margin: 0px 10px;
  padding-left: 12%;
  text-align: left;
  vertical-align: top;
  width: 45%;
}

.memberFirst {
  border-left: 1px solid #c4c4c4;
}

.member {
  margin: 30px 0px
}

.tittleMember {
/*  border-top: 1px solid #808080;
*/  color: #80002d;
  display: block;
  font-size: 15px;
}

.tableDividendos {
  display: block;
  margin: 50px auto;
  max-width: 900px;
  overflow: scroll;
  width: 100%;
}

@media (min-width: 768px) {
  .tableDividendos {
    overflow: auto;
    width: auto;
  }
}

.tableDividendos thead {
  border-bottom: 2px solid #41555f;
}

.tableDividendos thead tr {
  height: 50px;
}

.dividendosTh01 {
  padding-right: 10px;
  text-align: right;
  width: 190px;
}

.dividendosTh02 {
  padding-left: 10px;
  text-align: left;
  width: 190px;
}

.dividendosTd01 {
  padding-right: 10px;
  text-align: right;
}

.minWDividendos {
  min-width: 195px;
}

.dividendosTd02 {
  padding-left: 10px;
  text-align: left;
}

.graphics {
  display: block;
  margin: 50px 0px;
  width: 100%;
}

@media (min-width: 768px) {
  .graphics {
    display: inline-block;
    margin: auto;
    width: 45%;
  }
}

.headGraphic {
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 30px;
  margin: 0 auto 30px;
  max-width: 500px;
  padding-bottom: 10px;
  text-align: left;
}

.imgGraphic {
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}

@media (min-width: 768px) {
  .imgGraphic {
    display: inline-block;
    width: 80%;
  }
}

.docReport {
  background: #e6e7e8;
  display: inline-block;
  margin: 0px 20px 50px 20px;
  padding: 2%;
  width: 45%;
}

.infoDoc {
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 1.2;
}

.fileDoc {
  display: inline-block;
  margin: 2% 0;
  vertical-align: top;
  width: 45%;
}

.fileDoc a, .fileDocThird a {
  color: #80002d;
}

.fileDoc a:hover, .fileDocThird a:hover {
  text-decoration: underline;
}

.fileDocThird {
  display: inline-block;
  margin: 2% 0;
  vertical-align: top;
  width: 30%;
}

.analistaBlock, .analistaBlock2 {
  display: inline-block;
  margin: 30px auto;
  padding: 20px 0px;
  text-align: left;
  max-width: 500px;
  min-height: 165px;
  vertical-align: middle;
  width: 112%;
  margin-left: -6%;
}

@media (min-width: 500px) {
  .analistaBlock, .analistaBlock2 {
    margin-left: 0;
    padding: 20px;
    width: 100%
  }
}

@media (min-width: 768px) {
  .analistaBlock, .analistaBlock2 {
    margin: 10px;
  }
}

@media (min-width: 992px) {
  .analistaBlock, .analistaBlock2 {
    width: 47%;
  }
}

.analistaBlock {
  background: #e6e7e8;
}

.analistaBlock2 {
  background: #c6d4db;
}

.imgAnalista, .infoAnalista {
  vertical-align: middle;
}

.imgAnalista {
  display: none;
  padding-right: 15px;
  width: 30%;
}

@media (min-width: 1080px) {
  .imgAnalista {
    display: inline-block;
    width: 20%;
  }
}

.infoAnalista {
  display: inline-block;
  border-left: 1px solid #41555f;
  font-family: "HelveticaCondensed", sans-serif;
  font-size: 17px;
  text-align: left;
  padding-left: 15px;
  width: 100%;
}

@media (min-width: 1080px) {
  .infoAnalista {
    width: 78%;
  }
}

.infoAnalista ul li a {
  color: #80002d;
}

.analistName {
  font-family: "HelveticaCondensedBold", sans-serif;
  text-transform: uppercase;
}

.mailAnalist {
  font-size: 15px;
}

.documentsLi {
  padding: 15px 30px;
  text-align: left;
}

.liGray {
  background: #c6d4db;
}

.lastGray {
  border-bottom: 1px solid #c6d4db;
}

.inRight {
  color: #41555f;
  float: right;
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
}

.listEvents {
  margin: 20px 0px 70px;
}

#backInForm {
  background-image: url("../images/siteimg/img87.jpg");
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}

#blackForm {
  background: rgba(0,0,0,.45);
  height: 100%;
  padding: 28px 0px;
  text-align: center;
  width: 100%;
}

#blackForm p {
  font-family: "HelveticaCondensedBold", sans-serif;
}

#areasInteres, #areaMail, #buttonSub, #areaEmpresa {
  margin: 20px 0px 30px;
}

#areasInteres ul {
  text-align: left;
}

@media (min-width: 768px) {
  #areasInteres ul {
    text-align: center;
  }
}

#areasInteres ul li {
  display: block;
  margin: 10px 0px;
}

@media (min-width: 768px) {
  #areasInteres ul li {
    display: inline-block;
  }
}

#areasInteres input {
  margin-left: 30px;
}

#areaMail input {
  border-radius: 5px;
  color: #808080;
  height: 30px;
  background: #fff;
  padding-left: 15px;
  width: 300px;
}

#areaEmpresa ul li {
  display: block;
  margin: 20px 0px;
}

@media (min-width: 768px) {
  #areaEmpresa ul li {
    display: inline-block;
    vertical-align: top;
  }
}

.note {
  color: #f9eb1d;
  font-family: "frutigerB", sans-serif !important;
  font-size: 15px;
  margin-top: 10px;
}

#areaEmpresa ul li input {
  border-radius: 5px;
  box-sizing: border-box;
  color: #808080;
  height: 30px;
  background: #fff;
  margin: 10px auto 30px;
  padding-left: 15px;
  width: 300px;
}

@media (min-width: 768px) {
  #areaEmpresa ul li input {
    margin: 0px 30px;
  }
}

.lineForm {
  border-top: 1px solid #808080;
  height: 1px;
  margin: 10px auto 0px;
  width: 90%;
}

@media (min-width: 768px) {
  .lineForm {
    width: 40%;
  }
}

#buttonSub input {
  background: #80002d;
  color: #fff;
  height: 50px;
  width: 150px;
}

::-webkit-input-placeholder {
   color: #808080;
}

:-moz-placeholder { /* Firefox 18- */
   color: #808080;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #808080;  
}

:-ms-input-placeholder {  
   color: #808080;  
}
/****Formulario******/
.quform-elements input, .quform-elements textarea {
    padding: 0px;
    border-bottom: none;
}
.quform-submit-inner {
    float: none;
}

/*-----------------------------------------------------------------------------
   7. INVERSIONISTAS
-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------
   8. DESARROLLO SUSTENTABLE
-----------------------------------------------------------------------------*/

@media (max-width:1200px) {
  #desarrolloSustentable .width70 {
      width: 100%;
  }
}
@media (max-width: 1050px) {
  #desarrolloSustentable .width70 {
    width: 95%;
  }
}

@media (max-width: 768px) {
  #desarrolloSustentable .width70 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}

#sustentableLogo, #sustentableText {
  display: inline-block;
  vertical-align: middle;
}

#sustentableLogo {
  width: 30%;
}

#sustentableLogo img {
  max-width: 100%;
}

#sustentableText {
  text-align: left;
  width: 60%; 
}

@media (max-width: 1024px) {
  #sustentableLogo {
    width: 40%;
  }
  #sustentableText {
    width: 50%; 
  }
}
@media (max-width: 768px) {
  #sustentableLogo {
    display: block;
    margin:2em auto;
    width: 60%;
  }
  #sustentableText {
    width: 70%;
    display: block;
    margin:2em auto;
  }
}
@media (max-width: 400px) {
  #sustentableLogo {
    width: 100%;
  }
  #sustentableText {
    width: 100%;
  }
}

.oneDivider {
    border-right: 5px solid #414042;
    border-top: none;
    display: inline-block;
    height: 100%;
    margin: 0px 20px;
    vertical-align: middle;
    height: 250px;
}
@media (max-width: 768px) {
  .oneDivider {
    border-right: none;
    border-top: 5px solid #414042;
    height: 5px;
    display: block;
    width: 70%;
    margin:2em auto;
  }
}
@media (max-width: 400px) {
  .oneDivider {
    width: 100%;
  }
}
.sectionBar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 350px;
  margin: 50px 0px;
  vertical-align: top;
  width: 33%;
}
.sectionBlackBar {
  background: rgba(0,0,0,.45);
  color: #fff !important;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: 100%;
}

@media (min-width: 1000px) and (max-width: 1220px) {
  .sectionBar {
    min-height: 400px;
    width: 32.93%;
  }
}

.sectionHead {
  color: #fff;
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 34px;
  text-transform: uppercase;
}

.sectionLine {
  color: #fff;
  font-size: 20px;
}

.sectionParr {
  border-top: 1px solid #fff;
  margin: 0 auto;
  padding-top: 30px;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 999px) {
  .sectionBar {
    min-height: 450px;
    width: 32%;
  }
  .sectionHead {
      font-size: 31px;
  }

  .sectionLine {
      font-size: 18px;
  }

  .sectionParr {
      font-size: 0.9em;
  }
}
@media (max-width: 767px) {
  .sectionBar {
    height: auto;
    width: 100%;
    margin: 5px 0px;
  }
}

.sectBlockOne {
  height: 70%;
}

.sectBlockTwo {
  height: 25%;
}

#creceBar {
  background-image: url("../images/siteimg/img47.jpg");
}

#promueveBar {
  background-image: url("../images/siteimg/img16.jpg");
}

#protegeBar {
  background-image: url("../images/siteimg/img26.jpg");
}

.circleButton {
  border: 2px solid #80002d;
  border-radius: 100%;
  height: 150px;
  margin: 0 auto;
  padding-top: 20px;
  width: 150px;
}

#linkSustentable {
  background-image: url("../images/siteimg/img31.jpg");
}

@media (max-width: 1400px) {
  #creceBar, #promueveBar, #protegeBar {
    line-height: normal;
  }
}
/*-----------------------------------------------------------------------------
   8. DESARROLLO SUSTENTABLE
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
   9. FUNDACIÓN
-----------------------------------------------------------------------------*/
.fundacionBlock2 {
  text-align: right;
}

.imgFundacion {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 300px;
  vertical-align: middle;
  width: 50%;
}


.fundacionParr, .fundacionParr2 {
  display: inline-block;
  padding-top: 15px;
  vertical-align: middle;
  width: 35%;
}

.fundacionParr2 {
  text-align: left;
}

#fundacion01 {
  background-image: url("../images/siteimg/img71.jpg");
  background-position-y: 20%;
}

#fundacion02 {
  background-image: url("../images/siteimg/img72.jpg");
}

#fundacion03 {
  background-image: url("../images/siteimg/img73.jpg");
}

.fundacionDot {
  display: block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 992px) {
  .fundacionDot {
    display: inline-block;
    width: 30%;
  }
}

.fundacionDotParr {
  padding: 30px;
  text-align: left;
}

.fundacionImgs {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  display: inline-block;
  height: 260px;
  margin: 0px auto;
  max-height: 260px;
  max-width: 260px;
  vertical-align: middle;
  width: 100%;
}

#fundacionDot01 {
  background-image: url("../images/siteimg/found03.jpg");
  background-position-x: 40%; 
}

#fundacionDot02 {
  background-image: url("../images/siteimg/found02.jpg");
}

#fundacionDot03 {
  background-image: url("../images/siteimg/found01.jpg");
  background-position-x: 40%;
}

/*-----------------------------------------------------------------------------
   9. FUNDACIÓN
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
   10. BOLSA DE TRABAJO
-----------------------------------------------------------------------------*/

.bolsaDotWrp {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 300px;
  margin: 30px -3px;
  text-align: center;
  vertical-align: top;
  width: 20%;
}
@media (max-width: 1440px) {
  .bolsaDotWrp h2 {
    font-size: 25px;
  }
}
@media (max-width: 1023px) {
  .bolsaDotWrp {
    width: 50%;
    margin: 0px -3px;
  }
}
@media (max-width: 499px) {
  .bolsaDotWrp {
    width: 100%;
  }
}

#bolsaMineria {
  background-image: url("../images/siteimg/img56.jpg");
}

#bolsaPerforación {
  background-image: url("../images/siteimg/img66.jpg");
}

#bolsaConstruccion {
  background-image: url("../images/siteimg/img48.jpg");
}

#bolsaIngenieria {
  background-image: url("../images/siteimg/img43.jpg");
}

#bolsaEnergia {
  background-image: url("../images/siteimg/img24.jpg");
}
@media (max-width: 1023px) {
  #bolsaEnergia {
    width: 100%;
  }
}

.textBolsa {
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  transform: translateY(80px);
}
@media (max-width: 900px) {
  #linkBolsa .importantLink {
      font-size: 25px;
  }
}
@media (max-width: 700px) {
  #linkBolsa .linkWrp {
      width: 100%;
  }
}
/*-----------------------------------------------------------------------------
   10. BOLSA DE TRABAJO
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
   11. PRENSA
-----------------------------------------------------------------------------*/

.docsTable {
  width: 100%;
}

.tittleDoc {
  padding-left: 10px;
  text-align: left;
  width: 80%;
}

.downloadDoc {
  padding-right: 10px;
  text-align: right;
  width: 19%;
}


/*-----------------------------------------------------------------------------
   11. PRENSA
-----------------------------------------------------------------------------*/

@media (max-width: 850px) {
  #salaPrensa .width70 {
    width: 85%;
  }
}

@media (max-width: 728px) {
  #salaPrensa .width70 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  #salaPrensa .tittleDoc {
    width: 50%;
  }
}

@media (min-width: 768px) {
  li.col-md-6.col-sm-4 {
    margin: 1%;
    width: 48%;
  }
}

@media (min-width: 992px) {
  li.col-md-6.col-sm-4 {
    margin: 1%;
    width: 18%;
  }
}

@media (min-width: 1550px) {
  li.col-md-6.col-sm-4 {
    margin: 1%;
    width: 14%;
  }
}

@media (min-width: 1080px) {
  .col-md-6 {
    width: 17%;
  }
}

/*-----------------------------------------------------------------------------
   12. PROVEEDORES
-----------------------------------------------------------------------------*/

.buildingPage {
  color: #fff;
  font-family: "HelveticaCondensedBold", sans-serif;
  font-size: 40px;
  height: 600px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20;
}

@media (min-width: 768px) {
  .buildingPage {
    font-size: 70px;
  }
}

@media (min-width: 992px) {
  .buildingPage {
    font-size: 70px;
    height: 100%;
  }
}

.errorPage {
  color: #fff;
  font-family: "HelveticaCondensedBold", sans-serif;
  height: 600px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20;
}

@media (min-width: 992px) {
  .errorPage {
    height: 100%;
  }
}

.buildingPage p, .errorWrp {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.errorWrp {
  line-height: normal;
  width: 90%;
}

@media (min-width: 992px) {
  .errorWrp {
    width: auto;
  }
}

.errorWrp h2 {
  color: #fff;
  font-size: 70px;
}

.errorWrp p {
  font-size: 35px;
}

.errorWrp span {
  font-family: "Rotis", sans-serif;
  font-size: 22px;
  text-align: left;
}

.dividerError {
  border-top: 1px solid #b7b7b7;
  margin: 30px 0px;
}


/*-----------------------------------------------------------------------------
   12. PROVEEDORES
-----------------------------------------------------------------------------*/

.infoImportant, .infoImportant2, .infoImportant3 {
  background: rgba(0,0,0,.65);
  color: #fff;
  display: inline-block;
  font-family: "HelveticaCondensedBold", sans-serif;
  line-height: 1.3;
  margin: 20px;
  position: relative;
  vertical-align: top;
  z-index: 20;
}

.infoSquad {
  display: inline;
}

@media (min-width: 992px) {
  .infoSquad {
    display: block;
  }
}

.infoImportant {
  height: 200px;
  width: 200px;
}

.infoImportant2 {
  height: 200px;
  width: 350px;
}

.cifrasDivisiones {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  padding: 5%;
  text-align: center;
  width: 100%;
}

.infoWrp {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 90%;
}

.blackInfoBlock {
  background: rgba(0,0,0,.45);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 10;

}

#mineraDivision {
  background-image: url("../images/siteimg/img49_2.jpg");
}

#InfraDivision {
  background-image: url("../images/siteimg/img54_2.jpg");
}

#TranspDivision {
  background-image: url("../images/siteimg/img68_2.jpg");
  background-position-y: 20%;
}

.circleReportA {
  background: #fff;
  border-radius: 100%;
  display: block;
  height: 40px;
  margin: 0 auto;
  width: 40px;
}

.esquemaView {
  background: #80002d;
  color: #fff;
  display: block;
  font-size: 15px;
  margin: 0 auto;
  padding: 5px;
  text-align: center;
  width: 125px;
}

/*-----------------------------------------------------------------------------
   AVISO DE PRIVACIDAD
-----------------------------------------------------------------------------*/

#aviso {
  max-width: 1020px;
  margin:150px auto 150px;
}
@media (max-width: 1079px){
  #aviso {
    width: 80%;
    margin:142px auto 80px;
  }
}
@media (max-width: 728px){
  #aviso {
    width: 100%;
    margin:142px 0 80px;
  }
}
#aviso .marginBlockOne {
  margin-top: 40px;
}
@media (max-width: 728px){
  #aviso .marginBlockOne {
    width: 100%;
    padding: 0 30px;
  }
}
#aviso p, #aviso ul {
  margin-bottom: 1.1em;
}
#aviso h2 {
  margin: 1.5em 0;
}
#aviso .nameSection {
  width: 100%;
}
@media (max-width: 728px){
  #aviso .nameSection {
    width: 100%;
    padding: 0 30px;
  }
}

/* //////////////Galería Flechas ////////////// */

.mfp-arrow-right:before {
    right: 15px;
    content: '\f105';
    font-family: 'FontAwesome';
}

@media (min-width: 768px){
  .mfp-arrow-right:before {
    right: 25px;
  }
}

.mfp-arrow-left:before {
    left: 15px;
    content: '\f104';
    font-family: 'FontAwesome';
}

@media (min-width: 768px){
  .mfp-arrow-left:before {
    left: 25px;
  }
}

.mfp-close-btn-in .mfp-close {
    color: #ffffff;
    font-size: 1.6em;
    /*left: 49%;*/
    top: 6%;
}
.mfp-close-btn-in .mfp-close:before {
    content: '';
}
.mfp-close {
    font-size: 1.6em;
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-tap-highlight-color: transparent;
}
.mfp-close:before {
    content: '';
}