<input type="checkbox" name="ActivaVentana" id="ActivaVentana">
<label for="ActivaVentana" id="AbreModal"> Abrir Modal</label>
<label for="ActivaVentana" class="VentModal"> </label>

<div class="contenidoventana">
<label for="ActivaVentana" id="CierraModal">X</label>

<div class="texto-ventana">

<p>Este material tiene por objetivo colaborar en la labor diaria de los docentes, maestros y profesores. Las propuestas de trabajo que se incluyen pueden ser moldeadas de acuerdo a sus expectativas, su experiencia y a las características del grupo con el que trabajen. Se organiza de la siguiente manera:

<br><br><br>

<img src="imagenes/cuadernillos/maquinacuadernillo.jpg"> </div>
</div>

<div class="tapas-todas">
<div class="libro">
<div class="tapita-1">
                <img src="imagenes/maquina.png"onmouseover="this.style.opacity=0.5" onmouseout="this.style.opacity=1"/>
                <br>
                <h2>La máquina del tiempo</h2>

</div>
<div class="tapita">
                <img src="imagenes/odisea.png"onmouseover="this.style.opacity=0.5" onmouseout="this.style.opacity=1"/>
                <br>
                <h2>La Odisea</h2>