#toggler{width:45px;height: auto;position: absolute;top:15px;left:15px;cursor: pointer;z-index:1;}
#toggler img{max-width:45px;}
#toggler img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);}
#backdrop{display:none;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index:3;}

#menu{background-color: white;border-right: 1px solid #eaeaea;width:245px;height:100vh;position: fixed;top:0;left:-246px;z-index:999;overflow-y: auto; overflow-x: hidden;}
#menu{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
#menu.visible{left:0px;}
#menu .prop{width:80px;margin:10px auto;}
#menu .eitic{position:relative;margin-top:0;}
#menu .logolibro{position: relative;max-width: 150px;margin:10px 0 10px 0;}
#menu .propuestas{margin:-35px auto 0;}
#menu .cierre{text-align: right;padding:12px 10px 7px 7px;border-bottom:1px solid #eaeaea;}
#menu .cierre img{width:20px;height: auto;cursor:pointer;}

.prop{display: block;}
.propuestas.desktop{position:absolute;top:240px;left:12px;display: none;z-index: 1;}
.propuestas.desktop .prop{width:90px;height: auto;}
@media(max-height: 500px){
	#menu .prop{display: inline-block;margin:3px auto;}
	#menu .propuestas{margin:-5px auto 0;text-align: center;}
}
@media(max-width: 599px){
	.propuestas.desktop{display: none;}
}
@media(min-width: 600px){
	#toggler{width:55px;height:55px;left: 0;background-color:#ffd061;text-align: right;}
	.apertura #toggler{top:260px;}
	.actividad #toggler{top:180px;}
	#toggler img{max-width:46px;margin:5px 3px;}	
}
@media(min-width: 900px) and (min-height:550px){
	#menu,#toggler{display: none;}
	.propuestas.desktop{display: block;}
	.propuestas.desktop .prop{margin:12px 3px;}
}
@media(max-height:550px){
	.propuestas.desktop{display: none;}
}
@media(min-width:1100px){
	.propuestas.desktop{top:215px;left:25px;}
}