/* css general */

/*@charset "utf-8";*/
@font-face {
  font-family: "DINCondensedRegular";
  src: url("/library/webfonts/DINCondensed-Regular.eot");
  src: url("/library/webfonts/DINCondensed-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("/sportium-theme/css/DINCondensed-Regular.woff") format("woff"),
    url("/library/webfonts/DINCondensed-Regular.ttf") format("truetype"),
    url("/library/webfonts/DINCondensed-Regular.svg#DINCondensedRegular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.tablet #main-content #tabs #current a,
.tablet #main-content #tabs li a,
.mobile #main-content #tabs #current a,
.mobile #main-content #tabs li a {
  background-image: url(/library/landing/arrow-mobile-sem-tycs.png);
  background-color: #666666;
  padding: 10px 30px;
  color: white;
  background-repeat: no-repeat;
  cursor: pointer;
  float: none;
  background-position: 4em 1em;
  background-size: 2%;
  font-weight: normal;
  font-size: 100%;
  display: block;
  color: #636363 !important;
}

.rasca_content :after,
.rasca_content :before {
  content: unset !important;
}

/*@font-face {
          font-family: "DINCondensedRegular";
          src:  url("/library/webfonts/DINCondensed-Regular.eot");
          src:  url("/library/webfonts/DINCondensed-Regular.eot?#iefix") format("embedded-opentype"),
                url("/library/webfonts/DINCondensed-Regular.woff") format("woff"),
                url("/library/webfonts/DINCondensed-Regular.ttf") format("truetype"),
                url("/library/webfonts/DINCondensed-Regular.svg#DINCondensedRegular") format("svg");
          font-weight: normal;
          font-style: normal;
        }*/

body {
  color: #636363;
  background: #ffffff;
  font-family: arial, helvetica, sans-serif;
  margin: 0;
}

#main-content p {
  color: #636363;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 15px 5px 15px;
  margin: 0;
  text-align: left;
}

#main-content b,
strong {
  font-weight: bold !important;
}

.mobile #main-content p {
  font-size: 1em;
  line-height: 1em;
}

#main-content p .small {
  font-size: 11px !important;
}

#main-content .mobile p .small {
  font-size: 1em;
}

#main-content h1 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 32px;
  color: #2a2a2a;
  margin: 20px 0px 2px 0px;
  font-weight: normal;
  padding-left: 10px;
}

.mobile #main-content h1 {
  font-size: 1em;
}

#main-content h2 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 24px;
  color: #2a2a2a;
  margin: 15px 0px 2px 0px;
  font-weight: normal;
  padding-left: 10px;
}

.mobile #main-content h2 {
  font-size: 1em;
}

#main-content h3 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 19px;
  color: #2a2a2a;
  margin: 15px 0px 2px 0px;
  font-weight: normal;
  padding-left: 10px;
}

.mobile #main-content h3 {
  font-size: 2rem;
}

#main-content h4 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 16px;
  color: #2a2a2a;
  margin: 15px 0px 2px 0px;
  font-weight: normal;
  padding-left: 10px;
}

.mobile #main-content h4 {
  font-size: 1em;
}

.tituloconlinea {
  width: 100%;
  height: auto;
  border-bottom: solid 1px #bababa;
  margin-bottom: 30px;
}

.box960 {
  max-width: 960px;
  margin: 0 auto;
}

.box1200 {
  max-width: 100%;
  margin: 0 auto;
}

.mobile .box960 {
  max-width: 100%;
}

.box960-ocre {
  width: 930px;
  margin: 0 auto;
  background-color: #f5f3e9;
  border-bottom: solid 1px #bababa;
  padding: 15px;
}

.box1200-ocre {
  width: 100%;
  margin: 0 auto;
  background-color: #f5f3e9;
  border-bottom: solid 1px #bababa;
  padding: 15px;
}

.spacer1 {
  display: block;
  height: 40px;
  clear: both;
}

.spacer2 {
  display: block;
  height: 20px;
  clear: both;
}

.spacer3 {
  display: block;
  height: 60px;
  clear: both;
}

/* cms reset */
.mobile .main-header__user-name {
  display: block !important;
  color: #d81921;
}

.mobile .gamesinfo__nav-wrapper {
  max-width: 100%;
}

#application .cookies_regulation_wc {
  height: auto;
  text-align: center;
}

.application-root .portlet__content {
  padding: 0;
}

.desktop .registration-multi-column .portlet-registration__step,
.tablet.landscape .registration-multi-column .portlet-registration__step {
  padding-left: 3em !important;
}

.mobile .slide-content_image_unit-em,
.mobile .slide-content_image_unit-pixels {
  /*background-size: cover*/
}

.mobile.landscape .slide-content_image_unit-pixels {
  background-size: contain;
}

#broadcastOuterDiv {
  z-index: 99;
}

/* botón verde normal */

#main-content .boton1 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 16px;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none !important;
  padding: 5px 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  background-color: #7da800;
  -webkit-box-shadow: 1px 1px #010002;
  -moz-box-shadow: 1px 1px #010002;
  box-shadow: 1px 1px #010002;
  background-image: -webkit-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -moz-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -o-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -ms-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: linear-gradient(to top, #739a00, #9ebe42);
  line-height: 20px;
}

#main-content .boton1:hover {
  color: white !important;
  background-image: -webkit-linear-gradient(bottom, #85b202, #b0d34a);
  background-image: -moz-linear-gradient(bottom, #85b202, #b0d34a);
  background-image: -o-linear-gradient(bottom, #85b202, #b0d34a);
  background-image: -ms-linear-gradient(bottom, #85b202, #b0d34a);
  background-image: linear-gradient(to top, #85b202, #b0d34a);
}

#main-content .boton1:visited {
  color: #fff !important;
}

/* botón verde grande */
#application .boton2,
#main-content .boton2 {
  border: 0;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 22px;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  text-transform: uppercase;
  padding: 8px 30px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  background-color: #7da800;
  -webkit-box-shadow: 1px 1px #010002;
  -moz-box-shadow: 1px 1px #010002;
  box-shadow: 1px 1px #010002;
  background-image: -webkit-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -moz-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -o-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -ms-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: linear-gradient(to top, #739a00, #9ebe42);
  line-height: 30px;
}

#application .boton2:hover,
#main-content .boton2:hover {
  background: #7da800;
  color: white !important;
  text-decoration: none !important;
  background-image: -webkit-linear-gradient(bottom, #85b202, #b0d34a);
  background-image: -moz-linear-gradient(bottom, #85b202, #b0d34a);
  background-image: -o-linear-gradient(bottom, #85b202, #b0d34a);
  background-image: -ms-linear-gradient(bottom, #85b202, #b0d34a);
  background-image: linear-gradient(to top, #85b202, #b0d34a);
}

#application .boton2:visited,
#main-content .boton2:visited {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #7da800;
  background-image: -webkit-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -moz-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -o-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -ms-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: linear-gradient(to top, #739a00, #9ebe42);
}

/* botón gris normal */

#main-content .boton3 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 16px;
  background: #7f7f7f;
  text-transform: uppercase;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  text-align: center;
  vertical-align: central;
  padding: 5px 20px;
  display: inline-block;
  -webkit-box-shadow: 1px 1px #010002;
  -moz-box-shadow: 1px 1px #010002;
  box-shadow: 1px 1px #010002;
  background-image: -webkit-linear-gradient(bottom, #767676, #929292);
  background-image: -moz-linear-gradient(bottom, #767676, #929292);
  background-image: -o-linear-gradient(bottom, #767676, #929292);
  background-image: -ms-linear-gradient(bottom, #767676, #929292);
  background-image: linear-gradient(to top, #767676, #929292);
}

#main-content .boton3:hover {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 16px;
  background: #7f7f7f;
  text-transform: uppercase;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none !important;
  padding: 5px 20px;
  display: inline-block;
  -webkit-box-shadow: 1px 1px #010002;
  -moz-box-shadow: 1px 1px #010002;
  box-shadow: 1px 1px #010002;
  background-image: -webkit-linear-gradient(bottom, #8d8d8d, #a7a7a7);
  background-image: -moz-linear-gradient(bottom, #8d8d8d, #a7a7a7);
  background-image: -o-linear-gradient(bottom, #8d8d8d, #a7a7a7);
  background-image: -ms-linear-gradient(bottom, #8d8d8d, #a7a7a7);
  background-image: linear-gradient(to top, #8d8d8d, #a7a7a7);
}

#main-content .boton3:visited {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 16px;
  background: #7f7f7f;
  text-transform: uppercase;
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  padding: 5px 20px;
  display: inline-block;
  -webkit-box-shadow: 1px 1px #010002;
  -moz-box-shadow: 1px 1px #010002;
  box-shadow: 1px 1px #010002;
  background-image: -webkit-linear-gradient(bottom, #767676, #929292);
  background-image: -moz-linear-gradient(bottom, #767676, #929292);
  background-image: -o-linear-gradient(bottom, #767676, #929292);
  background-image: -ms-linear-gradient(bottom, #767676, #929292);
  background-image: linear-gradient(to top, #767676, #929292);
}

/* text link */

#main-content a {
  font-family: arial, helvetica, sans-serif;
  color: #7da800;
  text-decoration: none;
  cursor: pointer;
}

#main-content a:hover {
  /* color: #7da80; */
  text-decoration: underline;
}

#main-content a:visited {
  color: #7da800;
  text-decoration: none;
}

/* tabs */

.linea {
  width: 100%;
  height: 1px;
  border-bottom: solid 1px #bababa;
}

.lineaa {
  background-color: #bababa;
  position: relative;
  width: 100%;
  height: 1px;
  top: 1px;
  margin-top: -1px;
  display: block;
}

.lineab {
  background-color: #bababa;
  position: relative;
  width: 100%;
  height: 1px;
  top: -4px;
  display: block;
}

#tabs {
  background-color: #f5f3e9;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

#tabs li {
  float: left;
  margin: 0;
}

#tabs a {
  position: relative;
  background: #f5f3e9;
  padding: 0.4em 2.3em 0.4em 3em;
  float: left;
  text-decoration: none;
  color: #636363;
  font-size: 13px;
  border-top: #bababa solid thin;
  border-bottom: #bababa solid 0px;
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
  background: #fff;
}

#tabs a:hover,
#tabs a:hover::before,
#tabs a:focus,
#tabs a:focus::before {
  background: #fff;
}

#tabs a:focus {
  outline: 0;
}

#tabs a::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 2px;
  right: -0.5em;
  bottom: 0;
  width: 1.5em;
  height: 100%;
  background: #f5f3e9;
  transform: skew(25deg);
  border-right: #bababa solid thin;
  border-bottom: #bababa solid 1px;
}

#tabs a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  left: 0;
  bottom: 0;
  width: 1em;
  background: #f5f3e9;
  transform: skew(25deg);
  -ms-transform: skewx(25deg);
  -webkit-transform: skewx(45deg);
  border-top: #bababa solid thin;
}

#tabs #current a,
#tabs #current a::after,
#tabs #current a::before {
  background: #fff;
  z-index: 3;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}

#contenido {
  background: #fff;
  position: relative;
  z-index: 2;
  padding: 30px;
}

/* tablas para listados */

.listado {
  width: 100%;
  font-size: 13px;
  color: #636363;
  border: unset;
  border-top: solid 1px #bababa;
  border-bottom: solid 1px #bababa;
}

.mobile .listado {
  font-size: 1em;
}

.listado th {
  font-family: "DIN Condensed";
  padding: 8px 10px;
  text-align: left;
  font-weight: bold;
  border-bottom: solid 1px #bababa;
  font-size: 1.5rem;
}

.listado td {
  color: #636363;
  padding: 8px 10px;
  text-align: left;
  font-size: 1.5rem;
  font-family: "DIN Condensed";
}

.listado caption {
  text-align: left;
  margin: 20px 0px 8px 0px;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 19px;
  color: #2a2a2a;
}

ul.check {
  list-style: none;
}

/* .check li:before {
  content: "✓";
} */

#main-content tbody tr:nth-child(odd) {
  background-color: #f5f3e9;
}

#main-content tr:nth-child(1) {
  background-color: white;
}

#main-content .listado th,
#main-content .listado thead th {
  padding: 8px 10px;
  text-align: left;
  font-weight: bold;
  border-bottom: solid 1px #bababa;
}

.listado tfoot td {
  padding: 4px 10px;
  text-align: left;
  font-weight: normal;
  font-size: 1em !important;
  border-top: solid 1px #bababa;
}

#main-content .listado tfoot th {
  border: 0;
  padding: 0;
  text-align: right;
  line-height: 1em;
  font-weight: normal;
}

/* tablas con flechas */

table.listado.tablaArrow {
  border-collapse: separate;
  border-spacing: 0 10px;
  text-align: center;
}

table.listado.tablaArrow tbody tr th {
  text-align: center !important;
}

table.listado.tablaArrow tr td {
  width: 33%;
  padding: 0;
  text-align: center;
  line-height: 4em;
}

table.listado.tablaArrow tr td:nth-child(1) {
  background-color: #e4e4e4;
}

table.listado.tablaArrow tr td:nth-child(2) {
  background-color: #bbbbbb;
}

table.listado.tablaArrow tr td:nth-child(3) {
  background-color: #b8ca87;
}

table.listado.tablaArrow tr td:nth-child(2):after,
table.listado.tablaArrow tr td:nth-child(1):after {
  border-bottom: 25px solid transparent;
  border-top: 25px solid transparent;
  top: -1px;
  content: "";
  display: block;
  border-left: 16px solid #e4e4e4;
  right: -16px;
  z-index: 2;
  float: right;
  position: relative;
}

table.listado.tablaArrow tr td:nth-child(2):after {
  border-left: 16px solid #bbbbbb;
}

/* mensajes de alerta */

.alert_ok {
  width: 100%;
  position: relative;
  display: block;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px 5px 35px;
  background-color: #accb60;
  background-image: url(/library/basic/nav-warn-ok.svg);
  background-repeat: no-repeat;
  background-position: 10px 5px;
  margin-bottom: 10px;
}

.alert_error {
  width: 100%;
  position: relative;
  display: block;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px 5px 35px;
  background-color: #ed7e84;
  background-image: url(/library/basic/nav-warn-error.svg);
  background-repeat: no-repeat;
  background-position: 10px 5px;
  margin-bottom: 10px;
}

.alert_alert {
  width: 100%;
  position: relative;
  display: block;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px 5px 35px;
  background-color: #f3c235;
  background-image: url(/library/basic/nav-warn-alert.svg);
  background-repeat: no-repeat;
  background-position: 9px 5px;
  margin-bottom: 10px;
}

.ico_close {
  width: 13px;
  height: 13px;
  position: relative;
  float: right;
  cursor: pointer;
  background-image: url(/library/basic/icons.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
}

/* estilos cajas*/
.caja1 {
  width: 304px;
  height: 171px;
  position: relative;
  display: inline;
  background: #f5f3e9;
  text-align: center;
}

.caja1 .ttl {
  color: #ffffff;
  background-color: #2a2a2a;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-weight: normal;
  font-size: 17px;
  padding: 4px 10px 3px 10px;
  position: relative;
  display: block;
  margin: 0;
  line-height: 22px;
}

.caja1 .ttl:after {
  background: #d81921;
  background: #d81921 -webkit-linear-gradient(left, #2a2a2a, #d81921);
  background: #d81921 -moz-linear-gradient(left, #2a2a2a, #d81921);
  background: #d81921 -o-linear-gradient(left, #2a2a2a, #d81921);
  background: #d81921 linear-gradient(to right, #2a2a2a, #d81921);
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.caja1 p {
  padding: 10px 20px;
}

.caja2 {
  width: 304px;
  height: 171px;
  position: relative;
  display: inline;
  background: #202020;
  text-align: center;
}

.caja2 .text1 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 19px;
  color: #fff;
  margin: 0;
  padding: 8px 10px 4px 10px;
  display: block;
  background-color: #373737;
  border-bottom: 2px solid #d81921;
}

.caja2 .text2 {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 0;
  display: block;
  padding: 8px 10px 0 10px;
}

.caja2 .text3 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  margin: 0;
  display: block;
  font-size: 50px;
  color: #fff;
  padding: 0 10px 4px 10px;
}

.caja3 {
  width: 304px;
  height: 310px;
  position: relative;
  display: inline;
  background: #f5f3e9;
}

.caja3 p {
  padding: 10px 15px;
  display: block;
  height: 105px;
}

.caja3 .boton1 {
  display: block;
  margin: 0 auto;
  width: 86px;
}

.caja3 .boton3 {
  float: right;
  margin-right: 15px;
  width: 86px;
}

.caja3 img {
  width: 100%;
}

.caja4 {
  height: auto;
}

.caja4 p {
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.caja4 img {
  padding-left: 15px;
  padding-right: 10px;
  vertical-align: middle;
  float: left;
}

.caja5 {
  width: 304px;
  height: 150px;
}

.caja5 h2 {
  margin: 0 !important;
  font-size: 28px;
}

.caja5 .descargar {
  height: 37px;
  width: 210px;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 45px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/basic/ico-descarga-red.png);
  background-repeat: no-repeat;
}

.caja5 .promociones {
  height: 37px;
  width: 239px;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 48px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/basic/ico-promociones-red.png);
  background-repeat: no-repeat;
}

.caja5 .soporte {
  height: 46px;
  width: 100%;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 40px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/poker/ico-soporte.png);
  background-repeat: no-repeat;
}

/* listas */

#main-content ul {
  font-size: 14px;
  line-height: 17px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  list-style: none;
  padding-left: 15px;
  padding: 0;
  margin: 0;
}

.mobile #main-content ul {
  font-size: 1em;
  line-height: 1em;
}

#main-content .contenidoReglamentos ul {
  padding-left: 15px;
  padding: 4px 15px 4px 15px;
  margin: 0;
}

#main-content .check > li li,
#main-content .check > li {
  background: url(/library/basic/ico-li-check.svg) 0 3px no-repeat !important;
  list-style: none;
  font-size: 1em;
  padding-left: 20px;
  margin-top: 1em;
}

.cubo li {
  background: url(/library/basic/ico-li-cubo.svg) 5px 6px no-repeat !important;
  list-style: none;
  padding-left: 20px;
  margin-bottom: 10px;
}

#main-content ol {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #636363;
  font-size: 19px;
  position: relative;
  font-weight: bold;
  margin: 0;
}

#main-content ol li {
  margin-bottom: 10px;
  padding: 0;
}

#main-content ol span {
  font-size: 14px;
  line-height: 17px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  font-weight: normal;
}

/* lightbox */
.lightbox2,
.lightbox {
  display: none;
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.lightbox2:target,
.lightbox:target {
  outline: none;
  display: block;
}

#main-content .popupboxtyc,
#main-content .popupbox {
  top: 180px;
  max-height: 65%;
  z-index: 999;
  width: 600px;
  padding: 10px 20px 20px 20px;
  background-color: #fff;
  overflow: auto;
  border-radius: 6px;
  position: relative;
  margin: 0 auto;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
}

.lightbox2 img,
.lightbox img {
  margin: 15px 0;
}

.lightbox2 .close,
.lightbox .close {
  width: 25px;
  position: relative;
  height: 25px;
  margin: 0 auto;
  top: 175px;
  background-image: url(/library/basic/ico-close.svg);
  background-repeat: no-repeat;
  left: 290px;
  border: 1px solid transparent;
  border-radius: 20px;
  background-color: #bababa;
  background-position: center;
}

.mobile .lightbox2 .close,
.mobile .lightbox .close {
  top: 7.5em;
  right: 0;
  left: 0;
  width: 2em;
  float: right;
  height: 2em;
  border-radius: 4em;
  margin: 0em 2em;
}

.mobile #main-content .popupboxtyc,
.mobile #main-content .popupbox {
  max-width: 90%;
  top: 8em;
}

/* formularios */

.labelstyle {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  margin-bottom: 3px;
  display: block;
}

.input_simple {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  border: #aca6a6 solid 1px;
  width: 270px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 5px;
  overflow: hidden;
}

.input_simple_ok {
  background: url(/library/basic/ico-form-ok.svg) no-repeat right;
  width: 304px;
  height: 25px;
}

.input_simple_ok input {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  border: #7da800 solid 1px;
  width: 270px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 5px;
}

.label_ok {
  color: #7da800 !important;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  margin-bottom: 3px;
  display: block;
}

.input_simple_error {
  background: url(/library/basic/ico-cross.svg) no-repeat right;
  width: 304px;
  height: 25px;
}

.input_simple_error input {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  border: #d81921 solid 1px;
  width: 270px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 5px;
  overflow: hidden;
}

.input_doble_1 {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  border: #aca6a6 solid 1px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  padding: 5px;
  overflow: hidden;
  margin-right: 5px;
}

.input_doble_2 {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  border: #aca6a6 solid 1px;
  width: 270px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  padding: 5px;
  overflow: hidden;
}

.label_error {
  color: #d81921 !important;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  margin-bottom: 3px;
  display: block;
}

.selectstyle select {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  display: inline-block;
  height: 25px;
  border: #aca6a6 solid 1px;
  -webkit-border-radius: 8px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 8px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomright: 0px;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 5px;
  margin-right: 5px;
  -webkit-appearance: none;
  position: relative;
  cursor: pointer;
  background: url(/library/basic/nav-arrow-select.gif) no-repeat right;
}

.radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
}

.radio label:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #f5f3e9;
  -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.31);
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.31);
  border-radius: 8px;
}

.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
}

.checkbox label:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #f5f3e9;
  -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.31);
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.31);
}

#main-content input[type="radio"]:checked + label:before {
  content: url(/library/basic/nav-radio-dot.png);
}

/*  ocultar / mostrar div - funciona con toggle() de jquery  */

.oculto {
  display: none;
}

.mostrar-ocultar {
  padding-left: 2px;
}

/* tooltips */

/* verde que aparece por la derecha */

#main-content a.tooltips_gr {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_gr span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #accb60;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_gr span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-right: 8px solid #accb60;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

#main-content a:hover.tooltips_gr span {
  visibility: visible;
  opacity: 0.9;
  left: 100%;
  top: 50%;
  margin-top: -15px;
  margin-left: 15px;
  z-index: 999;
}

/*  verde a la izquierda */

#main-content a.tooltips_gl {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_gl span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #accb60;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_gl span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid #accb60;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

#main-content a:hover.tooltips_gl span {
  visibility: visible;
  opacity: 0.9;
  right: 100%;
  top: 50%;
  margin-top: -15px;
  margin-right: 15px;
  z-index: 999;
}

/*  verde debajo */

#main-content a.tooltips_gb {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_gb span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #accb60;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_gb span:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #accb60;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#main-content a:hover.tooltips_gb span {
  visibility: visible;
  opacity: 0.9;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* rojo que aparece por la derecha */

#main-content a.tooltips_rr {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_rr span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #ed7e84;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_rr span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-right: 8px solid #ed7e84;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

#main-content a:hover.tooltips_rr span {
  visibility: visible;
  opacity: 0.9;
  left: 100%;
  top: 50%;
  margin-top: -15px;
  margin-left: 15px;
  z-index: 999;
}

/*  rojo a la izquierda */

#main-content a.tooltips_rl {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_rl span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #ed7e84;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_rl span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid #ed7e84;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

#main-content a:hover.tooltips_rl span {
  visibility: visible;
  opacity: 0.9;
  right: 100%;
  top: 50%;
  margin-top: -15px;
  margin-right: 15px;
  z-index: 999;
}

/*  rojo debajo */

#main-content a.tooltips_rb {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_rb span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #ed7e84;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_rb span:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #ed7e84;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#main-content a:hover.tooltips_rb span {
  visibility: visible;
  opacity: 0.9;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* amarillo que aparece por la derecha */

#main-content a.tooltips_yr {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_yr span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #f3c235;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_yr span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-right: 8px solid #f3c235;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

#main-content a:hover.tooltips_yr span {
  visibility: visible;
  opacity: 0.9;
  left: 100%;
  top: 50%;
  margin-top: -15px;
  margin-left: 15px;
  z-index: 999;
}

/*  amarillo a la izquierda */

#main-content a.tooltips_yl {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_yl span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #f3c235;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_yl span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid #f3c235;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

#main-content a:hover.tooltips_yl span {
  visibility: visible;
  opacity: 0.9;
  right: 100%;
  top: 50%;
  margin-top: -15px;
  margin-right: 15px;
  z-index: 999;
}

/* amarillo debajo */

#main-content a.tooltips_yb {
  position: relative;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

#main-content a.tooltips_yb span {
  position: absolute;
  width: 200px;
  color: #ffffff;
  background: #f3c235;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
}

#main-content a.tooltips_yb span:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #f3c235;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#main-content a:hover.tooltips_yb span {
  visibility: visible;
  opacity: 0.9;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* mis promociones */
.checkbox label[for="terms-checkbox"]:before {
  display: none !important;
}

#main-content .bonus-multiview-imageview__content {
  border: 0;
  padding: 0 0 15px 0;
  margin: 0;
}

.mobile .bonus-multiview-imageview__row_responsive {
  width: 90% !important;
}

.mobile #main-content .bonus-multiview-imageview__content .promo-box {
  width: 100%;
}

.mobile #main-content .bonus-multiview-imageview__btn-action {
  font-size: 1.5em;
  margin: 20px auto;
}

#main-content .bonus-multiview-imageview__btn-action {
  padding: 0 10px;
  display: block;
  font-size: 16px;
  min-width: 140px;
  margin: 0 auto;
}

.desktop .bonus-multiview-imageview__content:hover {
  border-color: transparent;
  border-radius: 0;
  background: #f5f3e9;
  box-shadow: none;
}

#main-content
  .bonus-multiview-imageview
  .bonus-multiview-imageview__row_responsive {
  margin: 20px;
}

#main-content .bonus-multiview-imageview__content .promo-box {
  margin: 0;
  height: auto;
}

#main-content .bonus-multiview-imageview__content .promo-box .body-promo {
  height: 60px;
}

.mobile
  #main-content
  .bonus-multiview-imageview__content
  .promo-box
  .body-promo {
  height: 120px;
}

/* promociones */
.fn-promocode {
  width: 95%;
  margin: 0 auto;
}

.promoInfo h3,
.promoInfo > strong {
  padding: 0 15px !important;
}

#main-content .promo-banner ul {
  list-style: disc;
}

#main-content .promo-banner ul,
#main-content .promo-banner ol {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #2a2a2a;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0px;
}

#main-content .promo-banner ul li,
#main-content .promo-banner ol li {
  margin-bottom: 5px;
  padding: 0;
  color: #7da800;
}

#main-content .promo-banner ul li span,
#main-content .promo-banner ol li span {
  font-size: 1em;
  line-height: 1em;
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  font-weight: normal;
}

#main-content .promo-banner span.boton2 {
  display: block;
  max-width: 200px;
  margin: 0px 15px 0;
}

#main-content .promo-banner {
  height: auto;
  min-height: 250px;
  background: #f5f3e9;
  padding: 15px;
}

#main-content .promoInfo > span {
  display: block;
  margin: 15px;
}

#main-content .promo-banner img {
  vertical-align: text-top;
  padding-right: 15px;
  float: left;
  width: 365px;
  height: 226px;
  max-width: 100%;
}

#main-content .promo-banner h3 {
  margin: 0;
}

#main-content .promo-apuestas #tabs {
  background: #f5f3e9 !important;
}

#main-content .promo-tyc a {
  display: block;
  margin: 15px;
  text-align: right;
}

.promo-box {
  width: 335px;
  display: inline-block;
  margin: 1% 2.5%;
  height: 340px;
}

.mobile .promo-box {
  width: 80%;
  height: auto;
  margin: 30px auto;
  text-align: center;
  display: block;
}

.mobile .promo-box img {
  width: 100%;
  height: 350px;
  vertical-align: bottom;
}

.promo-box img {
  width: 100%;
  height: 200px;
  vertical-align: bottom;
}

#main-content .body-promo {
  padding: 9px;
  background: #f5f3e9;
  width: 100%;
  height: 90px;
}

.mobile #main-content .promo-box .btn-box .boton1 {
  font-size: 1.5em;
  padding: 0.5em;
  margin-top: 0px;
}

.body-promo .text {
  height: 60%;
}

.mobile #main-content .body-promo {
  height: 165px;
}

#main-content .body-promo .btn-box {
  text-align: center;
  margin-top: 0px;
}

.promoInfo {
  display: inline-block;
  min-width: 365px;
  width: 60%;
}

.mobile #main-content .promo-banner img,
.mobile #main-content .promo-banner .promoInfo {
  width: 100%;
  height: auto;
}

#main-content .promo-banner .boton2 {
  margin: 0 15px;
  width: auto;
}

.mobile #main-content .promo-banner .boton2 {
  width: 80%;
  margin: 0 auto;
  display: block;
  font-size: 2em;
  line-height: 2em;
}

.mobile #main-content .promo-banner .promoInfo h3 {
  font-size: 2em;
  text-align: center;
}

.mobile #main-content .promo-banner .promoInfo strong {
  font-size: 1.5em;
  line-height: 2em;
}

.mobile #tabs li a {
  font-size: 1.4em;
  line-height: 1.2em;
}

/* mas promociones */

.promo-box[box-type="destacado"] .body-promo {
  display: none;
}

.promo-box[box-type="destacado"] {
  height: auto;
}

.linkMasPromos {
  padding: 10px;
  text-align: right;
}

/* portlet mis promociones */

#main-content .bonus-multiview-imageview {
  margin: 2em;
}

/* titulos */

.ttl {
  color: #ffffff;
  background-color: #2a2a2a;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-weight: normal;
  font-size: 17px;
  padding: 4px 10px 3px 10px;
  position: relative;
  display: block;
}

.mobile .ttl {
  font-size: 1em;
}

.ttl:after {
  background: #d81921;
  background: #d81921 -webkit-linear-gradient(left, #2a2a2a, #d81921);
  background: #d81921 -moz-linear-gradient(left, #2a2a2a, #d81921);
  background: #d81921 -o-linear-gradient(left, #2a2a2a, #d81921);
  background: #d81921 linear-gradient(to right, #2a2a2a, #d81921);
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* ayuda en columna */

.ayuda {
  text-align: center;
  margin-top: 0;
}

.ayuda h3 {
  margin-top: 0px;
}

.ayuda img {
  margin-top: 10px;
}

/* ayuda horizontal */

.ayuda-hor {
  text-align: center;
  margin: 0 auto;
  width: 450px;
}

.ayuda-hor h3 {
  border-bottom: solid 1px #bababa;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.ayuda-hor span {
  float: left;
  width: 150px;
}

.ayuda-hor img {
  margin-bottom: 10px;
}

/* ayuda en pagina */

/*.ayuda-pag-left {
        width: 28%;
        float: left;
        }
        
        .ayuda-pag-right {
        width: 72%;
        float: left;
        }
        
        .telefono {
        background: url(/library/basic/ico-tel.png) no-repeat;
        background-position: 0 5px;
        }
        
        .telefono h3,
        .telefono p {
        margin-left: 30px
        }
        
        .chat {
        background: url(/library/basic/ico-chat.png) no-repeat;
        background-position: 0 4px;
        }
        
        .chat h3,
        .chat p {
        margin-left: 30px
        }
        
        .mail {
        background: url(/library/basic/ico-mail.png) no-repeat;
        background-position: 0 2px;
        }
        
        .mail h3,
        .mail p {
        margin-left: 30px
        }*/

/* caja descargar juegos en columna */

.descargar-juegos {
  background: #000;
  text-align: center;
  height: 190px;
}

.descargar-juegos p {
  color: #fff;
  font-size: 13px;
  padding: 0 10px;
  line-height: 16px;
  margin: 8px 0;
}

.descargar-slots img {
  display: inline-block;
}

.descargar-slots span {
  vertical-align: top;
  display: inline-block;
  font-size: 1.5em;
  margin: 0 40px;
  line-height: 3em;
}

#main-content .descargar-slots .boton2 {
  vertical-align: top;
  display: inline-block;
}

.descargar-slots div:not(.ttl) {
  text-align: center;
  padding: 20px;
}

/* caja promo en columna */

.promo-col {
  width: 165px;
  height: 190px;
  text-align: center;
}

.promo-col .boton1 {
  z-index: 10;
  position: relative;
  top: -37px;
}

/* especificos apuestas */

.apuestasContent .caja3 {
  float: left;
  margin: 0 0 20px 24px;
}

.apuestasContent .caja3:nth-child(3n + 3) {
  margin-left: 0px;
}

/* especificos casino */
.tablet .gamesinfo__jackpot-container {
  height: 2.5em;
  width: 98.5%;
}

.desktop .application-root .gamesinfo__nav-item--left:hover {
  color: #ed1c24;
}

article[data-web-content-id="BANNER-NOLOGIN"],
article[data-web-content-id="BANNER-SILOGIN"] {
  max-width: 960px;
  margin: 0 auto;
}

.boxbanner {
  /* background-color: rgba(0, 0, 0, 0.4); */
  width: 350px;
  text-align: center;
  position: relative;
  float: right;
  top: -270px;
  margin-bottom: -240px;
  height: 255px;
  padding-top: 200px;
}

.nologin {
  background-position: center;
  background-size: cover;
  background-image: url("/library/casino/BG_Registro_CTAoff.png?");
}

.silogin {
  background-position: center;
  background-size: cover;
  background-image: url("/library/casino/BG_Ruleta_CTAoff.png");
}

.application-root .gamesinfo__nav-item--left.active {
  color: #ed1c24;
  box-shadow: 0.5rem 0 0 #ed1c24 inset;
}

.banner-mobile img {
  width: 90%;
  margin: 20px auto;
  display: block;
}

.movil-box-text {
  padding: 10px 60px;
}

#main-content .movil-box-text p {
  padding-bottom: 30px;
}

#main-content .slide-content {
  background-color: black;
}

/* especificos poker */

.pokerContent .ttl {
  color: #ffffff;
  background-color: #2a2a2a;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-weight: normal;
  font-size: 17px;
  padding: 4px 10px 3px 10px;
  position: relative;
  display: block;
  margin: 20px 0px 00px 0px;
}

.pokerContent .ttl::after {
  background: #fb4601;
  background: #fb4601 -webkit-linear-gradient(left, #2a2a2a, #fb4601);
  background: #fb4601 -moz-linear-gradient(left, #2a2a2a, #fb4601);
  background: #fb4601 -o-linear-gradient(left, #2a2a2a, #fb4601);
  background: #fb4601 linear-gradient(to right, #2a2a2a, #fb4601);
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.pokerContent .caja3 {
  float: left;
  margin: 0 0 20px 24px;
}

.pokerContent .caja3:nth-child(3n + 3) {
  margin-left: 0px;
}

.pokerContent .num {
  font-family: "dincondensedregular", arial, sans-serif;
  color: #fb4601;
  font-size: 65px;
  display: inline-block;
  width: 33px;
}

.pokerContent .titulo {
  font-family: "dincondensedregular", arial, sans-serif;
  color: #2a2a2a;
  font-size: 34px;
  position: relative;
  top: -22px;
}

.pokerContent .subtitulo {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #2a2a2a;
  position: relative;
  top: -32px;
  left: 33px;
}

.pokerContent .slider {
  width: 100%;
  height: 350px;
  min-width: 960px;
  background: #091c09;
  padding: 0;
  margin: 0 auto;
  overflow: hidden !important;
  background-image: url(/library/poker/slider-lnp_casinogranmadrid.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

.pokerContent .slider .box960 {
  max-width: 960px;
  height: 350px;
  margin: 0 auto;
}

.pokerContent .slider .box960 .boton2 {
  position: relative;
  top: 190px;
  left: 38px;
  width: 200px;
}

.pokerContent .slider .cajacopy {
  width: 335px;
  background-color: #000;
  height: 318px;
  position: relative;
  left: 625px;
  top: -43px;
}

.pokerContent .slider .cajacopy img {
  position: relative;
  top: 20px;
  left: 25px;
}

.pokerContent .slider .cajacopy::after {
  content: url(/library/poker/slider-base-box.svg);
  width: 335px;
  height: 30px;
  position: relative;
  top: 50px;
}

.pokerContent .slider .cajacopy .texto {
  margin: 0 auto;
  border-bottom: solid 2px #fb4601;
  color: #d2d2d2;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  width: 200px;
  position: relative;
  top: 30px;
  text-align: center;
  line-height: 35px;
}

.pokerContent .slider .cajacopy .seguro {
  position: relative;
  top: 40px;
  width: 50%;
  margin: 0 auto;
}

.mobile .pokerContent .slider .cajacopy .seguro {
  top: 10px;
}

.pokerContent .slider .cajacopy .seguro img {
  padding: 0px;
  margin: 0px;
  top: 0px;
  left: 0px;
}

.mobile .pokerContent .slider {
  width: 100%;
  height: 100%;
  min-width: 575px;
  background: #fff;
  padding: 0;
  margin: 0 auto;
}

.mobile .pokerContent .slider .box960 {
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #012b4f;
}

.mobile .pokerContent .slider .box960 .boton2 {
  display: none;
}

.mobile .pokerContent .slider .cajacopy {
  width: 90%;
  background-color: #000;
  height: auto;
  margin: 0 auto;
  padding: 25px 0;
  left: auto;
}

.mobile .pokerContent .slider .cajacopy::after {
  background-image: url(/library/poker/slider-base-box.svg);
  width: 100%;
  height: 50px;
  position: relative;
  top: 74px;
  background-size: 100%;
  display: block;
  background-repeat: no-repeat;
}

.mobile .pokerContent .slider .cajacopy img {
  left: 0;
  width: 90%;
  margin: 0 auto;
  display: block;
  top: 0;
}

.mobile .pokerContent .slider .cajacopy .texto {
  margin: 0 auto;
  border-bottom: solid 5px #fb4601;
  color: #d2d2d2;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  width: 80%;
  position: relative;
  top: 0;
  text-align: center;
  line-height: 2em;
}

.mobile .pokerContent .slider .cajacopy .texto h1 {
  font-size: 42px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #fff !important;
  display: inline;
  width: 590px !important;
}

.mobile .pokerContent .slider .cajacopy .seguro img {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.mobile .pokerContent .caja5 div {
  height: auto;
  background-position: center left;
}

.pokerContent .main-promo-mobile {
  display: none;
}

.mobile .pokerContent .main-promo-mobile {
  display: block;
}

.pokerContent .pasos {
  width: 100%;
  height: 80px;
  background: #000;
  min-width: 960px;
  display: block;
  padding-top: 2px;
  position: relative;
}

.pokerContent .pasos .item {
  width: 229px;
  float: left;
  position: relative;
}

.pokerContent .pasos .num {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #fb4601;
  font-size: 65px;
  display: inline-block;
  width: 33px;
}

.pokerContent .pasos .titulo {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #fff;
  font-size: 32px;
  position: relative;
  top: -22px;
}

.pokerContent .pasos .subtitulo {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #d2d2d2;
  position: relative;
  top: -30px;
  left: 33px;
}

.pokerContent #bot {
  margin-top: 15px;
}

.pokerContent .seccionespoker .caja5 {
  float: left;
  margin: 10px 15px;
  width: 30%;
  min-width: 270px;
}

.mobile .pokerContent .seccionespoker .caja5 {
  width: 90%;
  margin: 50px auto;
  height: auto;
  float: none;
}

.pokerContent .seccionespoker .caja5 .torneos h2 {
  text-align: left;
}

.mobile .trespromos div img {
  width: 100%;
}

.mobile .trespromos div {
  width: 90%;
  margin: 45px auto;
  float: none;
}

.trespromos div {
  float: left;
  margin: 10px 5px;
}

.pokerContent .boton-mobile {
  display: none;
}

.mobile .pokerContent .boton-mobile {
  font-size: 2em;
  width: 90%;
  margin: 10px auto 30px;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  text-align: center;
  background-color: #7da800;
  -webkit-box-shadow: 1px 1px #010002;
  -moz-box-shadow: 1px 1px #010002;
  box-shadow: 1px 1px #010002;
  background-image: -webkit-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -moz-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -o-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: -ms-linear-gradient(bottom, #739a00, #9ebe42);
  background-image: linear-gradient(to top, #739a00, #9ebe42);
  text-transform: uppercase;
  line-height: 2em;
  position: relative;
  font-family: "DINCondensedRegular", arial, sans-serif !important;
}

.pokerContent .caja5 .pokeronline {
  height: 46px;
  width: 100%;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 65px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/poker/ico-pokeronline.png);
  background-repeat: no-repeat;
}

.pokerContent .caja5 .clubdepoker {
  height: 46px;
  width: 100%;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 41px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/poker/ico-clubdepoker.png);
  background-repeat: no-repeat;
  overflow: visible;
}

.pokerContent .caja5 .promociones {
  height: 46px;
  width: 100%;
  text-align: left;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 48px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/poker/ico-promociones-poker.png);
  background-repeat: no-repeat;
}

.pokerContent .caja5 .soporte {
  height: 46px;
  width: 100%;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 60px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/poker/ico-iphone_v4b.png);
  background-repeat: no-repeat;
}

.pokerContent .caja5 .torneos {
  height: 46px;
  width: 100%;
  text-align: center;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 48px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/poker/ico-torneos-poker.png);
  background-repeat: no-repeat;
}

.pokerContent .caja5 .reglas {
  height: 46px;
  width: 100%;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-left: 65px;
  border-bottom: 1px solid #c2c2c2;
  background-image: url(/library/poker/ico-reglas-poker.png);
  background-repeat: no-repeat;
}

.pokerContent .box960#cuerpohome {
  width: 100%;
  max-width: 960px;
}

.mobile .pokerContent .box960 p {
  font-size: 36px;
  line-height: 42px;
  font-family: Arial, Helvetica, sans-serif;
  color: #636363;
  margin: 0;
}

.mobile .pokerContent .pasos {
  display: none;
}

.mobile .pokerContent .main-promo-mobile {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.mobile .pokerContent .main-promo-mobile img {
  width: 100%;
  height: auto;
}

/* reglamento general */

/*MENU REGLAMENTOS*/

/*MENU REGLAMENTOS*/

.menuReglamentos {
  width: 100%;
  float: left;
  margin-top: 0px !important;
  border-bottom: solid 1px #bababa;
  padding: 4px 8px;
}

.menuReglamentos ul {
  width: 80%;
  float: left;
}

.menuReglamentos li {
  display: inline-block;
  border-bottom: 4px solid white;
  width: 190px;
  margin-right: 20px;
}

#main-content .menuReglamentos a {
  font-family: "DINCondensedRegular", arial, sans-serif !important;
  font-size: 19px !important;
  text-decoration: none !important;
  color: #2a2a2a !important;
  margin: 15px 15px 2px 0px;
  font-weight: normal;
  text-transform: uppercase;
}

.menuReglamentos a:hover {
  text-decoration: none !important;
  color: #838383 !important;
}

.menuReglamentos a.selected {
  border-bottom: 4px solid #7da800;
}

.menuReglamentos span {
  float: right;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 19px;
  width: 20%;
  text-align: right;
  color: #2a2a2a;
}

/*AYUDA REGLAS*/

.ayudaReglas {
  text-align: center;
  width: 12%;
  float: right;
  background-color: #fff;
}

.ayudaReglas img {
  display: block;
  margin: 10px auto 10px;
}

.ayudaReglas a,
.ayudaReglas span {
  color: #7da800;
  cursor: pointer;
}

.ayudaReglas span:nth-child(2) {
  color: #2a2a2a;
  cursor: default;
}

.ayudaReglas img:nth-child(3),
.ayudaReglas span:nth-child(4) {
  display: none;
}

.mobile .ayudaReglas {
  display: none;
}

.mobile #main-content .menuReglamentos a {
  font-size: 1.4em !important;
  margin: 0px 0px 0px 1px;
  padding: 5px 14px 5px 14px;
  line-height: 52px;
}

#submenuReglamentos {
  border-bottom: 1px solid #808080;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

#submenuReglamentos ol {
  left: 25px;
}

#submenuReglamentos ol li {
  text-transform: capitalize;
  cursor: pointer;
  font-size: 19px;
  padding: 5px;
  margin: 0;
  color: #2a2a2a;
}

#submenuReglamentosContent {
  width: 80%;
  float: left;
}

.mobile #submenuReglamentosContent {
  width: 95%;
  float: left;
}

/*FINAL MENU REGLAMENTOS*/

/*CONTENIDO REGLAMENTOS*/

/*.paginaReglamentos p {
          font-size: 14px;
          line-height: 18px;
          font-family: Arial, Helvetica, sans-serif;
          color: #636363;
          margin: 10px 0px;
        }*/

.paginaReglamentos h1 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 32px;
  color: #2a2a2a;
  margin: 20px 0px 2px 0px;
}

.paginaReglamentos h2 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 24px;
  color: #2a2a2a;
  margin: 15px 0px 2px 0px;
}

.paginaReglamentos h3 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 19px;
  color: #2a2a2a;
  margin: 15px 0px 2px 0px;
}

.paginaReglamentos h4 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 16px;
  color: #2a2a2a;
  margin: 15px 0px 2px 0px;
  background-color: transparent;
  padding: 0;
}

.paginaReglamentos h4 {
  background-color: transparent;
  padding: 0;
}

.paginaReglamentos h4:before {
  content: none;
}

.paginaReglamentos ol {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #636363;
  font-size: 19px;
  position: relative;
  left: 70px;
  /*left:-5px;*/
  font-weight: bold;
  margin: 0;
}

.paginaReglamentos ol ul li {
  padding: 0 0 0 16px !important;
  margin: 0;
}

.paginaReglamentos ol span {
  font-size: 14px;
  line-height: 17px;
  font-family: Arial, Helvetica, sans-serif;
  color: #636363;
  font-weight: normal;
}

.paginaReglamentos ol li {
  margin-bottom: 55px;
  /*margin-bottom: 10px;*/
  padding: 0;
}

.paginaReglamentos table {
  border-top: solid 1px #bababa;
  border-bottom: solid 1px #bababa;
  width: 100%;
  font-size: 13px;
  color: #636363;
}

.paginaReglamentos table thead th {
  padding: 8px 10px;
  text-align: left;
  font-weight: normal;
  border-bottom: solid 1px #bababa;
}

.paginaReglamentos tbody tr:nth-child(odd) {
  background-color: #f5f3e9;
}

.paginaReglamentos table td {
  padding: 8px 10px;
}

.to-top a {
  border-bottom: #c1c1c1 solid 1px;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 16px;
  color: #2a2a2a;
  text-decoration: none !important;
  border: none;
}

.to-top {
  width: 100%;
  display: block;
  height: 22px;
  margin: 45px 0;
  border-bottom: #c1c1c1 solid 1px;
}

/* reglas mobile */

.mobile .menuReglamentos ul {
  width: 100%;
}

.mobile .menuReglamentos li {
  width: 288px;
  margin-right: 8px;
  margin-top: 8px;
}

.mobile .menuReglamentos a {
  font-size: 1em;
  line-height: 1em;
}

.mobile .menuReglamentos span {
  display: none;
}

.mobile .ayudaReglas span {
  display: none;
}

.mobile .ayudaReglas {
  display: none;
}

.mobile #main-content .paginaReglamentos ol {
  font-weight: normal;
  margin: 24px 0 24px 0;
  font-size: 1.3em;
  left: 10px !important;
  width: 95%;
}

.mobile #submenuReglamentos ol li {
  font-size: 1em;
  /*font-size: 2.0em;*/
  margin: 5px;
}

/*.mobile #main-content .paginaReglamentos p {
          font-size: 1.5em;
          line-height: 1.2em;
        }*/

.mobile .paginaReglamentos h2 {
  font-size: 1em;
}

.mobile #main-content .paginaReglamentos h3 {
  font-size: 1.8em;
}

.mobile .paginaReglamentos h4 {
  font-size: 1em;
}

.mobile .paginaReglamentos ol span {
  font-size: 0.7em !important;
  line-height: 0.7em;
}

.mobile .to-top {
  height: auto;
}

.mobile .to-top a {
  font-size: 1.5em;
}

.mobile .to-top img {
  zoom: 2.1;
  -moz-transform: scale(2.1);
}

.mobile .paginaReglamentos table {
  font-size: 1em;
}

.mobile .paginaReglamentos ol ol {
  font-size: inherit;
}

.mobile #main-content contenidoReglamentos ul,
ol {
  font-size: 1.5em;
  line-height: 1.3em;
}

/* BINGO */

.contentBingo {
  width: 100%;
}

.contentBingo iframe {
  width: 45%;
  border: 0;
  min-width: 450px;
  overflow: hidden;
  float: left;
  height: 780px;
  margin: 30px 2%;
}

.contentBingo iframe:nth-child(1) {
  height: 290px;
}

.contentBingo .promoInfo h3 {
  line-height: 40px;
}

#main-content .contentBingo .promoInfo p {
  margin-bottom: 10px;
}

#main-content .clubbingo .promo-banner {
  border-bottom: solid 1px #bababa;
}

#main-content .clubbingo + .promoBody #contenido {
  padding: 0 !important;
}

.sala-ozio {
  background-image: url(/library/bingo/sala_ozio.png);
  background-position: -9px;
  width: 458px;
  background-size: cover;
  height: 190px;
  display: inline-block;
}

.sala-wingo {
  background-image: url("/library/bingo/sala_wingo.png");
  background-position: -9px;
  width: 458px;
  background-size: cover;
  height: 190px;
  display: inline-block;
}

.bingoGames {
  width: 100%;
  margin: 0 auto;
  max-width: 960px;
}

#main-content .bingoGames .boton2 {
  float: right;
  position: relative;
  top: 70px;
  right: 120px;
}

.contentBingo .box-section-2 img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}

.contentBingo .bingo-promo {
  text-align: center;
}

.contentBingo .bingo-promo img {
  display: inline-block;
  margin-right: 20px;
  width: 30%;
  min-width: 310px;
}

.gamesinfo {
  max-width: 960px;
  margin: 0 auto;
}

#main-content .contentBingo .texto-seo {
  max-width: 960px;
  width: 100%;
  margin: 20px auto;
}

#main-content .contentBingo .texto-seo p {
  text-align: center;
  line-height: 30px;
}

#main-content .bannerIrSlots {
  text-align: center;
}

#main-content .bannerIrSlots img {
  width: 100%;
  max-width: 960px;
  margin: 10px auto;
}

/*COMO JUGAR A BINGO */

.parrafo {
  padding-bottom: 15px;
  border-bottom: solid 1px #bababa;
}

.clubvip {
  width: 100%;
  font-size: 13px;
  border-collapse: collapse;
  color: #636363;
}

.clubvip td {
  padding: 25px 10px;
  height: 40px;
  width: 15%;
  text-align: center;
}

.clubvip caption {
  text-align: left;
  margin: 20px 0px 8px 0px;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 19px;
  color: #2a2a2a;
}

.clubvip tbody tr:nth-child(odd) {
  background-color: #f5f3e9;
}

.clubvip thead th {
  padding: 8px 10px;
  text-align: center;
  font-weight: normal;
  border-bottom: solid 1px #bababa;
}

.clubvip tfoot td {
  padding: 4px 10px;
  text-align: left;
  font-weight: normal;
  font-size: 11px !important;
  border-top: solid 1px #bababa;
}

.clubvip tr td:first-child,
.clubvip tr th:first-child {
  text-align: left;
}

.clubvip tr:first-child th:nth-child(2) img,
.clubvip tr:first-child th:nth-child(3) img {
  width: 25px;
}

.clubcasino tr:first-child th:nth-child(2) img,
.clubcasino tr:first-child th:nth-child(3) img {
  width: auto;
}

.parrafo p {
  margin-bottom: 15px;
}

.como-jugar {
  border-bottom: solid 1px #bababa;
}

.como-jugar div:nth-child(1) {
  width: 390px;
  display: inline-block;
}

.mobile .como-jugar div:nth-child(1) {
  width: 100%;
}

.como-jugar div:nth-child(2) {
  width: 400px;
  display: inline-block;
}

.mobile .como-jugar div:nth-child(2) {
  width: 100%;
}

.como-jugar div:nth-child(3) {
  width: 390px;
  display: inline-block;
}

.mobile .como-jugar div:nth-child(3) {
  width: 100%;
}

.como-jugar .num {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #80008b;
  font-size: 65px;
  display: inline-block;
  width: 33px;
}

.mobile .como-jugar .num {
  font-size: 4em;
  width: 60px;
}

.como-jugar .titulo {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #2a2a2a;
  font-size: 30px;
  position: relative;
  top: -26px;
}

.mobile .como-jugar .titulo {
  font-size: 2em;
}

.como-jugar .subtitulo {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #2a2a2a;
  position: relative;
  top: -32px;
  left: 65px;
}

.mobile .como-jugar .subtitulo {
  font-size: 1em;
}

/*CIRCULOS LAUNCHER BINGO*/

.circle-launcher {
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
  position: relative;
  width: 70%;
  margin: 0 auto;
}

.circle-launcher .circle span:nth-child(1) {
  font-family: arial, sans-serif;
  display: block;
  font-size: 15px;
  width: 300px;
  margin-top: -22px;
}

.circle-launcher .circle span:nth-child(2) {
  font-family: "DINCondensedRegular", arial, sans-serif;
  display: block;
  font-size: 20px;
  margin-top: 0px;
}

.circle-launcher .circle span:nth-child(3) {
  font-family: "DINCondensedRegular", arial, sans-serif;
  display: block;
  color: black;
  font-size: 35px;
  width: 290px;
  margin-top: 8px;
  margin-bottom: 4px;
}

.circle-launcher .circle span:nth-child(4) {
  font-family: arial, sans-serif;
  display: block;
  font-size: 15px;
  width: 290px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.circle-launcher .circle span:nth-child(5) {
  font-family: "DINCondensedRegular", arial, sans-serif;
  display: block;
  background: black;
  font-size: 26px;
  color: #fff;
  font: #fff;
  width: 76px;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 15px;
}

.circle-title-left {
  float: left;
  width: 49%;
}

.circle-title-left p {
  text-align: center !important;
}

.circle-title-right p {
  text-align: center !important;
}

.circle-title-right {
  float: right;
  width: 49%;
}

.circle {
  width: 300px;
  height: 300px;
  background: #f2efef;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border-radius: 150px;
  display: inline-block;
  margin: 0 10px 0 10px;
}

.mobile .circle-launcher {
  width: 100%;
  overflow: hidden;
}

.mobile .circle {
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 36px;
  display: block;
  zoom: 2;
  /* Chrome */
  transform: moz-scale(2);
  /* FF, neglected by Chrome */
  transform-origin: 0;
}

.circle img {
  width: 200px;
  padding-top: 35px;
}

.mobile .circle img {
  width: 200px;
  padding-top: 2px;
}

/*Estilos FAQ */

.mobile #main-content .faq-box h2 {
  font-size: 1.7em;
}

.mobile #main-content .faq-box h3 {
  font-size: 1.5em;
}

.faqContent {
  border-bottom: solid 1px #bababa;
  padding-bottom: 10px;
}

.faq-box ol {
  display: block;
}

/*.faq-box li {
          font-family: "DINCondensedRegular", arial, sans-serif;
          font-weight: normal;
          font-size: 19px;
          color: #2a2a2a;
          margin: 15px 0px 2px 0px;
          font-weight: normal;
        }*/

/*.faq-box li span {
          color: #636363;
          font-family: arial, helvetica, sans-serif;
          font-size: 14px;
          line-height: 18px;
          padding-left: 15px;
          margin: 0;
          text-align: left;
        }*/

/*.mobile .faq-box li span {
          font-size: 1.0em;
          line-height: 1.0em;
        }*/

#main-content .faq-menu {
  margin-top: 0px !important;
  border-bottom: solid 1px #bababa;
  padding: 4px 8px;
}

.mobile #main-content .faq-menu {
  padding: 5px 14px 5px 14px;
}

.faq-box h2 {
  font-family: "DINCondensedRegular", arial, sans-serif;
  /*font-size: 24px;*/
  color: #2a2a2a;
  margin: 15px 0 2px 0;
  font-weight: normal;
}

#main-content .faq-menu a {
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 19px;
  color: #2a2a2a !important;
  margin: 15px 15px 2px 0px;
  font-weight: normal;
  text-transform: uppercase;
}

.faq-menu a:hover {
  text-decoration: none;
  color: #838383;
}

.faq-menu a.selected {
  border-bottom: 4px solid #7da800;
}

.ayudaReglas {
  text-align: center;
  width: 170px;
  float: right;
  display: block;
}

.ayudaReglas span:nth-child(1) {
  color: #2a2a2a;
  cursor: auto;
}

.mobile .ayudaReglas {
  display: none;
}

.mobile #main-content .faq-menu a {
  font-size: 1.8em;
  margin: 0px 0px 0px 32px;
  line-height: 57px;
}

/*.mobile .faq-box li {
          font-size: 2em;
        }*/

.faqContent iframe {
  padding-left: 30px;
}

/*Acordeon*/

.accordion-toggle {
  cursor: pointer;
}

.accordion-content {
  display: none;
}

.accordion-content.default {
  display: block;
}

/* box help */

#helpBox {
  padding-bottom: 15px;
  border-bottom: 1px solid #8b8b8b;
}

.contentHelpBox {
  padding: 10px;
}

.contentHelpBox a,
.contentHelpBox div {
  display: inline-block;
  padding-right: 5px;
  width: 18%;
  min-width: 150px;
  font-family: arial, sans-serif;
  font-size: 13px;
  vertical-align: middle;
  color: #373737;
}

.mobile .contentHelpBox a {
  font-size: 1em;
}

.mobile .contentHelpBox div {
  font-size: 1em;
  height: auto !important;
  width: 200px !important;
  display: inline-block;
  margin: 20px 10px;
}

.contentHelpBox div:nth-child(1) {
  font-size: 25px;
  font-family: "DINCondensedRegular", arial, sans-serif;
}

.contentHelpBox div:nth-child(5) a,
.contentHelpBox div:nth-child(2) strong {
  display: block;
  width: 100%;
}

.contentHelpBox div:nth-child(5) a,
.contentHelpBox div:nth-child(3),
.contentHelpBox div:nth-child(4),
.contentHelpBox a {
  font-weight: normal;
  color: #7da800;
  cursor: pointer;
}

.contentHelpBox div:nth-child(2) {
  background-image: url(/library/iconos/ico-tel.png);
}

.contentHelpBox div:nth-child(3) {
  line-height: 30px;
  width: 13%;
  background-image: url(/library/iconos/ico-tel-back.png);
}

.contentHelpBox div:nth-child(4) {
  line-height: 30px;
  width: 13%;
  background-image: url(/library/iconos/ico-chat.png);
}

.contentHelpBox a:nth-child(5) {
  line-height: 30px;
  background-image: url(/library/iconos/ico-mail.png);
}

.contentHelpBox div:nth-child(6) {
  background-image: url(/library/iconos/ico-video.png);
}

.contentHelpBox div:nth-child(2),
.contentHelpBox div:nth-child(3),
.contentHelpBox div:nth-child(4),
.contentHelpBox a:nth-child(5),
.contentHelpBox div:nth-child(6) {
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 30px;
}

.contentHelpBox div:nth-child(3) {
  display: none;
}

/* formulario registro */
.mobile #main-content .field.field_name_terms.fn-validate {
  width: 100%;
  text-align: center;
  top: 80%;
  left: 0;
  font-size: 0.9em;
}

.fn-register-content .checkbox label:before {
  display: none;
}

.portlet__content_type_registration .row {
  border-top: 1px solid #8b8b8b;
  padding-top: 80px;
}

#main-content .field.field_name_terms.fn-validate {
  position: absolute;
  top: 83%;
  display: block;
  left: 30%;
}

#main-content .fn-register-content label[for="terms-checkbox"] {
  display: none;
}

#main-content .fn-register-content a[data-title*="18+ content"] {
  background-image: url(/library/basic/18plus.png);
  display: block;
  width: 40px;
  height: 40px;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}

/* poker torneos */

.c-torneos img {
  margin: 1% 10%;
  display: inline-block;
  width: 65%;
  max-width: 650px;
}

.c-torneos-descargar {
  background-image: url(/library/poker/descarga-ya-poker.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  width: 225px;
  vertical-align: top;
  height: 300px;
  margin: 10px auto;
  padding: 230px 0 0 37px;
  display: inline-block;
}

/* promociones vip */

#main-content #mensajeVip {
  background: #fff;
  color: #2a2a2a;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #bababa;
  border-top: 1px solid #bababa;
  padding: 10px 0;
  margin-bottom: 70px;
}

#main-content #mensajeVip a {
  font-family: "DINCondensedRegular";
}

#main-content #mensajeVip p {
  font-size: 20pt;
  font-family: "DINCondensedRegular";
  line-height: 27pt;
  padding: 0 80px;
  font-style: normal;
  color: #636363;
  text-align: center;
  margin-top: 0;
}

/* codigo promocional */

#main-content .form_name_promo-code {
  width: 95%;
  margin: 0 auto;
  display: block;
}

#main-content .form_name_promo-code p.lead2 {
  padding-left: 0;
}

/* torneos en vivo de poker */

.torneosEnVivo {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
  text-align: center;
}

.torneosEnVivo > div {
  width: 468px;
  max-width: 100%;
  text-align: left;
  display: inline-block;
  border: 1px solid #c2c2c2;
  margin: 5px;
  height: 210px;
}

.torneosEnVivo > div:nth-child(1) {
  background-image: url("/library/poker/pokerTorneos-casino-granmadrid.jpg");
}

.torneosEnVivo > div:nth-child(2) {
  background-image: url("/library/poker/marbella-on.jpg");
}

.torneosEnVivo > div:nth-child(3) {
  background-image: url("/library/poker/casino-valencia.jpg");
}

.torneosEnVivo > div:nth-child(4) {
  background-image: url("/library/poker/casino-toja.jpg");
}

.torneosEnVivo > div > div {
  width: 100%;
  height: auto;
  position: relative;
  top: 161px;
  color: white;
  padding-left: 20px;
  font-size: 1.4em;
}

.torneosEnVivo > div > div .boton2 {
  position: relative;
  left: 130px;
}

.torneosEnVivoBanner {
  background-image: url(/library/poker/bg-torneos.jpg);
  height: auto;
  background-repeat: no-repeat;
  background-color: black;
  background-size: 100%;
  background-position: 60% top;
}

.torneosEnVivoBannerContent {
  width: 100%;
  max-width: 960px;
  text-align: center;
  margin: 0 auto;
}

.torneosEnVivoTitulo {
  width: 60%;
  display: inline-block;
  color: white;
  min-width: 580px;
  text-align: left;
}

.descargarPokerBox {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}

.descargarPokerBox div {
  background-image: url(/library/poker/descarga-ya-poker.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 230px;
  height: 299px;
  float: right;
  padding-top: 230px;
  text-align: center;
}

.torneosEnVivoTitulo span:first-child {
  font-size: 3.5em;
  font-family: "DINCondensedRegular", arial, sans-serif;
  max-width: 390px;
  display: block;
  text-align: left;
  width: 100%;
  margin-top: 50px;
}

.torneosEnVivoTitulo span:nth-child(2) {
  font-size: 2.5em;
  display: block;
  width: 100%;
  max-width: 470px;
  text-align: left;
  margin-bottom: 40px;
}

#main-content .torneosEnVivoBanner + .pasos {
  background: #00413b;
  height: auto;
  min-width: 100%;
}

#main-content .torneosEnVivoBanner + .pasos .box960 .item {
  width: 33%;
  min-width: 230px;
  float: none;
  display: inline-block;
  padding-left: 6%;
}

#main-content .torneosEnVivoBanner + .pasos .titulo {
  font-size: 3em;
  top: 0;
}

#main-content .torneosEnVivoBanner + .pasos .num {
  font-size: 6em;
  line-height: 1em;
  vertical-align: top;
}

#main-content .torneosEnVivoBanner + .pasos .subtitulo {
  font-size: 1.5em;
  top: 0;
  margin-top: -30px;
  left: 43px;
  margin-bottom: 10px;
  display: block;
}

.mobile .torneosEnVivoTitulo {
  width: 100%;
  text-align: center;
}

.mobile .torneosEnVivoTitulo span:first-child {
  font-size: 3em;
  margin: 1em auto 0;
  width: 90%;
  max-width: 100%;
}

.mobile .torneosEnVivoTitulo span:nth-child(2) {
  font-size: 2em;
  margin: 20px auto;
  width: 90%;
  max-width: 100%;
}

.mobile .descargarPokerBox {
  width: 100%;
  margin: 10px 0 40px;
}

.mobile .descargarPokerBox {
  width: 100%;
}

.mobile .torneosEnVivoBanner {
  background-size: cover;
  background-position: 130% bottom;
}

.mobile .descargarPokerBox div {
  background: none;
  height: auto;
  width: 100%;
  float: none;
  padding: 0;
}

#main-content .descargarPokerBox .boton2 {
  width: 80%;
  font-size: 2em;
  line-height: 1.2em;
}

.mobile .torneosEnVivo > div {
  margin: 30px auto;
  display: block;
}

.mobile .torneosEnVivo > div > div .boton2 {
  left: 40px;
}

/* Inbox */

#main-content .inbox__categories {
  margin: 0 auto;
}

/* Landing Marketing */

.landingContent .pasos {
  width: 100%;
  background-color: #d81921;
  padding-top: 17px;
}

.landingContent .pasos .item {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 33%;
  height: 90px;
  min-width: 270px;
}

.landingContent .pasos .num {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #d81921;
  font-size: 5em;
  display: inline-block;
  width: 74px;
  height: 74px;
  border-radius: 40px;
  background-color: #fff;
  text-align: center;
  line-height: 75px;
}

.landingContent .pasos {
  width: 100%;
  background-color: #d81921;
  padding-top: 17px;
  text-align: center;
}

.landingContent .pasos .subtitulo {
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  position: relative;
  top: -35px;
  display: block;
  width: 180px;
  left: 85px;
}

.pasos .titulo {
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: #fff;
  font-size: 3em;
  position: relative;
  top: -25px;
  left: 10px;
}

#main-content .landingContent h1 {
  margin: 0;
  background: none;
  line-height: 2em;
  padding: 0;
  text-align: center;
}

#main-content .landingContent h1:before {
  display: none;
}

.landingContent .ejemplos .caja-negra {
  display: inline-block;
}

.landingContent .center-text {
  text-align: center;
  line-height: 60px;
}

.landingContent .slider {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  list-style: none;
  background-position: center;
  background-color: black;
}

.landingContent .bonoRight {
  text-align: center;
  padding: 25px;
  width: 50%;
  position: relative;
  left: 50%;
}

.landingContent .bonoCenter {
  text-align: center;
  padding: 25px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.landingContent .ejemplos {
  text-align: center;
}

.mobile .landingContent .pasos .item {
  width: 70%;
  margin: 40px auto;
}

.mobile .landingContent .pasos .num {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  line-height: 125px;
}

.mobile .landingContent .pasos .subtitulo {
  left: 130px;
  width: 70%;
}

.mobile .landingContent .pasos {
  padding-bottom: 90px;
}

.mobile #main-content .landingContent h1 {
  font-size: 2em;
}

.mobile .landingContent .ejemplos .caja-negra {
  width: 90%;
  margin: 20px auto;
}

.mobile .landingContent .center-text {
  font-size: 2em;
}

.mobile .landingContent .ejemplos .caja-negra img {
  width: 100%;
}

.mobile .caja-negra .text1 {
  font-size: 2em;
}

.mobile .caja-negra .text2 {
  font-size: 1.5em;
  padding-top: 30px;
}

.mobile .caja-negra .text3 {
  font-size: 3em;
}

.mobile .caja-negra .text4 {
  font-size: 2em;
}

.mobile .caja-negra .boton1 {
  font-size: 2em !important;
  height: auto;
  line-height: 2em !important;
  width: 50%;
  margin: 20px;
}

/* footer */
.alert-cookies {
  display: none;
}

.footer {
  width: 100%;
  margin: 0 auto;
}

.back-white {
  background-color: #ffffff;
}

.degradation-back {
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#f8f8f8),
    to(#f5f5f5)
  );
  background: -webkit-linear-gradient(top, #f8f8f8, #f5f5f5);
  background: -moz-linear-gradient(top, #f8f8f8, #f5f5f5);
  background: -o-linear-background(top, #f8f8f8, #f5f5f5);
  background: -ms-linear-background(top, #f8f8f8, #f5f5f5);
  background: linear-background(top, #f8f8f8, #f5f5f5);
  background-color: #ececec;
  padding: 5px 0px;
}

.barra-horit {
  background: -webkit-radial-gradient(circle, rgb(197, 197, 197), #efefef);
  background: -webkit-radial-gradient(circle, rgb(197, 197, 197), #efefef);
  background: -moz-radial-gradient(circle, rgb(197, 197, 197), #efefef);
  background: -o-radial-background(circle, rgb(197, 197, 197), #efefef);
  background: -ms-radial-background(circle, rgb(197, 197, 197), #efefef);
  background: radial-background(circle, rgb(197, 197, 197), #efefef);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C5C5C5', endColorstr='#EFEFEF');
  height: 1px;
  width: 100%;
  float: left;
}

.footer2 {
  text-align: center;
  margin: 0 auto;
  font-size: 1em;
  padding: 15px;
}

.footer3 {
  margin: 0 auto;
  font-size: 1em;
}

.metodos-pago-footer {
  background: url("/library/Footer/payments-noskrill-trans.png") no-repeat
    center;
  height: 50px;
  max-width: 550px;
  width: 100%;
  display: inline-block;
  text-decoration: none;
  background-size: 100%;
}

.metodos-pago-footer:hover {
  text-decoration: none;
}

.mas18 {
  background: url("/library/Footer/sprite-footer.png?1") -141px 4px no-repeat;
  height: 50px;
  width: 40px;
  display: inline-block;
  vertical-align: top;
}

.juego-seguro:hover {
  text-decoration: none;
}

.juego-seguro {
  background: url("/library/Footer/sprite-footer.png?1") -235px 0px no-repeat;
  height: 50px;
  width: 150px;
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}

.juego-responsable {
  display: inline-block;
  text-align: center;
  font-size: 1em;
  padding-top: 2em;
  font-weight: bold;
  vertical-align: top;
}

.auto-exclusion {
  background-image: url("/library/Footer/sprite-footer.png?1");
  background-position: -82px -4px;
  background-repeat: no-repeat;
  height: 50px;
  width: 45px;
  vertical-align: top;
  display: inline-block;
}

.jugarbien {
  display: inline-block;
  position: unset;
  vertical-align: top;
}

.essa {
  background-repeat: no-repeat;
  height: 42px;
  width: 128px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.footer4 {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 5px;
  font-size: 1em;
}

.footer4-col .producto {
  font-size: 1em;
  font-weight: bold;
  color: #000;
}

.footer4-col a {
  font-size: 1em;
  color: #848484;
  text-decoration: none;
}

.footer4-col a:hover {
  text-decoration: none;
  color: #ce1000;
}

.footer4-col {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 3px 0px;
}

.footer5 {
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
}

.phone {
  font-size: 1em;
  font-weight: bold;
}

.link-chat {
  color: #ce1000;
  text-decoration: none;
}

.footer2 .icon {
  height: 30px;
  width: 30px;
  vertical-align: top;
  display: inline-block;
  text-decoration: none;
  top: 1em;
  position: relative;
}

.facebook {
  background: url("/library/Footer/sprite-footer.png?1") -0px 0px no-repeat;
}

.facebook:hover {
  background: url("/library/Footer/sprite-footer.png?1") -34px 0px no-repeat;
}

.twitter {
  background: url("/library/Footer/sprite-footer.png?1") -0px -30px no-repeat;
}

.twitter:hover {
  background: url("/library/Footer/sprite-footer.png?1") -33px -30px no-repeat;
}

.youtube {
  background: url("/library/Footer/sprite-footer.png?1") -0px -62px no-repeat;
}

.youtube:hover {
  background: url("/library/Footer/sprite-footer.png?1") -32px -62px no-repeat;
}

.google {
  background: url("/library/Footer/sprite-footer.png?1") -693px -45px no-repeat;
}

.google:hover {
  background: url("/library/Footer/sprite-footer.png?1") -693px -78px no-repeat;
}

.siguenos {
  display: inline-block;
  vertical-align: top;
  padding-top: 2em;
}

.ekomi {
  background: url(/library/Footer/ekomi.png) no-repeat;
  width: 50px;
  height: 50px;
  background-size: cover;
  display: inline-block;
}

.mejor-operador {
  width: 110px;
  position: relative;
  vertical-align: top;
  display: inline-block;
  margin-left: 10px;
}

.mejor-operador-landing {
  width: 105px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.llama {
  display: inline-block;
  vertical-align: top;
  padding: 12px 30px;
}

.img-equipos {
  margin: 0 auto;
  padding: 3px 0;
  max-width: 930px;
  text-align: center;
}

#patrocinio {
  width: 54%;
  max-width: 720px;
}

.img-equipos img {
  width: 54%;
  max-width: 720px;
}

/* footer mobile */
.footer-mobile {
  display: none;
}

.mobile .footer {
  display: none;
}

.mobile .footer-mobile {
  display: block;
}

.mobile .footer-mobile a.producto {
  color: black;
  font-weight: bold;
  padding-right: 5px;
}

.mobile .img-equipos img {
  width: 80%;
  max-width: 720px;
}

.mobile .metodos-pago-footer {
  max-width: 90%;
}

.mobile .juego-responsable {
  display: block;
  padding: 1em;
}

.mobile .footer2 .icon {
  vertical-align: bottom;
  top: 0;
}

.mobile .degradation-back {
  padding: 1em 0;
}

.mobile .llama {
  padding: 1em 0;
}

.mobile .siguenos {
  padding: 0;
}

/* footer landings */

.footer-dktp {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #636363;
  margin-top: 40px;
}

.footer-dktp .fila {
  border-top: solid 1px #ccc;
  padding: 10px 0;
  text-align: center;
  clear: both;
}

.footer-dktp .fila img {
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
}

.footer-dktp .fila .contactos {
  width: 700px;
  height: 32px;
  margin: 0 auto;
  padding: 5px 0 2px 0;
}

.footer-dktp .fila .redes {
  width: 140px;
  float: left;
  text-align: left;
}

.footer-dktp .fila .redes img {
  padding: 0 2px;
  display: inline-block;
  vertical-align: middle;
}

.footer-dktp .fila .telefono {
  width: 185px;
  text-align: left;
  float: left;
}

.footer-dktp .fila .telefono img {
  float: left;
  width: 44px;
  height: 28px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  margin-right: -5px;
  margin-top: -2px;
}

.footer-dktp .fila .telefono span {
  font-size: 12px;
}

.footer-dktp .fila .chat {
  width: 235px;
  text-align: left;
  float: left;
}

.footer-dktp .fila .chat img {
  float: left;
  width: 43px;
  height: 28px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  margin-right: -5px;
  margin-top: -2px;
}

.footer-dktp .fila .mail {
  width: 140px;
  text-align: left;
  float: left;
}

.footer-dktp .fila .mail img {
  float: left;
  width: 43px;
  height: auto;
  opacity: 0.6;
  filter: alpha(opacity=60);
  margin-right: -5px;
  margin-top: -2px;
}

.footer-dktp .copyright {
  padding-bottom: 50px;
}

/* columnas */

.col2c_left {
  margin-left: 2%;
  display: inline-block;
  width: 45%;
}

/* Social Media icons*/

#___follow_0 {
  font-size: 0 !important;
}

.socialMedia {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 5px 0 15px;
  background-color: #373737;
  font-family: "DINCondensedRegular", arial, sans-serif;
  color: white;
}

.socialMedia div,
.socialMedia iframe {
  vertical-align: -webkit-baseline-middle;
}

.separate {
  width: 1px;
  display: inline-block;
  background-color: white;
  height: 20px;
  margin: 0 2px;
  position: relative;
  vertical-align: baseline;
}

.socialMedia span {
  vertical-align: bottom;
}

.mobile .socialMedia {
  display: none;
}

/* Social Media Mobile */

.socialMediaMobile {
  background-color: #373737;
  width: 100%;
  padding: 10px;
  display: none;
  text-align: center;
}

.socialMediaMobile span {
  display: block;
  width: 100%;
  font-size: 100%;
  color: white;
}

.socialMediaMobile img {
  margin: 15px;
}

.mobile .socialMediaMobile {
  display: block;
}

/* Jackpots portlet*/
.gamesinfo__detailed-container {
  padding-top: 0;
  margin-top: 0;
}

.application-root .jackpot-image {
  width: 7.2em !important;
  height: 4em !important;
}

.banner__jackpots {
  right: 0 !important;
  top: -272px;
}

.banner__jackpots::before {
  content: "LOS MEJORES JACKPOTS";
  text-align: center;
  display: block;
  font-size: 2em;
  font-family: "DINCondensedRegular";
}

.jackpot-value {
  color: white;
  font-size: 1em;
}

article[data-web-content-id="JACKPOT-SLOTS"] {
  max-width: 960px;
  margin: 0 auto;
}

/* splash page */
#main-content .splashPage .supercuotas {
  text-align: center;
}

#main-content .splashPage .supercuotas div {
  display: inline-block;
  margin: 10px;
}

#main-content .splashPage .slider img {
  max-width: 100%;
}

.col2c_left {
  width: 45%;
  display: inline-block;
  vertical-align: top;
}

.col2c_right {
  width: 45%;
  display: inline-block;
  vertical-align: top;
}

/* menu */
.fn-menu-list,
.slide-menu__point.active,
.slide-menu__point,
.slide-menu__list__header,
.slide-menu__list__header_nonexpandable_expanded {
  background-color: #2a2a29;
}

.fn-accordion-body_expanded .slide-menu__point_nested.active,
.fn-accordion-body_expanded li {
  background-color: #ebebeb;
}

.fn-accordion-body_expanded .slide-menu__point_nested.active a,
.fn-accordion-body_expanded li a,
.fn-accordion-body_expanded .slide-menu__point__link-text {
  color: #636363;
}

.mobile .micon-my-account {
  background-position: 0 0em;
  background-image: url("/library/iconos/menu-icons.png");
  background-size: 62em;
}

.mobile .micon-register {
  background-position: 0 0em;
  background-image: url("/library/iconos/menu-icons.png");
  background-size: 62em;
}

.mobile .micon-sport {
  background-image: url("/library/iconos/menu-icons.png");
  background-size: 62em;
  background-position: -38em 0em !important;
}

.mobile .micon-live {
  background-image: url(/library/iconos/nav-sports-icons.png) !important;
  background-position: -181.3em 0em !important;
  background-size: 200em;
}

.mobile .micon-uno {
  background-image: url(/library/iconos/nav-sports-icons.png) !important;
  background-position: -67.6em 0em !important;
  background-size: 200em;
}

.mobile .micon-slots {
  background-image: url(/library/iconos/menu-icons.png);
  background-size: 62em;
  background-position: -24em 0.7em !important;
}

.mobile .micon-casino {
  background-image: url(/library/iconos/nav-sports-icons.png) !important;
  background-position: -182.7em 0em !important;
  background-size: 204em;
}

.mobile .micon-poker {
  background-image: url(/library/iconos/nav-sports-icons.png) !important;
  background-position: -116.3em 0em !important;
  background-size: 204em;
}

.mobile .micon-help-support {
  background-image: url(/library/iconos/menu-icons.png);
  background-size: 62em;
  background-position: -19.3em 0em !important;
}

.mobile .micon-promociones {
  background-image: url(/library/iconos/menu-icons.png);
  background-size: 62em;
  background-position: -19.3em 0em !important;
}

.mobile .micon-loyalty-points {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -12.5em !important;
}

.mobile .micon-my-promotions {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -40em !important;
}

.mobile .micon-tiendas {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em 0em !important;
}

.mobile .micon-club {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -57.5em !important;
}

.mobile .micon-games {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -32.5em !important;
}

.mobile .micon-como-jugar {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -27.5em !important;
}

.mobile .micon-envivo {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -0em -137.5em !important;
}

.mobile .micon-micuenta {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: 0em -2.5em !important;
}

.mobile .micon-cashier {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -5em !important;
}

.mobile .micon-transactions-history {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -10em !important;
}

.mobile .micon-my-account {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -62.5em !important;
}

.mobile .micon-show-balance {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -47.5em !important;
}

.mobile .micon-user-bonus-balance {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -7.5em -50em !important;
}

.mobile .micon-user-bonus {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -0em -50em !important;
}

.mobile .micon-mobile {
  background-image: url(/sportium-theme/images/ic_WL_sprite.png?v=2) !important;
  background-size: 400%;
  background-position: -2.5em -102.5em !important;
}

.mobile .micon-inbox {
  background-position: -7.5em -65em;
}

/* CAJERO */
.field.field_type_limits-question:not(.valid):not(.invalid)
  .field__control::after {
  background-position: -4.5em -137.5em !important;
  cursor: auto;
}

.mobile #update-details {
  padding: 1em;
}

.segmented-control label:first-of-type,
.segmented-control label:last-of-type {
  border-color: gray !important;
}

.segmented-control label:last-of-type:nth-of-type(2) {
  border: 1px solid gray !important;
}

.segmented-control label:before {
  display: none;
}

/* POPUP INICIO SESION */
/*.desktop #application #popupiniciosesion .boton2{display: none;}*/
.portrait .login-wc {
  top: -2em;
}

#application .login-wc #popupiniciosesion .boton2 {
  box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
}

#application #popupiniciosesion .boton2 {
  display: block;
  width: 70%;
  margin: 0 auto;
  position: relative;
  font-size: 1.5em;
  top: -1.5em;
  line-height: 1.3em;
}

.tablet #application #popupiniciosesion .boton2 {
  width: 31% !important;
  top: 1em;
}

@media (min-width: 767px) {
  #barraXsell {
    zoom: 0.8;
  }
}

/*ipad*/
@media only screen and (max-width: 769px) and (min-width: 767px) {
  #application .login-wc #popupiniciosesion .boton2 {
    min-width: 10.4em;
  }
}

.tablet.landscape .popup_type_login .login-form__actions .btn_type_popup-login {
  min-width: 11em;
  width: 25%;
  margin-bottom: 1em;
}

.tablet.landscape #application #popupiniciosesion a:nth-child(2) {
  margin-top: 30px;
}

/*mobile */
.mobile #application #popupiniciosesion .boton2 {
  margin: 0 auto;
  top: 0;
  left: 0;
  min-width: 9em;
  width: 26% !important;
  line-height: 1.5em !important;
}

.mobile.landscape .popup_type_login .form__fieldset,
.tablet.landscape .popup_type_login .form__fieldset {
  width: 100%;
  float: none;
  margin: 0;
}

/*++++++++++++++++
                NUEVO
          +++++++++++++++*/

#popupiniciosesion {
  text-align: center;
}

#application #popupiniciosesion .boton2 {
  display: block;
  margin: 0 auto;
  position: relative;
  font-size: 1.5em;
}

#application #popupiniciosesion a:nth-child(2) {
  display: block;
}

/*++++++++++++++++
                FIN NUEVO
          +++++++++++++++*/
.mobile.landscape .popup_type_login .login-form__actions,
.tablet.landscape .popup_type_login .login-form__actions {
  position: relative;
}

.mobile.landscape .popup_type_login .btn_type_popup-login,
.tablet.landscape .popup_type_login .btn_type_popup-login {
  min-width: 10em;
}

.mobile.landscape .popup_type_login .form__fieldset,
.tablet.landscape .popup_type_login .form__fieldset {
  margin: 0 0 40px;
}

.mobile.portrait #application #popupiniciosesion .boton2 {
  min-width: 10.2em;
  left: 0;
  height: 70px;
  top: -50px;
}

.mobile.landscape #application #popupiniciosesion .boton2 {
  min-width: 9.3em;
  left: 0;
  height: 80px;
  top: -10px;
}

.mobile.landscape .popup_type_login .login-form__actions,
.tablet.landscape .popup_type_login .login-form__actions {
  float: none;
  text-align: center;
}

.ipad #popupiniciosesion .boton2 {
  left: 0 !important;
  min-width: 10em;
}

.ipad.landscape #popupiniciosesion .boton2 {
  top: 13px !important;
  width: 25% !important;
}

/* BARRA XSELL */
@media (max-width: 540px) {
  #barraXsell {
    zoom: 0.8;
  }
}

@media (orientation: landscape) {
  .mobile #barraXsell {
    display: none !important;
  }

  .tablet #barraXsell {
    display: block;
  }
}

#barraXsell {
  background-color: #ececec;
  border-top: 1px solid black;
  position: fixed;
  z-index: 99;
  bottom: 0;
  text-align: center;
  font-size: 12px;
  width: 100%;
}

#barraXsell .producto {
  display: inline-block;
  font-family: "Arial";
  width: 19%;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
}

#barraXsell .producto i {
  background-image: url("/library/iconos/iconsbarraxsell.png");
  display: block;
  width: 3.8em;
  background-repeat: no-repeat;
  height: 3.7em;
  background-size: 45em;
  margin: 1em auto 0;
  text-align: center;
}

#barraXsell .producto a:hover i#apuestasProduct {
  background-position: -3.8em 0em;
}

#barraXsell .producto i#apuestasProduct {
  background-position: 0em 0em;
}

#barraXsell .producto a:hover i#envivoProduct {
  background-position: -11.4em 0;
}

#barraXsell .producto i#envivoProduct {
  background-position: -7.6em 0;
}

#barraXsell .producto a:hover i#casinoProduct {
  background-position: -19.2em 0;
}

#barraXsell .producto i#casinoProduct {
  background-position: -15.3em 0;
  width: 3.9em;
}

#barraXsell .producto a:hover i#slotsProduct {
  background-position: -30.2em 0;
  width: 7.2em;
}

#barraXsell .producto i#slotsProduct {
  background-position: -22.9em 0;
  width: 7.3em;
}

#barraXsell .producto a:hover i#pokerProduct {
  background-position: -41.3em 0;
}

#barraXsell .producto i#pokerProduct {
  background-position: -37.5em 0;
}

#barraXsell .producto a {
  text-decoration: none;
  color: black;
}

#barraXsell .producto a:active,
#barraXsell .producto a:hover {
  color: #7da800;
}

#barraXsell .producto a span {
  font-size: 1.9em;
}

/* submenu datos apuestas */
.menu__secondlevel-item ul {
  display: none;
  position: absolute;
  background-color: #aa0000;
  color: white;
  padding: 0;
  margin: 0;
}

.menu__secondlevel li:last-child:hover ul {
  display: block;
}

.menu__secondlevel-item ul li {
  list-style: none;
  padding: 0 1em;
}

.menu__secondlevel-item ul li a:hover,
.menu__secondlevel-item ul li a {
  color: white;
}

/*Casino Y Poker*/

.listapoker {
  border-top: solid 1px #bababa;
  border-bottom: solid 1px #bababa;
  font-size: 13px;
  color: #636363;
  text-align: center;
  align: center;
}

.mobile .listapoker {
  font-size: 0.9em;
}

.listapoker td {
  padding: 8px 10px;
  text-align: center;
}

.listapoker caption {
  text-align: center;
  margin: 20px 0px 8px 0px;
  font-family: "DINCondensedRegular", arial, sans-serif;
  font-size: 19px;
  color: #2a2a2a;
}

#main-content .listapoker th,
#main-content .listapoker thead th {
  padding: 8px 10px;
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px #bababa;
}

.listapoker tfoot td {
  padding: 4px 10px;
  text-align: center;
  font-weight: normal;
  font-size: 1em !important;
  border-top: solid 1px #bababa;
}

#main-content .listapoker tfoot th {
  border: 0;
  padding: 0;
  text-align: center;
  line-height: 1em;
  font-weight: normal;
}

.calspo span.finalBlue {
  background-color: rgba(46, 109, 255, 0.66);
  text-align: center !important;
  color: white;
}

.calspo span.darkorange {
  background-color: #ff8c00;
  text-align: center;
  color: white;
}

.calspo span.finalDarkGreen {
  background-color: rgba(27, 142, 27, 0.71);
  text-align: center !important;
  color: white;
}

.calspo span.darkyellow {
  background-color: #666600;
  text-align: center;
  color: white;
}

.calspo span.whitelabel {
  background-color: #ffffff;
  text-align: center;
  color: white;
}

.calspo span.darkblue {
  background-color: darkblue;
  text-align: center;
  color: white;
}

.calspo span.violeta {
  background-color: #9400d3;
  text-align: center !important;
  color: white;
}

.calspo span.verdeoscuro {
  background-color: #003319;
  text-align: center !important;
  color: white;
}

.calspo2 {
  color: #bfb9b9;
}

.calspo {
  width: 100%;
}

.calspo th {
  background-color: #2a2a2a;
  color: white;
  text-align: center;
  border: 1px solid #2a2a2a;
  width: 14%;
  font-size: 14px;
}

.calspo td {
  border: 1px solid #2a2a2a;
  text-align: right;
  vertical-align: top;
  height: 120px;
  padding: 15px;
  font-size: 15px;
  font-weight: bold;
}

.calspo span {
  font-size: 12px;
  font-weight: normal;
  display: block;
  background-color: #bababa;
  padding: 5px;
  text-align: left;
  margin: 10px 0;
}

.LBLPOKER {
  background-color: darkred !important;
  position: absolute;
  color: white;
  text-align: center !important;
}

.LBL1RED {
  width: 11%;
}

.LBL1GREEN {
  width: 11%;
}

.mobile .LBL1RED,
.mobile .LBL1GREEN {
  width: 8%;
}

.LBL2RED {
  width: 24%;
}

.LBL2GREEN {
  width: 24%;
}

.mobile .LBL2RED,
.mobile .LBL2GREEN {
  width: 20%;
}

.LBL3RED {
  width: 37%;
}

.LBL3GREEN {
  width: 38%;
}

.mobile .LBL3RED,
.mobile .LBL3GREEN {
  width: 34%;
}

.LBL4RED {
  width: 51%;
}

.LBL4GREEN {
  width: 51%;
}

.mobile .LBL4RED,
.mobile .LBL4GREEN {
  width: 47%;
}

.LBL5RED {
  width: 64%;
}

.LBL5GREEN {
  width: 64%;
}

.mobile .LBL5RED,
.mobile .LBL5GREEN {
  width: 64%;
}

.LBL6RED {
  width: 78%;
}

.LBL5GREEN {
  width: 78%;
}

.mobile .LBL6RED,
.mobile .LBL6GREEN {
  width: 74%;
}

.row .wrap-square,
.row2 .wrap-square {
  background-color: #f5f3e9;
  width: 182px;
  height: 171px;
  display: inline-block;
  margin: 3px;
  background-size: cover;
  border-radius: 4px;
  border: 4px solid #000;
  padding: 1px;
  margin-top: 10px;
}

.mobile .row .wrap-square,
.mobile .row2 .wrap-square {
  background-color: #f5f3e9;
  width: 42%;
  height: 100%;
  display: inline-block;
  margin: 3px;
  background-size: cover;
  border-radius: 4px;
  border: 4px solid #000;
  padding: 1px;
  margin-top: 10px;
}

.mobile #main-content .row .wrap-square .square,
.mobile #main-content .row2 .wrap-square .square {
  width: 100%;
  height: 190px;
}

.row .wrap-square:hover {
  border: 4px solid #71b7e6;
}

#main-content .row .wrap-square:nth-child(1) div.square {
  cursor: default;
}

#main-content .row .wrap-square p,
#main-content .row2 .wrap-square p {
  text-align: center;
  padding: 0;
  padding-left: 6px;
  font-size: 0.6em;
  line-height: 1em;
}

#main-content .row .wrap-square .square,
#main-content .row2 .wrap-square .square {
  width: auto;
  height: 125px;
  display: block;
  background-size: contain;
  border-radius: 4px;
  cursor: pointer;
  background-repeat: no-repeat;
}

#application .row .wrap-square .boton2,
#main-content .row .wrap-square .boton2,
#application .row2 .wrap-square .boton2,
#main-content .row2 .wrap-square .boton2 {
  width: 100%;
  font-size: 1.2em;
  padding: 4px 0;
  margin: 0;
  line-height: 1em;
  margin-top: -24px;
}

.row,
.row2 {
  text-align: center;
}

p.tabpoker {
  padding-left: 58px !important;
}

.mobile p.tabpoker {
  padding-left: 37px !important;
}

/*PUSH NOTIFICATIONS*/

.notifications {
  z-index: 150;
  position: fixed;
  background-image: linear-gradient(to top, #739a00, #9ebe42);
  color: white;
  border: 0px solid white;
  padding: 10px;
  cursor: pointer;
}

/* CHATRA */
.mobile #chatra {
  bottom: 95px !important;
}

input[type="password"]:disabled,
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
textarea:disabled,
select:disabled + .js-select__display,
select.default:disabled + .js-select__display,
input[type="checkbox"]:disabled + .js-checkbox__display {
  color: #161515 !important;
}

#application .popup .form_name_update-details .field-group_name_date .field {
  width: 33% !important;
}

.popup .form_name_update-details {
  padding: 0;
}

#application .popup .form_name_update-details .form__fieldset,
#application .popup .form_name_update-details .field {
  width: 100% !important;
}

.appmode #barraXsell {
  display: none !important;
}

.application-root .gamesinfo__flag {
  background-image: url("/library/iconos/ic_WL_badges_sprite_es.png");
}

.footerTiendas div img {
  max-width: 520px;
}

/*--------------NEW CSS--------------*/
.promo_rasca_center {
  background-image: url(/img/Promos/rasca_navidad/dsk_fondo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -1em;
}

.promo_content {
  display: flex;
  width: 75%;
  margin: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
}

.casillas,
#js-container {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  justify-content: space-around;
  margin-top: 3em;
  flex-direction: row;
  align-content: space-around;
  align-items: center;
}

.casilla_premio {
  background-image: url(/img/Promos/rasca_navidad/dsk_rasca_copos.png);
  width: 18.8em;
  background-repeat: no-repeat;
  height: 18em;
  margin: 0.2em;
}

.rasca_title {
  width: 83%;
  margin: auto;
  justify-content: center;
  background-image: url(/img/Promos/rasca_navidad/dsk_marco_claim.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-top: 1em;
  height: 9em;
  margin-bottom: 2em;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  align-content: space-around;
}

/*.rasca_title {
            width: 100%;
            margin: auto;
            justify-content: center;
            background-image: url(/img/Promos/rasca_navidad/dsk_marco_claim.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position-x: center;
            margin-top: 1em;
        }*/
.rasca_title h2 {
  color: white !important;
  text-align: center;
  font-size: 2em !important;
  padding: unset !important;
  margin: unset !important;
}

.rasca_title p {
  text-align: center !important;
  color: white !important;
  font-size: 1.5em !important;
  text-transform: uppercase;
  font-family: "DINCondensedRegular", arial, sans-serif !important;
  margin: unset;
  padding: unset;
}

.casilla:nth-child(2) {
  background-position-x: -14.8em;
}

.casilla:nth-child(3) {
  background-position-x: -29.5em;
}

.casilla:nth-child(4) {
  background-position-x: -44.3em;
}

.rasca_content,
.legend_container {
  width: 50%;
}

.legend.items .fondo {
  background-image: url(/img/Promos/rasca_navidad/dsk_leyenda_deportes.png);
  background-repeat: no-repeat;
  width: 11em;
  height: 11em;
  margin: 0.5em;
  background-size: cover;
}

.legend.items {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
}

.legend_content {
  width: 65%;
  background-color: #f4f4f4;
  padding: 0.5em;
  border: 1px solid #ff000e;
  text-align: center;
  outline: 0.5em solid #f4f4f4;
  margin: auto;
  margin-top: 3.7em;
}

.bkg_basket.fondo {
  background-position-x: -11em;
}

.bkg_tenis.fondo {
  background-position-x: -22em;
}

.bkg_baseball.fondo {
  background-position-x: -33em;
}

p.premio {
  color: #b43f47 !important;
  font-family: "DINCondensedRegular", arial, sans-serif !important;
  font-size: 2em !important;
  margin: auto;
  text-align: center !important;
  font-weight: bold;
}

.legend.items div {
  background-color: white;
  margin: 0.3em;
}

img.legend_title {
  margin: 0.5em;
}

div#js-container {
  position: absolute;
  top: 2em;
  width: 36.5%;
  margin: unset;
  padding: unset;
}

canvas {
  width: 18.8em;
  background-repeat: no-repeat;
  height: 18em;
  margin: 0.2em;
}

.mobile .promo_rasca_center {
  background-image: url(/img/Promos/rasca_navidad/mob_fondo.jpg);
}

.mobile .promo_content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
}

.mobile .rasca_content,
.mobile .legend_container {
  width: 100%;
}

.mobile .casilla_premio {
  width: 12em;
  height: 11.5em;
  background-size: cover;
}

.mobile canvas {
  width: 12em;
  background-repeat: no-repeat;
  height: 11.5em;
}

/* .mobile div#js-container {
  top: -27em;
  margin-bottom: -27em;
} */

.mobile .legend_content {
  width: 100%;
  margin-top: unset;
  margin-bottom: 3em;
}

.mobile img.legend_title {
  width: 6em;
}

.casilla_premio.futbol {
  background-position-x: 0 !important;
}

.casilla_premio.basket {
  background-position-x: -18.9em !important;
}

.casilla_premio.tenis {
  background-position-x: -37.8em !important;
}

.casilla_premio.baseball {
  background-position-x: -56.9em !important;
}

.mobile .casilla_premio.futbol {
  background-position-x: 0em !important;
}

.mobile .casilla_premio.basket {
  background-position-x: -12.1em !important;
}

.mobile .casilla_premio.tenis {
  background-position-x: -24.1em !important;
}

.mobile .casilla_premio.baseball {
  background-position-x: -36.2em !important;
}

.mobile .casilla_premio:nth-child(2) {
  background-position-x: -12.1em;
}

.mobile .casilla_premio:nth-child(3) {
  background-position-x: -24.1em;
}

.mobile .casilla_premio:nth-child(4) {
  background-position-x: -36.2em;
}

.casilla_premio:nth-child(2) {
  background-position-x: -18.9rem;
}

.casilla_premio:nth-child(3) {
  background-position-x: -37.9em;
}

.casilla_premio:nth-child(4) {
  background-position-x: -56.7em;
}

#tabs {
  background-color: #f5f3e9;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

#tabs li {
  float: left;
  margin: 0;
}

#tabs #current a,
#tabs #current a::after,
#tabs #current a::before {
  background: #fff;
  z-index: 3;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  color: #636363;
}

#tabs a {
  position: relative;
  background: #f5f3e9;
  padding: 0.4em 2.3em 0.4em 3em;
  float: left;
  text-decoration: none;
  color: #636363 !important;
  font-size: 13px;
  border-top: #bababa solid thin;
  border-bottom: #bababa solid 0px;
}

#contenido {
  background: #fff;
  position: relative;
  z-index: 2;
  padding: 30px;
}

#contenido {
  top: -0.3em;
}

.tablet #main-content #tabs,
.mobile #main-content #tabs {
  background-color: white;
}

.mobile #main-content ul {
  font-size: 1em;
  line-height: 1em;
}

.tablet #main-content #tabs li,
.mobile #main-content #tabs li {
  width: 100%;
}

@media only screen and (max-width: 800px) and (orientation: portrait) {
  .mobile #main-content #tabs #current a,
  .mobile #main-content #tabs li a {
    background-position: 1em 0.8em;
  }
}

@media only screen and (max-device-width: 1280px) {
  .mobile #main-content #tabs #current a,
  .mobile #main-content #tabs li a {
    background-position: 1em 0.8em;
    padding-left: 2em;
    color: white !important;
  }
}

.mobile #main-content ul {
  font-size: 1em;
  line-height: 1em;
}

.tablet #main-content #tabs ul li ul li,
.mobile #main-content #tabs ul li ul li {
  margin: 1em;
  font-size: 1em !important;
  max-width: 90%;
}

.mobile #main-content ul {
  font-size: 1em;
  line-height: 1em;
}

.tablet #main-content #tabs li a,
.tablet #main-content #tabs #current a,
.tablet #main-content #tabs #current a::after,
.tablet #main-content #tabs #current a::before,
.mobile #main-content #tabs li a,
.mobile #main-content #tabs #current a,
.mobile #main-content #tabs #current a::after,
.mobile #main-content #tabs #current a::before {
  float: none;
  font-family: "DINCondensedRegular", arial, sans-serif;
  line-height: 2em;
  display: block;
  padding-left: 6em;
}

.mobile #tabs a::before,
.mobile #tabs a::after {
  display: none;
}

.mobile #main-content #tabs #current a::before,
.mobile #main-content #tabs #current a::after {
  display: none;
}

.mobile .legend.items .fondo {
  width: 4em;
  background-size: 16em;
  height: 5em;
  margin: auto;
  margin-top: 1em;
}

.mobile .bkg_basket.fondo {
  background-position-x: -4em;
}

.mobile .bkg_tenis.fondo {
  background-position-x: -8em;
}

.mobile .bkg_baseball.fondo {
  background-position-x: -12em;
}

.mobile .rasca_title {
  width: 90%;
}

.mobile .legend_container {
  width: 90% !important;
  margin: auto;
}

.mobile .legend.items div {
  background-color: white;
  margin: 0.3em;
  width: 35%;
}

/** LIGHTBOX **/
.lightbox,
.popup_confirmacion {
  display: none;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.mobile .lightbox {
  top: 0;
}

.lightbox:target {
  outline: none;
  display: block;
  position: absolute;
}

.popup_contet {
  width: 30%;
  margin: auto;
  background: white;
  padding: 2em;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 15%;
  height: fit-content;
}

.popup_contet p {
  text-align: center !important;
}

p.button_content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  width: 85%;
  margin: auto !important;
  margin-top: 1em !important;
}

.close {
  text-align: right;
}

.mobile .popup_confirmacion {
  top: 0;
}

.mobile .popup_contet {
  width: 90%;
}

.mobile p.button_content {
  width: 100%;
}

@media (max-width: 400px) {
  .mobile .button_content button.aceptar-verde.boton2 {
    font-size: 1.5rem !important;
    padding: 0.5em 1em !important;
  }
}

@media (max-width: 350px) {
  .mobile .button_content button.aceptar-verde.boton2 {
    font-size: 1.5rem !important;
    padding: 0.5em 0.7em !important;
  }
}
.container .check > li li,
.container .check > li {
  text-align: left;
}

.close {
  left: -35vw !important;
  background-image: url(/img/icons/close_icon.png) !important;
  top: 8.7em !important;
  z-index: 1000;
  background-color: black !important;
  background-size: 2em;
}
.mobile button.aceptar-verde.boton2 {
  font-size: 18px;
  width: auto;
  margin: auto;
}
.mobile p.premio {
  padding: 0.5em 0em;
}
.mobile .lightbox .close {
  left: 0.5em !important;
  background-image: url(/img/icons/close_icon.png);
  top: 5.7em !important;
  z-index: 1000;
  background-color: black;
  background-size: 2em;
  width: 1em !important;
  height: 1em !important;
}
.mobile .confirmacion p {
  font-size: 20px;
}
@media (max-width: 900px) {
  .tablet #tabs li a,
  .tablet #tabs #current a,
  .tablet #tabs #current a::after,
  .tablet #tabs #current a::before,
  #tabs li a,
  #tabs #current a,
  #tabs #current a::after,
  #tabs #current a::before {
    float: none;
    font-family: "DINCondensed-Regular";
    line-height: 2em;
    display: block;
    padding-left: 6em;
  }
  #tabs a::before,
  #tabs a::after {
    display: none;
  }
  #tabs #current a::before,
  #tabs #current a::after {
    display: none;
  }

  .tablet #tabs,
  #tabs {
    background-color: white;
  }
  ul {
    font-size: 1em;
    line-height: 1em;
  }
  .tablet #tabs li,
  #tabs li {
    width: 100%;
  }

  ul {
    font-size: 1em;
    line-height: 1em;
  }
  .tablet #tabs ul li ul li,
  #tabs ul li ul li {
    margin: 1em;
    font-size: 1.3em !important;
    max-width: 90%;
    line-height: initial;
  }
  ul {
    font-size: 1em;
    line-height: 1em;
  }
  .tablet #tabs li a,
  .tablet #tabs #current a,
  .tablet #tabs #current a::after,
  .tablet #tabs #current a::before,
  #tabs li a,
  #tabs #current a,
  #tabs #current a::after,
  #tabs #current a::before {
    float: none;
    font-family: "DINCondensed-Regular";
    line-height: 2em;
    display: block;
    padding-left: 6em;
  }
  #tabs a::before,
  #tabs a::after {
    display: none;
  }
  #tabs #current a::before,
  #tabs #current a::after {
    display: none;
  }
  .tablet #tabs #current a,
  .tablet #tabs li a,
  #tabs #current a,
  #tabs li a {
    background-image: url(/library/landing/arrow-mobile-sem-tycs.png);
    background-color: #666666 !important;
    padding: 10px 30px;
    color: white !important;
    background-repeat: no-repeat;
    cursor: pointer;
    float: none;
    background-position: 4em 1em;
    background-size: 2%;
    font-weight: normal;
    display: block;
    text-align: left;
  }
  div#tabs {
    display: block !important;
  }
  /* .casillas,
  #js-container {
    width: 50%;
    max-width: 50%;
  } */
  div#js-container {
    margin: auto;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 92%;
  }
}