.propH, .propF{
	display: none;
}
@media print{
	.propH, .propF{
		display: block;
		max-height: 1.5cm;
		position: absolute;
		top:0;
		left: 0;
	}
	.propF{
		left: unset;
		right: 0;
	}
	div[id^=paso]{
		display: none;
	}

}
.numeroP,.pdf{justify-content:center}
.botones,.plan a,.plan span{font-size:1.2em}
#guardado textarea,textarea{resize:none}
#guard,.cierra{position:absolute}
.cierra,.elimina{background-position:center}
#eliminaEj,.cierra,.elimina,.fav,.genera,.descargar,.guarda,.noFav,.aplica,.actualiza,.premia,.print{cursor:pointer;background-repeat:no-repeat;background-size:contain}
.centrar,.pdf,.plan{text-align:center}
body{background-color:white}
textarea{overflow:hidden;height:2em;font-family:helvetica}
.numeroP{display:flex;align-items:center;margin:15px 0;}
#gen{margin:1em 0}
.menu a{flex-grow:1;margin:10px;display:flex}
input[type=number]{text-align:center;width:80px}
.pdf{display:flex;margin-bottom: 10px;}
.pdf a:hover{color:red}
.pdf a{display:flex;justify-content:center;align-items:center}
.pdfIcon{max-width:2em;max-height:2em}
.botones:hover{}
.botones{justify-content:center;cursor:pointer;align-items:center;flex-direction: column;font-size: .9em}
#eliminaEj,.fav,.genera,.descargar,.guarda,.noFav,.aplica,.actualiza,.premia,.print{outline:0;border:none;width:3em;height:3em;}
.fav,.noFav:hover{background-image:url(/actividades/imagenes/addFav.png)}
.fav:hover,.noFav{background-image:url(/actividades/imagenes/noFav.png)}
.guarda{background-image:url(/actividades/imagenes/save.png)}
.print{background-image:url(/actividades/imagenes/print.png)}
#eliminaEj{background-image:url(/imagenes/garbage.png)}
.genera{background-image:url(/actividades/imagenes/genera.png)}
.descargar{background-image:url(/actividades/imagenes/descargar.png)}
.actualiza{background-image:url(/actividades/imagenes/actualiza.png)}
.aplica{background-image:url(/actividades/imagenes/aplica.png)}
.premia{background-image:url(/actividades/imagenes/premia.png)}
.plan{display:flex;flex-direction:column;justify-content:center; min-height: 90vh}
.plan img{max-width:25vw}
.menu{background: white;z-index: 1;display:flex;flex-wrap:wrap;padding:0 10%;justify-content:center;align-items:center;font-size:1.1em}
.menu a:hover{transform:scale(1.1);}
.menu a{transition: transform 0.3s ease-in-out 0s;box-sizing:border-box;text-decoration:none;padding:2px;justify-content:center;align-items:center}
.menu a img{height:1.5em;width:1.5em}
#guardado{margin:0!important;position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:100;background-color:rgba(0,0,0,.4)}
.cierra{height:1.5em;width:1.5em;border:none;background-color:transparent;background-image:url(/cuestionarios/imagenes/eliminar.png);right:0;top:0}
#docDesc *{width:100%}
#docDesc,#docTitle{flex-grow:1}
#buttons{justify-content:center}
#guard{top:25vh;left:25vw;z-index:100;margin-left:auto;margin-right: auto;background-color:#fff;height:auto;width:50vw}
.cab{color:#3C4142;margin:0px 20px 0px 20px;align-items:center;text-align:center;display:flex;justify-content:center;flex-direction:column;flex-wrap: wrap;}.elimina{visibility:hidden;background-image:url(/imagenes/elimina.png);border:none;min-width:2em;min-height:2em;background-color:transparent}.centrar{margin:0 10%}#divPreg>div:hover .elimina{visibility:visible}#divPreg>div{display:flex}#divPreg>div>span textarea{width:100%}#divPreg>div>span{display:flex;flex-grow: 1}
#opciones{
	display: flex;
	flex-direction:row;
}
#guard>div>div{display:flex;flex-grow:1;margin:10px 0;justify-content: space-around;}
#guard>div{
	font-size: 1.2em;
	display: flex;
    box-sizing: border-box;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    border: 20px solid #EDC8FF;
    padding: 20px;
    box-shadow: 0 0 10px black;
}
#buttons input:hover{background-color:#e6e6e6}
#buttons input{
	box-shadow: 0 0 5px black;
    border: 3px solid #3C4142;
    padding: 3px;
    outline: none;
    font-size: 1.2em;
    color: #3C4142;
    background-color: white;
}
@media screen and (max-width:768px) {
	#guard{
		width: 100vw;
		left: 0;
		max-height: 80vh;
		overflow-y: auto;
	}
}