Current File : /home/tjamichg/portal.tjamich.gob.mx/Igualdad-de-Genero/contenido.php
<?php
require("conn.php");
$error = "";
?>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="subtitulo">Comisión para la Igualdad de Género <sub></br> del Tribunal de Justicia Administrativa del Estado de Michoacán</sub></h2>
<div class="nivo-slider">
<div class="slider-wrapper theme-default">
<div id="nivoSlider" class="nivoSlider">
<?php
echo"<a href=\"#\" target=\"_self\"><img class='img-fluid' src=\"Igualdad-de-Genero/img-tjam/portada_comite.png\" data-thumb=\"Igualdad-de-Genero/img-tjam/portada.png\" alt=\"Portada\" /></a>";
echo"<a href=\"#videos\" data-toggle=\"modal\" data-target=\"#videos\"><img class='img-fluid' src=\"Igualdad-de-Genero/img-tjam/Portada_2_ep_3.png\"></a>";
$sql = "SELECT id_noticia as id, fecha2 as fecha, fecha as fechae, titulo, imagen1, 'N' as tipo FROM noticias WHERE categoria = 'Equidad de Genero' ORDER BY fecha DESC limit 5";
/*$sql = "SELECT id_noticia as id, fecha, titulo, imagen1, 'N' as tipo from noticias where destacado = '1' order by id_noticia DESC limit 5";*/
$resportada = mysqli_query($db, $sql);
while($repportada = mysqli_fetch_array($resportada))
{
$portada_id_noticia = $repportada['id'];
$portada_titulo = $repportada['titulo'];
$portada_imagen = $repportada['imagen1'];
$tipo = $repportada['tipo'];
echo"<a href=\"NoticiasEquidad&idnoti=$portada_id_noticia\" target=\"_self\"><img src=\"img/noticias/$portada_imagen\" data-thumb=\"img/noticias/$portada_imagen\" alt=\"$portada_titulo\" /></a>";
}
?>
</div>
<div id="htmlcaption" class="nivo-html-caption"></div>
</div>
</div>
</div>
</div>
</div>
<!--
<div class="container" >
<div class="row">
<div class="col-lg-12">
<h2 class="subtitulo">Comisión para la Igualdad de Género <sub></br> del Tribunal de Justicia Administrativa del Estado de Michoacán</sub></h2>
<?php
echo"<a href=\"Eventos&ideve=\" target=\"_self\"><img class='img-fluid' src=\"Igualdad-de-Genero/img-tjam/portada.png\" data-thumb=\"Igualdad-de-Genero/img-tjam/portada.png\" alt=\"Portada\" /></a>";
?>
</div>
</div>
</div> -->
<!-- Galería de Revistas -->
<div class="container">
<br>
<?php
$sqlr = "SELECT link_revista, portada, edicion FROM revista WHERE NOW() > fecha_pub ORDER BY id_revista DESC LIMIT 3";
$resrevista = mysqli_query($db, $sqlr);
$total_revistas = mysqli_num_rows($resrevista);
if ($total_revistas == 0)
{
}
else
{
$sCol = 12 / $total_revistas;
?>
<h2 class="subtitulo"><a href="" target="_blank" data-toggle="tooltip" data-placement="bottom" title="Ediciones Anteriores">Revista "Justicia y Género"</a></h2>
<br>
<?php
echo "<div class=\"row\">";
while($reprevista = mysqli_fetch_array($resrevista))
{
$link_revista = $reprevista['link_revista'];
$portada = $reprevista['portada'];
$edicion = $reprevista['edicion'];
echo "<div class=\"col-lg-$sCol\">";
echo"<center><a href=\"$link_revista\" target=\"_blank\"><img src=\"../img/revistas/$portada\" width=\"200px\" border=\"0\" alt=\"$portada\" /><br /><strong>Edición $edicion</strong></a></center>";
echo "</div>";
}
echo "</div>";
}
?>
</div>
<!-- Termina Galería de Revistas -->
<!-- Inicia Galeria de Videos-->
<div class="container">
<br>
<h2 class="subtitulo">Voces de Juzgadoras</h2>
<div class="row justify-content-center">
<?php
$sqlv = "SELECT link_video FROM video WHERE categoria = 'Equidad' AND fecha_pub <= NOW() ORDER BY id_video DESC LIMIT 3";
$resvideo = mysqli_query($db, $sqlv);
$numvideos = mysqli_num_rows($resvideo);
while ($repvideo = mysqli_fetch_array($resvideo) )
{
$link_video = $repvideo['link_video'];
$colClasses = "col-lg-" . (12 / $numvideos);
echo '<div class="'. $colClasses .'">';
echo '<iframe width="360" height="250" src="'.$link_video. '" ></iframe>';
echo '</div>';
}
?>
</div>
</div>
<!-- Termina Galería de Videos -->
<div class="div-2">
<div class="home-concept mt-5">
<div class="container">
<h2 class="mb-2"><b></b></h2>
<div class="row">
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#comision" class="process-image">
<img src="Igualdad-de-Genero/img-tjam/sobre_comision.png" alt="" />
<strong>Sobre la Comisión</strong>
</div>
</div>
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#videos" class="process-image">
<a href="#videos">
<img src="Igualdad-de-Genero/img-tjam/voces.png" alt="" />
<strong>Voces de Juzgadoras</strong>
</a>
</div>
</div>
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#sentencias_Tribunal" class="process-image">
<img src="Igualdad-de-Genero/img-tjam/sentencias.png" alt="" />
<strong>Sentencias del Tribunal</strong>
</div>
</div>
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#opinion" class="process-image">
<img src="Igualdad-de-Genero/img-tjam/opinion.png" alt="" />
<strong>En la opinión de...</strong>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#calendario" class="process-image">
<img src="Igualdad-de-Genero/img-tjam/calendario.png" alt="" />
<strong>Fechas Importantes</strong>
</div>
</div>
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#normatividad" class="process-image">
<img src="Igualdad-de-Genero/img-tjam/normatividad.png" alt="" />
<strong>Normatividad</strong>
</div>
</div>
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#sabias_que" class="process-image">
<img src="Igualdad-de-Genero/img-tjam/sabias_que.png" alt="" />
<strong>¿Sabías qué?</strong>
</div>
</div>
<!--
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#buzon" class="process-image">
<img src="Igualdad-de-Genero/img-tjam/buzon.png" alt="" />
<strong>Buzón sobre Hostigamiento y Acoso</strong>
</div>
</div> -->
<div class="col-lg-3">
<div data-image-id="" data-toggle="modal" data-target="#mujeres" class="process-image">
<img src="Igualdad-de-Genero/img-tjam/m_destacadas.png" alt="" />
<strong>Mujeres Destacadas</strong>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Interior de sobre la comision -->
<div class="modal fade" id="comision" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">Comité Directivo</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">x</span><span class="sr-only">Close</span></button>
</div>
<!--Integrantes-->
<div class="container">
<div class="row">
<div class="col-sm-3">
<span class="thumb-info thumb-info-hide-wrapper-bg">
<span class="thumb-info-wrapper">
<a href="#">
<img src="Igualdad-de-Genero/integrantes/Lizett Puebla Solórzano.jpg"
class="img-fluid rounded-circle" alt="Dra. Lizett Puebla Solórzano">
</a>
</span>
</br></br></br></br>
<span class="thumb-info-caption">
<span class="thumb-info-title">
<span class="thumb-info-inner">Dra. Lizett Puebla Solórzano</span>
<span class="thumb-info-type">Presidenta de la Comisión para la Igualdad de
Género</span>
</span>
<span class="thumb-info-caption-text">.</span>
</span>
</span>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-3">
<span class="thumb-info thumb-info-hide-wrapper-bg">
<span class="thumb-info-wrapper">
<a href="#">
<img src="Igualdad-de-Genero/integrantes/Araceli Pineda Salazar.jpg"
class="img-fluid rounded-circle" alt="Lic. Araceli Pineda Salazar">
</a>
</span>
</br></br></br></br></br></br>
<span class="thumb-info-caption">
<span class="thumb-info-title">
<span class="thumb-info-inner">Dra. Araceli Pineda Salazar</span>
<span class="thumb-info-type">Vicepresidenta de la Comisión para la Igualdad de
Género</span>
</span>
</span>
</span>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-3">
<span class="thumb-info thumb-info-hide-wrapper-bg">
<span class="thumb-info-wrapper">
<a href="#">
<img src="Igualdad-de-Genero/integrantes/Adriana Oregel.jpg"
class="img-fluid rounded-circle" alt="Lic. Adriana Oregel Mendoza">
</a>
</span>
</br></br></br></br></br></br></br>
<span class="thumb-info-caption">
<span class="thumb-info-title">
<span class="thumb-info-inner">Lic. Adriana Oregel Mendoza</span>
<span class="thumb-info-type">Secretaria Técnica de la Comisión para la Igualdad de
Género</span>
</span>
</span>
</span>
</div>
</div>
</br>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Interior de Normatividad-->
<div class="modal fade" id="normatividad" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">Normatividad</h4>
<button type="button" class="close" data-dismiss="modal">x<span aria-hidden="true"></span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#leyes" aria-expanded="false" aria-controls="collapseOne">
<b style="color: #8D85B0;"> Leyes</b>
</button>
</h5>
</div>
<div id="leyes" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<a target="_Blank" href="http://www.diputados.gob.mx/LeyesBiblio/pdf/LGPSEDMTP_200521.pdf">Ley General para Prevenir, Sancionar, y Erradicar los delitos en materia de trata de Personas y para la Protección y Asistencia a las Víctimas de estos Delitos.</a><br><br>
<a target="_Blank" href="https://www.diputados.gob.mx/LeyesBiblio/pdf/LGAMVLV_010621.pdf">Ley General de Acceso de las Mujeres a una vida libre de Violencia.</a><br><br>
<a target="_Blank" href="https://www.diputados.gob.mx/LeyesBiblio/pdf/LFPED.pdf">Ley Federal para Prevenir y Eliminar la Discriminación.</a>
</div>
</div>
</div><br>
<div class="card">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#protocolos" aria-expanded="false" aria-controls="collapseTwo">
<b style="color: #8D85B0;">Protocolos</b>
</button>
</h5>
</div>
<div id="protocolos" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<a target="_Blank" href="https://www.scjn.gob.mx/derechos-humanos/protocolos-de-actuacion/para-juzgar-con-perspectiva-de-genero">Protocolo para juzgar con perspectiva de género haciendo realidad el derecho a la igualdad.</a><br><br>
<a target="_Blank" href="https://www.pjenl.gob.mx/404.aspx">Protocolo de actuación para quienes imparten justicia en caso que involucren la orientación sexual o la identidad de género.</a><br><br>
<a target="_Blank" href="https://www.senado.gob.mx/comisiones/trata_personas/docs/protocolo_PRSTP.pdf">Protocolo para prevenir, reprimir y sancionar la trata de personas, especialmente mujeres y niños, que complementa la convención de las naciones unidas contra la delincuencia organizada transnacional.</a><br><br>
<a target="_Blank" href="https://www.derechoshumanoscdmx.gob.mx/wp-content/uploads/ProtocoloIberoamericano.pdf">Protocolo Iberoamericano de actuación judicial para mejorar el acceso a la justicia de personas con discapacidad, migrantes, niñas, niños, adolescentes, comunidades y pueblos indígenas.</a><br><br>
<a target="_Blank" href="https://www.scjn.gob.mx/derechos-humanos/protocolos-de-actuacion/en-casos-que-involucren-derechos-de-personas-comunidades-y-pueblos">Protocolo de actuación para quienes imparten justicia en casos que involucren personas, comunidades y pueblos indígenas.</a><br><br>
<a target="_Blank" href="https://www.scjn.gob.mx/derechos-humanos/protocolos-de-actuacion/para-juzgar-con-perspectiva-de-infancia-y-adolescencia">Protocolo de actuación para quienes imparten justicia en casos que afecten a niñas, niños y adolescentes.</a><br><br>
<a target="_Blank" href="https://www.scjn.gob.mx/derechos-humanos/protocolos-de-actuacion/en-casos-que-involucren-personas-migrantes-y-sujetas-de-proteccion">Protocolo de actuación para quienes imparten justicia en casos que afecten a personas migrantes y sujetas de protección internacional.</a><br><br>
<a target="_Blank" href="https://www.scjn.gob.mx/derechos-humanos/protocolos-de-actuacion/en-casos-que-involucren-derechos-de-personas-con-discapacidad">Protocolo de actuación para quienes imparten justicia en casos que involucren a derechos de personas con discapacidad.</a><br><br>
<a target="_Blank" href="">Protocolo de actuación para quienes imparten justicia en casos que involucren hechos constitutivos de tortura y malos tratos.</a><br><br>
<a target="_Blank" href="http://www.ordenjuridico.gob.mx/TratInt/Derechos%20Humanos/PI2.pdf">Protocolo adicional a la convención americana sobre derechos humanos en materia de derechos económicos, sociales y culturales "Protocolo de San Salvador".</a>
</div>
</div>
</div><br>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#convenciones" aria-expanded="false" aria-controls="collapseThree">
<b style="color: #8D85B0;">Convenciones</b>
</button>
</h5>
</div>
<div id="convenciones" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
<a target="_Blank" href="http://cedoc.inmujeres.gob.mx/documentos_download/100990.pdf">Convención sobre la eliminación de todas las formas de discriminación contra la mujer.</a><br><br>
<a target="_Blank" href="https://www.cndh.org.mx/sites/all/doc/programas/mujer/material_difusion/convencion_belemdopara.pdf">Convención Interamericana para prevenir, sancionar y erradicar la violencia contra la mujer “Convención de Belém do Pará”.</a><br><br>
<a target="_Blank" href="https://www.unicef.org/nicaragua/informes/convenci%C3%B3n-sobre-la-eliminaci%C3%B3n-de-todas-las-formas-de-discriminaci%C3%B3n-contra-la-mujer">Convención sobre la eliminación de todas las formas de discriminación contra la mujer adoptada por la Asamblea General de las Naciones Unidas.</a><br><br>
<a target="_Blank" href="http://www.ordenjuridico.gob.mx/TratInt/Derechos%20Humanos/D46.pdf">Convención para la represión de la trata de personas y de la explotación de la prostitución ajena.</a><br><br>
<a target="_Blank" href="https://www.intertournet.com.ar/argentina/pacto.htm">Convención Americana sobre Derechos Humanos “Pacto de San José de Costa Rica”.</a>
</div>
</div>
</div><br>
<div class="card">
<div class="card-header" id="headingFour">
<h5 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#manuales" aria-expanded="false" aria-controls="collapseFour">
<b style="color: #8D85B0;">Manuales</b>
</button>
</h5>
</div>
<div id="manuales" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body">
<a target="_Blank" href="https://www.unwomen.org/es/digital-library/publications/2012/12/handbook-for-legislation-on-violence-against-women#view">Manual de legislación sobre la violencia contra la mujer.</a><br><br>
<a target="_Blank" href="https://www.corteidh.or.cr/sitios/libros/todos/docs/cuadernillo4.pdf">Cuadernillo de jurisprudencia de la Corte IDH - Mujeres</a>
</div>
</div>
</div><br>
<div class="card">
<div class="card-header" id="headingFive">
<h5 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#sentencias" aria-expanded="false" aria-controls="collapseFive">
<b style="color: #8D85B0;">Sentencias Nacionales</b>
</button>
</h5>
</div>
<div id="sentencias" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="card-body">
<a target="_Blank" href="https://www.scjn.gob.mx/igualdad-de-genero/igualdadsentencias">SCJN en material de igualdad de género.</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6" style="padding: 100px;background-image: url('Igualdad-de-Genero/img-tjam/libros_normatividad.png'); background-size: cover; height: 750px;">
<a target="_Blank" href="http://congresomich.gob.mx/file/C%C3%93DIGO-DE-JUSTICIA-ADMINISTRATIVA-REF-28-DE-AGOSTO-DE-2019.pdf"><span style="font-weight: bold; font-size: 21px; color: #FFF; text-align: center; position: absolute; top: 19%;">Código de Justicia Administrativa del Estado de Michoacán.</span></a>
<a target="_Blank" href="https://www.diputados.gob.mx/LeyesBiblio/pdf/CPEUM.pdf"><span style="font-weight: bold; font-size: 23px; color: #FFF; text-align: center; position: absolute; top: 30%;">Constitución Politica de los Estados Unidos Mexicanos.</span></a>
<a target="_Blank" href="https://www.un.org/es/about-us/universal-declaration-of-human-rights"><span style="font-weight: bold; font-size: 22px; color: #FFF; text-align: center; position: absolute; top: 42%;">Declaración Universal de los Derechos Humanos.</span></a>
<a target="_Blank" href="https://www.conapred.org.mx/userfiles/files/ley%20Federal%20para%20Prevenir%20la%20Discriminaci%F3n%281%29.pdf"><span style="font-weight: bold; font-size: 18px; color: #FFF; text-align: center; position: absolute; top: 52%;">Ley Federal para Prevenir y Eliminar la Discriminación.</span></a>
<a target="_Blank" href="http://www.conapred.org.mx/leyes/Ley_para_Prevenir_y_Eliminar_la_Discriminacion_y_la_Violencia_en_el_Estado_de_Michoacan_de_OcampoAx.pdf"><span style="font-weight: bold; font-size: 20px; color: #FFF; text-align: center; position: absolute; top: 61%;">Ley para Prevenir y Eliminar la Discriminación y la Violencia en el Estado de Michoacán.</span></a>
<a target="_Blank" href="http://www.conapred.org.mx/userfiles/files/NMX-R-025-SCFI-2015_2015_DGN.pdf"><span style="font-weight: bold; font-size: 19px; color: #FFF; text-align: center; position: absolute; top: 79%;">Norma Mexicana NMX-R-025-SCFI-2015 en Igualdad Laboral y no Discriminación.</span></a>
<a target="_Blank" href="https://www.scjn.gob.mx/derechos-humanos/protocolos-de-actuacion/para-juzgar-con-perspectiva-de-genero"><span style="font-weight: bold; font-size: 20px; color: #FFF; text-align: center; position: absolute; top: 89%;">Protocolo para Juzgar con Perspectiva de Género.</span></a>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Interior de Sabias que?-->
<div class="modal fade" id="sabias_que" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">¿Sabías qué?</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">x</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="background-image: url('Igualdad-de-Genero/img-tjam/sabias_que_fondo.png'); background-repeat: coven; background-size: 100%;" class="col-md-12">
<div style="margin-left: 35%;"><br><br><br><br><br><br><br><br>
<p style="font-size: 45px; color: #527D4B; font-family: Miama Nueva;"><b>La violencia de género</b></p><br><br>
<p style="margin-left: 3%; margin-right: 15%; font-size: 25px; font-family: Bahnschrift light; color: #000; text-align: center;"><b>se refiere a los actos dañinos dirigidos contra una persona o un grupo de personas en razón de su género</b></p><br>
<p style="margin-right: 10%; text-align: center; font-size: 20px; color: #000;">El término se utiliza principalmente para subrayar el hecho de que las diferencias estructurales de poder basadas en el género colocan a las mujeres y niñas en situación de riesgo frente a múltiples formas de violencia.</p><br><br>
</div>
</div>
</div>
<div class="row">
<div style="background-image: url('Igualdad-de-Genero/img-tjam/sabias_que_fondo_2.png'); background-repeat: coven; background-size: 100%;" class="col-md-12">
<div style="margin-left: 35%;"><br><br><br><br><br><br><br><br>
<p style="font-size: 30px; color: #EC104D; font-family: Miama Nueva;"><b>La violencia contra las mujeres y las niñas</b></p><br>
<p style="margin-left: 3%; margin-right: 15%; text-align: center; font-family: Bahnschrift light; font-size: 20px; color: #000;"><b>se define como todo acto de violencia basado en el género que tenga o pueda tener como resultado un daño o sufrimiento físico, sexual o mental para la mujer, así como las amenazas de tales actos</b></p><br>
<p style="margin-right: 10%; text-align: center; font-size: 20px; color: #000;">La violencia contra las mujeres y niñas abarca, con carácter no limitativo, la violencia física, sexual y psicológica que se produce en el seno de la familia o de la comunidad, así como la perpetrada o tolerada por el Estado.</p><br><br>
</div>
</div>
</div>
<div class="row">
<div style="background-image: url('Igualdad-de-Genero/img-tjam/sabias_que_fondo_3.png'); background-repeat: coven; background-size: 100%;" class="col-md-12">
<div style="margin-left: 35%;"><br><br><br><br><br><br><br><br>
<p style="margin-right: 10%; text-align: center; font-size: 30px; color: #485B90; font-family: Miama Nueva;"><b>El Tribunal de Justicia Administrativa<br><br> del Estado de Michoacán</b></p><br><br>
<p style="margin-right: 20%; text-align: center; font-family: Bahnschrift light; font-size: 20px; color: #000;"><b>Apoya la cultura de la denuncia de los casos de acoso y hostigamiento sexual y laboral que se presenten en sus centros de trabajo, con el objetivo de tener un ambiente laboral libre de violencia, discriminación y desigualdad por razón de género.</b></p><br><br>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Interior de buzon sobre hostigamiento y acoso -->
<div class="modal fade" id="buzon" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">Buzón de Hostigamiento y Acoso</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<img src="Igualdad-de-Genero/img-tjam/construccion.png" alt="" />
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Interior de la galeria de Mujeres Destacadas -->
<div class="modal fade" id="mujeres" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">Mujeres Destacadas</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<img width="100%" src="Igualdad-de-Genero/img-tjam/collage.png" alt="">
<div style="padding: 10px; text-align: center; position: absolute; margin-bottom: 100px; top: 80%; height: 100px; left: 30%; background-color: #d3b3db; width: 40%; border: 1px solid;">
<span style="height: 40px; width: 30%; text-align: center; font-size: 50px; font-weight: bold; color: #7d6780">Mujeres</span><br>
<span style="height: 40px; width: 30%; text-align: center; font-size: 40px; font-weight: bold; color: #FFF">DESTACADAS</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<img width="100%" src="Igualdad-de-Genero/img-tjam/mujer1.png" alt="">
</div>
</div>
<div class="row">
<div class="col-md-12">
<img width="100%" src="Igualdad-de-Genero/img-tjam/mujer2.png" alt="">
</div>
</div>
<div class="row">
<div class="col-md-12">
<img width="100%" src="Igualdad-de-Genero/img-tjam/mujer3.png" alt="">
</div>
</div>
<div class="row">
<div class="col-md-12">
<img width="100%" src="Igualdad-de-Genero/img-tjam/mujer4.png" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Calendario interno-->
<div class="modal fade" id="calendario" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">Calendario</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div style="color: #FFF; font-size: 32px; text-align: center;" class="row padre">
<div class="col-md-3 hijo" style="background-color: #94dbeb;" data-image-id="" data-toggle="modal" data-target="#enero"><u>Enero</u></div>
<div class="col-md-3 hijo" style="background-color: #5cbc4c;" data-image-id="" data-toggle="modal" data-target="#febrero"><u>Febrero</u></div>
<div class="col-md-3 hijo" style="background-color: #ea8bb3;" data-image-id="" data-toggle="modal" data-target="#marzo"><u>Marzo</u></div>
<div class="col-md-3 hijo" style="background-color: #fbdb63;" data-image-id="" data-toggle="modal" data-target="#abril"><u>Abril</u></div>
</div>
<div style="color: #FFF; font-size: 30px; text-align: center;" class="row padre">
<div class="col-md-3 hijo" style="background-color: #cc1c2c;" data-image-id="" data-toggle="modal" data-target="#mayo"><u>Mayo</u></div>
<div class="col-md-3 hijo" style="background-color: #9c34c3;" data-image-id="" data-toggle="modal" data-target="#junio"><u>Junio</u></div>
<div class="col-md-3 hijo" style="background-color: #6c8bdb;" data-image-id="" data-toggle="modal" data-target="#julio"><u>Julio</u></div>
<div class="col-md-3 hijo" style="background-color: #e83969;" data-image-id="" data-toggle="modal" data-target="#agosto"><u>Agosto</u></u></div>
</div>
<div style="color: #FFF; font-size: 30px; text-align: center;" class="row padre">
<div class="col-md-3 hijo" style="background-color: #c1e1d5;" data-image-id="" data-toggle="modal" data-target="#septiembre"><u>Septiembre</u></div>
<div class="col-md-3 hijo" style="background-color: #cc832c;" data-image-id="" data-toggle="modal" data-target="#octubre"><u>Octubre</u></div>
<div class="col-md-3 hijo" style="background-color: #cc1c2c;" data-image-id="" data-toggle="modal" data-target="#noviembre"><u>Noviembre</u></div>
<div class="col-md-3 hijo" style="background-color: #8cc8af;" data-image-id="" data-toggle="modal" data-target="#diciembre"><u>Diciembre</u></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Interior de Calendario -->
<!-- Enero-->
<div class="modal fade" id="enero" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #06717F, #42A5B2, #93DAE9, #A8EBF4, #CAF3F9);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Enero:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 20%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.unicef.es/educa/blog/2627/actividades-para-celebrar-el-dia-de-la-paz">30 de Enero - Día de No Violencia y Paz.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Febrero-->
<div class="modal fade" id="febrero" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #A6C949, #8EC545, #77C241, #65C03F, #5EBF3D);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Febrero:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 10%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/female-genital-mutilation-day">06 de Febrero - Día Internacional de Tolerancia Cero con la Mutilación Genital Femenina.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/women-and-girls-in-science-day">11 de Febrero - día Internacional de las Mujeres y Niñas en la Ciencia.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.pjecz.gob.mx/derechos-humanos-e-igualdad-de-genero/sabias-que/febrero/15-de-febrero---dia-de-la-mujer-en-mexico/">15 de Febrero - Día de la Mujer en México.</a></li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Marzo -->
<div class="modal fade" id="marzo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #FEB1B7, #FEBDC4, #FFB7C3, #FFACB7, #FE9DA6);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 60px">Marzo:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 9%;"><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.pjecz.gob.mx/derechos-humanos-e-igualdad-de-genero/sabias-que/febrero/06-de-febrero---dia-internacional-de-tolerancia-cero-con-la-mutilacion-genital-femenina-mgf">01 de Marzo - Día de la Cero Discriminación.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/womens-day">08 de marzo - Día Internacional de la Mujer.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/women-judges-day#:~:text=Una%20prueba%20tangible%20de%20ello,Internacional%20de%20las%20Mujeres%20Juezas.">10 de Marzo - Día Internacional de las Juezas.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/end-racism-day">21 de marzo - Día Internacional de la Eliminación de la Descriminación Racial.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/right-to-truth-day">24 de marzo - Día Internacional del Derecho a la Verdad en Relación con Violaciones Graves de los Derechos Humanos y la Dignidad de las Víctimas.</a></li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Abril-->
<div class="modal fade" id="abril" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #F9EBB2, #F4E398, #F9DD61, #C6A622, #AA8B05);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Abril:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 20%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.paho.org/es/eventos/dia-mundial-salud-7-abril-2022-nuestro-planeta-nuestra-salud">07 de Abril - Día Mundial de la Salud.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/earth-day">22 de Abril - Día Internacional de la Madre Tierra.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!--Mayo -->
<div class="modal fade" id="mayo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #D94217, #E65D0D, #F18115, #F98629, #FC8835);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Mayo:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 10%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://edomex.gob.mx/dia_las_madres2021">10 de mayo - Día de las Madres.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="http://educacion.chihuahua.gob.mx/uig/content/10-de-mayo-da-de-la-maternidad-libre-y-voluntaria#:~:text=El%2010%20de%20Mayo%20se,%2C%20libertades%2C%20autonom%C3%ADa%2C%20diversidad%20y">10 de mayo - Día de la Maternidad Libre y Voluntaria.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.cndh.org.mx/noticia/dia-internacional-contra-la-homofobia-la-transfobia-y-la-bifobia">17 de mayo - Día Internacional contra la Homofobia, la Transfobia y la Bifobia.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.cndh.org.mx/noticia/dia-internacional-de-las-mujeres-por-la-paz-y-el-desarme#:~:text=En%201982%20el%20Campamento%20pacifista,luchas%20que%20numerosas%20mujeres%20han">24 de mayo - Día Internacional de las Mujeres por la Paz y el Desarme.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Junio -->
<div class="modal fade" id="junio" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #D63CAC, #B632B2, #9628BE, #7E20C2, #6415C8);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Junio:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 20px; position: absolute; top: 10%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.unicef.org/argentina/parto-respetado">07 de junio - Día Mundial por los Derechos del Nacimiento y el Parto Respetado.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/elder-abuse-awareness-day">15 de junio - Día Mundial de Toma de Conciencia del Abuso y Maltrato en la Vejez.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/end-sexual-violence-in-conflict-day">19 de junio - Día Internacional para la Eliminación de la Violencia Sexual en los Conflictos.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="http://educacion.chihuahua.gob.mx/uig/content/21-de-junio-da-internacional-por-la-educacin-no-sexista">21 de junio - Día Internacional por la Educación No Sexista.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/torture-victims-day">26 de junio - Día Internacional en Apoyo de las Víctimas de la Tortura.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://eacnur.org/blog/dia-del-orgullo-lgtbi-por-que-se-celebra-tc_alt45664n_o_pstn_o_pst/">28 de junio - Día Internacional del Orgullo LGBT o Día del Orgullo Gay.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Julio -->
<div class="modal fade" id="julio" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #65A0DA, #4A88C7, #2B6BB1, #1D5DA3, #0B4D99);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Julio:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 10%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://lac.unwomen.org/es/stories/noticia/2022/03/30-de-marzo-dia-internacional-de-las-trabajadoras-del-hogar">02 de julio - Día Internacional del Trabajo Doméstico.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://es.unesco.org/news/dia-internacional-mujer-afrolatina-afrocaribena-y-diaspora#:~:text=A%20partir%20de%201992%20cada,el%20racismo%20y%20la%20discriminaci%C3%B3n.">25 de julio - Día Internacional de la Mujer Negra, Latinoamericana y Caribeña.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/end-human-trafficking-day">30 de julio - Día Mundial contra la Trata de Personas.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!--Agosto -->
<div class="modal fade" id="agosto" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #D91B3F, #E02955, #F0447E, #F44E8D, #F75495);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Agosto:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 10%;"><br><br><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.paho.org/es/semana-mundial-lactancia-materna">01 al 07 de agosto - Semana Mundial de la lactancia.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/older-persons-day">28 de agosto - Día Internacional de las Personas de Edad.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Septiembre -->
<div class="modal fade" id="septiembre" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #A9F7E7, #7AE2C9, #51C4A8, #1EA887, #057C60);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Septiembre:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 10%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://psicologia.unc.edu.ar/projects/dia-nacional-de-los-derechos-politicos-de-la-mujer/">23 de septiembre - Día Nacional de los Derechos Políticos de la Mujer.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.cndh.org.mx/noticia/dia-internacional-contra-la-explotacion-sexual-y-el-trafico-de-mujeres-ninas#:~:text=El%20D%C3%ADa%20Internacional%20contra%20la,enero%20de%201999%5B1%5D.">23 de septiembre - Día Internacional contra la Explotación Sexual y el Tráfico de Mujeres y Niñas/Niños.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/sign-languages-day">23 de septiembre - Día Internacional de las Lenguas de Señas.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Octubre -->
<div class="modal fade" id="octubre" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #4F1E03, #5E2D11, #703A1B, #7A4C32, #7C5D4C);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Octubre:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 10%;"><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.cndh.org.mx/noticia/dia-internacional-de-la-no-violencia">02 de octubre - Día Internacional de la No Violencia.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/girl-child-day">11 de octubre - Día Internacional de la Niña.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/rural-women-day">15 de octubre - Día Internacional de las Mujeres Rurales.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.canaldelcongreso.gob.mx/noticias/13656/Conmemoran_el_67_Aniversario_del_voto_de_la_mujer_en_Mxic">17 de octubre - Aniversario del Sufragio Femenino.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.womens.es/oncologia-ginecologica/mama-2/dia-mundial-del-cancer-de-mama/">19 de octubre - Día Mundial de Cáncer de mama.</a></li><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.unicef.es/causas/mundo/supervivencia-infantil">23 de octubre - Día Mundial de Acción para la Supervivencia Infantil.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Noviembre -->
<div class="modal fade" id="noviembre" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #A81E1C, #951A1D, #88161D, #6D111C, #630F1B);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Noviembre:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 10%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.cndh.org.mx/index.php/noticia/dia-internacional-para-la-tolerancia">16 de noviembre - Día Internacional para la Tolerancia.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://news.un.org/es/story/2008/11/1149821">19 de noviembre - Día Internacional para la Prevención del Abuso Infantil.</a></li><br><br>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/ending-violence-against-women-day">25 de noviembre - Día Internacional contra la Violencia hacia las Mujeres y las Niñas.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Diciembre-->
<div class="modal fade" id="diciembre" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<div style="color: #FFF; background:linear-gradient(30deg, #B9E9EA, #8DCCCE, #72B8BD, #57A1A3, #399C9E);" class="col-md-12"><br><br>
<h2><b style="font-family: Brush Script Std; color: #FFF; font-size: 80px">Diciembre:</b></h2>
<img style="margin-left: 80%; display:block; width: 20%;" class="img-responsive col-md-12" src="Igualdad-de-Genero/img-tjam/justicia_calendario.png">
<div style="width: 70%; font-size: 25px; position: absolute; top: 20%;"><br><br><br>
<ul>
<li><a target="_Blank" style="color: #FFF;" href="https://www.un.org/es/observances/human-rights-day">10 de Diciembre - Día de los Derechos Humanos.</a></li><br><br>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="videos" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">Videos</h4>
<button type="button" class="close" data-dismiss="modal">x<span aria-hidden="true"></span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div class="row">
<?php
$sqlv = "SELECT link_video FROM video WHERE categoria = 'Equidad' ORDER BY id_video DESC";
$resvideo = mysqli_query($db, $sqlv);
while ($repvideo = mysqli_fetch_array($resvideo)) {
$link_video = $repvideo['link_video'];
echo '<div class="col-lg-4">';
echo '<iframe width="340" height="215" src="' . $link_video . '"></iframe>';
echo '</div>';
}
?>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Interior de Sentencias del Tribunal -->
<div class="modal fade" id="sentencias_Tribunal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">Sentencias con Perspectiva de Género</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">x</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<!--
<div class="row">
<img src="Igualdad-de-Genero/img-tjam/edificio.png" alt="" aling="right">
<a target="_Blank" href="Igualdad-de-Genero/sentencias/JAR-0026-2022-II.pdf"><span style="font-family: Hobo Std; font-size: 20px; color: #8D85B0; position: absolute; top: 20%;">Sentencia del Expediente JAR-0026/2022-II.</span></a>
</div>
-->
<table class="table table-bordered">
<tr align="center">
<th><font color="000000">AÑO</th>
<th><font color="000000">EXPEDIENTE</th>
<th><font color="000000">INSTANCIA</th>
<th><font color="000000">ÓRGANO JURISDICCIONAL</th>
<th><font color="000000">TEMA</th>
<th><font color="000000">ARCHIVO</th>
</tr>
<tr align="center">
<td><font color="000000">2022</td>
<td><font color="000000">JAR-0026/2022-II</td>
<td><font color="000000">Segunda</td>
<td><font color="000000">Segunda Sala Administrativa</td>
<td align="justify"><font color="000000">
<p>
TEMA</br>
Derecho a la salud, Derecho a la igualdad y no discriminación.</br>
SINÓPSIS</br>
El juicio versa sobre un juicio administrativo promovido por una mujer en contra del Ayuntamiento,
mediante el cual solicitó la nulidad de la baja administrativa que la separó del cargo que desempeñaba como Policía Municipal;
así como la suspensión del acto para el efecto de que la autoridad demandada siguiera realizando el pago correspondiente de las cuotas que derivan del IMSS,
a fin de conservar su derecho al servicio médico y pueda realizarse la cirugía médica que tenía programada.
La Jueza admitió la demanda y concedió la suspensión provisional para el efecto de que el Ayuntamiento realizará el
pago de las aportaciones obrero-patronales ante el IMSS; sin embargo, la parte demandada se inconformó con dicha
concesión y promovió el recurso de reconsideración.</br>
La Segunda Sala de la TJAM resolvió modificar la suspensión para el efecto de que, se emitiera el aviso de alta de *** ante el IMSS,
a fin de que la actora goce nuevamente de las prestaciones de seguridad social; lo anterior, toda vez que el contexto del cese,
conduce a concluir que probablemente la ruptura de la relación laboral derivó de cuestiones que tienen que ver con el estado de salud
de la actora. La Sala reconoció la realidad sociocultural en que se desenvuelve la mujer, y expresó que, en el mercado laboral actual,
una persona, sólo por la condición de ser mujer es más probable que sufra discriminación en el empleo que un varón, pues en la realidad
si una mujer presenta alguna condición médica, las probabilidades de que el patrón/empresa ordene su cese son más altas que en el supuesto
de que un varón padezca una enfermedad similar.
</p>
</td>
<td><font color="000000">
<a target="_Blank" href="Igualdad-de-Genero/sentencias/JAR-0026-2022-II.pdf">
<img src="Igualdad-de-Genero/img-tjam/pdf.png" height="50" width="50" />
</a>
</td>
</tr>
<tr align="center">
<td><font color="000000">2019</td>
<td><font color="000000">RAA-0157/2019-I</td>
<td><font color="000000">Segunda</td>
<td><font color="000000">Primera Sala Administrativa</td>
<td align="justify"><font color="000000">
<p>
Omisión de la autoridad a remitir la carpeta técnica al Congreso del Estado de Michoacán,
debidamente integrada, relativa a la desincorporación y regularización de los lotes…; debe
valorarse la condición vulnerable de la parte actora, al tratarse de una mujer en factible
condición de desventaja económica, por tanto, se deben detectar y eliminar todas las barreras
y obstáculos que discriminan a personas en condición de sexo o género, es decir, juzgar considerando
las situaciones de desventaja… este resolutor al aplicar como tamiz el método de juzgar con
perspectiva de género diseñado para detectar y eliminar todas las barreras y obstáculos que
discriminan a las personas por condiciones de sexo o género, es decir, juzgar considerando las
situaciones de desventaja, no se advierte que en las determinaciones tanto de la autoridad demandada
como del Juez de origen se evidencie algún trato diferenciado o discriminatorio en razón de género o condición económica.
</p>
</td>
<td><font color="000000">
<a target="_Blank" href="Igualdad-de-Genero/sentencias/RAA-0157-2019-I.pdf">
<img src="Igualdad-de-Genero/img-tjam/pdf.png" height="50" width="50" />
</a>
</td>
</tr>
<tr align="center">
<td><font color="000000">2019</td>
<td><font color="000000">RAA-0169/2019-I</td>
<td><font color="000000">Segunda</td>
<td><font color="000000">Primera Sala Administrativa</td>
<td align="justify"><font color="000000">
<p>
Se declare la nulidad de la negativa de la autoridad a remitir al Congreso del Estado de Michoacán,
la carpeta técnica formada respecto al asentamiento humano de nominado LUIS DONALDO COLOSIO MURRIETA….
debe valorarse la condición vulnerable de la parte actora, al tratarse de una mujer en factible condición
de desventaja económica, por tanto, se deben detectar y eliminar todas las barreras y obstáculos que
discriminan a personas en condición de sexo o género, es decir, juzgar considerando las situaciones de
desventaja… este resolutor al aplicar como tamiz el método de juzgar con perspectiva de género diseñado
para detectar y eliminar todas las barreras y obstáculos que discriminan a las personas por condiciones
de sexo o género, es decir, juzgar considerando las situaciones de desventaja, no se advierte que en las
determinaciones tanto de la autoridad demandada como del Juez de origen se evidencie algún trato diferenciado
o discriminatorio en razón de género o condición económica.
</p>
</td>
<td><font color="000000">
<a target="_Blank" href="Igualdad-de-Genero/sentencias/RAA-0169-2019-I.pdf">
<img src="Igualdad-de-Genero/img-tjam/pdf.png" height="50" width="50" />
</a>
</td>
</tr>
<tr align="center">
<td><font color="000000">2022</td>
<td><font color="000000">JA-0576/2018-II</td>
<td><font color="000000">Primera</td>
<td><font color="000000">Segundo Juzgado Administrativo</td>
<td align="justify"><font color="000000">
<p>
La actora demandó a un Ayuntamiento, la nulidad de la resolución negativa ficta recaída a su solicitud de
información y de pago de seguro de vida y otras prestaciones de su hijo fallecido desempeñando el cargo de policía municipal.
Al dar contestación a la demanda, las autoridades demandadas señalaron como terceras interesadas,
a quienes refiere con el carácter de concubina y beneficiaria del de cujus y a su menor hija,
señalando que el Cabildo autorizó la entrega a ésta del seguro de vida y el pago de una indemnización.</br>
En el juicio se advirtió la posible existencia de categorías sospechosas atendiendo a las manifestaciones de las partes,
dado que la actora y terceras interesadas, son mujeres que refieren ubicarse en situación de vulnerabilidad económica,
siendo la cuestión a dilucidar en el juicio, a quién asiste el derecho a las prestaciones derivadas del fallecimiento
del policía municipal indicado.
Siguiendo en el caso los lineamientos de la jurisprudencia 1a./J. 22/2016 (10a.) y del Protocolo
para juzgar con perspectiva de género, emitidos por la Suprema Corte de Justicia de la Nación,
desde la sustanciación del juicio se cumplió la obligación de ordenar de oficio las pruebas
necesarias para visibilizar situaciones de vulnerabilidad o discriminación por razones de género,
al advertirse que el material probatorio aportado por las partes era insuficiente para aclararlas.
Adicionalmente, en el dictado de la sentencia se atendieron las circunstancias y personas
involucradas en el caso, para establecer el contexto objetivo y subjetivo de los hechos del caso y valorar
las pruebas aportadas y recabadas en juicio, desechando cualquier estereotipo o prejuicio de género.
En la sentencia se determinó que se configuró la negativa ficta respecto de la solicitud presentada por
la actora a las autoridades demandadas; pero resultaron infundados e inoperantes los
conceptos de violación que planteó, en consecuencia, se reconoció la legalidad y validez de la
resolución expresa, y por ende, improcedentes las acciones intentadas.
</p>
</td>
<td><font color="000000">
<a target="_Blank" href="Igualdad-de-Genero/sentencias/JA-0576-2018-II.pdf">
<img src="Igualdad-de-Genero/img-tjam/pdf.png" height="50" width="50" />
</a>
</td>
</tr>
<tr align="center">
<td><font color="000000">2023</td>
<td><font color="000000">JA-0652/2022-II</td>
<td><font color="000000">Primera</td>
<td><font color="000000">Segundo Juzgado Administrativo</td>
<td align="justify"><font color="000000">
<p>
Un matrimonio demandó la nulidad lisa y llana de la resolución emitida por el director del
Registro Civil del Estado de Michoacán en la que les negó el registro de nacimiento en comaternidad,
esto es, con los apellidos de su madre biológica y la cónyuge de ésta.</br>
En la sentencia se juzgó con perspectiva de género y se efectuó un control difuso de constitucionalidad,
determinándose la inaplicación en el caso, del artículo 369 del Código Familiar del Estado de Michoacán,
por contener un criterio de categoría sospechosa, basado en la distinción por razón de género,
al establecer que el reconocimiento voluntario sólo puede establecerse en relación con el padre—en
un contexto de matrimonio heterosexual—, de modo que establece un trato desigual entre personas que se
encuentran en situaciones similares, vulnerando de esta forma, el derecho a la igualdad y no discriminación
de las actoras, al impedir que parejas homoparentales puedan acceder a dicha prerrogativa de reconocimiento
consensuado de hijos dentro de su unión y, por ende, de la constitución del vínculo filial respectivo, en
menoscabo también de los derechos de identidad, salud y seguridad jurídica de la infante; lo que resulta violatorio
de los derechos humanos reconocidos en los artículos 1° y 4° de la Constitución Política de los Estados Unidos Mexicanos.
</p>
</td>
<td><font color="000000">
<a target="_Blank" href="Igualdad-de-Genero/sentencias/JA-0652-2022-II.pdf">
<img src="Igualdad-de-Genero/img-tjam/pdf.png" height="50" width="50" />
</a>
</td>
</tr>
</table></br>
<!-- tabla de medidas cutelares -->
<h6 align="center">Medidas Cautelares</h6></br>
<table class="table table-bordered">
<tr align="center">
<th><font color="000000">AÑO</th>
<th><font color="000000">MEDIDA CAUTELAR</th>
<th><font color="000000">EXPEDIENTE</th>
<th><font color="000000">INSTANCIA</th>
<th><font color="000000">ÓRGANO JURISDICCIONAL</th>
<th><font color="000000">TEMA</th>
<th><font color="000000">ARCHIVO</th>
</tr>
<tr align="center">
<td><font color="000000">2021</td>
<td><font color="000000">Suspensión</td>
<td><font color="000000">JA-1518/2021-I</td>
<td><font color="000000">Primera</td>
<td><font color="000000">Primer Juzgado Administrativo</td>
<td align="justify"><font color="000000">
<p>
Se concede la suspensión para que se abstenga de ejecutar el cambio de adscripción ordenado en el oficio impugnado.</br>
Se determina de tal forma bajo la consideración del interés superior del menor y perspectiva de género,
ya que acredita ser madre de una menor de tres años de edad, con su acta de nacimiento. Aunado a que manifiesta ser madre soltera,
tiene la guarda y custodia de su menor hija y no tiene con quien dejarla a su cuidado,
por lo que se encuentra en una situación de vulnerabilidad, circunstancia que la autoridad demandada omitió valorar.
</p>
</td>
<td><font color="000000">
<a target="_Blank" href="Igualdad-de-Genero/sentencias/JA-1518-2021-I.pdf">
<img src="Igualdad-de-Genero/img-tjam/pdf.png" height="50" width="50" />
</a>
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Interior de En la opinion de... -->
<div class="modal fade" id="opinion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="image-gallery-title">En la opinión de...</h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">x</span><span class="sr-only">Close</span></button>
</div>
<div class="container">
<div class="row">
<div class="col-1"></div>
<div class="col-10"><br/>
<h4 style="text-align: center;"><strong>El principio de paridad en la integración del Tribunal de Justicia Administrativa de Michoacán.</strong></h4><br/>
<p style="text-align: justify; color: #000000;">
La Convención sobre la Eliminación de todas las formas de Discriminación contra la Mujer (CEDAW),
considerada también como la Carta Internacional de los Derechos de las Mujeres, fue aprobada por la
Asamblea General de las Naciones Unidas de 1979, fue firmada por México en 1980 y ratificada el 23 de marzo de 1981.</br></br>
La CEDAW establece en el artículo 4, párrafo 1, que los Estados Parte adopten medidas especiales de carácter
temporal encaminadas a acelerar la igualdad de facto entre el hombre y la mujer.</br></br>
En relación a dichas medidas, el Comité para la Eliminación de la Discriminación contra
la Mujer elaboró en 1999 la Recomendación general No. 25, explica que no es suficiente
garantizar a la mujer un trato idéntico al del hombre, también deben tenerse en cuenta las diferencias biológicas,
y las que la sociedad y cultura han creado entre géneros, de modo que en ciertas circunstancias será necesario que
haya un trato no idéntico de mujeres y hombres para equilibrar esas diferencias.</br></br>
Las acciones afirmativas recuerdan la idea de justicia que exponía Aristóteles, tratar igual a los iguales y desigual a los desiguales.
La Recomendación general No. 25 sostiene que la vida de la mujer y del hombre deben enfocarse teniendo en cuenta su contexto y deben
adoptarse medidas para transformar realmente las oportunidades, las instituciones y los sistemas de modo que dejen de basarse en
pautas de vida y paradigmas de poder masculinos determinados históricamente; explica que la Convención proscribe toda forma de
discriminación contra la mujer, por lo que es necesario eliminar las causas y consecuencias de la desigualdad, por lo tanto, aclara
que la aplicación de medidas especiales de carácter temporal de conformidad con la Convención es un medio de hacer realidad la igualdad
sustantiva o de facto de la mujer y no una excepción a las normas de no discriminación e igualdad.</br></br>
Después de 38 años de ratificada la convención, la constante lucha por visibilizar y modificar la desigualdad social, laboral, económica
y de poder de las mujeres en el sistema mexicano, concretó como logro la Reforma constitucional en materia de paridad entre géneros,
publicada el 6 de junio de 2019 en el Diario Oficial de la Federación, con la cual se reformaron los artículos 2, 4, 35, 41, 52, 53, 56, 94 y 115 de
la Constitución Política de los Estados Unidos Mexicanos (CPEUM), estableciendo medidas especiales como la instituida en la CEDAW, con el
fin de garantizar que la mitad de los cargos de decisión política en los poderes de la Unión, Ejecutivo, Legislativo y Judicial, así como
en los niveles de gobierno tanto federal, como estatal y municipal, y organismos autónomos, cumplan con el principio de paridad.</br></br>
La implementación progresiva de esta reforma, permitirá una paridad transversal que logre la participación de las mujeres en todos los
cargos de toma de decisión del ámbito público.</br></br>
Ahora se establece en nuestra Carta Magna, que los partidos están obligados a garantizar la paridad en las candidaturas, que
trascienda en paridad en la integración de los ayuntamientos y del Poder Legislativo; asimismo los nombramientos de las personas
titulares de las secretarías de despacho del Poder Ejecutivo deberán observar el principio de paridad de género, en el nivel federal y las entidades.</br></br>
En relación con el Poder Judicial, también se establece en el artículo 94 de la CPEUM que la integración de los órganos jurisdiccionales será mediante
concursos abiertos observando la paridad de género. </br></br>
Del mismo modo, la integración de los organismos autónomos, tanto a nivel federal como estatal, deberán cumplir con el principio
de paridad, entre los que se encuentran los Tribunales de Justicia Administrativa, como se les reconoce en el artículo 116, fracción V de CPEUM.</br></br>
A diferencia de otras reformas estructurales, la adecuación de la normatividad estatal al mandato constitucional quedó como una mera
recomendación en el artículo cuarto transitorio de la reforma en cita, al referir que legislaturas de las entidades federativas, en
el ámbito de su competencia, deberán realizar las reformas correspondientes en su legislación, para procurar la observancia del principio
de paridad de género en los términos del artículo 41.</br></br>
Sin embargo es de reconocerse que el Congreso del Estado de Michoacán en el ejercicio de su facultad para elegir magistradas y
magistrados del Tribunal de Justicia Administrativa del Estado, emitió en 2020 la primer convocatoria pública abierta exclusiva
para mujeres para elegir magistrada de dicho órgano jurisdiccional, y por segunda ocasión en 2021, proceso aun en trámite, con el que
se busca garantizar una integración plural, esto es, que al menos dos de las cinco magistraturas tenga como titular a una mujer.</br></br>
Cabe destacarse que aun cuando al interior del Tribunal de Justicia Administrativa, no se han implementado este tipo de medidas especiales de carácter temporal,
los juzgados cumplen con el principio de paridad, al haberse designado dos juezas y dos jueces, como resultado de los concursos internos de oposición.</br></br>
Este avance en la igualdad de oportunidades entre hombres y mujeres en el acceso al poder político permite círculos virtuosos en los que las mujeres
promuevan e impulsen reformas, políticas y acciones tendientes a lograr una igualdad sustantiva, y específicamente en los órganos jurisdiccionales,
impulsa enfoques distintos en la tarea de juzgar como es el aplicar la perspectiva de género.</br>
</p>
<h4 style="text-align: right;"><i>Araceli Pineda Salazar.</i></h4>
</div>
<div class="col-1"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- <a href="https://online.flippingbook.com/view/598531156/" class="fbo-embed" data-fbo-id="f82f26b784" data-fbo-ratio="3:2" data-fbo-lightbox="yes" data-fbo-width="100%" data-fbo-height="auto" data-fbo-version="1" style="max-width: 100%">Revista de genero 1</a><script async defer src="https://online.flippingbook.com/EmbedScriptUrl.aspx?m=redir&hid=598531156"></script>
-->
<!-- Inicia la galeria de fotos-->
<div class="container"><br><br>
<h2 class="subtitulo">Galería de imagenes</h2>
<div class="row">
<figure class="col-md-4">
<a class="black-text" href="Igualdad-de-Genero-Mujeres-Galeria?evento=1" data-size="1600x1067">
<img width="500" height="600" class="img-thumbnail" src="Igualdad-de-Genero/carrusel/img/foto_1.jpg" alt="img">
<h6>Agenda Pública.</h6>
</a>
</figure>
<figure class="col-md-4">
<a class="black-text" href="Igualdad-de-Genero-Mujeres-Galeria?evento=2" data-size="1600x1067">
<img width="500" height="600" class="img-thumbnail" src="Igualdad-de-Genero/carrusel/img/foto_6.jpg" alt="img">
<h6>Mesa temática "Análisis de Sentencias con Perspectiva de Género" (Veracruz).</h6>
</a>
</figure>
<figure class="col-md-4">
<a class="black-text" href="Igualdad-de-Genero-Mujeres-Galeria?evento=3" data-size="1600x1067">
<img width="500" height="600" class="img-thumbnail" src="Igualdad-de-Genero/carrusel/img/foto_13.jpg" alt="img">
<h6>Mesa temática "Perspectiva de Género" Congreso Nacional AMTRIJA (Guanajuato).</h6>
</a>
</figure>
<figure class="col-md-4"></br>
<a class="black-text" href="Igualdad-de-Genero-Mujeres-Galeria?evento=4" data-size="1600x1067">
<img width="500" height="600" class="img-thumbnail" src="Igualdad-de-Genero/carrusel/img/foto_18.jpg" alt="img">
<h6>Sesiones Ordinarias.</h6>
</a>
</figure>
<figure class="col-md-4"></br>
<a class="black-text" href="Igualdad-de-Genero-Mujeres-Galeria?evento=5" data-size="1600x1067">
<img width="500" height="600" class="img-thumbnail" src="Igualdad-de-Genero/carrusel/img/foto_29.jpg" alt="img">
<h6>Presentación oficial de nuestro Micrositio.</h6>
</a>
</figure>
</div>
</div>
<!-- Inicia Galeria de Videos-->
<!--
<div class="container">
<br>
<h2 class="subtitulo">Voces de Juzgadoras</h2>
<div class="row">
<div class="col-lg-4">
<iframe width="360" height="215" src="https://www.youtube.com/embed/imjEf8NsNVY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-lg-4">
<iframe width="360" height="215" src="https://www.youtube.com/embed/usC1kPPnNRg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-lg-4">
<iframe width="360" height="215" src="https://www.youtube.com/embed/UOnOpwEr8xM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
-->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
let modalId = $('#image-gallery');
$(document)
.ready(function () {
loadGallery(true, 'a.thumbnail');
//This function disables buttons when needed
function disableButtons(counter_max, counter_current) {
$('#show-previous-image, #show-next-image')
.show();
if (counter_max === counter_current) {
$('#show-next-image')
.hide();
} else if (counter_current === 1) {
$('#show-previous-image')
.hide();
}
}
/**
*
* @param setIDs Sets IDs when DOM is loaded. If using a PHP counter, set to false.
* @param setClickAttr Sets the attribute for the click handler.
*/
function loadGallery(setIDs, setClickAttr) {
let current_image,
selector,
counter = 0;
$('#show-next-image, #show-previous-image')
.click(function () {
if ($(this)
.attr('id') === 'show-previous-image') {
current_image--;
} else {
current_image++;
}
selector = $('[data-image-id="' + current_image + '"]');
updateGallery(selector);
});
function updateGallery(selector) {
let $sel = selector;
current_image = $sel.data('image-id');
$('#image-gallery-title')
.text($sel.data('title'));
$('#image-gallery-image')
.attr('src', $sel.data('image'));
disableButtons(counter, $sel.data('image-id'));
}
if (setIDs == true) {
$('[data-image-id]')
.each(function () {
counter++;
$(this)
.attr('data-image-id', counter);
});
}
$(setClickAttr)
.on('click', function () {
updateGallery($(this));
});
}
});
// build key actions
$(document)
.keydown(function (e) {
switch (e.which) {
case 37: // left
if ((modalId.data('bs.modal') || {})._isShown && $('#show-previous-image').is(":visible")) {
$('#show-previous-image')
.click();
}
break;
case 39: // right
if ((modalId.data('bs.modal') || {})._isShown && $('#show-next-image').is(":visible")) {
$('#show-next-image')
.click();
}
break;
default:
return; // exit this handler for other keys
}
e.preventDefault(); // prevent the default action (scroll / move caret)
});
$(document).ready(function () {
var itemsMainDiv = ('.MultiCarousel');
var itemsDiv = ('.MultiCarousel-inner');
var itemWidth = "";
$('.leftLst, .rightLst').click(function () {
var condition = $(this).hasClass("leftLst");
if (condition)
click(0, this);
else
click(1, this)
});
ResCarouselSize();
$(window).resize(function () {
ResCarouselSize();
});
//this function define the size of the items
function ResCarouselSize() {
var incno = 0;
var dataItems = ("data-items");
var itemClass = ('.item');
var id = 0;
var btnParentSb = '';
var itemsSplit = '';
var sampwidth = $(itemsMainDiv).width();
var bodyWidth = $('body').width();
$(itemsDiv).each(function () {
id = id + 1;
var itemNumbers = $(this).find(itemClass).length;
btnParentSb = $(this).parent().attr(dataItems);
itemsSplit = btnParentSb.split(',');
$(this).parent().attr("id", "MultiCarousel" + id);
if (bodyWidth >= 1200) {
incno = itemsSplit[3];
itemWidth = sampwidth / incno;
}
else if (bodyWidth >= 992) {
incno = itemsSplit[2];
itemWidth = sampwidth / incno;
}
else if (bodyWidth >= 768) {
incno = itemsSplit[1];
itemWidth = sampwidth / incno;
}
else {
incno = itemsSplit[0];
itemWidth = sampwidth / incno;
}
$(this).css({ 'transform': 'translateX(0px)', 'width': itemWidth * itemNumbers });
$(this).find(itemClass).each(function () {
$(this).outerWidth(itemWidth);
});
$(".leftLst").addClass("over");
$(".rightLst").removeClass("over");
});
}
//this function used to move the items
function ResCarousel(e, el, s) {
var leftBtn = ('.leftLst');
var rightBtn = ('.rightLst');
var translateXval = '';
var divStyle = $(el + ' ' + itemsDiv).css('transform');
var values = divStyle.match(/-?[\d\.]+/g);
var xds = Math.abs(values[4]);
if (e == 0) {
translateXval = parseInt(xds) - parseInt(itemWidth * s);
$(el + ' ' + rightBtn).removeClass("over");
if (translateXval <= itemWidth / 2) {
translateXval = 0;
$(el + ' ' + leftBtn).addClass("over");
}
}
else if (e == 1) {
var itemsCondition = $(el).find(itemsDiv).width() - $(el).width();
translateXval = parseInt(xds) + parseInt(itemWidth * s);
$(el + ' ' + leftBtn).removeClass("over");
if (translateXval >= itemsCondition - itemWidth / 2) {
translateXval = itemsCondition;
$(el + ' ' + rightBtn).addClass("over");
}
}
$(el + ' ' + itemsDiv).css('transform', 'translateX(' + -translateXval + 'px)');
}
//It is used to get some elements from btn
function click(ell, ee) {
var Parent = "#" + $(ee).parent().attr("id");
var slide = $(Parent).attr("data-slide");
ResCarousel(ell, Parent, slide);
}
});
</script>
Mini Shell