/*
Autor: Ing. Hector Martinez Martinez
*/
/*************fonts*************/
@import url(fonts.css);


/*************************************************************************************/
/*                                                                                   */
/*                       pagina en construccion                                      */
/*                                                                                   */
/*************************************************************************************/
 .pagina_enconstruccion{
     width: 100%;
     height:auto;
     margin: auto;
 }

.pagina_enconstruccion .img_enconstruccion{
    width: 100%;
    height: 90vh;
    background: url(../img/secciones/proyectos/construccion.png);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:80%;

}


/*************************************************************************************/
/*                                                                                   */
/*                       ING ESTRUCTURAL ESPECIALIZADA                               */
/*                                                                                   */
/*************************************************************************************/

.galeria_ing_estructural{
    background: white;
    /*background: url(../img/secciones/seccion1/a1.jpg);*/
    padding-top: 20px;
    height: auto;

}

.galeria_ing_estructural .contenido-work6{
    width: 92%;
    margin-top: 20px;
}

.galeria_ing_estructural .section-header h1{
    color: #4B4B4B;
    padding-bottom:50px;
    font-weight: 400;
}

.galeria_ing_estructural .contenido-work6{

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 20px;
}


.galeria_ing_estructural .contenido-work6 .ingstructx1{
    padding: 20px;
}

/*************************************************************************************/
/*                                                                                   */
/*                              INVESTIGACIÓN                                        */
/*                                                                                   */
/*************************************************************************************/

.galeria_investigacion{
    background: white;
    padding-top: 80px;
    height: auto;
}

.galeria_investigacion .contenido-inv{/*****contenedor general de libros*/
    width: 95%;
    height: auto;
    padding-top: 60px;
}

.galeria_investigacion .contenido-inv .libro_investigacion{ /***contenedor de la seccion de cada libro*/
    width: 780px;
    height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;


}
/***********libro**************************/
.galeria_investigacion .contenido-inv .libro_investigacion .nom_lib{
    width: 300px;
    height: auto;
}
.galeria_investigacion .contenido-inv .libro_investigacion .img_libro0{
    width: 300px;
    height: 400px;
    background: url(../img/secciones/investigacion/conferencias.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: cover;
}

.galeria_investigacion .contenido-inv .libro_investigacion .img_libro1{
    width: 300px;
    height: 400px;
    background: url(../img/secciones/investigacion/libro1.png);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: cover;
}
.galeria_investigacion .contenido-inv .libro_investigacion .img_libro2{
    width: 300px;
    height: 400px;
    background: url(../img/secciones/investigacion/libro2.png);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: cover;
}
.galeria_investigacion .contenido-inv .libro_investigacion .img_libro3{
    width: 300px;
    height: 400px;
    background: url(../img/secciones/investigacion/libro3.png);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: cover;
}
.galeria_investigacion .contenido-inv .libro_investigacion .img_libro4{
    width: 300px;
    height: 400px;
    background: url(../img/secciones/investigacion/libro4.png);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size: cover;
}
/***********texto**************************/
.galeria_investigacion .contenido-inv .libro_investigacion .inf_lib{
    width: 380px;
    height: auto;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
/****titulo*****/
.galeria_investigacion .contenido-inv .libro_investigacion .titulo{
    width: 380px;
    height:auto;
    padding: 15px;

}

.galeria_investigacion .contenido-inv .libro_investigacion .titulo h5{
    font-family:ArialNova-Bold;
    color: #4a4a4a;
     text-align: center;
    font-size: 1em;

}
/****texto*****/
.galeria_investigacion .contenido-inv .libro_investigacion .texto{
    width: 380px;
    height:auto;
    padding: 15px;

}

.galeria_investigacion .contenido-inv .libro_investigacion .texto p{
    text-align: justify;
     font-family:ArialNova-LightItalic;
     font-size: .9em;
}
/****boton*****/
.galeria_investigacion .contenido-inv .libro_investigacion .botonxt{
    width: 380px;
    height:auto;
}

.galeria_investigacion .contenido-inv .libro_investigacion .botonxt a{
    text-decoration: none;

}

.galeria_investigacion .contenido-inv .libro_investigacion .botonxt .botontext{
     width: 150px;
     height: 30px;
     background: white;
     border:1px solid #4a4a4a;
     float: right;
}
.galeria_investigacion .contenido-inv .libro_investigacion .botonxt a:hover .botontext{
     background: #4a4a4a;
}
.galeria_investigacion .contenido-inv .libro_investigacion .botonxt .botontext p{
      text-align: center;
      line-height: 25px;
      font-family:ArialNova-Bold;
      color:#4a4a4a;
}
.galeria_investigacion .contenido-inv .libro_investigacion .botonxt a:hover .botontext p{
    color: white;
}



/*************************************************************************************/
/*                                                                                   */
/*                             PONENCIAS                                             */
/*                                                                                   */
/*************************************************************************************/
 .ponencias_conferencias{

 }
 .ponencias_conferencias .titulos_principales{
    padding-top: 100px;
}
.ponencias_conferencias .centro_BIOTECNOLOGIA{  /***contenedor principal**/
    width:100%;
    height: auto;
    margin-top: 100px;
    border:1px solid #BDBDBD;
    border-radius: 10px;



    -webkit-box-shadow: 10px 10px 9px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 9px -7px rgba(0,0,0,0.75);
     box-shadow: 10px 10px 9px -7px rgba(0,0,0,0.75);

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;  /*centra en pocicion horizontal*/
}
/*****titulo de lacaja**/
.ponencias_conferencias .centro_BIOTECNOLOGIA .nombre_conferencia{
    width: 100%;
    height:auto;
    background:url(../img/secciones/investigacion/CBAT/bannerlib.jpg);
    background-repeat:no-repeat;
    background-position: 0% 0%;
    background-size:cover;
    padding: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ponencias_conferencias .centro_BIOTECNOLOGIA .nombre_conferencia h1{
    text-align: center;
    font-family: ArialNova-Bold;
    color: #919191;
    font-size: 2.5em;
    padding-top: 10px;
}

.ponencias_conferencias .centro_BIOTECNOLOGIA .nombre_conferencia h1 span{
    font-family: ArialNova-Bold;
    color:#405960;
}

.ponencias_conferencias .centro_BIOTECNOLOGIA .nombre_conferencia p{
    color: #1d282c;
    font-family:ArialNova-Bold;
}

/***************************************************************************/
/********************PHOTO CON PIE********** *******************************/
/***************************************************************************/
.ponencias_conferencias .centro_BIOTECNOLOGIA .galeria_conferencia{
    width: 100%;
    height:auto;
    background: #cccccc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.ponencias_conferencias .centro_BIOTECNOLOGIA .galeria_conferencia .galeria_inv{
     width: 100%;
     height:auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items: center;  /*centra en pocicion horizontal*/
}
/****photos***/
.ponencias_conferencias .centro_BIOTECNOLOGIA .galeria_conferencia .galeria_inv .photo_a1{
    width: 350px;
     height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/
    padding-top: 10px;


}
.ponencias_conferencias .centro_BIOTECNOLOGIA .galeria_conferencia .galeria_inv .photo_a1 .photoAT_a1{
    width: 100%;
     height: 250px;
    background: url(../img/secciones/investigacion/CBAT/cbat_01.jpg);
    background-repeat: no-repeat;
    background-position:50% 30%;
    background-size:cover;

    border:1px solid #e5e5e5;
}

.ponencias_conferencias .centro_BIOTECNOLOGIA .galeria_conferencia .galeria_inv .photo_a1 .photoAT_a2{
    width: 100%;
     height: 250px;
    background: url(../img/secciones/investigacion/CBAT/cbat_02.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    border:1px solid #e5e5e5;
}

.ponencias_conferencias .centro_BIOTECNOLOGIA .galeria_conferencia .galeria_inv .photo_a1 .photoAT_a3{
    width: 100%;
     height: 250px;
    background: url(../img/secciones/investigacion/CBAT/cbat_03.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    border:1px solid #e5e5e5;
}
/****texto****/
.ponencias_conferencias .centro_BIOTECNOLOGIA .galeria_conferencia .galeria_inv .photo_a1 .textoAT_a1{
    width: 100%;
    height: 70px;
    background: #ededed;
    padding: 12px;
}
.ponencias_conferencias .centro_BIOTECNOLOGIA .galeria_conferencia .galeria_inv .photo_a1 .textoAT_a1 p{
   color:#405960;
   font-family: ArialNova-Light;
   font-size: .9em;
}

/**************Tecamachalco S.M.I.E************************************************************/
 .ponencias_conferencias .centro_Tecamachalco{  /***contenedor principal**/
    width:100%;
    height: auto;
    margin-top: 100px;
    border:1px solid #BDBDBD;
    border-radius: 10px;



    -webkit-box-shadow: 10px 10px 9px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 9px -7px rgba(0,0,0,0.75);
     box-shadow: 10px 10px 9px -7px rgba(0,0,0,0.75);

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;  /*centra en pocicion horizontal*/
}
/*****titulo de lacaja**/
.ponencias_conferencias .centro_Tecamachalco .nombre_conferencia{
    width: 100%;
    height:auto;
    background:url(../img/secciones/investigacion/CBAT/bannerlib.jpg);
    background-repeat:no-repeat;
    background-position: 0% 0%;
    background-size:cover;
    padding: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ponencias_conferencias .centro_Tecamachalco .nombre_conferencia h1{
    text-align: center;
    font-family: ArialNova-Bold;
    color: #919191;
    font-size: 2.5em;
    padding-top: 10px;
}

.ponencias_conferencias .centro_Tecamachalco .nombre_conferencia h1 span{
    font-family: ArialNova-Bold;
    color:#405960;
}

.ponencias_conferencias .centro_Tecamachalco .nombre_conferencia p{
    color: #1d282c;
    font-family:ArialNova-Bold;
}

/***************************************************************************/
/********************PHOTO CON PIE********** *******************************/
/***************************************************************************/
.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia{
    width: 100%;
    height:auto;
    background: #cccccc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia .galeria_inv{
     width: 100%;
     height:auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items: center;  /*centra en pocicion horizontal*/
}
/****photos***/
.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia .galeria_inv .photo_a1{
    width: 350px;
     height: auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;  /*centra en pocicion horizontal*/
    padding-top: 10px;


}
.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia .galeria_inv .photo_a1 .photoAT_a1{
    width: 100%;
     height: 250px;
    background: url(../img/secciones/investigacion/CGVT/cgvt_01.jpg);
    background-repeat: no-repeat;
    background-position:50% 60%;
    background-size:cover;

    border:1px solid #e5e5e5;
}

.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia .galeria_inv .photo_a1 .photoAT_a2{
    width: 100%;
     height: 250px;
    background: url(../img/secciones/investigacion/CGVT/cgvt_02.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    border:1px solid #e5e5e5;
}

.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia .galeria_inv .photo_a1 .photoAT_a3{
    width: 100%;
     height: 250px;
    background: url(../img/secciones/investigacion/CGVT/cgvt_03.jpg);
    background-repeat: no-repeat;
    background-position:50% 70%;
    background-size:cover;

    border:1px solid #e5e5e5;
}

.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia .galeria_inv .photo_a1 .photoAT_a4{
    width: 100%;
     height: 250px;
    background: url(../img/secciones/investigacion/CGVT/cgvt_04.jpg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:cover;

    border:1px solid #e5e5e5;
}
/****texto****/
.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia .galeria_inv .photo_a1 .textoAT_a1{
    width: 100%;
    height: 70px;
    background: #ededed;
    padding: 12px;
}
.ponencias_conferencias .centro_Tecamachalco .galeria_conferencia .galeria_inv .photo_a1 .textoAT_a1 p{
   color:#405960;
   font-family: ArialNova-Light;
   font-size: .9em;
}