h1 {
       font-family: Lobster;
      text-align: center;
}

h1 span {
       font-family: Cabin;
       font-size: 0.5em;
       color: #666;
      display: block;
}

#sandwich {
	position: relative;
        width: 600px;
        height: 600px;
        margin: 0 auto;
}

#sandwich li, #sandwich p {
    direction: ltr;
	text-indent: -9999px;
	position: absolute;
}

#sandwich li:nth-child(1) p { /* pan */
	top: 30px;
	left: 90px;
	background: url('https://scripts.lalomarquez.net/html-sandwich/sandwich-partes.png') no-repeat -120px -13px;
	width: 341px;
	height: 125px;
        z-index: 10;
}

#sandwich li:nth-child(2) p { /* tomate derecho */
	top: 90px;
	left: 240px;
	background: url('https://scripts.lalomarquez.net/html-sandwich/sandwich-partes.png') no-repeat -248px -163px;
	width: 226px;
	height: 69px;
        z-index: 9;
}

#sandwich li:nth-child(3) p { /* tomate izquierdo */
	top: 90px;
	left: 100px;
	background: url('https://scripts.lalomarquez.net/html-sandwich/sandwich-partes.png') no-repeat -130px -272px;
	width: 225px;
	height: 68px;
        z-index: 8;
}

#sandwich li:nth-child(4) p { /* lechuga */
	top: 55px;
	left: 70px;
	background: url('https://scripts.lalomarquez.net/html-sandwich/sandwich-partes.png') no-repeat -94px -377px;
	width: 383px;
	height: 125px;
        z-index: 7;
}

#sandwich li:nth-child(5) p { /* queso */
	top: 95px;
	left: 80px;
	background: url('https://scripts.lalomarquez.net/html-sandwich/sandwich-partes.png') no-repeat -112px -527px;
	width: 435px;
	height: 110px;
        z-index: 6;
}

#sandwich li:nth-child(6) p { /* jamón */
	top: 110px;
	left: 80px;
	background: url('https://scripts.lalomarquez.net/html-sandwich/sandwich-partes.png') no-repeat -114px -667px;
	width: 400px;
	height: 96px;
        z-index: 5;
}

#sandwich li:nth-child(7) p { /* pan */
	top: -50px;
	left: 40px;
	background: url('https://scripts.lalomarquez.net/html-sandwich/sandwich-partes.png') no-repeat -120px -781px;
	width: 341px;
	height: 124px;        
        z-index: 4;
}

#sandwich li:nth-child(7) { /* sombra */
	top: 160px;
	left: 90px;
	background: url('https://scripts.lalomarquez.net/html-sandwich/sandwich-partes.png') no-repeat -80px -952px;
	width: 437px;
	height: 105px;
	z-index: -3;
}

ol, li {
  list-style-type: none;
}

ol, li {
  list-style: none;
}