/*

Autor: Ing. Hector Martinez Martinez

*/

/*************fonts*************/

@import url(fonts.css);



/****************************************

*******Stilos Generales******************

*****************************************/

h1{

    font-family: Aller_Bd;

}

h2{



   font-family: ArialNovaCond-Italic;

}

h3{



   font-family: Aller_LtIt;

}

h4{

   font-family: Aller_LtIt;

}

h5{

   font-family: Aller_LtIt;

}

h6{

   font-family: Aller_LtIt;

}



ul, li{                                                    

    list-style: none;

    font-size: 1em;

    font-family:ArialNova-Light;

}



p {

   font-size: 1em;

   font-family:ArialNova-Light;

}

a{

    text-decoration: none;

    font-size: 1em;

    font-family:ArialNovaCond;

}

a:hover{

   font-family:ArialNovaCond;

}

/*************************************************************************************/

/*                                                                                   */

/*                               Video principal                                     */

/*                                                                                   */

/*************************************************************************************/

/*.videoprinchiautla {
  width: 100%;
  min-height: 500px;
}


.videoprinchiautla #seccvideo1{
  background-color: #00CC48;
  color: #fff;
  overflow: hidden;
}

.videoprinchiautla video {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
}
.videoprinchiautla h1 {
  margin: 0;
  padding-top:20rem;
  padding-left: 16rem;
  color:red;
}   */

 /****pppppppppppppppppppppppppppppppppppppppppppppppppppppppppp*/

 .chiautlavid{
   width: 100%;
   height: auto;
   min-height: 500px;
   padding-top: 130px;

 }

 .chiautlavid .vidytexto{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width: 100%;

 }

 .chiautlavid .vidytexto video{
  width: 100%;
  height: 100%
  z-index: -1;
 }

 .chiautlavid .vidytexto .encabezado{
   width: 60%;
   height: auto;
   background: #fcb223;
   position: absolute;
   left: 0;
   top: 0px;
 }

 .chiautlavid .vidytexto .encabezado h1{
     font-size:2.8em;
     color: black;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-left: 10px;
     padding-right: 10px;
 }
 .chiautlavid .vidytexto .encabezado h1 span{
     color: #FFFFFF;
 }

 @media all and (max-width: 999px) and (min-width: 961px){
   .chiautlavid{
   width: 100%;
   height: auto;
   min-height: 500px;
   padding-top: 83px;
 }

 .chiautlavid .vidytexto{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width: 100%;

 }

 .chiautlavid .vidytexto video{
  width: 100%;
  height: 100%
  z-index: -1;
 }

 .chiautlavid .vidytexto .encabezado{
   width: 60%;
   height: auto;
   background: #ffb300;
   position: absolute;
   left: 0;
   top: 0px;
 }

 .chiautlavid .vidytexto .encabezado h1{
     font-size:1.8em;
     color: black;
     padding-top: 15px;
     padding-bottom: 15px;
 }
 }

 @media all and (max-width: 960px) and (min-width: 769px){
   .chiautlavid{
   width: 100%;
   height: auto;
   min-height: 500px;
   padding-top: 83px;
 }

 .chiautlavid .vidytexto{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width: 100%;

 }

 .chiautlavid .vidytexto video{
  width: 100%;
  height: 100%
  z-index: -1;
 }

 .chiautlavid .vidytexto .encabezado{
   width: 50%;
   height: auto;
   background: #ffb300;
   position: absolute;
   left: 0;
   top:0px;
 }

 .chiautlavid .vidytexto .encabezado h1{
     font-size:1.6em;
     color: black;
     padding-top: 15px;
     padding-bottom: 15px;
 }
 }

 @media all and (max-width: 768px) and (min-width: 410px){
  .chiautlavid{
   width: 100%;
   height: 200px;
   padding-top:90px;
 }

 .chiautlavid .vidytexto{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width: 100%;

 }

 .chiautlavid .vidytexto video{
  width: 100%;
  height: 100%
  z-index: -1;
 }

 .chiautlavid .vidytexto .encabezado{
   width:60%;
   height: auto;
   background: rgba(255,179,0,0.6);
   position: absolute;
   left: 0;
   top:0px;
 }

 .chiautlavid .vidytexto .encabezado h1{
     font-size:1em;
     color: black;
     padding-top: 8px;
     padding-bottom: 8px;
     text-align: center;
 }
 }

 @media all and (max-width: 409px) and (min-width: 350px){
  .chiautlavid{
   width: 100%;
   height: auto;
   min-height: 500px;
   padding-top:90px;
 }

 .chiautlavid .vidytexto{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width: 100%;

 }

 .chiautlavid .vidytexto video{
  width: 100%;
  height: 100%
  z-index: -1;
 }

 .chiautlavid .vidytexto .encabezado{
   width:50%;
   height: auto;
   background: rgba(255,179,0,0.6);
   position: absolute;
   left: 0;
   top:0px;
 }

 .chiautlavid .vidytexto .encabezado h1{
     font-size:.8em;
     color: black;
     padding-top: 8px;
     padding-bottom: 8px;
     text-align: center;
 }

 }


/*************************************************************************************/

/*                                                                                   */

/*                               GENERALES DE TABLA                                  */

/*                                                                                   */

/*************************************************************************************/



/*********************************************************************

****************************Caracteristicas (tabla) y texto*******************

**********************************************************************/


/***************************************/
   .descripcion_proychi2{
       width: 100%;
       height: auto;
       background:url("../img/secciones/012_Chiautla/fondo/fondo_circulo.jpg") 50% 50% no-repeat ;
	   background-size: cover;
       margin-top: 40px;
       padding-left: 15px;
       padding-right: 15px;

      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;  /*centra en pocicion horizontal*/
      margin: auto ;
     }


   .descripcion_proychi2 .descripx{
       width: 45%;
       /*max-width: 600px;*/
       height: auto;
   }

   .descripcion_proychi2 .cont_descripcion{
       border-left: 3px solid  #ffb300;
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;
   }

   .descripcion_proychi2 .cont_descripcion table{
       margin-left: 20px;
    }

   .descripcion_proychi2 .cont_descripcion tr #prt{
    text-align: left;
    font-weight: 500;
    padding-right: 15px;
    color:#ffb300;
   }
   .descripcion_proychi2 .cont_descripcion table td{
     text-align: left;
     font-size: 14px;
     padding-right: 20px;
     color: white;
     padding-bottom: 20px;
   }

   /****texto****/
   .descripcion_proychi2 .Explicacion{
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;

       display:flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
   }
   .descripcion_proychi2 .Explicacion .texto{
      width: 90%;
      height: auto;

   }

   .descripcion_proychi2 .Explicacion .texto h4{
       text-align: center;
       color: #ffb300;
   }
   .descripcion_proychi2 .Explicacion .texto h4 span{
       text-align: center;
       color:white;
   }

   .descripcion_proychi2 .Explicacion .texto p{
      color: white;
      text-align: center;
   }

/******/
 /*   @media all and (max-width: 999px) and (min-width: 961px)
    @media all and (max-width: 960px) and (min-width: 769px)
    @media all and (max-width: 768px) and (min-width: 410px)
    @media all and (max-width: 409px) and (min-width: 350px)  */

 /*   @media all and (max-width: 1280px) and (min-width: 721px)
    @media all and (max-width: 720px) and (min-width: 668px)
    @media all and (max-width: 667px) and (min-width: 641px)
    @media all and (max-width: 640px) and (min-width: 360px)*/

    @media all and (max-width: 999px) and (min-width: 961px) {
     .descripcion_proychi2{
       width: 100%;
       height: auto;
       background:url("../img/secciones/012_Chiautla/fondo/fondo_circulo.jpg") 50% 50% no-repeat ;
	   background-size: cover;
       margin-top: 40px;
       padding-left: 15px;
       padding-right: 15px;

      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;  /*centra en pocicion horizontal*/
      margin: auto ;
     }


   .descripcion_proychi2 .descripx{
       width: 45%;
       /*max-width: 600px;*/
       height: auto;
   }

   .descripcion_proychi2 .cont_descripcion{
       border-left: 3px solid  #ffb300;
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;
   }

   .descripcion_proychi2 .cont_descripcion table{
       margin-left: 20px;
    }

   .descripcion_proychi2 .cont_descripcion tr #prt{
    text-align: left;
    font-weight: 500;
    padding-right: 15px;
    color:#ffb300;
   }
   .descripcion_proychi2 .cont_descripcion table td{
     text-align: left;
     font-size: 14px;
     padding-right: 20px;
     color: white;
     padding-bottom: 20px;
   }

   /****texto****/
   .descripcion_proychi2 .Explicacion{
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;

       display:flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
   }
   .descripcion_proychi2 .Explicacion .texto{
      width: 90%;
      height: auto;

   }

   .descripcion_proychi2 .Explicacion .texto h4{
       text-align: center;
       color: #ffb300;
   }
   .descripcion_proychi2 .Explicacion .texto h4 span{
       text-align: center;
       color:white;
   }

   .descripcion_proychi2 .Explicacion .texto p{
      color: white;
      text-align: center;
   }
    }
   @media all and (max-width: 960px) and (min-width: 769px){
     .descripcion_proychi2{
       width: 100%;
       height: auto;
       background:url("../img/secciones/012_Chiautla/fondo/fondo_circulo.jpg") 50% 50% no-repeat ;
	   background-size: cover;
       margin-top: 40px;
       padding-left: 15px;
       padding-right: 15px;

      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;  /*centra en pocicion horizontal*/
      margin: auto ;
     }


   .descripcion_proychi2 .descripx{
       width: 45%;
       /*max-width: 600px;*/
       height: auto;
   }

   .descripcion_proychi2 .cont_descripcion{
       border-left: 3px solid  #ffb300;
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;
   }

   .descripcion_proychi2 .cont_descripcion table{
       margin-left: 20px;
    }

   .descripcion_proychi2 .cont_descripcion tr #prt{
    text-align: left;
    font-weight: 500;
    padding-right: 15px;
    color:#ffb300;
   }
   .descripcion_proychi2 .cont_descripcion table td{
     text-align: left;
     font-size: .8em;
     padding-right: 20px;
     color: white;
     padding-bottom: 20px;
   }

   /****texto****/
   .descripcion_proychi2 .Explicacion{
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;

       display:flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
   }
   .descripcion_proychi2 .Explicacion .texto{
      width: 90%;
      height: auto;

   }

   .descripcion_proychi2 .Explicacion .texto h4{
       text-align: center;
       color: #ffb300;
   }
   .descripcion_proychi2 .Explicacion .texto h4 span{
       text-align: center;
       color:white;
   }

   .descripcion_proychi2 .Explicacion .texto p{
      color: white;
      text-align: center;
      font-size: .8em;
   }
   }
    @media all and (max-width: 768px) and (min-width: 629px) {
      .descripcion_proychi2{
       width: 100%;
       height: auto;
  background:url("../img/secciones/012_Chiautla/fondo/fondo_circulo.jpg") 50% 50% no-repeat ;
    /* background:#272727;*/
	   background-size: cover;
       margin-top: 15px;
       padding-left: 15px;
       padding-right: 15px;

      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;  /*centra en pocicion horizontal*/
      margin: auto ;
     }


   .descripcion_proychi2 .descripx{
       width: 45%;
       /*max-width: 600px;*/
       height: auto;
   }

   .descripcion_proychi2 .cont_descripcion{
       border-left: 3px solid  #ffb300;
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;
   }

   .descripcion_proychi2 .cont_descripcion table{
       margin-left: 20px;
    }

   .descripcion_proychi2 .cont_descripcion tr #prt{
    text-align: left;
    font-weight: 500;
    padding-right: 15px;
    color:#ffb300;
   }
   .descripcion_proychi2 .cont_descripcion table td{
     text-align: left;
     font-size: .8em;
     padding-right: 20px;
     color: white;
     padding-bottom: 20px;
   }

   /****texto****/
   .descripcion_proychi2 .Explicacion{
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;

       display:flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
   }
   .descripcion_proychi2 .Explicacion .texto{
      width: 90%;
      height: auto;

   }

   .descripcion_proychi2 .Explicacion .texto h4{
       text-align: center;
       color: #ffb300;
   }
   .descripcion_proychi2 .Explicacion .texto h4 span{
       text-align: center;
       color:white;
   }

   .descripcion_proychi2 .Explicacion .texto p{
      color: white;
      text-align: center;
      font-size: .8em;
   }
    }

     @media all and (max-width: 628px) and (min-width: 410px){
       .descripcion_proychi2{
       width: 100%;
       height: auto;
       /*background:url("../img/secciones/012_Chiautla/fondo/fondo_circulo.jpg") 50% 50% no-repeat ;*/
       background:#272727;
	   background-size: cover;
       margin-top: -40px;
       padding-left: 15px;
       padding-right: 15px;

      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;  /*centra en pocicion horizontal*/
      margin: auto ;

     }


   .descripcion_proychi2 .descripx{
       width: 95%;
       /*max-width: 600px;*/
       height: auto;
   }

   .descripcion_proychi2 .cont_descripcion{
       border-left: 3px solid  #ffb300;
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;
   }

   .descripcion_proychi2 .cont_descripcion table{
       margin-left: 20px;
    }

   .descripcion_proychi2 .cont_descripcion tr #prt{
    text-align: left;
    font-weight: 500;
    padding-right: 15px;
    color:#ffb300;
   }
   .descripcion_proychi2 .cont_descripcion table td{
     text-align: left;
     font-size: .8em;
     padding-right: 20px;
     color: white;
     padding-bottom: 20px;
   }

   /****texto****/
   .descripcion_proychi2 .Explicacion{
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;

       display:flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
   }
   .descripcion_proychi2 .Explicacion .texto{
      width: 90%;
      height: auto;

   }

   .descripcion_proychi2 .Explicacion .texto h4{
       text-align: center;
       color: #ffb300;
   }
   .descripcion_proychi2 .Explicacion .texto h4 span{
       text-align: center;
       color:white;
   }

   .descripcion_proychi2 .Explicacion .texto p{
      color: white;
      text-align: center;
      font-size: .8em;
   }
     }

   @media all and (max-width: 409px) and (min-width: 350px){
            .descripcion_proychi2{
       width: 100%;
       height: auto;
       /*background:url("../img/secciones/012_Chiautla/fondo/fondo_circulo.jpg") 50% 50% no-repeat ;*/
       background:#272727;
	   background-size: cover;
       margin-top: -65px;
       padding-right: 15px;

      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;  /*centra en pocicion horizontal*/
      margin: auto ;

     }


   .descripcion_proychi2 .descripx{
       width: 99%;
       /*max-width: 600px;*/
       height: auto;
   }

   .descripcion_proychi2 .cont_descripcion{
       border-left: 3px solid  #ffb300;
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 10px;
   }

   .descripcion_proychi2 .cont_descripcion table{
       margin-left: 20px;
    }

   .descripcion_proychi2 .cont_descripcion tr #prt{
    text-align: left;
    font-weight: 500;
    padding-right: 15px;
    color:#ffb300;
   }
   .descripcion_proychi2 .cont_descripcion table td{
     text-align: left;
     font-size: .8em;
     padding-right: 20px;
     color: white;
     padding-bottom: 20px;
   }

   /****texto****/
   .descripcion_proychi2 .Explicacion{
       margin-top: 25px;
       margin-bottom: 25px;
       margin-left: 30px;

       display:flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
   }
   .descripcion_proychi2 .Explicacion .texto{
      width: 99%;
      height: auto;

   }

   .descripcion_proychi2 .Explicacion .texto h4{
       text-align: center;
       color: #ffb300;
   }
   .descripcion_proychi2 .Explicacion .texto h4 span{
       text-align: center;
       color:white;
   }

   .descripcion_proychi2 .Explicacion .texto p{
      color: white;
      text-align: center;
      font-size: .8em;
   }
   }



/*  .descripcion_proyecto{

     width: 100%;

     height: 150px;

     margin-bottom:60px;

     margin-top: 40px;

     border:1px solid red;

     }



   .descripcion_proyecto .contendor_decripcion{

      width: 90%;

      height: 150px;

      margin: 0 auto;

   }



   .descripcion_proyecto .contendor_decripcion table{



   }

   .descripcion_proyecto .contendor_decripcion table tr{

      border-bottom: 1px solid #000000;

   }



    .descripcion_proyecto .contendor_decripcion #prt{

    text-align: left;

    font-weight: 700;

    padding-right: 50px;

    }



    .descripcion_proyecto .contendor_decripcion table td{

      text-align: left;

      font-size: 14px;

      padding-right: 20px;

    }     */

/*********************************************************************

********************Fin Caracteristicas (tabla)***********************

**********************************************************************/



/*********************************************************************

*******************Definicion del estudio*****************************

**********************************************************************/



.explicacionestudio{

   width: 100%;

   height: auto;

}



.explicacionestudio .caja_de_explicacion{

    width: 50%;

    height:auto;

    padding-top: 20px;

}



.explicacionestudio .caja_de_explicacion p{

   color:#5C5C5C;

   text-align:  center;

}

/*************************************************************************

*******************Fin Definicion del estudio*****************************

**************************************************************************/

 

/*************************************************************************************/

/*                                                                                   */

/*                    Parroquia de San Agustin CHIAUTLA                              */

/*                                                                                   */

/*************************************************************************************/

/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/

/*******************************************************************************/

/******************INGENIERIA ESTRUCTURAL***************************************/

/*******************************************************************************/

/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/



/***************************************************************************/

/************************IMAGEN PANORAMICA**********************************/

/***************************************************************************/



.seccion_ingestructural_CHIAUTLA{



}

/***primer parte**/

.seccion_ingestructural_CHIAUTLA .imagen_panoramica{

     width: 100%;

     height: 660px;

}

.seccion_ingestructural_CHIAUTLA .imagen_panoramica .imagen_proyecto_CHIAUTLA{/*contenedor general de imagen panoramica*/

     width: 100%;

     height: 600px;/**adaptar*/

     background: url(../img/secciones/012_Chiautla/estructural/panoramica.jpg);

     background-repeat: no-repeat;

     background-size: cover;

     background-position: 50% 100%;/*pocion de la iamgen*/

}



.seccion_ingestructural_CHIAUTLA .imagen_panoramica .texto_imgPanoramica{

     width: 100%;

     height: 40px;



}



.seccion_ingestructural_CHIAUTLA .imagen_panoramica .texto_imgPanoramica p{

     text-align: center;

     line-height: 40px;

     color:#5C5C5C;

}

/***************************************************************************/

/********************FIN IMAGEN PANORAMICA**********************************/

/***************************************************************************/



/***************************************************************************/

/********************IMAGEN SOLA Y TEXTO DER********************************/

/***************************************************************************/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA{

     width: 100%;
     height: auto;

     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA .estudios_IAA{
     width: 48%;
     height: auto;

}


  .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA .imagenCJ_CHIAUTLA_001a{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width:50%;
   /* background: url(../img/secciones/012_Chiautla/estructural/chiautla_est01.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: contain;
    background-position: center; */
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA .imagenCJ_CHIAUTLA_001a video{
     width: 100%;
  height: 100%
  z-index: -1;
}

/***texto***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA  .textoCJ_CHIAUTLA_001a h1{

    font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA  .textoCJ_CHIAUTLA_001a h1 span{

    font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;

}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA  .textoCJ_CHIAUTLA_001a p{

    color: rgb(104, 104, 104);

}

/*    @media all and (max-width: 999px) and (min-width: 961px)
    @media all and (max-width: 960px) and (min-width: 769px)
    @media all and (max-width: 768px) and (min-width: 629px)
    @media all and (max-width: 628px) and (min-width: 410px)
    @media all and (max-width: 409px) and (min-width: 350px) */

    @media all and (max-width: 628px) and (min-width: 410px)  {
      .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}
    }

  @media all and (max-width: 409px) and (min-width: 350px){
         .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
  }


  }

/*******************************************************************************/

/********************FIN IMAGEN SOLA Y TEXTO DER********************************/

/*******************************************************************************/



/***************************************************************************/

/********************TEXTO IZQ Y IMAGEN SOLA *******************************/

/***************************************************************************/
  .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1{

     width: 100%;
     height: auto;

     display: flex;
     flex-direction: row-reverse;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
     padding: 20px;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1 .estudios_IAA{
     width: 48%;
     height: auto;

}


  .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1 .imagenCJ_CHIAUTLA_001a{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width:50%;
   /* background: url(../img/secciones/012_Chiautla/estructural/chiautla_est01.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: contain;
    background-position: center; */
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1 .imagenCJ_CHIAUTLA_001a video{
     width: 100%;
  height: 100%
  z-index: -1;
}

/***texto***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1  .textoCJ_CHIAUTLA_001a h1{

    font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1  .textoCJ_CHIAUTLA_001a h1 span{

    font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;

}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1  .textoCJ_CHIAUTLA_001a p{

    color: rgb(104, 104, 104);

}


   @media all and (max-width: 628px) and (min-width: 410px)  {
      .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1 .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}
    }

  @media all and (max-width: 409px) and (min-width: 350px){
         .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1 .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_X1  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
  }


  }











/*******************************************************************************/

/********************FIN TEXTO IZQ Y IMAGEN SOLA********************************/

/*******************************************************************************/



/***************************************************************************/

/********************IMAGEN SOLA Y TEXTO DER********************************/

/***************************************************************************/

 .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A{

     width: 100%;
     height: auto;

     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
     padding: 20px;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .estudios_IAA{
     width: 48%;
     height: auto;

}


  .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .imagenCJ_CHIAUTLA_001a{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width:50%;
   /* background: url(../img/secciones/012_Chiautla/estructural/chiautla_est01.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: contain;
    background-position: center; */
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .imagenCJ_CHIAUTLA_001a video{
     width: 100%;
  height: 100%
  z-index: -1;
}

/***texto***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A  .textoCJ_CHIAUTLA_001a h1{

    font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A  .textoCJ_CHIAUTLA_001a h1 span{

    font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;

}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A  .textoCJ_CHIAUTLA_001a p{

    color: rgb(104, 104, 104);

}

   @media all and (max-width: 628px) and (min-width: 410px)  {
      .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}
    }

  @media all and (max-width: 409px) and (min-width: 350px){
         .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
  }


  }




/*******************************************************************************/

/********************FIN IMAGEN SOLA Y TEXTO DER********************************/

/*******************************************************************************/



/***************************************************************************/

/********************TEXTO IZQ Y IMAGEN SOLA *******************************/

/***************************************************************************/

 .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A{

     width: 100%;
     height: auto;

     display: flex;
     flex-direction: row-reverse;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
     padding: 20px;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A .estudios_IAA{
     width: 48%;
     height: auto;

}


  .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A .imagenCJ_CHIAUTLA_001a{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width:50%;
   /* background: url(../img/secciones/012_Chiautla/estructural/chiautla_est01.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: contain;
    background-position: center; */
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A .imagenCJ_CHIAUTLA_001a video{
     width: 100%;
  height: 100%
  z-index: -1;
}

/***texto***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A  .textoCJ_CHIAUTLA_001a h1{

    font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A  .textoCJ_CHIAUTLA_001a h1 span{

    font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;

}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A  .textoCJ_CHIAUTLA_001a p{

    color: rgb(104, 104, 104);

}

 @media all and (max-width: 628px) and (min-width: 410px)  {
      .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}
    }

  @media all and (max-width: 409px) and (min-width: 350px){
         .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_3A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
  }


  }



/*******************************************************************************/

/********************FIN TEXTO IZQ Y IMAGEN SOLA********************************/

/*******************************************************************************/



/***************************************************************************/

/********************IMAGEN SOLA Y TEXTO DER********************************/

/***************************************************************************/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A{

     width: 100%;
     height: auto;

     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
     padding: 20px;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A .estudios_IAA{
     width: 48%;
     height: auto;

}


  .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A .imagenCJ_CHIAUTLA_001a{
   background-color: #FFFFFF;
   overflow: hidden;
   position: relative;
   width:50%;
   /* background: url(../img/secciones/012_Chiautla/estructural/chiautla_est01.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: contain;
    background-position: center; */
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A .imagenCJ_CHIAUTLA_001a video{
  width: 100%;
  height: 100%
  z-index: -1;
}

/***texto***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A  .textoCJ_CHIAUTLA_001a h1{

    font-family: ArialNova-Bold;
    color: #2A2B26D2;
    font-size: 2.5em;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A  .textoCJ_CHIAUTLA_001a h1 span{

    font-family: ArialNovaCond-Light;
    color:#A9ACA0FF;

}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A  .textoCJ_CHIAUTLA_001a p{

    color: rgb(104, 104, 104);

}
 @media all and (max-width: 628px) and (min-width: 410px)  {
      .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
}
    }

  @media all and (max-width: 409px) and (min-width: 350px){
         .seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A{

     width: 100%;
     height: auto;
     padding-bottom: 50px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;  /*centra en pocicion horizontal*/
     margin: auto ;
}
/**imagen***/

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A .estudios_IAA{
     width: 100%;
     height: auto;
}

.seccion_ingestructural_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_4A  .textoCJ_CHIAUTLA_001a{

    height: auto;
    text-align: center;
  }


  }



/*******************************************************************************/

/********************FIN IMAGEN SOLA Y TEXTO DER********************************/

/*******************************************************************************/





/***************************************************************************/

/****************************PLANOS*****************************************/

/***************************************************************************/

.seccion_ingestructural_CHIAUTLA .mapa_chiautla{



    width: 100%;

    height: auto;

    margin-top: 25px;

    background: #000000;

    padding-top: 40px;

}

.seccion_ingestructural_CHIAUTLA .mapa_chiautla .titulo_plano{

    width: 100%;

    height: auto;

    margin: auto;

    text-align: center;



}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .titulo_plano h1{

    font-family: ArialNova-Bold;

    color: white;

    font-size: 2.5em;

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .titulo_plano h4{

    color: #DBDBDB;

    font-family: ArialNova-Italic;

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla{

    width: 80%;

    height: auto;

    margin: auto;





    padding-top: 20px;

    padding-bottom: 80px;

    display: flex;

    flex-direction: column;



}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos{

     margin-top: 60px;

     display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    border:1px solid white;

    border-radius: 20px;

    padding-top: 15px;

    padding-bottom: 15px;

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .estudios_IAA{

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .planos_CHIAUTLA_001a{

    width: 450px;

    height: 250px;

    background: url(../img/secciones/012_Chiautla/planos/Chiautla_plano_001a.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .planos_CHIAUTLA_002a{

    width: 450px;

    height: 250px;

    background: url(../img/secciones/012_Chiautla/planos/Chiautla_plano_002a.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .planos_CHIAUTLA_003a{

    width: 450px;

    height: 250px;

    background: url(../img/secciones/012_Chiautla/planos/Chiautla_plano_003a.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .planos_CHIAUTLA_004a{

    width: 450px;

    height: 250px;

    background: url(../img/secciones/012_Chiautla/planos/Chiautla_plano_004a.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;

}

/***texto***/

.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a{

    width: 500px;

    height: auto;

    text-align: center;

}

.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a h2{



    font-family: ArialNovaCond-Light;

    color: #E8E8E8;

    font-size: 1.5em;

}

.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a h3{

    font-family: ArialNova-Bold;

    color:#799ca6;

    font-size: 1.6em;

}

.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a p{

    color: rgb(104, 104, 104);

    font-size: .9em;

}



/****boton*****/

.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a a{



}

.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a a:hover{

    text-decoration: none;

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a .boton_plano{

    border: 1px solid white;

    border-radius: 6px;

    width: 130px;

    height: 35px;



    margin: auto;

    background: #1E78CC;



}

.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a .boton_plano:hover{

     background: black;

}







.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a .boton_plano p{

    color: #f0f4f5;

    line-height: 30px;

}



.seccion_ingestructural_CHIAUTLA .mapa_chiautla .planos_chiautla .planos_conventos .textoCJ_CHIAUTLA_001a .boton_plano p::before{

    content: " ";

    padding-left: 25px;

    background: url(../img/secciones/012_Chiautla/planos/plono_ico.png);

    background-repeat: no-repeat;

    background-position: center center ;

    background-size:15px;

}



/***************************************************************************/

/*************************FIN PLANOS*****************************************/

/***************************************************************************/





/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/

/*******************************************************************************/

/****************CONSERVACION Y RESTAURACION************************************/

/*******************************************************************************/

/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/



/***************************************************************************/

/********************TEXTO IZQ Y IMAGEN SOLA *******************************/

/***************************************************************************/

.seccion_conservacion_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A{

     width: 100%;

     height: auto;



}

.seccion_conservacion_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral{

     width: 95%;

     height: auto;



     display: flex;

     flex-direction: row;

     flex-wrap: wrap;

     justify-content:space-around;

     align-items: center;  /*centra en pocicion horizontal*/



     margin: auto ;



}

/***texto***/

.seccion_conservacion_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a{

    width: 35%;

    height: auto;

    text-align: center;

}

.seccion_conservacion_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a h1{

    font-family: ArialNova-Bold;

    color: #2A2B26D2;

    font-size: 2.5em;

}

.seccion_conservacion_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a h1 span{

    font-family: ArialNovaCond-Light;

    color:#A9ACA0FF;

}

.seccion_conservacion_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a p{

    color: rgb(104, 104, 104);

}

/**imagen***/

.seccion_conservacion_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .imagenCJ_CHIAUTLA_002a{

    width: 50%;

    height: 500px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_001.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;



}





/*******************************************************************************/

/********************FIN TEXTO IZQ Y IMAGEN SOLA********************************/

/*******************************************************************************/



/***************************************************************************/

/*******************GALERIA DE PHOTOS Y TEXTO*******************************/

/***************************************************************************/



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1{

    width: 95%;

    height: auto;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;  /*centra en pocicion horizontal*/



    margin: auto ;

}

 /****************Imagen ****************/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1{

    width: 440px;

    height: 320px;

    margin-top: 20px;

}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1{

     width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_002.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL p{

    color: #DBDBDB;

}



/******foto 2*****/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_004.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL p{

    color: #DBDBDB;

}

/****foto 3***/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_005.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL p{

    color: #DBDBDB;

}

/****foto 4***/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_006.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;



}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 5***/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_007.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;



}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 6***/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_008.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;



}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6 .pieTextoGAL p{

    color: #DBDBDB;

}





/***************************************************************************/

/*****************FIN**GALERIA DE PHOTOS Y TEXTO****************************/

/***************************************************************************/



/***************************************************************************/

/********************IMAGEN SOLA Y TEXTO DER********************************/

/***************************************************************************/

.seccion_conservacion_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A{

     width: 100%;

     height: auto;

     padding-top: 20px;



}

.seccion_conservacion_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral{

     width: 95%;

     height: auto;



     display: flex;

     flex-direction: row;

     flex-wrap: wrap;

     justify-content: space-around;

     align-items: center;  /*centra en pocicion horizontal*/



     margin: auto ;

}

/**imagen***/

.seccion_conservacion_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .imagenCJ_CHIAUTLA_003a{

    width: 50%;

    height: 500px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_010.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;

}

/***texto***/

.seccion_conservacion_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a{

    width: 39%;

    height: auto;

    text-align: center;

}

.seccion_conservacion_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a h1{

    font-family: ArialNova-Bold;

    color: #2A2B26D2;

    font-size: 2.5em;

}

.seccion_conservacion_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a h1 span{

    font-family: ArialNovaCond-Light;

    color:#A9ACA0FF;

}

.seccion_conservacion_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a p{

    color: rgb(104, 104, 104);

}



/*******************************************************************************/

/********************FIN IMAGEN SOLA Y TEXTO DER********************************/

/*******************************************************************************/



/***************************************************************************/

/*******************GALERIA DE PHOTOS Y TEXTO*******************************/

/***************************************************************************/



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2{

    width: 95%;

    height: auto;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;  /*centra en pocicion horizontal*/



    margin: auto ;

}

 /****************Imagen ****************/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1{

    width: 440px;

    height: 320px;

    margin-top: 20px;

}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1{

     width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_011.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL p{

    color: #DBDBDB;

}



/******foto 2*****/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_012.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL p{

    color: #DBDBDB;

}

/****foto 3***/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_013.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL p{

    color: #DBDBDB;

}

/****foto 4***/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_014.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;



}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 5***/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_015.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;



}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 6***/

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/restauracion/chiautla_rest_016.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;



}

.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_conservacion_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6 .pieTextoGAL p{

    color: #DBDBDB;

}





/***************************************************************************/

/*****************FIN**GALERIA DE PHOTOS Y TEXTO****************************/

/***************************************************************************/







/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/

/*******************************************************************************/

/*********************ESTUDIOS GEOTECNICOS**************************************/

/*******************************************************************************/

/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/



/***************************************************************************/

/********************TEXTO IZQ Y IMAGEN SOLA *******************************/

/***************************************************************************/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A{

     width: 100%;

     height: auto;



}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral{

     width: 95%;

     height: auto;



     display: flex;

     flex-direction: row;

     flex-wrap: wrap;

     justify-content:space-around;

     align-items: center;  /*centra en pocicion horizontal*/



     margin: auto ;



}

/***texto***/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a{

    width: 35%;

    height: auto;

    text-align: center;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a h1{

    font-family: ArialNova-Bold;

    color: #2A2B26D2;

    font-size: 2.5em;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a h1 span{

    font-family: ArialNovaCond-Light;

    color:#A9ACA0FF;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a p{

    color: rgb(104, 104, 104);

}

/**imagen***/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_1A .contenedor_subgral .imagenCJ_CHIAUTLA_002a{

    width: 50%;

    height: 500px;

    background: url(../img/secciones/012_Chiautla/geotecnia_esc_esp/chiautla_esc_esp005.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;



}





/*******************************************************************************/

/********************FIN TEXTO IZQ Y IMAGEN SOLA********************************/

/*******************************************************************************/



/***************************************************************************/

/*******************GALERIA DE PHOTOS Y TEXTO*******************************/

/***************************************************************************/



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1{

    width: 95%;

    height: auto;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;  /*centra en pocicion horizontal*/



    margin: auto ;

}

 /****************Imagen ****************/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1{

    width: 440px;

    height: 320px;

    margin-top: 20px;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1{

     width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_esc_esp/chiautla_esc_esp001.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL p{

    color: #DBDBDB;

}



/******foto 2*****/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_esc_esp/chiautla_esc_esp002.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL p{

    color: #DBDBDB;

}

/****foto 3***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_esc_esp/chiautla_esc_esp003.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL p{

    color: #DBDBDB;

}



/***************************************************************************/

/*****************FIN**GALERIA DE PHOTOS Y TEXTO****************************/

/***************************************************************************/



/***************************************************************************/

/********************IMAGEN SOLA Y TEXTO DER********************************/

/***************************************************************************/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A{

     width: 100%;

     height: auto;

     padding-top: 20px;



}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral{

     width: 95%;

     height: auto;



     display: flex;

     flex-direction: row;

     flex-wrap: wrap;

     justify-content: space-around;

     align-items: center;  /*centra en pocicion horizontal*/



     margin: auto ;

}

/**imagen***/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .imagenCJ_CHIAUTLA_003a{

    width: 50%;

    height: 500px;

    background: url(../img/secciones/012_Chiautla/geotecnia_mecanica_suelos/chiautla_mecanicasuel001.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;

}

/***texto***/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a{

    width: 39%;

    height: auto;

    text-align: center;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a h1{

    font-family: ArialNova-Bold;

    color: #2A2B26D2;

    font-size: 2.5em;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a h1 span{

    font-family: ArialNovaCond-Light;

    color:#A9ACA0FF;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a p{

    color: rgb(104, 104, 104);

}



/*******************************************************************************/

/********************FIN IMAGEN SOLA Y TEXTO DER********************************/

/*******************************************************************************/



/***************************************************************************/

/*******************GALERIA DE PHOTOS Y TEXTO*******************************/

/***************************************************************************/



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2{

    width: 95%;

    height: auto;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;  /*centra en pocicion horizontal*/



    margin: auto ;

}

 /****************Imagen ****************/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1{

    width: 440px;

    height: 320px;

    margin-top: 20px;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1{

     width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_mecanica_suelos/chiautla_mecanicasuel002.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL p{

    color: #DBDBDB;

}



/******foto 2*****/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_mecanica_suelos/chiautla_mecanicasuel003.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL p{

    color: #DBDBDB;

}

/****foto 3***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_mecanica_suelos/chiautla_mecanicasuel004.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 4***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_mecanica_suelos/chiautla_mecanicasuel005.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 5***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_mecanica_suelos/chiautla_mecanicasuel006.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A2 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL p{

    color: #DBDBDB;

}



/***************************************************************************/

/*****************FIN**GALERIA DE PHOTOS Y TEXTO****************************/

/***************************************************************************/



/***************************************************************************/

/********************TEXTO IZQ Y IMAGEN SOLA *******************************/

/***************************************************************************/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_2A{

     width: 100%;

     height: auto;

     padding-top: 20px;



}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_2A .contenedor_subgral{

     width: 95%;

     height: auto;



     display: flex;

     flex-direction: row;

     flex-wrap: wrap;

     justify-content:space-around;

     align-items: center;  /*centra en pocicion horizontal*/



     margin: auto ;



}

/***texto***/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a{

    width: 35%;

    height: auto;

    text-align: center;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a h1{

    font-family: ArialNova-Bold;

    color: #2A2B26D2;

    font-size: 2.5em;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a h1 span{

    font-family: ArialNovaCond-Light;

    color:#A9ACA0FF;

}

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_2A .contenedor_subgral .textoCJ_CHIAUTLA_003a p{

    color: rgb(104, 104, 104);

}

/**imagen***/

.seccion_geotecnicos_CHIAUTLA .bloque_IEE_TzId_CHIAUTLA_2A .contenedor_subgral .imagenCJ_CHIAUTLA_003a{

    width: 50%;

    height: 500px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_001.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: cover;

    background-position: center;



}





/*******************************************************************************/

/********************FIN TEXTO IZQ Y IMAGEN SOLA********************************/

/*******************************************************************************/



/***************************************************************************/

/*******************GALERIA DE PHOTOS Y TEXTO*******************************/

/***************************************************************************/



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3{

    width: 95%;

    height: auto;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;  /*centra en pocicion horizontal*/



    margin: auto ;

}

 /****************Imagen ****************/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1{

    width: 440px;

    height: 320px;

    margin-top: 20px;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1{

     width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_003.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL p{

    color: #DBDBDB;

}



/******foto 2*****/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_005.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL p{

    color: #DBDBDB;

}

/****foto 3***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_007.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 4***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_011.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 5***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_013.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 6***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_015.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 7***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA7{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_016.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA7 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA7 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 8***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA8{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_017.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA8 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA8 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 9***/

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA9{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/geotecnia_sondeo_resistividad/chiautla_sondeores_019.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA9 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_geotecnicos_CHIAUTLA .bloque_Galeria_CHIAUTLA_A3 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA9 .pieTextoGAL p{

    color: #DBDBDB;

}



/***************************************************************************/

/*****************FIN**GALERIA DE PHOTOS Y TEXTO****************************/

/***************************************************************************/









/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/

/*******************************************************************************/

/*********************MECANICA DE MATERIALES************************************/

/*******************************************************************************/

/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&**/





/***************************************************************************/

/********************IMAGEN SOLA Y TEXTO DER********************************/

/***************************************************************************/

.seccion_mecanicamat_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_1A{

     width: 100%;

     height: auto;

     padding-top: 20px;



}

.seccion_mecanicamat_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_1A .contenedor_subgral{

     width: 95%;

     height: auto;



     display: flex;

     flex-direction: row;

     flex-wrap: wrap;

     justify-content: space-around;

     align-items: center;  /*centra en pocicion horizontal*/



     margin: auto ;

}

/**imagen***/

.seccion_mecanicamat_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_1A .contenedor_subgral .imagenCJ_CHIAUTLA_002a{

    width: 50%;

    height: 500px;

    background: url(../img/secciones/012_Chiautla/mecanica_materiales/chiautla_mecanica_001.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size: contain;

    background-position: center;

}

/***texto***/

.seccion_mecanicamat_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a{

    width: 39%;

    height: auto;

    text-align: center;

}

.seccion_mecanicamat_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a h1{

    font-family: ArialNova-Bold;

    color: #2A2B26D2;

    font-size: 2.5em;

}

.seccion_mecanicamat_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a h1 span{

    font-family: ArialNovaCond-Light;

    color:#A9ACA0FF;

}

.seccion_mecanicamat_CHIAUTLA .bloque_IEE_IzTd_CHIAUTLA_1A .contenedor_subgral .textoCJ_CHIAUTLA_002a p{

    color: rgb(104, 104, 104);

}



/*******************************************************************************/

/********************FIN IMAGEN SOLA Y TEXTO DER********************************/

/*******************************************************************************/



/***************************************************************************/

/*******************GALERIA DE PHOTOS Y TEXTO*******************************/

/***************************************************************************/



.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1{

    width: 95%;

    height: auto;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;  /*centra en pocicion horizontal*/



    margin: auto ;

}

 /****************Imagen ****************/

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1{

    width: 440px;

    height: 320px;

    margin-top: 20px;

}

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1{

     width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/mecanica_materiales/chiautla_mecanica_002.jpg);

    background-repeat: no-repeat;

    background-position:50% 100%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}



.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA1 .pieTextoGAL p{

    color: #DBDBDB;

}



/******foto 2*****/

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/mecanica_materiales/chiautla_mecanica_003.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA2 .pieTextoGAL p{

    color: #DBDBDB;

}

/****foto 3***/

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/mecanica_materiales/chiautla_mecanica_004.jpg);

    background-repeat: no-repeat;

    background-position:50% 80%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA3 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 4***/

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/mecanica_materiales/chiautla_mecanica_005.jpg);

    background-repeat: no-repeat;

    background-position:50% 50%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA4 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 5***/

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/mecanica_materiales/chiautla_mecanica_006.jpg);

    background-repeat: no-repeat;

    background-position:50% 100%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA5 .pieTextoGAL p{

    color: #DBDBDB;

}



/****foto 6***/

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6{

    width: 440px;

    height:320px;

    background: url(../img/secciones/012_Chiautla/mecanica_materiales/chiautla_mecanica_007.jpg);

    background-repeat: no-repeat;

    background-position:50% 0%;

    background-size:cover;



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-end;

}

.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6 .pieTextoGAL{

    width: 440px;

    height: 70px;

    background-color:#000000FF;

    opacity:0.8; /* Opacidad 60% */

    text-align: center;

    padding: 15px;

}



.seccion_mecanicamat_CHIAUTLA .bloque_Galeria_CHIAUTLA_A1 .galeria_CHIAUTLA_AA1 .galeriaCJ_CHIAUTLAAA6 .pieTextoGAL p{

    color: #DBDBDB;

}







/***************************************************************************/

/*****************FIN**GALERIA DE PHOTOS Y TEXTO****************************/

/***************************************************************************/