@charset "utf-8";
/* CSS Document */

/* css para ocultar botonera*/
#botonera:before {
	background-color: transparent!important;
}
#botonera div {
	border-bottom: 6px solid #112D48;
}

#botonera { 
	width: 220px; 
	z-index: 500!important;
}
 
/* /. */
 
.con_pop{
	position: absolute;
	top: 0px;
	left: -1080px;
	width: 260%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.28);
	z-index: 1001;
}
.oculta{
	display:none;
}
.muestra{
	display:block;
}
.popup{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 100px;
	margin: auto;
	max-width: 990px;
	z-index: 1002;
	border-radius:35px;
	animation-name: muestra;
	animation-duration: 500ms;
	animation-iteration-count: 1;
	-webkit-animation-name: muestra;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;	
}
 @-webkit-keyframes muestra {
 from {
	top:-400px;
	opacity:0;
}
 to {
	top:100px;
	opacity:1;
}
}
@keyframes muestra {
 from {
	top:-400px;
	opacity:0;
}
 to {
	top:100px;
	opacity:1;
}
} 
.popup iframe {
  position: absolute;
  left: 110px;
  top: 40px;
}

.img1 {
    position: absolute;
    top: 120px;
    left: 80px;
    transition:all 300ms ease;
}  
/*
.p_home {
    border: 1px solid black;
    border-radius: 0px!important;
}*/
 

img.cerrar {}

img.avanzar {}

img.avanzar {
    position: absolute;
    bottom: 55px;
    left: 771px;
    display: none;
    z-index: 1;
}

.menu div {
    padding: 11px 42px;
    background-color: rgb(179, 99, 0);
    color: white;
    border-radius: 7px;
    position: absolute;
    font-size: 32px;
    z-index: 2;
    transition:all ease 500ms;
}

.poema {
    bottom: 30px;
    left: 330px;
}
.preguntas {
    bottom: 30px;
    left: 840px;
}
.menu div:hover {
	transform:scale(1.2);
	background-color: rgb(213, 140, 50);
}
.menu div.act {
	transform:scale(1.2);
	background-color: rgb(213, 140, 50);
}