.recortes{
	display: block;
	margin-top: 1em;
	position: relative;
}
.recortes>div{
	position: relative;
	height: 1.5cm;
	padding: 0 1px;
	width: 1.5cm;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5cm;
	border: 1px dotted lightgrey !important;
	background-color: white;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
	font-size: 1.2em;
}
td{
	color: transparent;
}
td.pistas{
	color: black;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}
td input{
	font-weight: bold;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
	font-size: 1em;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
table{
	font-size: 1.2em;
}
table.carretera{
	border-spacing: 0;
}
table.carretera:not(.newline) tr:nth-child(2n+1) td:first-child{
	background-image: url("curva3.png");
}
table.carretera:not(.newline) tr:nth-child(2n) td:first-child{
	background-image: url("curva2.png");
}
table.carretera:not(.newline) tr:nth-child(2n) td:last-child{
	background-image: url("curva1.png");
}
table.carretera:not(.newline) tr:nth-child(2n-1) td:last-child{
	background-image: url("curva.png");
}
table.carretera td, .recortes.carretera>div{
	border: none;
	padding: 0;
	background-image: url("carretera.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
table.tren td, .recortes.tren>div{
	border: none;
	background-image: url("carro.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
table.ventanas td, .recortes.ventanas>div{
	border: none;
	background-image: url("ventana.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
table.tren tr:nth-child(2n) td:first-child,
table.tren tr:nth-child(2n) td:last-child,
table.ciempies tr:nth-child(2n) td:first-child,
table.ciempies tr:nth-child(2n) td:last-child{
	transform: rotate(-25deg);
}
table.tren tr:nth-child(2n+1) td:last-child,
table.tren tr:nth-child(2n+1) td:first-child,
table.ciempies tr:nth-child(2n+1) td:last-child,
table.ciempies tr:nth-child(2n+1) td:first-child{
	transform: rotate(25deg);
}
table.newline td{
	transform: rotate(0)!important;
}
table tr:first-child td:first-child input{
	background-color: transparent;
}
table.ventanas{
	border-spacing:5px;
}
table.ciempies{
	border-spacing: 0 5px;
}
table.ciempies tr:first-child td:first-child,
table.tren tr:first-child td:first-child{
	transform: rotate(0deg);
}
table.ciempies.newline tr:nth-child(2n+1) td:first-child,
table.ciempies.newline tr:nth-child(2n) td:last-child,
table.ciempies tr:first-child td:first-child,
.recortes.ciempies>div.reverseF{
	background-image: url("face.png");
}
table.tren.newline tr:nth-child(2n+1) td:first-child,
table.tren tr:first-child td:first-child, .recortes.tren>div.reverseL{
	background-image: url("loco.png");
}
table.tren.newline tr:nth-child(2n) td:last-child, .recortes.tren>div.reverseF{
	background-image: url("locoR.png");
}
table.ciempies tr:nth-child(2n) td, .recortes.ciempies>div.reverse{
	background-image: url("wormR.png");
}
table.ciempies td, .recortes.ciempies>div{
	border: none;
	background-image: url("worm.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.instruccion{box-sizing: border-box;width: 100%; border:none; outline: none;}
.inicio,td{text-align:center}
#gen,.hoja{display:flex}#gen{justify-content:center}
td{height:1.5cm;width:1.5cm;font-weight: bold;}
.inicio{width:100%!important;height:100%;border:none}
.hoja{align-content:center;justify-content:center}
input[type=number]:not(.inicio){width:3em}table{background-color:#fff}

@media print {
    @page {
        size: letter
    }

    @page:first {
        margin-top: 0
    }

    body {
        background-color: white;
    }

    body * {
        visibility: hidden
    }

    .recortes {
        page-break-inside: auto;
    }

    .recortes>div {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    .instruccion {
        font-size: 20px
    }

    form>div:not(#imprimir),nav,.setting,.menu,footer {
        display: none;
    }

    #chk, .setting {
        display: none!important
    }

    #imprimir {
        padding-top: 1.5cm;
        box-sizing: border-box;
        margin: 0;
    }

    .centrar {
        margin: 0;
    }

    #problemas {
        display: block!important;
    }

    #imprimir * {
        visibility: visible
    }

    table {
        page-break-inside: auto
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    #imprimir {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        margin: 0
    }

    input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }
}