#cuerpo{
	max-width: 750px;
    margin: auto;	
	width:90%;
}
#cuerpo a{
	color:inherit;
}
#premiselec {
	display:flex;
	flex-wrap:wrap;
}
#premiselec a {
	max-width:22%;
	margin:1.5%;
	position:relative;
    background: white;
    border-radius: 20px;
    padding: 10px;
    box-sizing: border-box;
}
#premiselec a p {
	text-align:center;
}
#premiselec a input {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer;
}
#premiselec a input:checked + img + p + button  {
	opacity:0;
}
#premiselec .btn {
	margin-bottom:0;
}
#premiselec a img {
	width:100%;
}
.cartelote {
	font-size:2rem;
	text-align:center;
}
.cartelote2 {
	font-size:1.5rem;
	text-align:center;
}
.videoyt {
	position:relative;
	padding-top:56%;
    max-width: 90%;
    margin: auto;
}
#ocultomemeo img {
	height:1px;
	width:1px;
}
#ocultomemeo {
	opacity:0;
}
.videoyt iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.landing {
	text-decoration:none;
}
.landing img, .cupon, .imgmec {
	margin:10px auto;
	max-width:95%;
	border:none;
}
.landing .btn {
	width:150px;
	margin:auto;
	text-decoration:none;
}
.flx {
	display: flex;
}
.btn {
	display:block;
	padding:10px 15px;
	text-align:center;
	border:none;
	border-radius:5px;
	margin:15px auto;
	cursor:pointer;
	text-decoration:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#ticketejemplo {
	position:relative;
}
#ticketejemplo a {
    display: inline-block;
	height:30px;
	width:30px;
	box-sizing:border-box;
    padding: 3px 2px 0 2px;
    border-radius: 40px;
    vertical-align: middle;
}
#ticketejemplo span {
	position:absolute;
	top:30px;
	left:0;	
	display:none;
	z-index:9999;
}
#ticketejemplo span img {
	width:40vw;
	max-width: 300px;
	max-height:50vh;
	border-width:3px;
	border-style:solid;
}
#ticketejemplo span:before {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;  
	border-bottom-width: 15px;
	border-bottom-style: solid;
	display:inline-block;
	vertical-align:bottom;
}
@media (max-width:400px) {
	#ticketejemplo span {
		left:auto;
		right:0;
		text-align:right;
	}	
}
.btn.max150 {
	max-width:150px;
}
h2, .cartelote {
	margin:5%;
}
h2 {
	font-size:1.75rem;
	text-align:center;
}
h2 ol {
	text-align:left;
	margin-left:25px;
	font-size:1rem;
    max-width: 800px;
    margin: auto;
}
p {
	margin:10px;
}
.consigna {
	text-align:center;
}
.opcion {
	cursor:pointer;
	padding:0 5%;
}
#preguntas, #imageneswally, .camposinput, .aceptobases {
	margin:10px;
	width:70%;
	max-width:800px;
	margin:10px auto;
}
.aceptobases a {
	color:inherit;
}
#sliderpreg, #sliderwally {
	overflow:hidden;
	width:100%;
}
#sliderpreg > div, #sliderwally > div {
	display:flex;
	width:5000%;
}
.unaimagen {
	width:2%;
}
.wally1, .wally2, .wally3, .wally4, .wally5, .wally6, .wally7, .wally8, .wally9, .wally10, .wally11, .wally12, .wally13, .wally14, .wally15, .wally16 {
	position:absolute;
	width:25%;
	height:25%;
	opacity:0;
	cursor:pointer;
}
.wally1 {
	top:0;
	left:0;
}
.wally2 {
	top:0;
	left:25%;
}
.wally3 {
	top:0;
	left:50%;
}
.wally4 {
	top:0;
	left:75%;
}
.wally5 {
	top:25%;
	left:0;
}
.wally6 {
	top:25%;
	left:25%;
}
.wally7 {
	top:25%;
	left:50%;
}
.wally8 {
	top:25%;
	left:75%;
}
.wally9 {
	top:50%;
	left:0;
}
.wally10 {
	top:50%;
	left:25%;
}
.wally11 {
	top:50%;
	left:50%;
}
.wally12 {
	top:50%;
	left:75%;
}
.wally13 {
	top:75%;
	left:0;
}
.wally14 {
	top:75%;
	left:25%;
}
.wally15 {
	top:75%;
	left:50%;
}
.wally16 {
	top:75%;
	left:75%;
}
.unaimagen > div  {
	margin:auto;
	max-width:600px;
	position:relative;
}
.unaimagen > div img {
	width:100%;
}
#preguntas .unapregunta, #sliderwally .unaimagen {
	width:2%;
}
#pagination {
	display:flex;
	justify-content:space-between;
}
#pagination .btn {
    margin: 15px 0;
}
#anttri {
	display:none;
}
.rompe {
	margin-top:20px;
	position:relative;
	background: #ccc;
}
.rompe span {
	display:block;
	padding-top:100%;
}
.rompeficha {
	position:absolute;
}
.gandoreslista {
    max-width: 80%;
    margin: auto;
    padding-left: 0;
	max-width: 500px;
	text-align:center;
	list-style:none;
	font-size:1.25rem;
	display:flex;
	justify-content: space-around;
	flex-wrap:wrap;
}
.gandoreslista > li {
	width:45%;
}
.camposinput label {
	display:block;
	margin-bottom:5px;
}
.camposinput label::first-letter {
	text-transform:uppercase;
}
.camposinput input, .camposinput select  {
	border:none;
	padding:5px 12px;
	font-size:1.1rem;
	width:100%;
	box-sizing:border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.camposinput input::-webkit-outer-spin-button, .camposinput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.camposinput input[type=number] {
  -moz-appearance: textfield;
}
.camposinput select {
	background-image: url('img/flecha_abajo.svg');
	background-position:99% 50%;
	background-repeat:no-repeat;
	background-size:auto 40%;
}
p.error {
	font-size:0.75rem;
	margin-top:2px;
}
.camposinput p.error, .aceptobases p.error {
	margin:2px 0 0 0;
}
.camposinput #productos {
	display:grid;
	grid-gap:5px;
	grid-template-columns: auto 20px 30px 20px;
	align-items:center;
}
.camposinput #productos label {
	min-width:50%;
	margin:4px 0;
}
.camposinput #productos input {
	padding:0px;
	background:none;
	width:30px;
	text-align:center;
}
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?z87dh3');
	src: url('fonts/icomoon.eot?z87dh3#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?z87dh3') format('truetype'), url('fonts/icomoon.woff?z87dh3') format('woff'), url('fonts/icomoon.svg?z87dh3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
	cursor:pointer;
}
.mas, .menos {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.3rem;
}
.mas:before {
  content: "\e900";
}
.menos:before {
  content: "\e901";
}
#nav {
	display:flex;
	padding:5px;
	flex-wrap:wrap;
	justify-content:center;
}
#nav .btn {
	margin:5px;
}
#file, #filetick {
	text-align:center;
	position:relative;
}
.preview {
	margin:0 auto 5px auto;
	max-width:300px;
	max-height:300px;
}
#imgprv canvas {
	display:block;
	margin: 0 auto 5px auto;
}
#file .btn, #filetick .btn {
	display:block;
	margin:0;
}
#file input, #filetick input {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0;
	cursor:pointer;
	width:100%;
	height:100%;
	word-break: break-all;
}
#ranking {
	list-style:none;
	text-align:center;
	margin-bottom:10px;
	font-size:1.2rem;
}
#loslegales {
	padding:30px;
	margin:0 2%;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:0.95rem;
	overflow-x:auto;
    word-break: break-word;
}
#loslegales h1 {
	font-size:2.25rem;
	margin:10px;
}
#loslegales h2 {
	font-size:2.0rem;
	margin:10px;
	text-align:left;
}
#loslegales h3 {
	font-size:1.75rem;
	margin:10px;
}
#loslegales h4 {
	font-size:1.5rem;
	margin:10px;
}
#loslegales h5 {
	font-size:1.25rem;
	margin:10px;
}
#loslegales ol, #loslegales ul  {
	margin:0px 10px 0px 30px;
}
#loslegales .tablecont  {
    width:100%;
    margin:auto;
    overflow-x:auto;
}
#loslegales table  {
	margin:0 10px;
}
#loslegales a, #loslegales a:visited  {
    color:inherit;
}
#qrewards {
	text-align:center;
}
#qrewards strong {
	display:block;
	margin:5px 0;
	font-size:1.3em;
}
#qrewards a {
	color:inherit;
}
.memo {
	display:flex;
	flex-wrap:wrap;
    max-width: 600px;
    margin: auto;
}
.memo > div {
	margin:1%;
	perspective: 1000px; 
}
.memo4 > div {
	width:48%;
}
.memo9 > div {
	width:31%;
}
.memo16 > div {
	width:23%;
}
.memo25 > div {
	width:18%;
}
.memo > div > div {
	padding-top:100%;
	position: relative;
	transition: transform 0.7s;
	transform-style: preserve-3d;
}
.memo > div.volteada > div, .memo > div.volteadafija > div {
  transform: rotateY(180deg);
}
.memo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.memo img:last-child {
  transform: rotateY(180deg);
}
.negocio_oculto {
	margin-top:10px;
	display:none;
}
@media (max-width:500px) {
	form input.btn {
		min-width:150px;
	}	
	.gandoreslista {
		display:block;
	}
	.gandoreslista > li {
		width:auto;
    }
    #loslegales {
        padding:5px;
        margin:0;
	}
	#premiselec {
		flex-direction:column;
    align-items: center;	}
	#premiselec a {
		max-width:100%;
	}
}
@media (max-width:1000px) {
    #loslegales .tablecont  {
		max-width:900px;
	}	
}
@media (max-width:900px) {
    #loslegales .tablecont  {
		max-width:700px;
	}	
}
@media (max-width:700px) {
    #loslegales .tablecont  {
		max-width:600px;
	}	
}
@media (max-width:600px) {
    #loslegales .tablecont  {
		max-width:500px;
	}	
}
@media (max-width:500px) {
    #loslegales .tablecont  {
		max-width:400px;
	}	
}
@media (max-width:400px) {
    #loslegales .tablecont  {
		max-width:350px;
	}	
}
@media (max-width:350px) {
    #loslegales .tablecont  {
		max-width:300px;
	}	
}
@media (max-width:300px) {
    #loslegales .tablecont  {
		max-width:250px;
	}	
}
@media (max-width:250px) {
    #loslegales .tablecont  {
		max-width:100px;
	}	
}
.loader {
  border-width: 16px;
  border-style: solid;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin:auto;
  animation: spin 2s linear infinite;
  display:none;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}