/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(https://fonts.googleapis.com/css?family=Montserrat);
/* line 5, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../Ruby21/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: brandonFont;
  src: url(fonts/Brandon_med.otf);
}
@font-face {
  font-family: chedarFont;
  src: url(fonts/cheddar_jack.ttf);
}
/* line 23, ../sass/screen.scss */
ul {
  list-style: none;
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes leftRightBack {
  0% {
    left: -25px;
  }
  25% {
    left: -15px;
  }
  50% {
    left: -5px;
  }
  75% {
    left: -15px;
  }
  100% {
    left: -25px;
  }
}
@keyframes leftRightBack {
  0% {
    left: -25px;
  }
  25% {
    left: -15px;
  }
  50% {
    left: -5px;
  }
  75% {
    left: -15px;
  }
  100% {
    left: -25px;
  }
}
@-webkit-keyframes leftRight {
  0% {
    left: -20px;
  }
  25% {
    left: -10px;
  }
  50% {
    left: 0px;
  }
  75% {
    left: -10px;
  }
  100% {
    left: -20px;
  }
}
@keyframes leftRight {
  0% {
    left: -20px;
  }
  25% {
    left: -10px;
  }
  50% {
    left: 0px;
  }
  75% {
    left: -10px;
  }
  100% {
    left: -20px;
  }
}
/* line 86, ../sass/screen.scss */
* {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-stroke: 1px transparent;
  text-rendering: optimizeLegibility;
  text-decoration: none;
  font-family: 'Montserrat';
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* line 98, ../sass/screen.scss */
html {
  height: 100%;
  background: -moz-linear-gradient(top, #2a2631 80%, #322d39 80%, #322d39 97%, #24202a 97%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #2a2631), color-stop(81%, #322d39), color-stop(97%, #322d39), color-stop(97%, #24202a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2a2631 80%, #322d39 80%, #322d39 97%, #24202a 97%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2a2631 80%, #322d39 80%, #322d39 97%, #24202a 97%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2a2631 80%, #322d39 80%, #322d39 97%, #24202a 97%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2a2631 80%, #322d39 80%, #322d39 97%, #24202a 97%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2631', endColorstr='#24202a',GradientType=0 );
  /* IE6-9 */
  overflow: hidden;
}

/* line 109, ../sass/screen.scss */
body {
  height: 100%;
  overflow: hidden;
}
/* line 113, ../sass/screen.scss */
body > header {
  width: 100vw;
  height: 70px;
  padding: 30px 30px 0 30px;
  position: fixed;
  z-index: 5;
}
/* line 120, ../sass/screen.scss */
body > header .menuMb {
  display: none;
}
/* line 123, ../sass/screen.scss */
body > header > a {
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(bg/logo.png);
  width: 85px;
  height: 100%;
  display: inline-block;
}
/* line 132, ../sass/screen.scss */
body > header ul {
  list-style: none;
  width: auto;
  display: inline-flex;
  bottom: 1.5vh;
  position: absolute;
  float: right;
  text-align: right;
  right: 2vh;
}
/* line 142, ../sass/screen.scss */
body > header ul li {
  color: #8182d8;
  float: right;
  text-align: right;
  margin: 0 1vh;
  font-family: 'Montserrat';
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 155, ../sass/screen.scss */
body > header ul li.inactive {
  opacity: 0;
}
/* line 159, ../sass/screen.scss */
body > header ul li a {
  text-decoration: none;
  color: #8182d8;
}
/* line 163, ../sass/screen.scss */
body > header ul li a i {
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 170, ../sass/screen.scss */
body > header ul li a i:hover {
  transform: scale(2);
}
/* line 180, ../sass/screen.scss */
body .dialog-premio {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 5;
  transform: scale(0);
  -webkit-transition: .7s ease-in-out;
  -moz-transition: .7s ease-in-out;
  -ms-transition: .7s ease-in-out;
  -o-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
/* line 193, ../sass/screen.scss */
body .dialog-premio.active {
  transform: scale(1);
  overflow: hidden;
}
/* line 198, ../sass/screen.scss */
body .dialog-premio > .containerPremio {
  height: 100%;
}
/* line 201, ../sass/screen.scss */
body .dialog-premio > .containerPremio main section {
  background: none;
}
/* line 205, ../sass/screen.scss */
body .dialog-premio > .containerPremio ul.parrallax-lib {
  list-style: none;
}
/* line 209, ../sass/screen.scss */
body .dialog-premio > .containerPremio .int.premio {
  width: 80vh;
  top: 0 !important;
}
/* line 214, ../sass/screen.scss */
body .dialog-premio > .containerPremio .circulo {
  position: absolute;
  width: 100%;
  top: 4vh;
}
/* line 218, ../sass/screen.scss */
body .dialog-premio > .containerPremio .circulo img {
  width: 16vh;
}
/* line 223, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic {
  width: 100%;
  top: 24vh;
  position: absolute;
}
/* line 228, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde {
  top: 18vh;
}
/* line 231, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde .tituloP {
  font-family: chedarFont;
  color: #8a7fdf;
  font-size: 7vh;
  padding-bottom: 1vh;
  font-weight: normal;
}
/* line 241, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde .imgPremioP {
  overflow: hidden;
  height: 22vh;
  width: 39vh;
  margin: 0 auto;
  position: relative;
}
/* line 248, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde .imgPremioP img {
  width: 100%;
}
/* line 253, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde video {
  height: 100%;
  width: 100%;
}
/* line 257, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde div#video-controls {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(132, 210, 190, 0.5);
  margin: 0 auto;
  left: 0;
  display: table;
}
/* line 267, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde div#video-controls div.playButton {
  display: table-cell;
  vertical-align: middle;
  background-image: url(bg/play.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
/* line 279, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde .sabias {
  color: #84d2be;
  font-family: brandonFont;
  font-size: 2.5vh;
  line-height: 5vh;
  font-weight: normal;
}
/* line 288, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.pierde .txtP {
  font-family: 'Montserrat', sans-serif;
  color: white;
  font-weight: normal;
  font-size: 1.7vh;
  line-height: 2.7vh;
  width: 48vh;
  margin: 0 auto;
}
/* line 300, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.gana {
  margin-top: -7vh;
}
/* line 303, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.gana .titulo {
  background-image: url(bg/hasGanado.png);
}
/* line 307, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.gana .tituloG > img {
  height: 16vh;
}
/* line 312, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.gana .cantidad {
  font-family: brandonFont;
  color: white;
  font-size: 12vh;
  font-weight: normal;
  letter-spacing: -11px;
  line-height: 13vh;
}
/* line 321, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.gana .txtB {
  color: #84d2be;
  font-family: brandonFont;
  font-size: 2.6vh;
  font-weight: normal;
  width: 90%;
  margin: 0 auto;
  line-height: 31px;
}
/* line 331, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.gana .imgPremio {
  background-image: url(gana/1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 20vh;
}
/* line 338, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.gana .imgPremio img {
  visibility: hidden;
}
/* line 343, ../sass/screen.scss */
body .dialog-premio > .containerPremio .dinamic.gana .txtS {
  font-family: 'Montserrat', sans-serif;
  color: white;
  font-weight: normal;
  font-size: 1.5vh;
  line-height: 2.5vh;
  width: 60vh;
  margin: 0 auto;
}
/* line 358, ../sass/screen.scss */
body .dialog-premio > .containerPremio .close {
  background-image: url(bg/juegaOtra.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  /* margin: 0 25vw; */
  bottom: 4vh;
  background-size: auto 70%;
  cursor: pointer;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
}
/* line 374, ../sass/screen.scss */
body .dialog-premio > .containerPremio .close:hover {
  transform: scale(1.2);
}
/* line 378, ../sass/screen.scss */
body .dialog-premio > .containerPremio .close img {
  visibility: hidden;
  height: 100%;
}
/* line 386, ../sass/screen.scss */
body .dialog-premio .dcha {
  z-index: 2;
  transition: all 0.6s;
  position: fixed;
  bottom: 20vh;
  right: 30vh;
  width: 28vh;
  height: 32vh;
  background-repeat: no-repeat;
  background-position: top center, center 100%;
  background-size: auto 59%, 63% auto !important;
  -webkit-transition: background-size .3s ease-in-out;
  -moz-transition: background-size .3s ease-in-out;
  -ms-transition: background-size .3s ease-in-out;
  -o-transition: background-size .3s ease-in-out;
  transition: background-size .3s ease-in-out;
}
/* line 405, ../sass/screen.scss */
body .dialog-premio .dcha:hover {
  background-size: auto 64%, 63% auto !important;
}
/* line 410, ../sass/screen.scss */
body .dialog-premio .dcha.dchaG {
  display: none;
  transform: scale(0);
  background: none;
  /* background-image: url(bg/comparteGana.png), url(bg/compartir.png);
   background-position: top center, center 97% !important;*/
}
/* line 418, ../sass/screen.scss */
body .dialog-premio .dcha.dchaG div {
  text-align: center;
}
/* line 420, ../sass/screen.scss */
body .dialog-premio .dcha.dchaG div img {
  transform: scale(0.8);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 427, ../sass/screen.scss */
body .dialog-premio .dcha.dchaG div img:hover {
  transform: scale(1);
}
/* line 432, ../sass/screen.scss */
body .dialog-premio .dcha.dchaG.active {
  transform: scale(1);
}
/* line 438, ../sass/screen.scss */
body .dialog-premio .dcha.dchaP {
  display: none;
  transform: scale(0);
  background: none;
 /* background-size: auto 59%, 60% auto;
background-image: url(bg/compartePierde.png), url(bg/shareText.png);
 background-position: top center, center 85% !important;*/
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 450, ../sass/screen.scss */
body .dialog-premio .dcha.dchaP div {
  text-align: center;
}
/* line 452, ../sass/screen.scss */
body .dialog-premio .dcha.dchaP div img {
  transform: scale(0.8);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 459, ../sass/screen.scss */
body .dialog-premio .dcha.dchaP div img:hover {
  transform: scale(1);
}
/* line 464, ../sass/screen.scss */
body .dialog-premio .dcha.dchaP.active {
  transform: scale(1);
}
/* line 471, ../sass/screen.scss */
body .dialog-premio > .share {
  position: absolute;
  bottom: 55vh;
  right: 9vh;
  width: 28vh;
  z-index: 99;
  height: 8vh;
}
/* line 479, ../sass/screen.scss */
body .dialog-premio > .share li {
  list-style: none;
  width: calc(100% / 3);
  background-position: center;
  background-size: 85%;
  float: left;
  height: 100%;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: scale(0);
}
/* line 493, ../sass/screen.scss */
body .dialog-premio > .share li.active {
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 502, ../sass/screen.scss */
body .dialog-premio > .share li:hover {
  opacity: 0.7;
  cursor: pointer;
}
/* line 507, ../sass/screen.scss */
body .dialog-premio > .share li:nth-child(1) {
  background-image: url(bg/sharePremioFB.png);
  background-repeat: no-repeat;
}
/* line 511, ../sass/screen.scss */
body .dialog-premio > .share li:nth-child(2) {
  background-image: url(bg/sharePremioTW.png);
  background-repeat: no-repeat;
  margin-top: -3vh;
}
/* line 516, ../sass/screen.scss */
body .dialog-premio > .share li:nth-child(3) {
  background-image: url(bg/sharePremioGP.png);
  background-repeat: no-repeat;
}
/* line 521, ../sass/screen.scss */
body .dialog-premio > .share li a {
  height: 100%;
  width: 100%;
  position: absolute;
}
/* line 531, ../sass/screen.scss */
body.index {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a2631+80,322d39+81,322d39+97,24202a+97 */
}
/* line 535, ../sass/screen.scss */
body.index > main {
  height: 100%;
}
/* line 537, ../sass/screen.scss */
body.index > main section {
  width: 200%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 25vw 0;
  background-size: auto 79.6%;
  background-image: url(bg/Background.png);
  -webkit-transition: all 1200ms cubic-bezier(0.795, 0.525, 0.525, 0.775);
  -moz-transition: all 1200ms cubic-bezier(0.795, 0.525, 0.525, 0.775);
  -o-transition: all 1200ms cubic-bezier(0.795, 0.525, 0.525, 0.775);
  transition: all 1200ms cubic-bezier(0.795, 0.525, 0.525, 0.775);
}
/* line 551, ../sass/screen.scss */
body.index > main section article {
  width: 100vw;
  height: 100vh;
  z-index: 1;
  float: left;
  position: relative;
  -webkit-transition: all 800ms cubic-bezier(0.795, 0.525, 0.525, 0.775);
  -moz-transition: all 800ms cubic-bezier(0.795, 0.525, 0.525, 0.775);
  -o-transition: all 800ms cubic-bezier(0.795, 0.525, 0.525, 0.775);
  transition: all 800ms cubic-bezier(0.795, 0.525, 0.525, 0.775);
}
/* line 562, ../sass/screen.scss */
body.index > main section article h1 {
  text-indent: -999999px;
}
/* line 566, ../sass/screen.scss */
body.index > main section ul.parrallax-lib {
  position: absolute !important;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  z-index: 1;
}
/* line 573, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer {
  position: absolute;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
/* line 578, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro {
  background-position: bottom left;
  background-image: url(bg/parallax/money.png);
  width: 16vh;
  height: 7vh;
}
/* line 583, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-uno {
  top: 89% !important;
  left: 53% !important;
}
/* line 587, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-dos {
  top: 89% !important;
  left: 41% !important;
}
/* line 591, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-tres {
  top: 84.5% !important;
  left: 49% !important;
}
/* line 595, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-cuatro {
  top: 80% !important;
  left: 52% !important;
}
/* line 599, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-cinco {
  top: 80% !important;
  left: 52% !important;
}
/* line 603, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-seis {
  top: 80% !important;
  left: 52% !important;
}
/* line 607, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-siete {
  top: 83% !important;
  left: 74% !important;
  opacity: 0.2;
}
/* line 612, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-ocho {
  top: 86% !important;
  left: 68% !important;
}
/* line 616, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-nueve {
  top: 85% !important;
  left: 29% !important;
}
/* line 620, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-diez {
  top: 81% !important;
  left: 11% !important;
  opacity: 0.2;
}
/* line 625, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-once {
  top: 79% !important;
  left: -4% !important;
  opacity: 0.19;
}
/* line 630, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-doce {
  top: 73% !important;
  left: -3% !important;
  opacity: 0.19;
}
/* line 635, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.libro.libro-trece {
  top: 83% !important;
  left: 91% !important;
  opacity: 0.19;
}
/* line 641, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.caja {
  background-image: url(bg/parallax/caja.png);
  top: 59.5vh !important;
  left: 94% !important;
  width: 20vh;
  height: 20vh;
}
/* line 648, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.group {
  background-image: url(bg/parallax/group.png);
  top: 66.5vh !important;
  left: 4% !important;
  width: 20vh;
  height: 20vh;
}
/* line 655, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.uno {
  top: 5% !important;
  left: 40% !important;
  width: 18px;
  height: 19px;
  background-image: url(bg/parallax/1.png);
}
/* line 662, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.dos {
  top: 10% !important;
  left: 35% !important;
  width: 13px;
  height: 13px;
  background-image: url(bg/parallax/2.png);
}
/* line 669, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.tres {
  top: 15% !important;
  left: 75% !important;
  width: 140px;
  height: 148px;
  background-image: url(bg/parallax/3.png);
}
/* line 676, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.cuatro {
  top: 25% !important;
  left: 43% !important;
  width: 92px;
  height: 131px;
  background-image: url(bg/parallax/4.png);
}
/* line 682, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.cuatro.segunda {
  top: 0% !important;
  left: 65% !important;
}
/* line 687, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.cinco {
  top: 99% !important;
  left: 20% !important;
  width: 131px;
  height: 92px;
  background-image: url(bg/parallax/5.png);
}
/* line 693, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.cinco.segunda {
  top: 40% !important;
  left: 65% !important;
}
/* line 698, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.seis {
  top: 30% !important;
  left: 10% !important;
  width: 53px;
  height: 51px;
  background-image: url(bg/parallax/6.png);
}
/* line 704, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.seis.segunda {
  top: 40% !important;
  left: 65% !important;
}
/* line 709, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.siete {
  top: 35% !important;
  left: 87% !important;
  width: 45px;
  height: px;
  background-image: url(bg/parallax/7.png);
}
/* line 716, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.ocho {
  top: 40% !important;
  left: 90% !important;
  width: 14px;
  height: 13px;
  background-image: url(bg/parallax/8.png);
}
/* line 723, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.nueve {
  top: 50% !important;
  left: 13% !important;
  width: 19px;
  height: 19px;
  background-image: url(bg/parallax/9.png);
}
/* line 730, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.diez {
  top: 60% !important;
  left: 5% !important;
  width: 30px;
  height: 30px;
  background-image: url(bg/parallax/10.png);
}
/* line 737, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.once {
  top: 65% !important;
  left: 94% !important;
  width: 59px;
  height: 19px;
  background-image: url(bg/parallax/11.png);
}
/* line 743, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.once.segunda {
  top: 30% !important;
  left: 5% !important;
}
/* line 748, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.doce {
  top: 10% !important;
  left: 50% !important;
  width: 53px;
  height: 53px;
  background-image: url(bg/parallax/12.png);
}
/* line 755, ../sass/screen.scss */
body.index > main section ul.parrallax-lib > li.layer.trece {
  top: 75% !important;
  left: 100% !important;
  width: 53px;
  height: 53px;
  background-image: url(bg/parallax/13.png);
}
/* line 764, ../sass/screen.scss */
body.index > main section > a.dcha {
  z-index: 2;
  transition: all 0.6s;
  position: fixed;
  bottom: 20vh;
  right: 9vh;
  width: 28vh;
  height: 34vh;
  background-repeat: no-repeat;
  background-position: top center, center 76%;
  background-size: auto 59%, 70% auto;
  background-image: url(bg/sonrisa.png), url(bg/nino.png);
  -webkit-transition: background-size .3s ease-in-out, background-position .3s ease-in-out;
  -moz-transition: background-size .3s ease-in-out, background-position .3s ease-in-out;
  -ms-transition: background-size .3s ease-in-out, background-position .3s ease-in-out;
  -o-transition: background-size .3s ease-in-out, background-position .3s ease-in-out;
  transition: background-size .3s ease-in-out, background-position .3s ease-in-out;
}
/* line 783, ../sass/screen.scss */
body.index > main section > a.dcha:hover {
  background-size: auto 70%, 70% auto;
  background-position: top center, center 87%;
}
/* line 788, ../sass/screen.scss */
body.index > main section > a.dcha.init {
  opacity: 0;
  transition: all 0.6s;
  transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
}
/* line 796, ../sass/screen.scss */
body.index > main section > a.dcha.left {
  background-position: top center, center 91%;
  background-image: url(bg/start.png), url(bg/juega.png);
  background-size: auto 59%, 42% auto;
  -webkit-transition: background-size .3s ease-in-out;
  -moz-transition: background-size .3s ease-in-out;
  -ms-transition: background-size .3s ease-in-out;
  -o-transition: background-size .3s ease-in-out;
  transition: background-size .3s ease-in-out;
}
/* line 806, ../sass/screen.scss */
body.index > main section > a.dcha.left:hover {
  background-size: auto 67%, 42% auto;
}
/* line 812, ../sass/screen.scss */
body.index > main section > div.izq {
  z-index: 6;
  position: fixed;
  top: 90px;
  left: 0;
  width: 29vw;
  height: 62vh;
}
/* line 819, ../sass/screen.scss */
body.index > main section > div.izq > a.ati {
  background-image: url(bg/ysitetoca.png);
  width: 100%;
  height: 24vh;
  display: block;
  background-position: top center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  cursor: default;
  margin-top: -5vh;
  margin-bottom: 5vh;
}
/* line 832, ../sass/screen.scss */
body.index > main section > div.izq > a.table {
  background-image: url(bg/tabla.png);
  width: 100%;
  height: 16vh;
  display: block;
  background-position: bottom center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 848, ../sass/screen.scss */
body.index > main section > div.izq > a.table:hover {
  transform: scale(1.2);
  z-index: 9;
  position: relative;
}
/* line 855, ../sass/screen.scss */
body.index > main section > div.izq > a.creditos {
  margin-top: 1vh;
  background-image: url(bg/crts.png);
  width: 100%;
  height: 14vh;
  display: block;
  background-position: top center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: relative;
}
/* line 871, ../sass/screen.scss */
body.index > main section > div.izq > a.creditos:hover {
  transform: scale(1.2);
  z-index: 9;
  position: relative;
}
/* line 879, ../sass/screen.scss */
body.index > main section > div.izq a.loteriaRTVE {
  margin-top: 1vh;
  background-image: url(bg/loteria.png);
  width: 100%;
  height: 13vh;
  display: block;
  background-position: top center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 895, ../sass/screen.scss */
body.index > main section > div.izq a.loteriaRTVE:hover {
  transform: scale(1.2);
  z-index: 9;
  position: relative;
}
/* line 905, ../sass/screen.scss */
body.index > main section article.uno > span {
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-size: auto 90%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation-name: spin;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
/* line 933, ../sass/screen.scss */
body.index > main section article.uno > span:nth-child(1) {
  background-image: url(bg/circle1.png);
  -webkit-animation-duration: 60s;
  -moz-animation-duration: 60s;
  -ms-animation-duration: 60s;
  animation-duration: 60s;
}
/* line 940, ../sass/screen.scss */
body.index > main section article.uno > span:nth-child(2) {
  background-size: auto 80%;
  background-image: url(bg/circle2.png);
  -webkit-animation-duration: 45s;
  -moz-animation-duration: 45s;
  -ms-animation-duration: 45s;
  animation-duration: 45s;
}
/* line 948, ../sass/screen.scss */
body.index > main section article.uno > span:nth-child(3) {
  background-image: url(bg/circle3.png);
  -webkit-animation-duration: 30s;
  -moz-animation-duration: 30s;
  -ms-animation-duration: 30s;
  animation-duration: 30s;
}
/* line 955, ../sass/screen.scss */
body.index > main section article.uno > span:nth-child(4) {
  background-image: url(bg/circle4.png);
  -webkit-animation-duration: 22.5s;
  -moz-animation-duration: 22.5s;
  -ms-animation-duration: 22.5s;
  animation-duration: 22.5s;
}
/* line 966, ../sass/screen.scss */
body.index > main section article.uno > div.int {
  width: 57vh;
  margin: 0 auto;
  height: 100vh;
  display: block;
  position: relative;
  top: 19%;
  left: 0;
  text-align: center;
  z-index: 3;
}
/* line 977, ../sass/screen.scss */
body.index > main section article.uno > div.int > h1 {
  height: 38vh;
  text-indent: -999999px;
  background-size: auto 36vh;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(bg/gds.png);
}
/* line 985, ../sass/screen.scss */
body.index > main section article.uno > div.int > p {
  font-size: 1.75vh;
  line-height: 2.5vh;
  color: #fff;
  padding-bottom: 3vh;
  font-weight: 400;
}
/* line 992, ../sass/screen.scss */
body.index > main section article.uno > div.int .empezar {
  background-image: url(bg/empezar.png);
  background-position: top center;
  background-repeat: no-repeat;
  width: 16vh;
  margin: 0 auto;
  background-size: contain;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
}
/* line 1005, ../sass/screen.scss */
body.index > main section article.uno > div.int .empezar:hover {
  transform: scale(1.2);
}
/* line 1009, ../sass/screen.scss */
body.index > main section article.uno > div.int .empezar img {
  visibility: hidden;
}
/* line 1017, ../sass/screen.scss */
body.index > main section article.dos > div.patas {
  width: 53vh;
  height: 53vh;
  margin: 0 auto;
  position: absolute;
  bottom: 19vh;
  left: calc(50% - 26.5vh);
}
/* line 1024, ../sass/screen.scss */
body.index > main section article.dos > div.patas > span {
  margin-top: 51%;
  bottom: -1vh;
  height: 27.5vh;
  float: left;
  width: 50%;
  background-size: auto 100%;
  background-position: top left;
  background-repeat: no-repeat;
}
/* line 1033, ../sass/screen.scss */
body.index > main section article.dos > div.patas > span.pataIzq {
  background-image: url(bg/pataIzq.png);
  background-position: bottom right;
}
/* line 1038, ../sass/screen.scss */
body.index > main section article.dos > div.patas > span.pataDcha {
  background-image: url(bg/pataDcha.png);
  background-position: bottom left;
}
/* line 1044, ../sass/screen.scss */
body.index > main section article.dos > div.patas img.giralo {
  margin-top: -14vh;
  margin-left: -55vh;
  width: 16vh;
}
/* line 1050, ../sass/screen.scss */
body.index > main section article.dos .roulette {
  width: 53vh;
  height: 53vh;
  background-image: url(bg/bombo.png);
  cursor: pointer;
  background-size: auto 100%;
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0 auto;
  z-index: 3;
  position: absolute;
  bottom: 19vh;
  left: calc(50% - 26.5vh);
  display: block;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
/* line 1069, ../sass/screen.scss */
body.index > main section article.dos .roulette.spinning {
  -webkit-transition: all 3800ms cubic-bezier(0, 0.5, 0, 1);
  -moz-transition: all 3800ms cubic-bezier(0, 0.5, 0, 1);
  -o-transition: all 3800ms cubic-bezier(0, 0.5, 0, 1);
  transition: all 3800ms cubic-bezier(0, 0.5, 0, 1);
}
/* line 1076, ../sass/screen.scss */
body.index > main section article.dos .roulette > div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-image: url(bg/bombo.png);
  background-size: auto 100%;
  background-position: top left;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
/* line 1090, ../sass/screen.scss */
body.index > main section article.dos .roulette canvas {
  background: transparent !important;
  position: absolute;
  top: 0;
  overflow: hidden;
  border-radius: 50%;
  left: 0;
  padding: 7px;
  cursor: -webkit-grab;
  cursor: grab;
  width: 100%;
}
/* line 1106, ../sass/screen.scss */
body.index > main section.left {
  background-position: -22vw 0;
}
/* line 1108, ../sass/screen.scss */
body.index > main section.left > article {
  transform: translateX(-100vw);
}
/* line 1124, ../sass/screen.scss */
body.creditos > main section article > span.mountain1 {
  background-image: url(bg/mountain.png);
  background-size: 105% 95%;
  background-position: top;
  opacity: 0.5;
  width: 110%;
  height: 100%;
  position: absolute;
  -webkit-animation: leftRightBack 5s infinite;
  -webkit-animation-direction: normal;
  animation: leftRightBack 5s infinite;
  animation-direction: normal;
}
/* line 1138, ../sass/screen.scss */
body.creditos > main section article > span.mountain2 {
  background-image: url(bg/mountain.png);
  background-size: 100% 100%;
  background-position: top;
  width: 105%;
  height: 100%;
  position: absolute;
  -webkit-animation: leftRight 10s infinite;
  -webkit-animation-direction: normal;
  animation: leftRight 10s infinite;
  animation-direction: normal;
}
/* line 1157, ../sass/screen.scss */
body.creditos > main section article > div {
  width: 47vh;
  margin: 0 auto;
  height: 100vh;
  display: block;
  position: relative;
  top: 20%;
  left: 0;
  text-align: center;
  background-size: auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 16vh;
  background-image: url(bg/creditosTitle2.png);
}
/* line 1172, ../sass/screen.scss */
body.creditos > main section article > div h1 {
  text-indent: -999999px;
}
/* line 1175, ../sass/screen.scss */
body.creditos > main section article > div > .containerCreditos {
  font-size: 1.5vh;
  line-height: 23px;
  letter-spacing: -1px;
  padding: 27vh 0px;
  color: #fff;
}
/* line 1181, ../sass/screen.scss */
body.creditos > main section article > div > .containerCreditos > .der {
  width: 50%;
  float: right;
  text-align: left;
  padding-left: 3%;
}
/* line 1187, ../sass/screen.scss */
body.creditos > main section article > div > .containerCreditos > .izq {
  width: 50%;
  float: left;
  text-align: right;
  padding-right: 3%;
  clear: both;
}
/* line 1194, ../sass/screen.scss */
body.creditos > main section article > div > .containerCreditos > .center {
  clear: both;
  z-index: 2;
  position: relative;
  padding-top: 2vh;
  font-size: 1.8vh;
}
/* line 1201, ../sass/screen.scss */
body.creditos > main section article > div > .containerCreditos > .center a {
  text-decoration: none;
  color: white;
}
/* line 1208, ../sass/screen.scss */
body.creditos > main section article a.juegaDeNuevo {
  position: absolute;
  bottom: 9vh;
  width: 24vh;
  margin: 0 auto;
  z-index: 1;
  left: calc(50% - (24vh /2));
  height: 10vh;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  text-align: center;
}
/* line 1225, ../sass/screen.scss */
body.creditos > main section article a.juegaDeNuevo:hover {
  opacity: .5;
}
/* line 1239, ../sass/screen.scss */
body.tabla > main section article h1 {
  text-indent: initial;
  color: #7bd2be;
  font-size: 4.5vh;
  font-family: brandonFont;
  position: absolute;
  top: 14vh;
  font-weight: normal;
  text-align: center;
  width: 100%;
}
/* line 1252, ../sass/screen.scss */
body.tabla > main section article > span:nth-child(5) {
  background-size: 110% 110%;
  background-position: bottom;
}
/* line 1256, ../sass/screen.scss */
body.tabla > main section article > span:nth-child(6) {
  background-size: 110% 110%;
  background-position: bottom;
}
/* line 1263, ../sass/screen.scss */
body.tabla > main section article > div {
  width: 100%;
  margin: 0 auto;
  height: 100vh;
  display: block;
  position: absolute;
  top: 8vh;
  left: 0;
  text-align: center;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 18vw;
  background-image: url(bg/tablaTitulo2.png);
  background-size: 3vw;
}
/* line 1278, ../sass/screen.scss */
body.tabla > main section article > div div {
  float: left;
  height: 100%;
  margin-top: 13.5vh;
}
/* line 1283, ../sass/screen.scss */
body.tabla > main section article > div div.titulosTabla {
  width: 20%;
  margin-top: 18vh;
}
/* line 1287, ../sass/screen.scss */
body.tabla > main section article > div div.titulosTabla div {
  height: calc(100% / 20);
  width: 100%;
  text-align: right;
  padding-right: 5vh;
  font-family: brandonFont;
  font-size: 1.5vw;
  height: auto;
  margin-top: 6vh;
  color: #8a7fdf;
  font-weight: normal;
}
/* line 1300, ../sass/screen.scss */
body.tabla > main section article > div div.titulosTabla div:nth-child(1) {
  color: #84d2be;
}
/* line 1304, ../sass/screen.scss */
body.tabla > main section article > div div.titulosTabla div:nth-child(6), body.tabla > main section article > div div.titulosTabla div:nth-child(5) {
  margin-top: 6vh;
}
/* line 1312, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla {
  font-size: 1.5vh;
  line-height: 23px;
  letter-spacing: -1px;
  padding: 0px;
  color: #fff;
  background-image: url(bg/fondoTabla.png);
  background-position: top center;
  background-repeat: no-repeat;
  width: 60%;
  background-size: 60vw 70vh;
}
/* line 1324, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla .allRows {
  margin-top: 4vh;
}
/* line 1328, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row {
  height: 14vh;
  padding: 0 2vh;
  margin-top: 0;
  margin-bottom: -4.5vh;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
}
/* line 1338, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row.lastRow {
  margin-top: 1.2vw;
  width: 100%;
  color: #84d2be;
}
/* line 1343, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row.lastRow .cell {
  background: transparent !important;
  font-weight: normal;
  margin: 0 auto;
}
/* line 1350, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell {
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-top: 0;
  /*display: table;*/
  display: inline-flex;
  position: relative;
}
/* line 1358, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell .resultado {
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  font-family: brandonFont;
  /*line-height: 17px;*/
  color: white;
  text-align: left;
  padding-top: 2vh;
  padding-right: 1.5vh;
}
/* line 1373, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell .resultado p {
  font-family: brandonFont;
  letter-spacing: 0.8px;
  text-align: right;
}
/* line 1377, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell .resultado p.asterisco {
  color: #8585df;
}
/* line 1382, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell .resultado p:nth-child(1) {
  font-size: 2vh;
  line-height: 2vh;
  float: right;
}
/* line 1387, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell .resultado p:nth-child(2) {
  font-size: 2vh;
  line-height: 2vh;
  float: right;
}
/* line 1392, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell .resultado p:nth-child(3) {
  font-weight: normal;
  clear: both;
  padding-top: 0.5vh;
  font-size: 1.5vh;
  line-height: 1.5vh;
}
/* line 1400, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell .resultado p:nth-child(4) {
  font-size: 1.5vh;
  line-height: 2.5vh;
}
/* line 1407, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell img {
  visibility: hidden;
  width: 100%;
}
/* line 1413, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.unoT {
  background-image: url(tabla/1.png);
}
/* line 1414, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.dosT {
  background-image: url(tabla/2.png);
}
/* line 1415, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.tresT {
  background-image: url(tabla/3.png);
}
/* line 1416, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.cuatroT {
  background-image: url(tabla/4.png);
}
/* line 1417, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.cincoT {
  background-image: url(tabla/5.png);
}
/* line 1418, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.seisT {
  background-image: url(tabla/6.png);
}
/* line 1419, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.sieteT {
  background-image: url(tabla/7.png);
}
/* line 1420, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.ochoT {
  background-image: url(tabla/8.png);
}
/* line 1421, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.nueveT {
  background-image: url(tabla/9.png);
}
/* line 1422, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.diezT {
  background-image: url(tabla/10.png);
}
/* line 1423, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.onceT {
  background-image: url(tabla/11.png);
}
/* line 1424, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.doceT {
  background-image: url(tabla/12.png);
}
/* line 1425, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.treceT {
  background-image: url(tabla/13.png);
}
/* line 1426, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.catorT {
  background-image: url(tabla/14.png);
}
/* line 1427, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.quinT {
  background-image: url(tabla/15.png);
}
/* line 1428, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.diseisT {
  background-image: url(tabla/16.png);
}
/* line 1429, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.disieteT {
  background-image: url(tabla/17.png);
}
/* line 1430, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.diochoT {
  background-image: url(tabla/18.png);
}
/* line 1431, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.dinueveT {
  background-image: url(tabla/19.png);
}
/* line 1432, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row div.cell.veinT {
  background-image: url(tabla/20.png);
}
/* line 1436, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row:nth-child(4) .resultado,
body.tabla > main section article > div div.containerTabla div.row:nth-child(5) .resultado {
  padding-top: 2vh !important;
}
/* line 1441, ../sass/screen.scss */
body.tabla > main section article > div div.containerTabla div.row:nth-child(6) .resultado {
  padding-top: 2.5vh !important;
}
/* line 1447, ../sass/screen.scss */
body.tabla > main section article > div div.vuelveJugar {
  width: 15%;
}
/* line 1450, ../sass/screen.scss */
body.tabla > main section article > div div.vuelveJugar div {
  width: 100%;
  position: relative;
  margin-top: 0;
  height: 35vh;
  background-repeat: no-repeat;
}
/* line 1458, ../sass/screen.scss */
body.tabla > main section article > div div.vuelveJugar div.boton {
  background-image: url(bg/volverButton.png);
  background-position: bottom center;
  height: 16vh;
  margin-top: 25vh;
  background-size: 15vh;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/* line 1470, ../sass/screen.scss */
body.tabla > main section article > div div.vuelveJugar div.boton:hover {
  transform: scale(1.2);
}
/* line 1474, ../sass/screen.scss */
body.tabla > main section article > div div.vuelveJugar div.texto {
  background-image: url(bg/volverText.png);
  background-position: bottom center;
  background-size: 9vw;
  height: 8vh;
}

/********************************CRIIIIIIIIIIIIII*************************************/
/*********************************************************************/
@media screen and (max-width: 1366px) {
  /* line 11, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .close {
    height: 21vh;
    bottom: 1vh;
  }

  /* line 16, ../sass/media-queries.scss */
  body .dialog-premio .dcha.dchaP div img:nth-child(2) {
    transform: scale(0.5);
    margin-top: -10vh;
  }
}
/*********************************************************************/
@media screen and (max-width: 1281px) {
  /* line 29, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .close {
    height: 22vh;
  }
}
/*********************************************************************/
@media screen and (max-width: 1025px) {
  /* line 41, ../sass/media-queries.scss */
  body.index > main section article.uno > span {
    width: 120%;
    left: -10%;
  }

  /* line 45, ../sass/media-queries.scss */
  .layer.libro.libro-once, .layer.libro.libro-diez, .layer.libro.libro-siete, .layer.libro.libro-doce, .layer.libro.libro-trece, .layer.group {
    display: none !important;
  }

  /* line 48, ../sass/media-queries.scss */
  html body header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,000000+100&amp;0.5+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */
  }

  /* line 57, ../sass/media-queries.scss */
  body.creditos > main section article > div {
    width: 80vh;
  }

  /* line 60, ../sass/media-queries.scss */
  body.creditos > main section article > div > .containerCreditos {
    font-size: 1.8vh;
    line-height: 2.8vh;
  }

  /* line 64, ../sass/media-queries.scss */
  body.index > main section > div.izq {
    z-index: 5;
    position: fixed;
    top: 90px;
    left: 0;
    width: 29vh;
    height: 52vh;
  }

  /* line 73, ../sass/media-queries.scss */
  body.index > main section > div.izq > a.table {
    background-size: 15vh;
  }

  /* line 76, ../sass/media-queries.scss */
  body.index > main section > div.izq > a.creditos {
    background-size: 14vh;
  }

  /* line 79, ../sass/media-queries.scss */
  body.index > main section > div.izq > a.loteriaRTVE {
    background-size: 13vh;
  }

  /* line 82, ../sass/media-queries.scss */
  body.index > main section > a.dcha {
    right: 0;
    width: 25vh;
  }

  /* line 86, ../sass/media-queries.scss */
  body .dialog-premio > .share {
    right: 0vh;
  }

  /* line 89, ../sass/media-queries.scss */
  body.tabla article {
    overflow: scroll;
  }
  /* line 91, ../sass/media-queries.scss */
  body.tabla article span.mountain1,
  body.tabla article span.mountain2 {
    position: fixed !important;
  }

  /* line 96, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic.gana .cantidad {
    font-size: 7vw;
    line-height: 7vw;
    letter-spacing: 0;
    margin-top: -1vw;
  }

  /* line 102, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic.gana .imgPremio {
    height: 17vh;
  }

  /* line 105, ../sass/media-queries.scss */
  body.tabla .tablaNoMobile {
    display: none;
  }

  /* line 108, ../sass/media-queries.scss */
  body.tabla .tablaMobile {
    display: block !important;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 15vh;
  }
  /* line 114, ../sass/media-queries.scss */
  body.tabla .tablaMobile span {
    font-family: brandonFont;
    font-weight: normal;
  }

  /* line 119, ../sass/media-queries.scss */
  body.tabla > main section article > div {
    top: 12vh;
  }

  /* line 122, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div {
    float: left;
    margin-top: 13.5vh;
    margin: 0 auto;
    width: 100%;
    height: 7vh;
  }
  /* line 128, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div.premio {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-top: -1vh;
  }
  /* line 134, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div.titulo {
    padding-top: 2vh;
    margin-top: -1vh;
    color: #7bd2be;
    font-family: brandonFont;
  }
  /* line 140, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div.tasas {
    margin-top: 2vh;
  }
  /* line 143, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div.par {
    background-image: url("bg/tablaPar.png");
    padding-top: 2vh;
  }
  /* line 147, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div.impar {
    background-image: url("bg/tablaImpar.png");
    padding-top: 2vh;
  }
  /* line 151, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div .der {
    width: 50%;
    float: right;
  }
  /* line 154, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div .der > span {
    color: white;
  }
  /* line 158, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div .izq {
    width: 50%;
    float: left;
  }
  /* line 161, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div .izq > span:nth-child(1) {
    color: white;
  }
  /* line 164, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div .izq > span:nth-child(2) {
    color: #8585df;
  }
  /* line 168, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div.juega {
    height: auto;
    margin-top: 3vh;
  }
  /* line 171, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div.juega img {
    width: 25vmax;
  }
  /* line 175, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div.space {
    height: 25vmax;
  }
}
/*********************************************************************/
@media screen and (max-width: 376px) {
  /* line 185, ../sass/media-queries.scss */
  body .dialog-premio.active {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 780px) {
  /* line 190, ../sass/media-queries.scss */
  html body.creditos > main section article a.juegaDeNuevo img {
    width: 100%;
  }
}
/*******************************CRIIIIIIIIIII**************************************/
@media screen and (max-width: 769px) {
  /* line 199, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .circulo img {
    width: 15vh !important;
  }

  /* line 202, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic .tituloP {
    font-size: 9.5vw !important;
  }

  /* line 205, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .close {
    background-size: auto 50%;
    bottom: -4vh;
    height: 35vh;
  }

  /* line 210, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic .txtP {
    font-size: 2vh !important;
    width: 100% !important;
    line-height: 3vh !important;
  }

  /* line 215, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic.gana .txtS {
    font-size: 2.5vw !important;
    width: 100% !important;
  }

  /* line 219, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic.gana .txtB {
    font-size: 4vw;
    width: 80%;
    line-height: 4.5vw;
  }

  /* line 224, ../sass/media-queries.scss */
  body.index > main .containerPremio section article.uno .dinamic.gana .tituloG {
    margin-top: 11vh;
  }

  /* line 230, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic.gana .imgPremio {
    height: 20vw;
    line-height: 6vh;
  }

  /* line 234, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic .sabias {
    font-size: 5vw !important;
    line-height: 5vh;
  }

  /* line 238, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic.pierde {
    top: 18vh !important;
  }
  /* line 241, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic.pierde img {
    width: 70%;
  }

  /* line 245, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic .cantidad {
    font-size: 11vw !important;
    line-height: 10vw !important;
  }

  /* line 249, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .dinamic.gana {
    top: 22vh !important;
  }

  /* line 255, ../sass/media-queries.scss */
  body.creditos > main section article > div {
    width: 80vw;
  }

  /* line 258, ../sass/media-queries.scss */
  body.creditos > main section article > div > .containerCreditos {
    font-size: 3vw;
    line-height: 3.5vh;
    letter-spacing: 0;
    padding: 19vh 0px;
  }

  /* line 264, ../sass/media-queries.scss */
  body.index > main section > a.dcha,
  body.index > main section > div.izq > a.creditos,
  body.index > main section > div.izq > a.loteriaRTVE,
  body.index > main section > div.izq > a.table {
    display: none;
  }

  /* line 270, ../sass/media-queries.scss */
  body.index > main section > div.izq {
    position: absolute;
    top: 3vh;
    left: calc(50% - (38vh/2));
    width: 38vh;
    height: auto;
  }

  /* line 278, ../sass/media-queries.scss */
  body.index > main section article.uno > div.int > p {
    font-size: 1.8vh;
    background-size: 13vh;
    padding-bottom: 10vh;
    padding-top: 2vh;
  }

  /* line 284, ../sass/media-queries.scss */
  body.index > main section article.uno > div.int > h1 {
    height: 34vh;
    text-indent: -999999px;
    background-size: auto 32vh;
  }

  /* line 289, ../sass/media-queries.scss */
  body.index > main section article.uno > span {
    background-size: 100% !important;
  }

  /* line 292, ../sass/media-queries.scss */
  body header {
    z-index: 10;
  }

  /* line 295, ../sass/media-queries.scss */
  body header .menuMb {
    display: block;
    width: 70%;
    height: 7vh;
  }
  /* line 299, ../sass/media-queries.scss */
  body header .menuMb img {
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  /* line 307, ../sass/media-queries.scss */
  body header .menuMb a {
    background-repeat: no-repeat;
    background-image: url(bg/logo.png);
    width: 80px;
    height: 75%;
    background-size: contain;
    display: inline-block;
    margin-bottom: 2%;
    margin-left: 2vw;
  }

  /* line 318, ../sass/media-queries.scss */
  body main .listMenu {
    background-color: rgba(36, 36, 21, 0.85);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    text-align: center;
    display: none;
  }
  /* line 326, ../sass/media-queries.scss */
  body main .listMenu ul {
    height: 100%;
  }
  /* line 328, ../sass/media-queries.scss */
  body main .listMenu ul li {
    height: calc(100% / 5);
  }
  /* line 330, ../sass/media-queries.scss */
  body main .listMenu ul li a {
    width: 50%;
    height: 100%;
    margin: 0 auto;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transform: scale(0);
  }
  /* line 344, ../sass/media-queries.scss */
  body main .listMenu ul li a.ati {
    background-image: url(bg/ysitetoca.png);
    width: 50%;
    height: 100%;
    margin: 0 auto;
    display: block;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    cursor: default;
  }
  /* line 355, ../sass/media-queries.scss */
  body main .listMenu ul li a.juega {
    background-image: url(bg/1mobile.png);
    background-size: 40%;
  }
  /* line 359, ../sass/media-queries.scss */
  body main .listMenu ul li a.tabla {
    background-image: url(bg/tabla.png);
    background-size: 40%;
  }
  /* line 363, ../sass/media-queries.scss */
  body main .listMenu ul li a.creditos {
    background-image: url(bg/3mobile.png);
    background-size: 40%;
  }
  /* line 367, ../sass/media-queries.scss */
  body main .listMenu ul li a.loteria {
    background-image: url(bg/4mobile.png);
    background-size: 40%;
  }

  /* line 375, ../sass/media-queries.scss */
  body > header ul li:nth-child(1) {
    display: none;
  }

  /* line 378, ../sass/media-queries.scss */
  body .dcha {
    display: none !important;
  }

  /* line 381, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile {
    padding-top: 17vh;
  }

  /* line 384, ../sass/media-queries.scss */
  body.tabla > main section article > div.tablaMobile div {
    height: 10vh;
  }

  /* line 387, ../sass/media-queries.scss */
  body.tabla > main .containerPremio section article > div {
    background-size: auto 20%;
  }

  /* line 390, ../sass/media-queries.scss */
  body.index > main .containerPremio section article.uno .dinamic .tituloG img {
    width: 28vh;
    height: 10vh;
  }

  /* line 394, ../sass/media-queries.scss */
  body.index > main section > div.izq > a.ati {
    height: 17vh;
    margin: 2vh 0;
  }

  /* line 398, ../sass/media-queries.scss */
  body .dialog-premio > .containerPremio .int.premio {
    width: 80% !important;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1580px) {
  /* line 406, ../sass/media-queries.scss */
  .tablaMobile {
    display: none;
  }

  /* line 409, ../sass/media-queries.scss */
  .listMenu,
  .menuMb {
    display: none;
  }
}