.rompecabezas #partes div span,#base div span{position:absolute;text-align:center;font-weight:700;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff} .rompecabezas .noDel .imgBorrar{display:none!important} .rompecabezas .noDel img{max-width:18cm!important} .rompecabezas #partes div,#base>div{display:inline-flex;border:1px solid black;position:relative;justify-content:center;align-items:center;} .rompecabezas #partes,#base{display:inline-flex;flex-wrap:wrap} .rompecabezas #canvas{display:none} .rompecabezas .elegir{text-align:center;font-size:20px;font-weight:700} .rompecabezas #base{flex-direction:column;margin-bottom:20px} .rompecabezas .dibujo{display:flex;justify-content:center} .rompecabezas .dibujo img{height:80%;width:80%} .rompecabezas #imprimir{margin:0 auto;width:185.9mm} .rompecabezas table{max-width:185.9mm;max-height:249.4mm} .rompecabezas td{border:1px solid #000;padding:10px;width:25%;word-break:break-all;height:2cm;text-align:center;font-size:1.5em} 
.rompecabezas #partes{
	max-height: 100%;
    background: lightgrey;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}
.rompecabezas #base{
    max-width:100%;
}
#partes div{
	cursor: grab;
	transform: scale(.9);
}
.rompecabezas{
	font-size: 3vw;
	margin: 0 auto;
}
#base>div:hover img:drop{
	box-shadow: 0 0 5px inset;
}
#partes>div:hover img{
	box-shadow: 0 0 5px black;
	background-color: white;
}
#base>div>div, #base img{
	height: 100%;
	width: 100%;
	background-color: lightgrey;
	display: flex;
	justify-content: center;
	align-items: center;
}
#base>div>div, #base>img{
	background-color: lightgrey;
}
#base>div>div>img{
	background-color: white;
}
.contenedor{
	width: 100%;
	height: 100%;
}
.rompecabezas #partes>div, .rompecabezas #partes>div img{
	max-width: 15vw;
	max-height: 15vw;
}
.rompecabezas #partes{
	position: sticky;
	top: 0;
	flex-direction: column;
	max-height: 100%;
	max-width: 20vw;
	min-width: 20vw;
}
.rompecabezas{
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 100%;
}
.contenedor{
	max-width: calc(100% - 20vw);
}
.app{
	position: absolute!important;
	top: 0;
	left: 0;
}
#base div{
	box-sizing: border-box;
	transition: background .5s;
}
.bad img{
	background-color: lightcoral!important;
}
.inicio{
	flex-wrap: nowrap;
}
.temp{
	display: block;
	visibility: hidden;
	position: fixed;
	z-index: -99;
	bottom: 100%;
}
.fakeimg{
	max-width: 18cm!important;
}
.fakeimg img{
	max-width: 100%;
}
@media screen and (max-width:768px) and (orientation:portrait){
	.rompecabezas{
		flex-direction: column-reverse;
		max-width: 100%;
	}
	.rompecabezas #partes{
		flex-direction: row;
        display: flex;
        overflow: auto;
        min-width: initial;
        max-width: initial;
        max-height: 20vh;
        width: 85vw;
        flex-wrap: wrap;
	}
}
@media screen and (max-width:768px) and (orientation:landscape){
	.rompecabezas #partes{
		flex-direction: row;
        display: flex;
        overflow: auto;
        min-width: initial;
        max-width: initial;
        max-height: 85vh;
        width: 20vw;
        flex-wrap: wrap;
	}
}
@media screen and (max-width:768px){
	.contenedor{
		height: auto;
	}
	.rompecabezas #partes>div{
		max-width: 20vw;
		max-height: 20vw;
		transform: scale(1);
		margin: .5em;
	}
}
.seleccionado{
	transform: scale(1.2)!important;
	background-color: white;
	box-shadow: 0 0 10px;
}
.seleccionado img{
	background-color: white;
}