/*Version v.0.0.1*/
/*Text*/
/*White*/
/*Gray*/
/*Gray Dark*/
/*Red*/
/*Yellow*/
/*Blue link*/
/*Background info*/
/*Border info*/
/*Red prize*/
/*Border info*/
/*Full background*/
/*Background body*/
/*Money background*/
/*$width_naveg_sup: 50px;*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a {
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

nav ul,
nav ol {
  list-style: none;
  padding: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

html * {
  max-height: 999999px !important;
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
  -webkit-text-size-adjust: none;
}

input, textarea, button, select {
  font-size: 9pt;
  font-family: Tahoma, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Lucida Sans Regular, Verdana, sans-serif;
}

body {
  font-size: 9pt;
  font-family: Tahoma, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Lucida Sans Regular, Verdana, sans-serif;
  color: #353535;
  background-color: #000032;
  text-align: center;
  margin: 0;
  padding: 0;
}

a {
  color: #353535;
  text-decoration: underline;
  outline: none;
}
a:hover {
  text-decoration: none;
}

a.lnk {
  outline: 0;
  color: #44b4ff;
  text-decoration: underline;
}

.lnk-nolnk {
  outline: 0;
  color: #44b4ff;
  text-align: center !important;
}

a.lnk:hover {
  color: #ae1613;
}

img {
  border: 0;
}

.ir {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}

.clear {
  clear: both;
}

.i {
  text-align: left;
}

.c {
  text-align: center;
}

.d {
  text-align: right;
}

.i-i, .i_i {
  float: left;
}

.d-d, .d_d {
  float: right;
}

.br-m, .br_m {
  height: 8px;
  font-size: 1px;
}

.br-p, .br_p {
  height: 5px;
  font-size: 1px;
}

.br-g, .br_g {
  height: 15px;
  font-size: 1px;
}

.col50, .col50-fix, .col50-phablet {
  width: 50%;
  float: left;
}
.col50.dd, .col50-fix.dd, .col50-phablet.dd {
  float: right;
}

.col40.dd, .col60.dd {
  float: right;
}

.col40 {
  width: 40%;
  float: left;
}

.col60 {
  width: 60%;
  float: left;
}

.col33 {
  width: 33.33333333333333%;
  float: left;
}
.col33.dd {
  float: right;
}

.col100 {
  width: 100%;
  float: left;
}

@media only screen and (max-width: 550px) {
  .col100, .col50, .col33, .col40, .col60, .colfix, .colfluid, .col50-phablet {
    width: 100%;
    float: none !important;
  }
}
@media only screen and (min-width: 551px) {
  .col100.dd .int, .col50.dd .int, .col33.dd .int, .col40.dd .int, .col60.dd .int, .colfix.dd .int, .colfluid.dd .int, .col50-phablet.dd .int {
    padding-left: 10px;
  }
  .col100:not(.dd) .int, .col50:not(.dd) .int, .col33:not(.dd) .int, .col40:not(.dd) .int, .col60:not(.dd) .int, .colfix:not(.dd) .int, .colfluid:not(.dd) .int, .col50-phablet:not(.dd) .int {
    padding-right: 10px;
  }
}

.col33 .int-d {
  padding-left: 8px;
}
.col33 .int-c {
  padding: 0 8px;
}
.col33 .int-i {
  padding-right: 8px;
}
@media only screen and (max-width: 550px) {
  .col33 {
    margin-bottom: 16px;
  }
  .col33 .int-d, .col33 .int-i, .col33 .int-c {
    padding: 0;
  }
}

.special .col33 .int-d {
  padding-left: 21px;
  padding-right: 11px;
}
.special .col33 .int-c {
  padding: 0 16px;
}
.special .col33 .int-i {
  padding-right: 21px;
  padding-left: 11px;
}
@media only screen and (max-width: 550px) {
  .special .col33 {
    margin-bottom: 16px;
  }
  .special .col33 .int-d, .special .col33 .int-i, .special .col33 .int-c {
    padding: 0;
  }
}

.col50-fix .pad-d {
  padding-right: 4px;
}
.col50-fix .pad-i {
  padding-left: 4px;
}

.col50-phablet.dd {
  padding: 0px !important;
}
.col50-phablet .int {
  padding: 0px !important;
}
@media only screen and (max-width: 750px) {
  .col50-phablet {
    width: 100%;
    float: none !important;
  }
}
@media only screen and (min-width: 751px) {
  .col50-phablet.dd .int {
    padding-left: 10px !important;
  }
  .col50-phablet:not(.dd) .int {
    padding-right: 10px !important;
  }
}

.col50.prev {
  text-align: left;
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .col50.prev {
    width: 100%;
    float: none !important;
  }
}
@media only screen and (max-width: 750px) {
  .col50.prev {
    text-align: center;
    margin-bottom: 10px;
  }
}

.col50.next {
  text-align: right;
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .col50.next {
    width: 100%;
    float: none !important;
  }
}
@media only screen and (max-width: 750px) {
  .col50.next {
    text-align: center;
    margin-bottom: 10px;
  }
}

.space-column {
  padding: 10px;
}

.hide-element {
  display: none;
}

.hide-tablet {
  display: initial !important;
}
@media only screen and (min-width: 751px) and (max-width: 1000px) {
  .hide-tablet {
    display: none !important;
  }
}

.show-tablet {
  display: none !important;
}
@media only screen and (min-width: 751px) and (max-width: 1000px) {
  .show-tablet {
    display: initial !important;
  }
}

.hide-phablet {
  display: initial !important;
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .hide-phablet {
    display: none !important;
  }
}

.hide-phabletandtablet {
  display: initial !important;
}
@media only screen and (min-width: 551px) and (max-width: 1000px) {
  .hide-phabletandtablet {
    display: none !important;
  }
}

.show-phabletandtablet {
  display: none !important;
}
@media only screen and (min-width: 551px) and (max-width: 1000px) {
  .show-phabletandtablet {
    display: initial !important;
  }
}

.show-phablet {
  display: none !important;
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .show-phablet {
    display: initial !important;
  }
}

@media only screen and (max-width: 550px) {
  .center-phone {
    text-align: center !important;
  }
}

.capitalize {
  text-transform: capitalize;
}

.ex {
  color: #dd3028;
}

.error {
  color: #dd3028;
}

.positivo {
  color: #0000ff;
}

.act {
  background: #f8f047;
}

.red-txt {
  color: #ab0302;
}

.info-tbl {
  background: #fffce5;
  border: 1px solid #f8f047;
  padding: 10px;
}

.info-tbl-msg {
  background: #fffce5;
  border: 1px solid #f8f047;
  border-left: none;
  border-right: none;
  padding: 10px;
}
.info-tbl-msg.big-pad {
  padding: 30px;
}

.info-tbl-msg-big {
  padding: 20px;
  background: #fffce5;
  border: 1px solid #f8f047;
  border-left: none;
  border-right: none;
}
.info-tbl-msg-big.with-ico {
  padding-left: 50px;
}
.info-tbl-msg-big .ico {
  display: inline-block;
}
.info-tbl-msg-big .txt-msg {
  display: inline-block;
}

.msg {
  padding: 3px 5px 3px 3px;
  text-align: center;
  margin-bottom: 5px;
}
.msg.error {
  border: 1px solid #FFBBBB;
  background: #fdeeee;
  color: #ff0000;
}
.msg.error a {
  color: #ff0000;
}
.msg.ok {
  border: 1px solid #8CCE79;
  background: #ebf5e7;
  margin-bottom: 5px;
  color: #448831;
}
.msg.ok a {
  color: #448831;
}

.img_i {
  float: left;
  padding: 0 10px 10px 0;
}

@media only screen and (max-width: 750px) {
  .block-phablet {
    display: block;
    float: none;
  }
  .block-phablet.d_d {
    text-align: center !important;
    margin-top: 2px;
  }
}

@media only screen and (max-width: 1000px) {
  .hide-maxtablet {
    display: none !important;
  }
}
@media only screen and (min-width: 1001px) {
  .show-maxtablet {
    display: none !important;
  }
}
@media only screen and (max-width: 550px) {
  .hide-phone {
    display: none !important;
  }
}
@media only screen and (min-width: 551px) {
  .show-phone {
    display: none !important;
  }
}
@media only screen and (max-width: 1000px) {
  .hide-maxlaptop {
    display: none !important;
  }
}
@media only screen and (min-width: 1001px) {
  .show-maxlaptop {
    display: none !important;
  }
}
@media only screen and (max-width: 750px) {
  .hide-maxphablet {
    display: none !important;
  }
}
@media only screen and (min-width: 751px) {
  .show-maxphablet {
    display: none !important;
  }
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .hide-phablet {
    display: none !important;
  }
}
.cf {
  overflow: hidden;
  *zoom: 1;
}

#head #head_sup_d .buttons-log .frm-head, #head #head_sup_d .buttons-log .frm-head-full, #head #head_sup_d .buttons-log .frm-head-active, input[type=submit].btn_shop, input[type=submit].btn_shop_cart, button[type=submit].btn_shop_cart, input[type=button].btn_shop_cart, button.btn_shop, .btn-finger, .button-active, .button-no-active, .button-yellow, .yellow-btn, a.yellow-btn, .grp-shop-draw .tit, .grp-home-jackpot .date, .grp-btn-cart-lat, .play-lat-div:not(.play-lat), .btn_cart_shop, a.lnk-pag, .grp-result-home, .grp-result-home .date, #cookie-msg-inner a.closeX {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#body {
  max-width: 990px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  min-height: 100%;
  margin-top: 0px !important;
  background: #061b54;
}
@media only screen and (min-width: 551px) and (max-width: 1000px) {
  #body {
    margin: 0 4px;
  }
}

#contenedor {
  margin: 0;
}

.center-global {
  max-width: 990px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

#head {
  position: relative;
  height: 115px;
  color: white;
  font-size: 8pt;
}
@media only screen and (max-width: 750px) {
  #head {
    height: 108px;
  }
}
#head h1.logo {
  float: left;
  position: relative;
  margin-top: 3px;
  margin-left: 15px;
  z-index: 99;
  max-width: 333px;
  /*@include MQ(Phablet){
  	max-width:264px;
  }*/
  width: 50%;
}
#head h1.logo a, #head h1.logo span.logo-cont {
  display: block;
  background-repeat: no-repeat;
  background-image: url("/i/00_logo_euromillones.jpg");
}
@media only screen and (min-width: 1001px) {
  #head h1.logo a, #head h1.logo span.logo-cont {
    background-size: contain;
    width: 100%;
    height: 99px;
  }
}
@media only screen and (max-width: 1000px) {
  #head h1.logo {
    margin: 8px 0 0 6px;
    width: 170px;
    height: 60px;
  }
  #head h1.logo a, #head h1.logo span.logo-cont {
    background-size: 170px 60px;
    width: 170px;
    height: 60px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 751px) and (max-width: 1000px) {
  #head h1.logo {
    width: 270px;
  }
}
#head h1.logo span:not(.logo-cont) {
  display: block;
}
#head #head_sup {
  margin: 0 6px;
}
@media only screen and (min-width: 551px) {
  #head #head_sup_c {
    padding-bottom: 6px;
  }
}
@media only screen and (min-width: 551px) and (min-width: 751px) {
  #head #head_sup_c {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 550px) {
  #head #head_sup_c {
    display: none;
  }
}
#head #head_sup_d {
  text-align: left;
  overflow: hidden;
  padding-top: 6px;
  padding-right: 5px;
  /*@include MQ(Phone){   
    padding-top:0;
    margin-top:6px;	      
    
  }*/
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  #head #head_sup_d .date span {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  #head #head_sup_d .buttons-log {
    position: absolute;
    top: 0;
    right: 6px;
  }
}
@media only screen and (min-width: 551px) {
  #head #head_sup_d .buttons-log {
    float: right;
  }
}
#head #head_sup_d .buttons-log #cartlog {
  margin-top: 20px;
}
@media only screen and (min-width: 551px) {
  #head #head_sup_d .buttons-log #cartlog {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 751px) {
  #head #head_sup_d .buttons-log #cartlog {
    margin-top: 14px;
  }
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  #head #head_sup_d .buttons-log #cartlog {
    margin-top: 27px;
  }
}
#head #head_sup_d .buttons-log #cartlog #cart-head {
  outline: none;
  background: url(/i/ico-cart-big.png) no-repeat left top;
  background-size: 33px 30px;
  display: inline-block;
  float: left;
  border-right: 1px solid white;
}
@media only screen and (max-width: 750px) {
  #head #head_sup_d .buttons-log #cartlog #cart-head {
    background-size: 20px 18px;
  }
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  #head #head_sup_d .buttons-log #cartlog #cart-head {
    margin: 8px 0 0 0;
  }
}
#head #head_sup_d .buttons-log #cartlog #cart-head .items {
  display: inline-block;
  padding-left: 39px;
  min-height: 30px;
  margin-right: 14px;
}
@media only screen and (max-width: 750px) {
  #head #head_sup_d .buttons-log #cartlog #cart-head .items {
    margin-right: 7px;
    padding-left: 22px;
    min-height: 22px;
  }
}
#head #head_sup_d .buttons-log #cartlog #cart-head .items .item {
  display: block;
  margin-top: 12px;
  /*@include MQ(maxPhablet) {
  	display:none;
  }*/
}
@media only screen and (max-width: 750px) {
  #head #head_sup_d .buttons-log #cartlog #cart-head .items .item {
    margin-left: 0px !important;
    margin-top: 4px;
  }
}
#head #head_sup_d .buttons-log #cartlog #cart-head a.items {
  text-decoration: none;
  outline: none;
  color: white;
}
#head #head_sup_d .buttons-log #cartlog #log {
  float: left;
}
#head #head_sup_d .buttons-log #cartlog #log .pad-l {
  margin-left: 8px;
}
#head #head_sup_d .buttons-log #cartlog #log .user-reg {
  background-image: url("/i/sprites-user-log.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 31px 40px;
  background-position: 0 -20px;
  display: inline-block;
  margin: 0 !important;
  min-width: 140px;
  width: -webkit-calc(100% - 114px);
  width: calc(100% - 114px);
  height: 18px;
}
#head #head_sup_d .buttons-log #cartlog #log .user-reg a.user {
  display: inline-block;
  margin-left: 31px;
  margin-right: 10px;
  text-decoration: none;
  color: white;
}
#head #head_sup_d .buttons-log #cartlog #log .btn-log {
  display: inline-block;
  margin-top: 2px;
}
#head #head_sup_d .buttons-log #cartlog #log .log-buttons, #head #head_sup_d .buttons-log #cartlog #log .log-icons {
  margin-left: 9px;
}
@media only screen and (max-width: 550px) {
  #head #head_sup_d .buttons-log #cartlog #log .log-buttons, #head #head_sup_d .buttons-log #cartlog #log .log-icons {
    margin-left: 4px;
  }
}
@media only screen and (min-width: 551px) {
  #head #head_sup_d .buttons-log #cartlog #log .log-buttons {
    display: initial;
  }
}
@media only screen and (max-width: 550px) {
  #head #head_sup_d .buttons-log #cartlog #log .log-buttons {
    display: none;
  }
}
@media only screen and (min-width: 551px) {
  #head #head_sup_d .buttons-log #cartlog #log .log-icons {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  #head #head_sup_d .buttons-log #cartlog #log .log-icons {
    display: initial;
  }
}
#head #head_sup_d .buttons-log #cartlog #log .log-icons a {
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  outline: none;
}
#head #head_sup_d .buttons-log #cartlog #log .log-icons a.login-ico {
  margin-top: 2px;
  width: 31px;
  height: 20px;
  margin-right: 6px;
}
#head #head_sup_d .buttons-log #cartlog #log .log-icons a.login-ico.active {
  background-position: 0 -18px;
}
#head #head_sup_d .buttons-log #cartlog #log .log-icons a.login-ico:not(.active) {
  background-position: 0 0;
}
@media only screen and (max-width: 550px) {
  #head #head_sup_d .buttons-log #cartlog #log .log-icons a.login-ico {
    background-image: url("/i/sprites-user-log.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 28px 36px;
    width: 28px;
    height: 18px;
  }
}
#head #head_sup_d .buttons-log .frm-head, #head #head_sup_d .buttons-log .frm-head-full, #head #head_sup_d .buttons-log .frm-head-active {
  color: white;
  text-decoration: none;
  font-weight: normal;
  border: none;
  padding: 6px 0;
  display: inline-block;
  background-image: url("/i/sprites-bck-buttons.png");
  background-repeat: repeat-x;
  background-position: 0 -101px;
  background-size: 1px 162px;
  text-align: center;
}
#head #head_sup_d .buttons-log .frm-head {
  background-position: 0 -31px;
}
#head #head_sup_d .buttons-log .frm-head-full {
  width: 166px;
}
#head #head_sup_d .buttons-log .frm-head {
  width: 103px;
}
#head #head_sup_d .buttons-log .frm-head.logged {
  width: 100px;
}
#head #head_sup_d .buttons-log a.frm-head-full span {
  display: inline-block;
  width: auto;
  padding-left: 20px;
  background-image: url(/i/ico-login.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left middle;
}
#head #head_sup_d .buttons-log .frm-head-active {
  width: 143px;
}
#head .nav-selects {
  position: absolute;
  overflow: visible;
  top: 0px;
  right: 12px;
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  #head .nav-selects {
    top: 6px;
    right: 5px;
  }
}
@media only screen and (max-width: 550px) {
  #head .nav-selects {
    top: 120px;
    right: 5px;
  }
}
#head .nav-selects .center-global {
  *zoom: 1;
  overflow: visible;
}
#head nav[role="langs"] {
  color: white;
  list-style: none;
}
#head #head_inf {
  position: absolute;
  top: 72px;
  left: 184px;
  right: 0;
  z-index: 700;
  padding: 13px 0 0 0;
}
@media only screen and (max-width: 1000px) {
  #head #head_inf {
    left: 0;
  }
}
@media only screen and (max-width: 750px) {
  #head #head_inf {
    padding-top: 8px;
  }
}
@media only screen and (min-width: 1001px) {
  #head #head_inf {
    margin: 0 0;
  }
}
#head nav[role="nav_sup"] {
  font-size: 9pt;
  width: 100%;
  margin: 0 0 2px 0;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  background-image: url(/i/nav-bg-full-v2.jpg);
  background-repeat: repeat-x;
  background-size: 1px 30px;
  background-color: #ae1613;
  height: 30px;
}
@media only screen and (min-width: 1001px) {
  #head nav[role="nav_sup"] {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  #head nav[role="nav_sup"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
}
#head nav[role="nav_sup"] ul {
  list-style: none;
  position: relative;
}
#head nav[role="nav_sup"] ul li {
  float: left;
  text-align: center;
  width: 14.28%;
  position: relative;
  padding: 6px 0 10px 0;
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  #head nav[role="nav_sup"] ul li {
    width: 20%;
  }
}
@media only screen and (max-width: 550px) {
  #head nav[role="nav_sup"] ul li {
    width: 33.33333333333333%;
  }
}
#head nav[role="nav_sup"] ul li a {
  outline: none;
  color: white;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
}
#head nav[role="nav_sup"] ul li a:hover, #head nav[role="nav_sup"] ul li a.active {
  color: #ece324;
}
#head nav[role="nav_sup"] ul p.sep {
  display: inline-block;
  background: url(/i/nav-bg-sep-v2.jpg) no-repeat;
  background-size: 2px 30px;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2px;
  height: 30px;
}
#head nav[role="nav_sup"] .toggle-lnk {
  outline: none;
  display: none;
  background-size: 16px 16px;
  height: 16px;
  min-width: 16px;
  position: absolute;
}
#head nav[role="nav_sup"] .toggle-lnk span {
  display: block;
  padding-left: 16px;
  position: absolute;
  top: -2px;
}
#head nav[role="nav_sup"] .toggle-mnu {
  display: block !important;
}

#cuerpo {
  width: 100%;
  text-align: left;
}
#cuerpo .cuerpo_content .centro_pral {
  line-height: 1.4em;
  background: white;
  min-height: 500px;
}
#cuerpo .cuerpo_content .centro_pral h1 {
  font-size: 14pt;
  color: #000032;
  font-weight: normal;
}
#cuerpo .cuerpo_content .centro_pral .int-pral {
  padding: 15px 15px;
}
@media only screen and (max-width: 550px) {
  #cuerpo .cuerpo_content .centro_pral .int-pral {
    padding: 10px;
  }
}
#cuerpo .cuerpo_content .centro_pral .int-pral.no-top {
  padding-top: 5px;
}
@media only screen and (min-width: 1001px) {
  #cuerpo .cuerpo_content .centro_pral {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}

#pie_b {
  max-width: 990px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: left;
  position: relative;
}
#pie_b .int-content {
  color: white;
  font-size: 8pt;
  margin-top: 10px;
  padding: 10px 0 0 0;
  background: url(../i/pic-sep-foot.png) top no-repeat;
}
@media only screen and (min-width: 751px) {
  #pie_b .int-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#pie_b .int-content .advice {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  #pie_b .int-content .advice {
    padding: 0 0 10px 0;
  }
}
@media only screen and (max-width: 1000px) {
  #pie_b .int-content {
    padding: 10px;
  }
}
#pie_b .int-content .links-head {
  /*display:none;*/
  display: block;
  text-align: center;
}
@media only screen and (min-width: 751px) {
  #pie_b .int-content .links-head {
    margin: 10px 0;
  }
}
#pie_b .int-content .links-head ul {
  list-style: none;
}
#pie_b .int-content .links-head li {
  display: inline;
}
#pie_b .int-content .links-head li a {
  display: inline-block;
  padding-left: 4px;
  margin-right: 4px;
  text-transform: capitalize;
  color: white;
  text-decoration: none;
  border-left: 1px solid #7a7a7a;
  margin-bottom: 10px;
}
#pie_b .int-content .links-head li a:hover {
  color: #ece324;
}
#pie_b .int-content .links-head li.last a {
  margin-right: 0;
}
#pie_b .int-content .links-head li.first a {
  border-left: none;
}
#pie_b .int-content .links-head li.ico a {
  border-right: none;
}
#pie_b .int-content .under-18 {
  margin-top: 6px;
  width: 33.33333333333333%;
  float: left;
}
#pie_b .int-content .under-18 .int {
  width: auto;
  margin: 0 auto;
}
#pie_b .int-content .under-18 img {
  display: inline-block;
  width: 31px;
  height: 31px;
  vertical-align: middle;
  margin: 7px 0px;
}
#pie_b .int-content .under-18 .txt {
  display: inline-block;
  margin: 2px 18px 2px 8px;
  vertical-align: middle;
  text-align: left !important;
}
#pie_b .int-content .secure {
  width: 33.33333333333333%;
  float: left;
  text-align: left;
  margin: 0 auto;
}
@media only screen and (max-width: 550px) {
  #pie_b .int-content .secure {
    margin-top: 6px;
  }
}
#pie_b .int-content .secure .int {
  width: auto;
  margin: 0 auto;
}
#pie_b .int-content .secure .txt {
  margin: auto 5px;
  vertical-align: middle;
  overflow: hidden;
  text-align: right;
  display: inline-block;
}
@media only screen and (max-width: 550px) {
  #pie_b .int-content .secure .txt {
    margin-bottom: 0px;
  }
}
#pie_b .int-content .secure .ico {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  min-height: 60px;
  position: relative;
  width: 88px;
}
@media only screen and (max-width: 550px) {
  #pie_b .int-content .secure .ico {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}
#pie_b .int-content .links {
  margin-top: 8px;
  width: 33.33333333333333%;
  float: right;
  text-align: right;
}
@media only screen and (max-width: 550px) {
  #pie_b .int-content .links {
    margin-top: 12px;
  }
}
#pie_b .int-content .links .int {
  margin: 0 auto;
}
#pie_b .int-content .links ul {
  list-style: none;
}
#pie_b .int-content .links li {
  display: inline;
}
#pie_b .int-content .links li a {
  display: inline-block;
  padding-left: 8px;
  margin-right: 8px;
  color: white;
  text-decoration: none;
  border-left: 1px solid #7a7a7a;
}
#pie_b .int-content .links li a:hover {
  color: #ece324;
}
#pie_b .int-content .links li.last a {
  margin-right: 0;
}
#pie_b .int-content .links li.first a {
  border-left: none;
}
#pie_b .int-content .links li.ico a {
  border-right: none;
}
@media only screen and (max-width: 750px) {
  #pie_b .int-content .under-18 {
    width: 50%;
  }
}
@media only screen and (max-width: 550px) {
  #pie_b .int-content .under-18 {
    width: 100%;
    float: none;
    text-align: center;
  }
}
@media only screen and (max-width: 750px) {
  #pie_b .int-content .secure {
    float: left;
    text-align: right;
    width: 50%;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 550px) {
  #pie_b .int-content .secure {
    width: 100%;
    float: none;
    text-align: center;
  }
}
@media only screen and (max-width: 750px) {
  #pie_b .int-content .links {
    float: none;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 751px) {
  #pie_b .int-content .clear.foot {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  #pie_b .space-text {
    display: block;
    margin-top: 3px;
  }
}

#pie_b a {
  color: #fff;
  text-decoration: none;
}

#pie_b a:hover {
  color: #ece324;
}

.nav {
  border-bottom: 1px solid #e6e6e6;
  padding: 0;
  font-size: 8pt;
}
.nav .i_i {
  padding: 12px 0 12px 15px;
}
@media only screen and (max-width: 550px) {
  .nav .i_i {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 550px) {
  .hide-responsive {
    display: none !important;
  }
}

@media only screen and (min-width: 551px) {
  .show-responsive {
    display: none !important;
  }
}
@media only screen and (max-width: 550px) {
  .show-responsive {
    display: table-cell;
  }
  .show-responsive.inline {
    display: inline-block;
  }
}

.nav .money {
  margin-top: 5px;
  background: #f2f2f2;
  padding: 4px 10px;
  color: #737373;
}
@media only screen and (min-width: 751px) {
  .nav .money {
    margin-right: 16px;
  }
}
.nav .money select {
  min-width: 80px;
}
.nav .money input, .nav .money select {
  font-size: 8pt;
}

.selec-number {
  padding: 8px;
}

.navi[role="currencies"] {
  display: none;
  font-size: 8pt;
}
.navi[role="currencies"] a {
  color: #e6e6e6;
}
@media only screen and (max-width: 750px) {
  .navi[role="currencies"] {
    display: block;
    position: absolute;
    margin-top: -1px;
  }
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .navi[role="currencies"] {
    top: 5px;
  }
}
.navi[role="currencies"].with-sep-lat {
  border-right: 1px solid #e6e6e6;
}

@media only screen and (max-width: 750px) {
  .money {
    display: none;
  }
}
.home {
  width: 100%;
}
@media only screen and (min-width: 551px) {
  .home {
    display: table;
    direction: rtl;
  }
}
.home .colfluid {
  padding: 0;
  padding-left: 20px;
}
.home .colfix {
  width: 26%;
}
@media only screen and (min-width: 751px) and (max-width: 1000px) {
  .home .colfix {
    width: 32%;
  }
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .home .colfix {
    width: 36%;
  }
}
@media only screen and (min-width: 1001px) {
  .home .colfix {
    width: 300px;
  }
}
@media only screen and (max-width: 550px) {
  .home .colfix {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 551px) {
  .home .colfluid, .home .colfix {
    display: table-cell;
    vertical-align: top;
    direction: ltr !important;
  }
}
@media only screen and (max-width: 550px) {
  .home .colfluid, .home .colfix {
    width: 100%;
    padding-left: 0px;
  }
}

input[type=text], input[type=password], select {
  max-width: 100% !important;
}

input[type=text], .form, .form_error {
  color: #353535;
}
input[type=text]:not(div), .form:not(div), .form_error:not(div) {
  border: 1px solid #cccccc;
}

.form {
  padding: 2px 6px;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=submit].form, button[type=submit].form {
  background: white;
  border: 1px solid #cccccc;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 8px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.info {
  border: 1px solid #eaca22;
  background: #ffffcc;
  padding: 8px;
  margin-top: 5px;
}

.prize-bkdwn td {
  background: #F2F5FF;
}

.prize-tbl-width {
  width: 196px;
}
@media only screen and (max-width: 550px) {
  .prize-tbl-width {
    width: 116px;
  }
}

.head_game {
  border: 1px solid #cccccc;
  color: #2a2a2a;
  z-index: 20;
  margin-top: 32px;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: url(/i/games/ee/bg-ee-c-shop.jpg) bottom repeat-x;
}
.head_game h1 {
  font-size: 16pt !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal;
}
.head_game .head_content {
  font-size: 9pt;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (min-width: 551px) {
  .head_game .head_content {
    min-height: 130px;
  }
}
.head_game .head_content .head_int {
  padding: 10px 5px 5px 5px;
  margin-left: 10px;
}
.head_game .head_content .head_int h1.tit {
  /*margin-left:169px !important;*/
}
@media only screen and (max-width: 550px) {
  .head_game .head_content .head_int h1.tit {
    /*margin-left:156px !important;*/
    font-size: 12pt !important;
  }
}
.head_game .head_content .head_int .interior {
  /*margin-left:169px;*/
}
@media only screen and (max-width: 550px) {
  .head_game .head_content .head_int .interior {
    margin-left: 0 !important;
  }
}
.head_game .head_content.games .interior {
  padding-bottom: 10px;
}
.head_game .jackpot {
  text-align: center;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
@media only screen and (min-width: 551px) {
  .head_game .jackpot {
    background: #E6ECFF;
    vertical-align: top;
    min-width: 216px;
  }
}
@media only screen and (max-width: 550px) {
  .head_game .jackpot {
    margin: 0 10px;
  }
}
.head_game .jackpot .jackpot-int {
  padding: 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (min-width: 551px) {
  .head_game .jackpot .jackpot-int {
    margin: 5px;
  }
}
@media only screen and (max-width: 550px) {
  .head_game .jackpot .jackpot-int {
    margin: 5px 0;
  }
}
.head_game .jackpot .jackpot-int .date {
  padding: 6px 10px;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #cbfcbe;
}
.head_game .prize {
  font-size: 22px;
}
.head_game .dates {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (min-width: 551px) {
  .head_game .dates {
    vertical-align: top;
    min-width: 216px;
    padding-right: 6px;
  }
}
@media only screen and (max-width: 550px) {
  .head_game .dates {
    margin: 0 10px;
  }
}
.head_game .dates .dates-int {
  background: #d3f1dc;
  margin: 5px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.head_game .dates .dates-int .date-limit, .head_game .dates .dates-int .date-draw {
  padding: 10px 5px;
  text-align: center;
}
@media only screen and (max-width: 550px) {
  .head_game .dates .dates-int .date-limit, .head_game .dates .dates-int .date-draw {
    text-align: left;
  }
}
.head_game .dates .dates-int .date-draw {
  background: #cbfcbe;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media only screen and (max-width: 550px) {
  .head_game .dates .dates-int .date-title {
    display: inline-block;
  }
}
.head_game .dates .dates-int .date-info {
  display: block;
}
@media only screen and (max-width: 550px) {
  .head_game .dates .dates-int .date-info {
    display: inline-block;
    margin-left: 5px;
  }
}
.head_game .jackpot {
  text-align: center;
}
@media only screen and (min-width: 551px) {
  .head_game .header-shop {
    width: 100%;
    display: table;
  }
  .head_game .header-shop .head_content {
    display: table-cell;
    width: 100%;
  }
  .head_game .header-shop .dates {
    display: table-cell;
  }
  .head_game .header-shop .jackpot {
    display: table-cell;
  }
}
.head_game .ico {
  position: absolute;
  top: -32px;
  margin-left: 12px;
}
.head_game .ico:not(.peq) {
  display: block;
}
@media only screen and (max-width: 550px) {
  .head_game .ico:not(.peq) {
    display: none;
  }
}
.head_game .ico.peq {
  display: none;
}
@media only screen and (max-width: 550px) {
  .head_game .ico.peq {
    display: block;
    width: 100%;
    margin-left: 12px;
    top: -32px;
  }
}
.head_game .tabs {
  top: -32px;
  z-index: 10;
  position: absolute;
  /*margin-left:174px;*/
  margin-left: 20px;
  /*@include MQ(Phone){margin-left:154px;}		*/
}
.head_game .tabs li a {
  border-bottom: none !important;
}
.head_game .tabs li a.active {
  background: #E6ECFF !important;
  border: 1px solid #cccccc;
  border-bottom: 1px solid #E6ECFF !important;
}
.head_game .tabs.no-pad {
  margin-left: 10px;
}
.head_game .tabs ul {
  list-style: none;
}
.head_game .tabs ul li {
  float: left;
  margin-right: 2px;
}
.head_game .tabs ul li a {
  min-width: 100px;
  text-align: center;
  display: block;
  padding: 8px;
  height: 32px;
  color: #2a2a2a;
  text-decoration: none;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}

.form-check input[type=text], input[type=password], input[type=email], select, textarea {
  max-width: 100% !important;
}

.btn_shop_cart {
  width: 100%;
}
@media only screen and (min-width: 551px) {
  .btn_shop_cart.not-full {
    width: auto;
  }
}
.btn_shop_cart.line {
  width: auto !important;
  display: inline-block !important;
  border: 1px solid #000 !important;
}

.form-check .lbl {
  float: left;
  width: 120px !important;
  margin-right: 0px !important;
  padding: 4px !important;
}
@media only screen and (max-width: 750px) {
  .form-check .lbl {
    padding-top: 0 !important;
    float: none !important;
    text-align: left;
  }
}

.form-check .field {
  margin-left: 125px !important;
  width: auto !important;
  overflow: visible !important;
  max-width: 100% !important;
}
.form-check .field.no-input-text {
  padding: 4px !important;
}
@media only screen and (max-width: 750px) {
  .form-check .field.no-input-text {
    padding: 0 4px !important;
  }
}
.form-check .field.hide-lbl {
  margin-left: 0px !important;
  width: 100%;
  max-width: 240px !important;
}
.form-check .field.hide-lbl input, .form-check .field.hide-lbl textarea, .form-check .field.hide-lbl select {
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .form-check .field {
    text-align: left;
    float: none !important;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin-left: 10px !important;
  }
  .form-check .field input.form:not(.noauto), .form-check .field input.form_error:not(.noauto), .form-check .field select:not(.noauto) {
    width: 100%;
  }
}
.form-check .field input.form, .form-check .field input.form_error, .form-check .field select {
  color: #353535 !important;
  border: 1px solid #cccccc !important;
  padding: 4px;
}

input[type=submit].btn_shop, button.btn_shop {
  width: 80%;
  min-width: 116px;
}

.btn_shop.play {
  max-width: 180px;
}

input[type=submit].btn_shop, input[type=submit].btn_shop_cart, button[type=submit].btn_shop_cart, input[type=button].btn_shop_cart, button.btn_shop, .btn-finger {
  color: white;
  text-decoration: none;
  border: none;
  font-weight: normal;
  padding: 2px 15px !important;
  cursor: pointer;
  display: inline-block;
  background-image: url("/i/sprites-bck-buttons.png");
  background-repeat: repeat-x;
  background-position: 0 -101px;
  background-size: 1px 162px;
  height: 30px;
}

.button-active, .button-no-active, .button-yellow, .yellow-btn, a.yellow-btn {
  background-image: url("/i/sprites-bck-buttons.png");
  background-size: 1px 162px;
}

.button-active, .button-no-active, .button-yellow {
  color: white;
  text-decoration: none;
  border: none;
  font-weight: normal;
  padding: 2px 15px !important;
  cursor: pointer;
  display: inline-block;
  background-repeat: repeat-x;
  background-position: 0 -101px;
  height: 30px;
}

a.button-active {
  padding: 6px 12px !important;
  display: inline-block;
}

.button-no-active {
  background-position: 0 -132px;
}

.button-yellow {
  background-position: 0 -31px;
}

.button-active:disabled {
  background-position: 0 -132px;
}

.yellow-btn, a.yellow-btn {
  color: #fff !important;
  text-decoration: none;
  border: none;
  font-weight: normal;
  padding: 6px 12px;
  display: inline-block;
  background-repeat: repeat-x;
  background-position: 0 -31px;
}
.yellow-btn.with-arrow, a.yellow-btn.with-arrow {
  padding: 0;
}
.yellow-btn.with-arrow .int-arrow, a.yellow-btn.with-arrow .int-arrow {
  padding: 6px 12px;
  display: block;
}

.form_error {
  background-color: #f8f047;
}

.form-finger, .form-finger-error {
  color: #353535 !important;
  border: 1px solid #cccccc !important;
  padding: 8px !important;
}

.form-finger-error {
  background: #f8f047;
}

.form-finger:hover, .form-finger:focus {
  box-shadow: inset 0 0 10px #eee;
  -webkit-box-shadow: inset 0 0 10px #eee;
  -moz-box-shadow: inset 0 0 10px #eee;
}

.form-finger-error:hover, .form-finger-error:focus {
  box-shadow: inset 0 0 10px #F1C207;
  -webkit-box-shadow: inset 0 0 10px #F1C207;
  -moz-box-shadow: inset 0 0 10px #F1C207;
}

.form-finger:hover, .form-finger-error:hover {
  border: 1px solid #A0A0A0 !important;
}

.form-finger:focus, .form-finger-error:focus {
  border: 1px solid #8B8B8B !important;
}

.div-input-content, .div-btn-pic-content {
  max-width: 240px;
}

.img-i-float {
  float: left;
  margin-right: 10px;
  width: 37px;
  height: 37px;
  background-image: url(/i/sprites-sections.png);
  background-repeat: no-repeat;
  background-size: 75px 75px;
}
.img-i-float.ico-help {
  background-position: 0 -37px;
}
.img-i-float.ico-stats {
  background-position: 0 0;
}
.img-i-float.ico-advice {
  background-position: -37px 0;
}

ul.arrow {
  list-style: none;
}

ul.arrow li a {
  padding: 3px 0 3px 14px;
  display: block;
}

ul.arrow li a:hover, ul.arrow li a.active {
  padding: 3px 0 3px 14px;
  display: block;
  background-image: url(/i/ico-arrow.png);
  background-position: 0px 6px;
  background-repeat: no-repeat;
}

/*Balls*/
.combi {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0 !important;
}
.combi .num, .combi .esp, .combi .re, .combi .txt-num {
  display: inline-block;
  vertical-align: top;
  width: 20px;
}
.combi .txt-num {
  padding: 0 5px;
}
.combi .num, .combi .esp, .combi .re {
  width: 20px;
  text-align: center;
}
.combi .num .int-num, .combi .esp .int-num, .combi .re .int-num {
  display: block;
  padding: 5px 0;
}
.combi .break-combi {
  display: inline;
}
@media only screen and (max-width: 750px) {
  .combi .break-combi {
    display: block;
    margin-top: 10px;
  }
}
.combi:not(.balls) {
  margin-left: -2px;
}
.combi:not(.balls) .num, .combi:not(.balls) .esp, .combi:not(.balls) .re {
  width: 20px;
  margin: 0 2px;
}
.combi:not(.balls) .num .int-num, .combi:not(.balls) .esp .int-num, .combi:not(.balls) .re .int-num {
  display: block;
  padding: 5px 2px;
}
.combi.balls a {
  text-decoration: none;
}
.combi.balls .num, .combi.balls .esp, .combi.balls .re {
  width: 40px;
}
.combi.balls .num .int-num, .combi.balls .esp .int-num, .combi.balls .re .int-num {
  background: url(/i/combi-balls.png) no-repeat !important;
  background-size: 72px 36px !important;
  font-weight: bold;
  background-position: center;
  display: block;
  width: 36px;
  height: 36px;
  padding: 9px 3px;
}
@media only screen and (max-width: 750px) {
  .combi.balls .break-combi {
    margin-top: -2px;
  }
}
.combi.balls .num .int-num {
  background-position: 0 0 !important;
}
.combi.balls .esp {
  width: 40px;
}
.combi.balls .esp .int-num {
  color: #014ab8;
  border: 1px solid #014ab8;
  background: #ffec01;
  background-position: -36px 0 !important;
  width: 36px;
}
.combi.balls .num .int-num, .combi.balls .esp .int-num {
  border: none;
  background: none;
  color: #014ab8;
  margin-bottom: 5px;
}
.combi.balls .txt-num {
  width: 40px;
}
.combi:not(.balls) .num, .combi:not(.balls) .esp {
  width: 30px;
}
.combi:not(.balls) .num .int-num {
  width: 100%;
  border: 1px solid #014ab8;
  color: #014ab8;
  background: #F3F7FC;
}
.combi:not(.balls) .esp .int-num {
  width: 100%;
  border: 1px solid #014ab8;
  color: #014ab8;
  background: #FFEC01;
}

@media only screen and (min-width: 1001px) {
  .tbl_results_home {
    display: table;
    width: 100%;
  }
}
@media only screen and (min-width: 1001px) {
  .tbl_results_home .combi {
    display: table-cell;
    width: auto !important;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1001px) {
  .tbl_results_home .lnk-result {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
  }
}

h2 {
  font-size: 12pt;
  color: #c00000;
  font-weight: normal;
}

h1.tit-secc, h2.tit-secc {
  font-size: 12pt !important;
  color: #c00000 !important;
  padding: 5px 0;
  font-weight: normal;
}

h2.tit-secc a {
  color: #c00000 !important;
  text-decoration: none;
}

.prize, .prize-p {
  font-size: 14pt;
  color: #c00000;
}

.prize-p {
  font-size: 11pt;
}

.clock {
  padding: 0 0;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.clock .days {
  display: inline-block;
  padding: 3px 10px 3px 0;
}
.clock .days .num {
  text-align: center;
  font-size: 11pt;
  color: #0b1e47;
}
.clock .days .txt {
  text-align: center;
}
.clock .hours, .clock .minutes, .clock .seconds {
  display: inline-block;
  padding: 3px 1px;
}
.clock .hours .num, .clock .minutes .num, .clock .seconds .num {
  text-align: center;
  font-size: 11pt;
  color: #0b1e47;
}
.clock .hours .txt, .clock .minutes .txt, .clock .seconds .txt {
  text-align: center;
}
.clock .sep {
  display: inline-block;
  text-align: center;
  padding: 3px 0;
}

.grp-shop-draw {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #e6ecff;
  padding: 10px;
}
.grp-shop-draw .tit {
  position: relative;
  text-align: center;
  padding: 10px;
  background: #C4D2FF;
  font-size: 11pt;
  color: #014ab8;
}
.grp-shop-draw .tit a {
  color: #014ab8;
}
.grp-shop-draw .tit a {
  text-decoration: none;
}
@media only screen and (max-width: 550px) {
  .grp-shop-draw[role="play"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background: none;
    padding: 0px;
  }
  .grp-shop-draw[role="play"] .grp-back {
    background: #e6ecff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    padding: 10px;
  }
}
@media only screen and (min-width: 751px) {
  .grp-shop-draw[role="play"] .grp-back-content {
    display: table;
    width: 100%;
  }
}
.grp-shop-draw[role="play"] .grp-back .txt_jck .prize {
  line-height: 0.9em;
  margin: 5px 0;
  font-size: 20pt;
  font-weight: bold;
  color: #FEE30D;
  text-shadow: 1px 1px 0 #484100,  -1px -1px 0 #484100,  1px -1px 0 #484100,  -1px 1px 0 #484100,  1px 1px 0 #484100;
}
.grp-shop-draw .tit {
  margin-bottom: 6px;
}
.grp-shop-draw .tit:after {
  content: " ";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.grp-shop-draw .tit.arrowBottom:after {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  left: calc(50% - 12px);
}
.grp-shop-draw .tit.arrowBottom:after {
  border-top: 8px solid #C4D2FF;
  bottom: -8px;
  z-index: 2;
}
.grp-shop-draw .grp-back .txt_jck .prize {
  margin: 5px 0;
  font-size: 17pt;
}
.grp-shop-draw .grp-back .date-txt {
  font-size: 11pt;
}

.play-head .clock .num {
  font-size: 9pt !important;
  color: #353535 !important;
}

.grp-home-jackpot {
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #e6ecff;
}
@media only screen and (min-width: 751px) {
  .grp-home-jackpot {
    display: table;
    width: 100%;
  }
}
.grp-home-jackpot .img_jck {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 6px;
  /*@include MQ(maxPhablet){display:none}*/
}
@media only screen and (min-width: 751px) {
  .grp-home-jackpot .img_jck {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 750px) {
  .grp-home-jackpot .img_jck {
    display: none;
  }
}
.grp-home-jackpot .date {
  position: relative;
  text-align: center;
  padding: 10px;
  background: #C4D2FF;
  font-size: 11pt;
  color: #014ab8;
  margin-bottom: 12px;
}
@media only screen and (min-width: 751px) {
  .grp-home-jackpot .date {
    margin-right: 10px;
  }
}
.grp-home-jackpot .date a {
  color: #014ab8;
}
.grp-home-jackpot .date a {
  text-decoration: none;
}
.grp-home-jackpot .date:after {
  content: " ";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.grp-home-jackpot .date.arrowBottom:after {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  left: calc(50% - 12px);
}
.grp-home-jackpot .date.arrowBottom:after {
  border-top: 8px solid #C4D2FF;
  bottom: -8px;
  z-index: 2;
}
.grp-home-jackpot .grp-back .date-txt {
  font-size: 11pt;
}
@media only screen and (min-width: 751px) {
  .grp-home-jackpot .grp-back {
    display: table-cell;
    vertical-align: top;
  }
}
.grp-home-jackpot .grp-back .txt_jck .prize {
  margin: 5px 0;
  line-height: 0.9em;
  font-size: 20pt;
  font-weight: bold;
}
.grp-home-jackpot .grp-back .txt_jck .prize:not(.red) {
  color: #FEE30D;
  text-shadow: 1px 1px 0 #484100,  -1px -1px 0 #484100,  1px -1px 0 #484100,  -1px 1px 0 #484100,  1px 1px 0 #484100;
}
.grp-home-jackpot .grp-back .txt_jck .prize.red {
  color: #FF092E;
  font-size: 40pt !important;
  text-shadow: 1px 1px 0 #A60018,  -1px -1px 0 #A60018,  1px -1px 0 #A60018,  -1px 1px 0 #A60018,  1px 1px 0 #A60018;
}
.grp-home-jackpot .grp-back .txt_jck .prize.peq {
  font-size: 16pt !important;
  letter-spacing: 1.6px;
}

@media only screen and (min-width: 1001px) {
  .sch-grp {
    width: 50%;
    float: left;
  }
  .sch-grp:not(.dd) {
    padding-right: 5px;
  }
  .sch-grp.dd {
    padding-left: 5px;
  }
}

.bdy_b legend {
  color: #051954;
}

.bdy_b fieldset {
  border: none;
  background: #c4d2ff;
}

.bdy_o legend {
  color: #AE6800;
}

.bdy_o fieldset {
  border: none;
  background: #FFDba4;
}

.img_jck {
  margin: 0 auto;
  position: relative;
  width: 100%;
  text-align: center;
  background: #081F65;
}
@media only screen and (min-width: 751px) {
  .img_jck {
    width: 36%;
  }
}
.img_jck img {
  margin: 0 auto;
  background-size: contain;
  width: 100%;
  max-width: 270px;
}

.btn_frm_p {
  background: url(/i/pic-btn-frm-p.png) no-repeat !important;
  border: none !important;
  color: #c00000 !important;
  width: 140px;
  padding: 11px 0 13px 0 !important;
}

.btn_frm_p:hover {
  cursor: pointer;
}

.form-pral .contact-int {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 551px) {
  .form-pral .contact-int {
    width: 70%;
  }
}
.form-pral .lbl {
  width: 100px;
  float: left;
  padding: 4px !important;
}
.form-pral .lbl.hide-lbl {
  display: none;
}
.form-pral .field:not(.hide-lbl) {
  overflow: hidden;
  width: -webkit-calc(100% - 110px);
  width: calc(100% - 110px);
}
.form-pral .field.hide-lbl {
  width: 100%;
}
.form-pral .field.hide-lbl input, .form-pral .field.hide-lbl textarea, .form-pral .field.hide-lbl select {
  width: 100%;
}
.form-pral .field.no-input-text {
  padding: 4px !important;
}
.form-pral .field input, .form-pral .field select {
  color: #353535 !important;
  border: 1px solid #cccccc !important;
  padding: 4px;
}
.form-pral .form_alt .lbl {
  width: 140px;
}
.form-pral .form_alt .field:not(.hide-lbl) {
  overflow: hidden;
  width: -webkit-calc(100% - 150px);
  width: calc(100% - 150px);
}
@media only screen and (max-width: 550px) {
  .form-pral:not(.no-clear) .lbl {
    float: none;
    width: 100%;
    margin-right: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 550px) {
  .form-pral:not(.no-clear) .field {
    float: none;
    width: 100% !important;
    text-align: left;
  }
  .form-pral:not(.no-clear) .field input[type="text"], .form-pral:not(.no-clear) .field textarea, .form-pral:not(.no-clear) .field select {
    width: 100%;
  }
}
.form-pral.big .lbl {
  width: 170px;
}
.form-pral.big .field:not(.hide-lbl) {
  overflow: hidden;
  width: -webkit-calc(100% - 180px);
  width: calc(100% - 180px);
}
.form-pral.big .progress-div {
  overflow: hidden;
}
@media only screen and (min-width: 551px) {
  .form-pral.big .progress-div {
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    margin-left: 170px;
  }
}

.grp_btn_shop {
  background: #eaf3fe;
  padding: 10px;
  border: 1px solid #c9e1f4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.div-btn-pic-content {
  max-width: 240px;
  margin: 0 auto;
}

.lat-content {
  overflow: hidden;
}
@media only screen and (min-width: 1001px) {
  .lat-content {
    direction: rtl;
    display: table;
    height: 100%;
    width: 100%;
  }
}
.lat-content .lat-lnk .tit {
  padding: 5px 0;
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 10px;
  font-size: 11pt;
  color: #014AB8;
  font-weight: normal;
}
.lat-content .lat-lnk .tit a {
  color: #014AB8;
  text-decoration: none;
}
.lat-content .lat-lnk .bdy {
  margin-top: 5px;
}

.naveg-lat {
  direction: ltr !important;
  padding: 0;
  /*&:not([role="play"]){@include MQ(maxTablet){display:none !important;}}*/
}
@media only screen and (min-width: 1001px) {
  .naveg-lat {
    padding: 15px 0 0 15px;
    display: table-cell !important;
    border-right: 1px solid #e6e6e6;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-right: 20px;
    vertical-align: top;
    width: 185px;
    margin-left: 4px;
  }
}
@media only screen and (max-width: 1000px) {
  .naveg-lat {
    padding: 0 16px 32px 16px;
    width: 100%;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1000px) {
  .naveg-lat[role="play"] {
    display: none !important;
  }
}

.centro-with-lat {
  direction: ltr !important;
  padding: 0;
}
.centro-with-lat .int-pral {
  padding-right: 10px;
  padding-left: 6px;
}
@media only screen and (min-width: 751px) {
  .centro-with-lat .int-pral {
    min-height: 500px;
  }
}
@media only screen and (min-width: 1001px) {
  .centro-with-lat {
    display: table-cell !important;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1000px) {
  .centro-with-lat {
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .centro-with-lat {
    /*.nav{display:none;}*/
  }
}
.centro-with-lat.info-content img.full {
  background: content;
  max-width: 600px;
  width: 100%;
}

@media only screen and (min-width: 1001px) {
  .links-result-bottom {
    display: none;
  }
}
.links-result-bottom a.active {
  color: #ae1613;
}
.links-result-bottom li.col4 {
  display: inline-block !important;
  width: 25%;
}

.toggle-div, .extra-div {
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.accordion .toggle-panel, .accordion .extra-panel {
  border-color: white transparent;
  border-width: 0 5px 6px 5px;
  border-style: solid;
  margin: 5px 5px 0 0;
}
.accordion .toggle-panel.blue, .accordion .extra-panel.blue {
  border-color: #014ab8 transparent;
}
.accordion .toggle-panel.visible, .accordion .extra-panel.visible {
  border-width: 6px 5px 0 5px;
}
.accordion .toggle-div, .accordion .extra-div {
  display: inline;
}
@media only screen and (min-width: 751px) {
  .accordion:not(.intranet) .toggle-panel, .accordion:not(.intranet) .extra-panel {
    display: none;
  }
  .accordion:not(.intranet) .toggle-div, .accordion:not(.intranet) .extra-div {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .accordion.intranet .toggle-panel, .accordion.intranet .extra-panel {
    display: none;
  }
  .accordion.intranet .toggle-div, .accordion.intranet .extra-div {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .accordion.no-phablet-disable .hide-element {
    display: initial !important;
  }
}

.tbl_datos_orange {
  border: 0px;
  padding: 0;
  width: 100%;
}
.tbl_datos_orange th {
  padding: 5px;
  background: #FFDBA4;
  font-weight: normal;
  color: #B96F00;
  text-align: center;
}
.tbl_datos_orange td {
  padding: 5px;
  background: #fff;
}
.tbl_datos_orange tr.impar td, .tbl_datos_orange tr td.impar {
  background: #FFF2DF;
}
.tbl_datos_orange .red {
  color: #ab0302;
}
.tbl_datos_orange .tit {
  color: #B96F00;
}

.pad .tbl_datos_orange td {
  padding: 8px 5px;
}

@media only screen and (min-width: 1001px) {
  .table-center {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
}

.tbl_datos[role="balance"] td {
  padding-bottom: 5px;
}
.tbl_datos[role="balance"] tr.parent td {
  padding-bottom: 10px;
}

.table {
  width: 100%;
}

.table th, .table td {
  padding: 5px;
  vertical-align: top;
}

.table.res {
  border-top: 1px solid #cccccc;
  padding-top: 1px;
}

.table.res tr.par td {
  background: #f0f0f0;
}

.table.res td {
  background: #e4e4e4;
}

.table.res.yellow {
  border-top: 1px solid #e3b848;
  padding-top: 1px;
}

.table.res.yellow tr.par td {
  background: #FCF4D8;
}

.table.res.yellow td {
  background: #FCF4D8;
}

.tbl, .tbl-control {
  width: 100%;
  border: none;
}

@media only screen and (min-width: 551px) {
  .tbl td.padding {
    padding-left: 15px;
  }
}

.tbl td.padding-big {
  padding-left: 15px;
}

.tbl th, .tbl td {
  padding: 6px;
}

.tbl.ee.no-back td {
  background: #e6ecff;
}

.tbl.ee th, .tbl.ee tr.pral td, .tbl.ee tr.sub-pral td, .tbl.ee th a, .tbl.ee tr.pral a {
  background: #C4D2FF;
  color: #014ab8;
}

.tbl.ee th a {
  text-decoration: none;
}

.tbl.ee tr.head td {
  background: #C4D2FF;
  color: #014AB8;
}

.tbl.ee tr.par td, .tbl tr.ee {
  background: white;
}

.tbl.ee tr.tg td {
  background: #fcebea;
}
.tbl.ee tr.tg.par td {
  background: #FBE4E3;
}

.tbl.ee tr.tp td {
  background: #EEFDE8;
}
.tbl.ee tr.tp.par td {
  background: #DDFBD2;
}

.tbl.red td {
  background: #fdeeee;
}

.tbl.red th, .tbl.red tr.pral td, .tbl.red tr.sub-pral td, .tbl.red th a, .tbl.red tr.pral a {
  background: #FAD1D1;
  color: #AB0302;
}

.tbl.red th a {
  text-decoration: none;
}

.tbl.red tr.par td, .tbl tr.red {
  background: white;
}

.tbl.ln th, .tbl.ln tr.pral td, .tbl.ln tr.sub-pral td, .tbl.ln th a, .tbl.ln tr.pral a {
  background: #dce0fc;
  color: #6373b5;
}

.tbl.ln tr.tg td {
  background: #fcebea;
}
.tbl.ln tr.tg.par td {
  background: #FBE4E3;
}

.tbl.ln tr.tp td {
  background: #EEFDE8;
}
.tbl.ln tr.tp.par td {
  background: #DDFBD2;
}

.tbl.lo.no-back td {
  background: #fbecc6;
}

.tbl.lo th, .tbl.lo tr.pral td, .tbl.lo tr.sub-pral td, .tbl.lo th a, .tbl.lo tr.pral a {
  background: #fbecc6;
  color: #c89a22;
}

.tbl.lo th a {
  text-decoration: none;
}

.tbl.lo td {
  background: #FDF8E8;
}

.tbl.lo tr.par td, .tbl tr.lo {
  background: #FCF2D8;
}

.tbl.tp th, .tbl.tp tr.pral td, .tbl.tp tr.sub-pral td, .tbl.tp th a, .tbl.tp tr.pral a {
  background: #ddfbce;
  color: #53ae29;
}

.tbl.tp.no-back td {
  background: #ddfbce;
}

.tbl.tp.no-back tr.tg td {
  background: #fcebea;
}

.tbl.tp.no-back tr.tp td {
  background: #EEFDE8;
}

.tbl.tb th, .tbl.tb tr.pral td, .tbl.tb tr.sub-pral td, .tbl.tb th a, .tbl.tb tr.pral a {
  background: #f7ddee;
  color: #bc3e8e;
}

.tbl.tb th a {
  text-decoration: none;
}

.tbl.tb td {
  background: #faf2f7;
}

.tbl.tb tr.par td, .tbl tr.tb {
  background: #F5E7F0;
}

.tbl.tp th a {
  text-decoration: none;
}

.tbl.tp tr.par td, .tbl tr.tp {
  background: white;
}

.tbl.tg th, .tbl.tg tr.pral td, .tbl.tg tr.sub-pral td, .tbl.tg th a, .tbl.tg tr.pral a {
  background: #fed9d8;
  color: #e42e26;
}

.tbl.tg.no-back td {
  background: #fed9d8;
}

.tbl.tg th a {
  text-decoration: none;
}

.tbl.tg td {
  background: #fcebea;
}

.tbl.tg tr.par td, .tbl tr.tg {
  background: white;
}

.tbl th {
  font-weight: normal;
}
.tbl td.yellow {
  background: #FFFFcc !important;
}
@media only screen and (max-width: 550px) {
  .tbl:not(.no-responsive) table,
  .tbl:not(.no-responsive) thead,
  .tbl:not(.no-responsive) tbody,
  .tbl:not(.no-responsive) th,
  .tbl:not(.no-responsive) td,
  .tbl:not(.no-responsive) tr {
    display: block;
  }
  .tbl:not(.no-responsive) td {
    /* Behave like a "row" */
    border: none;
    position: relative;
    padding: 6px;
    white-space: normal;
  }
  .tbl:not(.no-responsive) td.with-tit {
    padding-left: 140px;
  }
  .tbl:not(.no-responsive) td:not(.visible) {
    overflow: hidden;
  }
  .tbl:not(.no-responsive) td.with-tit:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 0;
    top: 0;
    padding: 6px;
    width: 94px;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
    content: attr(data-title);
  }
  .tbl:not(.no-responsive) tr, .tbl:not(.no-responsive) td, .tbl:not(.no-responsive) .parent th {
    width: 100%;
    min-height: 26px;
    float: left\9;
    *float: left;
    /* IE7 and below */
    _float: left;
    /* IE6 and below */
    clear: both\9;
    *clear: both;
    /* IE7 and below */
    _clear: both;
    /* IE6 and below */
  }
  .tbl:not(.no-responsive) thead tr, .tbl:not(.no-responsive) tr.pral {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .tbl:not(.no-responsive) thead tr td, .tbl:not(.no-responsive) thead tr th, .tbl:not(.no-responsive) tr.pral td, .tbl:not(.no-responsive) tr.pral th {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: none;
    text-align: left;
    padding-left: 6px;
  }
  .tbl:not(.no-responsive) thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}
.tbl:not(.no-responsive) span.hide {
  display: none;
}
.tbl:not(.no-responsive).with-sep {
  margin-top: 10px;
}
@media only screen and (max-width: 550px) {
  .tbl:not(.no-responsive).with-sep {
    margin-top: 30px;
  }
}
.tbl:not(.no-responsive) th {
  font-weight: normal;
}
@media only screen and (max-width: 550px) {
  .tbl:not(.no-responsive) td {
    text-align: left;
  }
}
.tbl.no-responsive.normal th {
  font-weight: normal !important;
}
.tbl.hover tr:hover td {
  background: #e6ffbf !important;
}

.tbl-result {
  border-top: 1px dashed #cccccc;
  padding-top: 10px;
}

.tbl-control img.ico {
  position: absolute;
  margin-top: -12px;
  margin-left: 5px;
  z-index: 9999;
}

.tbl-control .sub_head_game {
  padding-left: 46px;
}

.sub_head_game {
  color: white;
  border-bottom: 1px dashed #cccccc;
  padding: 5px 10px;
  position: relative;
}
.sub_head_game .special-tit {
  float: left;
}
@media only screen and (max-width: 750px) {
  .sub_head_game .special-tit {
    display: block;
    float: none;
    text-align: center;
  }
}
.sub_head_game .special-text {
  float: right;
  color: #353535;
}
@media only screen and (max-width: 750px) {
  .sub_head_game .special-text {
    display: none;
  }
}

.special-sub-text {
  padding: 6px 10px;
  text-align: center;
}

.sub_head_game.sub {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border-right: none;
  border-left: none;
}

.body_game.with-back {
  background: #F0F0F0;
  padding: 10px;
}
.body_game .foot_color {
  background: #F7F7F7;
  padding: 5px;
  margin: -10px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top: 1px solid #cccccc;
}

.orange.search {
  background: #ffeac8;
}

.sub_head_game {
  color: #014ab8;
}

.sub_head_game.orange, .orange .tit, .sub_head_game.orange a.pral {
  color: #ef7600;
}

.sub_head_game.orange a {
  color: #ef7600 !important;
  font-weight: bold;
  text-decoration: none;
}

.sub_head_game.orange a.pral {
  text-decoration: none;
}

.violet.search {
  background: #dce0fc;
}

.sub_head_game.violet, .violet .tit, .sub_head_game.violet a.pral {
  color: #6373b5;
}

.sub_head_game.violet a.pral {
  text-decoration: none;
}

.green.search {
  background: #ddfbce;
}

.sub_head_game.green, .green .tit, .sub_head_game.green a.pral {
  color: #53ae29;
}

.sub_head_game.green a.pral {
  text-decoration: none;
}

.red.search {
  background: #fed9d8;
}

.sub_head_game.red, .red .tit, .sub_head_game.red a.pral {
  color: #e42e26;
}

.sub_head_game.red a.pral {
  text-decoration: none;
}

.blue.search {
  background: #deebfa;
}

.sub_head_game.blue, .blue .tit, .sub_head_game.blue a.pral {
  color: #014ab8;
}

.blue .tit a {
  color: #014ab8 !important;
  text-decoration: none;
}

.sub_head_game.blue a.pral {
  text-decoration: none;
}

.pink.search {
  background: #f7ddee;
}

.sub_head_game.pink, .pink .tit, .sub_head_game.pink a.pral {
  color: #bc3e8e;
}

.sub_head_game.pink a.pral {
  text-decoration: none;
}

.gold.search {
  background: #fef3d3;
}

.sub_head_game.gold, .gold .tit {
  color: #e39c0b;
}

.gray .tit, .gray .tit a, .gray .title {
  color: #6B5F67 !important;
  text-decoration: none;
}

.sand.search {
  background: #fbecc6;
}

.sub_head_game.sand, .sand .tit {
  color: #c89a22;
}

.olive.search {
  background: #e3f3b4;
}

.sub_head_game.olive, .olive .tit {
  color: #8bb01c;
}

.search .tit.no-opt {
  padding: 4px 0;
}

.txt-with-sep {
  border: 1px dashed #cccccc;
  padding: 20px 0;
  border-left: none;
  border-right: none;
}
.txt-with-sep.no-top {
  border-top: none;
}
.txt-with-sep.peq {
  padding: 10px 0;
}

.sub-secc, .with-sep {
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 10px;
}

.with-sep {
  padding-bottom: 5px;
}

.div90 {
  margin: 0 auto;
}

@media only screen and (min-width: 551px) {
  .size90, .div90 {
    width: 90%;
  }
}
@media only screen and (min-width: 1001px) {
  .size90, .div90 {
    width: 80%;
  }
}

.grp_pral_play {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
@media only screen and (max-width: 750px) {
  .grp_pral_play {
    display: block;
  }
}
@media only screen and (min-width: 751px) {
  .grp_pral_play {
    display: table;
    width: 100%;
  }
}
.grp_pral_play .grp-div {
  text-align: center;
}
@media only screen and (min-width: 751px) {
  .grp_pral_play .grp-div {
    display: table-cell;
    vertical-align: middle;
    width: 33.33333333333333%;
  }
}
@media only screen and (max-width: 750px) {
  .grp_pral_play .grp-div {
    width: 100%;
    float: none;
    display: block;
  }
}
.grp_pral_play .grp-div.date {
  background: #E6ECFF;
}
@media only screen and (min-width: 751px) {
  .grp_pral_play .grp-div.date {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}
@media only screen and (max-width: 750px) {
  .grp_pral_play .grp-div.date {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
  }
}
.grp_pral_play .grp-div.prize {
  background: #FFFFC4;
}
.grp_pral_play .grp-div.time {
  background: #CBFCBE;
}
@media only screen and (min-width: 751px) {
  .grp_pral_play .grp-div.time {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
@media only screen and (max-width: 750px) {
  .grp_pral_play .grp-div.time {
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.grp_pral_play .grp-div .int {
  padding: 10px 16px;
}
.grp_pral_play .grp-div .int.big {
  padding: 25px 16px 24px 16px;
}

.int-tabs {
  position: relative;
  margin-top: 32px;
}

@media only screen and (min-width: 551px) {
  .shop-table {
    display: table;
    width: 100%;
  }
}

@media only screen and (min-width: 551px) {
  .shop-izqda {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .shop-izqda {
    width: 100%;
    overflow: hidden;
    *zoom: 1;
  }
}

.boleto-int {
  padding: 10px 10px;
  background: #F0F0F0;
}

@media only screen and (min-width: 551px) {
  .shop-dcha {
    display: table-cell;
    vertical-align: top;
    width: 280px;
  }
  .shop-dcha:not(.no-border) {
    padding-left: 20px;
    border-left: 1px dashed #ccc;
  }
  .shop-dcha.no-top {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .shop-dcha {
    width: 200px;
  }
}
@media only screen and (max-width: 550px) {
  .shop-dcha {
    margin-top: 20px;
    width: 100%;
    float: none;
  }
  .shop-dcha:not(.no-border) {
    border-top: 1px dashed #ccc;
    padding-top: 15px;
  }
  .shop-dcha.no-space-phone {
    margin-top: 2px;
  }
  .shop-dcha.no-top {
    margin-top: 6px;
  }
}
.shop-dcha .bets {
  min-width: 100%;
  margin: 10px;
}
.shop-dcha .bets .bet .int {
  padding: 2px;
}
.shop-dcha .bets .bet.active {
  color: #014ab8;
}
.shop-dcha .bets .bet .bet-del {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  text-decoration: underline;
  text-align: center;
  border: none;
}
.shop-dcha .bets .bet .bet-del:hover {
  cursor: pointer;
}
.shop-dcha .bets .secc {
  margin-bottom: 4px;
  padding-top: 4px;
}
.shop-dcha .bets .secc.with-sep {
  border-bottom: 1px dashed #ccc;
}
.shop-dcha .bets .secc .tit {
  float: left;
  display: block;
  color: #014ab8;
}
.shop-dcha .bets .secc .lnk-span {
  float: right;
  display: block;
}

.title-time {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .title-time {
    text-align: center;
  }
}

.back-shop {
  position: relative;
  padding: 10px 0;
  margin-bottom: 10px;
}

.prize-bet {
  padding: 4px 0;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  .prize-bet {
    text-align: left;
  }
}
.prize-bet .int-bet {
  display: inline-block;
}
.prize-bet .int-bet.active {
  color: #53ae29;
}

.content-scroll {
  overflow: auto;
  position: relative;
  margin-bottom: 20px;
  width: calc(100% - 30px);
  height: 145px !important;
}
@media only screen and (min-width: 551px) {
  .content-scroll {
    width: 256px;
  }
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .content-scroll {
    width: 185px;
  }
}
@media only screen and (min-width: 551px) {
  .content-scroll {
    height: 760px !important;
  }
}

.small-text {
  font-size: 8pt;
}

.head-shop-grp {
  padding: 20px;
  background: #CEDBFF;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.body-shop-grp {
  padding: 10px 0;
}
.body-shop-grp .txt {
  padding: 6px 0;
  float: left;
}
.body-shop-grp .rnd-btn {
  float: right;
}
.body-shop-grp .int-grp {
  width: 100%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media only screen and (min-width: 551px) and (max-width: 750px) {
  .body-shop-grp .int-grp {
    max-width: 300px;
  }
}
@media only screen and (min-width: 551px) {
  .body-shop-grp .shop-dcha {
    padding-top: 32px;
  }
}

.grp-btn-cart-lat {
  margin: 0 auto;
  text-align: center;
  padding-bottom: 10px;
}
.grp-btn-cart-lat .yellow-btn {
  min-width: 140px;
}

.grp .head .txt {
  padding: 6px 0;
  float: left;
}

.grp .head .rnd-btn {
  float: right;
}

@media only screen and (max-width: 750px) {
  .grp .head.lot .txt {
    text-align: center;
    float: none;
    width: 100%;
  }
}

.grp .head .opt-list {
  padding: 2px 0;
}
@media only screen and (min-width: 751px) {
  .grp .head .opt-list {
    float: right;
  }
}
@media only screen and (max-width: 750px) {
  .grp .head .opt-list {
    text-align: center;
    width: 100%;
    margin: 10px auto 0 auto;
  }
}

.grp .head, .grp .foot, .boleto_numbers, .boleto_stars {
  width: 100%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.boleto_numbers td, .boleto_stars td {
  background: white;
  text-align: center;
  padding: 2px 0 !important;
}

.boleto_numbers td span, .boleto_stars td span {
  display: inline-block;
  margin-right: 4px;
  margin-top: 2px;
}

.boleto_numbers td {
  border: 1px solid #D5D5D5;
}

.boleto_numbers td.sho_ninguno {
  border: none !important;
}

.boleto_stars td {
  background: #f8edd0;
  border: 1px solid #e2b945;
}

.boleto_numbers td.checked, .boleto_stars td.checked {
  color: white;
  background: #af0f11;
}

.ico-plus {
  position: relative;
  max-width: 318px;
  width: 100%;
  margin: 0 auto;
}
.ico-plus img {
  background-size: contain;
  width: 100%;
}

.bets-week .int-radio, .bets-weeks .int-radio {
  padding: 2px 0;
}
.bets-week .int-radio.col3, .bets-weeks .int-radio.col3 {
  width: 33.33333333333333%;
  float: left;
}
.bets-week .int-radio.col2, .bets-weeks .int-radio.col2 {
  width: 50%;
  float: left;
}

.bets-week {
  width: 40%;
  padding-right: 20px;
  float: left;
}
@media only screen and (max-width: 1000px) {
  .bets-week {
    float: none;
    width: 100%;
    padding-right: 0;
  }
}

.bets-weeks {
  width: 60%;
  border-left: 1px solid #ccc;
  padding-left: 20px;
  float: right;
}
@media only screen and (max-width: 1000px) {
  .bets-weeks {
    float: none;
    width: 100%;
    padding-left: 0;
    border-left: none;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
  }
}

.dc-slick {
  position: absolute;
  top: -32px;
  left: 10px;
}

.dc-slick .tab {
  background: white;
  padding: 0 !important;
  display: inline-block;
  margin-left: 5px;
  width: 62px;
  height: 32px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.dc-slick .tab {
  background: #F0F0F0;
}
.dc-slick .tab:hover {
  background: #e6ecff;
}
.dc-slick .tab.active {
  background: #CEDBFF;
  border-bottom: none;
}
.dc-slick .tab.active a {
  color: #014ab8;
}

.dc-slick .tab a {
  display: block;
  text-align: center;
  color: #353535;
  text-decoration: none;
  height: 32px;
  width: 60px;
  height: 60px;
  width: 100%;
  padding: 7px 0;
  text-align: center;
}

/*Dialog Form*/
.ui-dialog {
  z-index: 9999999 !important;
  width: auto !important;
  height: auto !important;
}
@media only screen and (min-width: 551px) {
  .ui-dialog {
    min-width: 400px !important;
    max-width: 600px !important;
  }
}
@media only screen and (max-width: 550px) {
  .ui-dialog {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .ui-dialog textarea {
    width: 100% !important;
  }
}

@media only screen and (max-width: 550px) {
  .ui-dialog-content {
    height: calc(100% - 80px) !important;
  }
}
@media only screen and (min-width: 551px) {
  .ui-dialog-content {
    height: auto !important;
    max-height: 400px !important;
  }
}

.ui-dialog .ui-dialog-title {
  display: fixed !important;
  top: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

.ui-dialog .ui-dialog-buttonpane {
  display: fixed !important;
  bottom: 0 !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  max-height: 43px !important;
  text-align: center !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-top: 5px !important;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0 20px !important;
}

/*Dialog Form*/
.tbl_float_ico {
  position: absolute;
  top: 20px;
  margin-left: 10px;
}

.tbl_float {
  padding-top: 10px;
  position: relative;
}

.tbl_float a, .tbl_float_ico a {
  background: none !important;
}

.test-rwd {
  height: 0px;
}

/*Popup*/
body#popup {
  margin: 6px;
  padding: 0;
  background: #fff;
  color: #2a2a2a;
}

#popup_close {
  background: #fff;
  text-align: center;
  padding-bottom: 10px;
}

.popup {
  background: #fff;
}

#popup_head {
  background: #061b54;
  color: #fff;
  padding: 5px 10px;
}

#popup_head.no-ico {
  margin: 5px;
  background: #061b54;
  border: 1px solid #010718;
  padding: 7px 13px;
  position: relative;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -khtml-border-radius: 4px !important;
}

#popup_head.no-ico .exit {
  -moz-border-radius: 4px !important;
  position: absolute;
  background: #fff;
  right: 4px;
  top: 3px;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -khtml-border-radius: 4px !important;
  border: 1px solid #dddddd;
  width: 20px;
  height: 20px;
}

#popup_head.no-ico .exit a {
  background-image: url("/js/jquery/custom-theme/images/ui-icons_061b54_256x240.png");
  background-repeat: no-repeat;
  background-position: -98px -130px;
  display: block;
  width: 10px;
  margin: 3px 0 0 3px;
  padding: 1px;
  height: 10px;
  text-decoration: none;
}

#popup_head.no-ico .exit:hover {
  border: 1px solid #990000;
}

#popup_head.no-ico .exit a .thick {
  background-position: -96px -128px;
}

#popup_main {
  padding: 0 10px;
  background: #fff;
}

#popup h1 {
  font-size: 9pt;
  color: #c12822;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.play-lat-div-grp-border {
  margin: 10px 0 12px 0;
}

.play-lat-div-grp {
  display: table;
  border-collapse: collapse;
  width: 100%;
  position: relative;
}
.play-lat-div-grp .text {
  display: table-cell;
  background: white;
}
.play-lat-div-grp .text .ico-play {
  position: absolute;
  display: inline-block;
  top: 5px;
  left: 8px;
  background: url(/i/ico-cart-big.png) white no-repeat left;
  height: 30px;
  width: 33px;
}
.play-lat-div-grp .text .txt {
  position: absolute;
  display: inline-block;
  left: 48px;
  top: 12px;
}
@media only screen and (max-width: 550px) {
  .play-lat-div-grp .text {
    display: none !important;
  }
}
.play-lat-div-grp .btn {
  display: table-cell;
  text-align: right;
  padding: 2px 8px;
  width: 300px;
}
@media only screen and (max-width: 550px) {
  .play-lat-div-grp .btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 2px;
  }
}

.show-alert {
  position: relative;
}
.show-alert .ico {
  position: absolute;
  left: 10px;
  top: -16px;
}
.show-alert .msg-black, .show-alert .msg {
  border: 1px solid #ecec00;
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;
  background: #FFFCE5;
}
.show-alert .msg-black .msg-ico, .show-alert .msg .msg-ico {
  float: left;
  width: 40px;
  height: 10px;
}
.show-alert .msg-black .btn-msg, .show-alert .msg .btn-msg {
  display: inline-block;
  text-align: right;
  width: 240px;
  padding-right: 10px;
}
@media only screen and (max-width: 550px) {
  .show-alert .msg-black .btn-msg, .show-alert .msg .btn-msg {
    display: block;
    width: 100%;
    padding-right: 0px;
    text-align: center;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 550px) {
  .show-alert .msg-black .text-msg, .show-alert .msg .text-msg {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.show-alert .msg-black .with-response, .show-alert .msg .with-response {
  display: table;
  width: 100%;
}
@media only screen and (min-width: 551px) {
  .show-alert .msg-black .with-response .btn-msg, .show-alert .msg .with-response .btn-msg {
    display: table-cell;
  }
}
@media only screen and (min-width: 551px) {
  .show-alert .msg-black .with-response .text-msg, .show-alert .msg .with-response .text-msg {
    width: 100%;
    display: table-cell;
  }
}

.play-lat-div:not(.play-lat) {
  border: 1px dashed #cccccc;
  margin-bottom: 11px;
}
@media only screen and (max-width: 1000px) {
  .play-lat-div:not(.play-lat) {
    display: none;
  }
}
.play-lat-div .cart-head {
  position: relative;
  margin-right: 29px;
  height: 32px;
}
.play-lat-div .cart-head .bets-cart {
  color: #5B5B5B;
}
.play-lat-div .cart-head.checkout {
  margin-right: 0;
  height: auto;
}
.play-lat-div .cart-head.checkout .cart-body {
  position: relative;
  margin-top: 42px;
}
.play-lat-div .cart-head.checkout .info-tbl {
  border: none;
}
.play-lat-div .cart-head .txt {
  position: absolute;
  display: inline-block;
  top: 8px;
  left: 34px;
  padding: 0;
}
.play-lat-div .cart-head .ico-play {
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 8px;
  background: url(/i/ico-cart-peq.jpg) white no-repeat left;
  height: 24px;
  width: 20px;
}
.play-lat-div .cart-prize {
  float: right;
  text-align: right;
  padding: 8px;
}
.play-lat-div.cart .cart-head {
  margin-right: 300px;
  height: 42px;
}
.play-lat-div.cart .cart-head .txt {
  left: 48px;
  top: 14px;
}
.play-lat-div.cart .cart-head .txt.d {
  right: 6px;
}
.play-lat-div.cart .cart-head .ico-play {
  top: 7px;
  background: url(/i/ico-cart-big.png) white no-repeat left;
  height: 30px;
  width: 33px;
}
.play-lat-div.cart .cart-prize {
  width: 300px;
  height: 42px;
  text-align: center;
  display: block;
  vertical-align: middle;
}
.play-lat-div.cart:hover {
  cursor: auto;
}
.play-lat-div:hover {
  cursor: pointer;
}
.play-lat-div.big .cart-head {
  height: 42px;
}
.play-lat-div.big .cart-prize {
  height: 34px;
}

.btn_cart_shop {
  color: #fff !important;
  text-decoration: none;
  border: none;
  font-weight: normal;
  padding: 6px 12px;
  display: inline-block;
  background-image: url("/i/sprites-bck-buttons.png");
  background-size: 1px 162px;
  background-position: 0 -31px;
  border: 1px solid #A06703;
  background-repeat: repeat-x;
}
.btn_cart_shop.with-ico {
  position: relative;
  padding: 0;
}
.btn_cart_shop.with-ico .int-ico {
  padding: 6px 6px;
  display: inline-block;
  width: calc(100%);
}
.btn_cart_shop.with-ico .int-ico.ico-d {
  padding-right: 30px;
}
.btn_cart_shop.with-ico .int-ico.ico-i {
  padding-left: 30px;
}
.btn_cart_shop.with-ico .ico {
  width: 26px;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url("/i/sprites-bck-buttons.png");
  background-repeat: repeat-x;
  background-size: 1px 162px;
  background-position: 0 -63px;
}
.btn_cart_shop.with-ico .ico-img {
  display: block;
  height: 16px;
  width: 11px;
  margin: 6px auto 6px auto;
}
.btn_cart_shop.with-ico .ico-img.send {
  background: url(/i/ico-btn-send.png) center no-repeat;
}
.btn_cart_shop.with-ico .ico-img.next {
  background: url(/i/ico-btn-next.png) center no-repeat;
  width: 17px;
}

/*Cart table*/
.tbl-cart {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
.tbl-cart .head a, .tbl-cart .sub-head a {
  text-decoration: none;
}
.tbl-cart.ee .head .col, .tbl-cart .sub-head.ee .col, .tbl-cart .row.ee .col {
  background: #deebfa;
}
.tbl-cart.ee .head.dark .col, .tbl-cart .sub-head.ee.dark .col, .tbl-cart .row.ee.dark .col {
  background: #D1E4F8;
}
.tbl-cart.ee .head:not(.row) .col, .tbl-cart.ee .head:not(.row) .col a, .tbl-cart .sub-head.ee:not(.row) .col, .tbl-cart .sub-head.ee:not(.row) .col a, .tbl-cart .row.ee:not(.row) .col, .tbl-cart .row.ee:not(.row) .col a {
  color: #014ab8;
}
.tbl-cart.tp .head .col, .tbl-cart .sub-head.tp .col, .tbl-cart .row.tp .col {
  background: #DDFBCE;
}
.tbl-cart.tp .head:not(.row) .col, .tbl-cart.tp .head:not(.row) .col a, .tbl-cart .sub-head.tp:not(.row) .col, .tbl-cart .sub-head.tp:not(.row) .col a, .tbl-cart .row.tp:not(.row) .col, .tbl-cart .row.tp:not(.row) .col a {
  color: #53ae29;
}
.tbl-cart .row.tp .col {
  background: #EEFDE8;
}
.tbl-cart.tg .head .col, .tbl-cart .sub-head.tg .col, .tbl-cart .row.tg .col {
  background: #FED9D8;
}
.tbl-cart.tg .head:not(.row) .col, .tbl-cart.tg .head:not(.row) .col a, .tbl-cart .sub-head.tg:not(.row) .col, .tbl-cart .sub-head.tg:not(.row) .col a, .tbl-cart .row.tg:not(.row) .col, .tbl-cart .row.tg:not(.row) .col a {
  color: #e42e26;
}
.tbl-cart .row.tg .col {
  background: #fcebea;
}
.tbl-cart.tb .head .col, .tbl-cart .sub-head.tb .col, .tbl-cart .row.tb .col {
  background: #f7ddee;
}
.tbl-cart.tb .head:not(.row) .col, .tbl-cart.tb .head:not(.row) .col a, .tbl-cart .sub-head.tb:not(.row) .col, .tbl-cart .sub-head.tb:not(.row) .col a, .tbl-cart .row.tb:not(.row) .col, .tbl-cart .row.tb:not(.row) .col a {
  color: #bc3e8e;
}
.tbl-cart .head {
  display: table-caption;
  width: 100%;
}
@media only screen and (min-width: 751px) {
  .tbl-cart .head {
    display: table-row;
  }
}
.tbl-cart .row {
  display: table-row;
}
.tbl-cart .row.active {
  background: #cffcbe;
  color: #267e05;
}
.tbl-cart .row.active-ee {
  background: #deebfa;
}
@media only screen and (max-width: 750px) {
  .tbl-cart .row.ee .col {
    background: #EBF3FC;
  }
}
.tbl-cart .col {
  display: table-cell;
  padding: 6px;
}
@media only screen and (max-width: 750px) {
  .tbl-cart .col {
    padding: 6px;
  }
}
.tbl-cart .col.col-game {
  width: 34%;
}
.tbl-cart .col.col-kind {
  width: 8%;
}
.tbl-cart .col.col-date.order {
  width: 30%;
}
.tbl-cart .col.col-date.big {
  width: 37%;
}
.tbl-cart .col.col-date.peq {
  width: 81%;
}
.tbl-cart .col.col-combi {
  width: 36%;
}
.tbl-cart .col.col-auto {
  width: 3%;
}
.tbl-cart .col.col-prc {
  width: 8%;
}
.tbl-cart .col.col-lin {
  width: 4%;
}
.tbl-cart .col.col-ren {
  width: 20%;
}
.tbl-cart .col.col-tot {
  width: 10%;
}
.tbl-cart .col.col-lnk {
  width: 4%;
}
.tbl-cart .col.col-row {
  width: 4%;
}
.tbl-cart .col .padding {
  padding-left: 6px;
}
@media only screen and (max-width: 750px) {
  .tbl-cart .col .padding {
    padding-left: 4px;
  }
}
@media only screen and (max-width: 750px) {
  .tbl-cart .col.all {
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  .tbl-cart .col.big {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .tbl-cart .col.big {
    display: table-cell;
  }
}
.tbl-cart .col .title {
  display: inline-block;
  text-align: left;
}
.tbl-cart .col .txt-date {
  color: #353535 !important;
  display: inline-block;
  text-align: right;
  float: right;
}
.tbl-cart .col .txt-date.with-del {
  margin-right: 16px;
}
.tbl-cart .col .txt-tot {
  display: inline-block;
  text-align: right;
  float: right;
}
.tbl-cart .col .lnk-del .bet-del {
  display: inline-block;
  text-align: center;
  border: none;
  margin-left: 8px;
}
.tbl-cart .col .lnk-del .bet-del:hover {
  cursor: pointer;
}
.tbl-cart .col .sign {
  display: inline-block;
  padding: 0 1px;
}
.tbl-cart .head .col, .tbl-cart .sub-head .col {
  padding: 6px;
}
.tbl-cart:not(.no-hover) .row:hover .col {
  background: #FCF8A3;
}

/*Cart table*/
.login-home button, .login-home input[type="submit"] {
  width: 100%;
  max-width: 140px;
}

.tbl-cat-div, .tbl-num-div {
  width: 50px;
  float: left;
}
.tbl-cat-div .tbl, .tbl-num-div .tbl {
  width: 100%;
}
.tbl-cat-div .tbl td, .tbl-num-div .tbl td {
  vertical-align: middle;
}

.tbl-num-div {
  width: 140px;
}
.tbl-num-div th.back {
  background: #fad1d1;
  color: #AB0302;
}

.tbl-cat-div td, .tbl-num-div td {
  margin: 0 !important;
  padding: 0 0 !important;
  height: 29px !important;
}
.tbl-cat-div td .number.ball, .tbl-cat-div td .number.star, .tbl-num-div td .number.ball, .tbl-num-div td .number.star {
  background-position: center;
  display: inline-block;
  width: 23px;
  height: 23px;
  font-size: 0.9em;
  color: #014ab8;
}
.tbl-cat-div td .number.ball, .tbl-num-div td .number.ball {
  padding: 3px 0 !important;
  background: url(/i/combi-balls.png) no-repeat !important;
  background-size: 46px 23px !important;
}
.tbl-cat-div td .number.star, .tbl-num-div td .number.star {
  padding: 4px 0 !important;
  background: url(/i/combi-balls.png) no-repeat !important;
  background-size: 46px 23px !important;
  background-position: -23px 0 !important;
}

td.tot-cell {
  background: #FBDDDD !important;
}
td.tot-cell .int {
  padding: 0 5px;
}

.par td.tot-cell {
  background: #F2F2F2 !important;
}

.tbl-scroll .tbl-res-countries {
  width: calc(100% - 50px);
}
.tbl-scroll .tbl-country-div {
  float: left;
}
.tbl-scroll .tbl-country-div .tbl {
  width: 100%;
}
.tbl-scroll .tbl-country-div .tbl tr.premio td {
  background: #E6FFBF !important;
}
.tbl-scroll .tbl-country-div .tbl td {
  padding: 6px 4px;
  height: 29px;
}
.tbl-scroll .tbl-num-data-div {
  float: left;
  border: 1px solid #000;
}
.tbl-scroll .tbl-num-data-div .tbl {
  width: 100%;
}
.tbl-scroll .tbl-num-data-div .tbl td {
  padding: 6px 4px;
}
.tbl-scroll .tbl-scroller {
  float: left;
}
.tbl-scroll .tbl-scroller .tbl {
  width: 100%;
}

.responsive-cell {
  min-width: 26px;
}

.body-izqda {
  float: left;
  width: 50%;
  text-align: left;
}

.body-izqda > .int {
  margin-right: 5px;
}

.body-dcha {
  float: right;
  width: 50%;
  text-align: left;
}

.body-dcha > .int {
  margin-left: 5px;
}

.tit_gral {
  text-align: right;
}

.hide_resp {
  display: block;
}

h1.checkout {
  padding-bottom: 10px !important;
}

@media only screen and (max-width: 550px) {
  .body-izqda {
    float: none;
    width: 100%;
    text-align: center;
  }

  .body-dcha {
    float: none;
    width: 100%;
    text-align: center;
  }
}
.reset-div {
  margin: 0 auto;
  width: 60%;
}
@media only screen and (max-width: 750px) {
  .reset-div {
    width: 100%;
  }
}

.grp.checkout {
  border-bottom: 1px dashed #cccccc;
  position: relative;
}

.grp.checkout table.tbl {
  padding: 10px;
  background: #f7f7f7;
  font-weight: bold;
}

.grp.checkout > .head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 6px;
  height: 42px;
}

.grp.checkout > .head > .ico-play {
  position: absolute;
  display: inline-block;
  top: 7px;
  background: url(/i/ico-cart-big.png) white no-repeat left;
  height: 30px;
  width: 33px;
}

.grp.checkout > .head > .txt {
  position: absolute;
  display: inline-block;
  left: 46px;
  top: 14px;
}

.grp.checkout > .body {
  padding-top: 42px;
}
.grp.checkout > .body .tbl.border-top {
  border-top: 1px dotted #cccccc;
}

.checkout .info-head {
  background: #f8f047;
  border: 1px solid #f8f047;
  border-bottom: none;
  padding: 6px;
}

.grp.checkout > .body > .info-tbl {
  border: none;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 20px 0;
}

.grp_btn_shop {
  background: #eaf3fe;
  padding: 10px;
  border: 1px solid #c9e1f4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.div-input-content, .div-btn-pic-content {
  max-width: 240px;
}

/*Check Password*/
.progress_bar {
  margin: 2px 6px;
  width: 140px;
  height: 20px;
  text-align: left;
}

.weak, .strong, .stronger, .strongest {
  height: 20px;
  text-align: left;
  background: url(../i/pic-back-sec-bar.jpg) no-repeat;
}

.weak {
  width: 35px;
}

.strong {
  width: 70px;
}

.stronger {
  width: 105px;
}

.strongest {
  width: 140px;
}

.price-panel, .price_mini {
  color: #d42722;
  font-size: 18pt;
  font-weight: normal;
}

.price_mini {
  font-size: 12pt;
  font-weight: bold;
}

/*Check Password*/
/*Intranet*/
.intranet .head-nav-intranet {
  min-height: 26px;
  position: relative;
  color: #014ab8;
  font-weight: normal;
  padding: 5px 10px;
  border-bottom: 1px dashed #cccccc;
}
.intranet .head-nav-intranet .tit-intranet {
  color: #6B5F67;
}
@media only screen and (max-width: 550px) {
  .intranet .head-nav-intranet .tit-intranet {
    display: none !important;
  }
}
.intranet .head-nav-intranet .name-client {
  position: absolute;
  margin: 0 auto;
  top: 5px;
  left: 0;
  right: 0;
}
.intranet .nav-intranet {
  background: #F2F5FF;
  padding: 6px 6px;
}
@media only screen and (min-width: 1001px) {
  .intranet .nav-intranet {
    display: block !important;
  }
}
.intranet .nav-intranet ul {
  list-style: none;
  margin: 0 -1px;
}
.intranet .nav-intranet li {
  float: left;
  width: 11.11111111111111%;
}
.intranet .nav-intranet li a {
  display: block;
  text-align: center;
  color: #4d4a45;
  text-decoration: none;
  padding: 5px 9px;
  border: 1px solid #F2F5FF;
  margin: 0 1px;
  margin-bottom: 2px;
}
.intranet .nav-intranet li a.active, .intranet .nav-intranet li a:hover {
  background: #fffce5;
  border: 1px solid #f8f047;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.intranet .nav-intranet li a.active {
  background: #fffce5;
  border: 1px solid #f8f047;
}
@media only screen and (max-width: 550px) {
  .intranet .nav-intranet li {
    width: 20%;
  }
}
@media only screen and (max-width: 550px) {
  .intranet .nav-intranet li img {
    width: 32px !important;
    height: 28px !important;
  }
  .intranet .nav-intranet li .big img {
    width: 44px !important;
    height: 28px !important;
  }
  .intranet .nav-intranet li a {
    min-width: 32px;
    padding: 5px 5px;
  }
}
@media only screen and (max-width: 750px) {
  .intranet .nav-intranet li .text {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .intranet .lbl:not(.full) {
    text-align: left;
    float: none !important;
  }
  .intranet .field:not(.full) {
    text-align: left;
    float: none !important;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin-left: 10px !important;
    margin-top: 5px;
  }
}
.intranet .search {
  padding: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  min-height: 40px;
}
.intranet .search .tit-search {
  float: left;
  width: 50%;
  text-align: left;
  margin-top: 5px;
  padding-left: 5px;
}
@media only screen and (max-width: 550px) {
  .intranet .search .tit-search {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 0px;
  }
}
.intranet .search .opt-search {
  float: left;
  width: 50%;
  text-align: right;
}
@media only screen and (max-width: 550px) {
  .intranet .search .opt-search {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 0px;
  }
}
.intranet .no-button {
  padding: 5px 0;
}
@media only screen and (min-width: 751px) {
  .intranet .global-tbl {
    display: table;
    width: 100%;
  }
}
.intranet .result-draw {
  width: 300px;
}
@media only screen and (min-width: 751px) {
  .intranet .result-draw {
    display: table-cell;
    vertical-align: top;
  }
}
.intranet .result-draw.peq {
  width: 220px;
}
.intranet .combis-draw {
  padding-left: 10px;
}
@media only screen and (min-width: 751px) {
  .intranet .combis-draw {
    display: table-cell;
    vertical-align: top;
  }
}
@media only screen and (max-width: 750px) {
  .intranet .result-draw, .intranet .combis-draw {
    width: 100% !important;
    padding: 0;
    margin: 0;
  }
}
.intranet .msg-combi {
  padding: 5px;
  color: #014AB8;
  border: 1px solid #014ab8;
  background: #F3F7FC;
  width: 100%;
  display: block;
}
.intranet .state-pic {
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.intranet .state-pic.ok {
  background-image: url(/i/ico-int-correct.gif);
}
.intranet .state-pic.pd {
  background-image: url(/i/ico-int-pend.gif);
}

.int-pag {
  margin-top: 16px;
}

a.lnk-pag {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 6px 8px;
  min-width: 30px;
  margin-bottom: 5px;
  text-decoration: none;
}
a.lnk-pag.active {
  font-weight: bold;
  text-decoration: none;
}

.tg a.lnk-pag:hover {
  background: #FCEBEA;
}
.tg a.lnk-pag.active {
  background: #FCEBEA;
  color: #e42e26;
}

.ln a.lnk-pag:hover {
  background: #dce0fc;
}
.ln a.lnk-pag.active {
  background: #dce0fc;
  color: #6373b5;
}

.tb a.lnk-pag:hover {
  background: #faf2f7;
}
.tb a.lnk-pag.active {
  background: #faf2f7;
  color: #bc3e8e;
}

.int_acierto, .int_acierto td {
  background: #CDFBAC !important;
}

.tot-order {
  text-align: right;
  float: right;
}

.grp-result-home {
  padding: 10px;
  background: #FDECEC;
}
.grp-result-home[role="result"] {
  margin: 0 auto;
}
@media only screen and (min-width: 551px) {
  .grp-result-home[role="result"] {
    width: 90%;
  }
}
@media only screen and (min-width: 1001px) {
  .grp-result-home[role="result"] {
    width: 80%;
  }
}
.grp-result-home .date {
  position: relative;
  text-align: center;
  padding: 10px;
  background: #FBD7D7;
  font-size: 11pt;
  color: #c00000;
  margin-bottom: 12px;
}
.grp-result-home .date a {
  color: #c00000;
}
.grp-result-home .date a {
  text-decoration: none;
}
.grp-result-home .date:after {
  content: " ";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.grp-result-home .date.arrowBottom:after {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  left: calc(50% - 12px);
}
.grp-result-home .date.arrowBottom:after {
  border-top: 8px solid #FBD7D7;
  bottom: -8px;
  z-index: 2;
}

.text-welcome {
  text-align: justify;
  display: block;
}

.int-complete {
  min-height: 16px;
}

@media only screen and (min-width: 1001px) {
  .no-breadcrumb-full .nav .int-complete .bread {
    display: none;
  }
}

.detail-shop-panel-limit {
  background: #CBFCBE;
  padding: 6px;
}
.detail-shop-panel-limit.margin-top {
  background: #D3F1DC;
}
@media only screen and (min-width: 551px) {
  .detail-shop-panel-limit.margin-top {
    margin-top: 2px;
  }
}

.grp-back-div {
  background: #F0F0F0;
  padding: 16px;
}
.grp-back-div.grp-support.ok {
  background: #EEFDE8;
  margin-left: 40px;
}
@media only screen and (max-width: 750px) {
  .grp-back-div.grp-support.ok {
    margin-left: 20px;
  }
}
.grp-back-div.grp-support.pd {
  background: #FCF2D8;
  margin-right: 40px;
}
@media only screen and (max-width: 750px) {
  .grp-back-div.grp-support.pd {
    margin-right: 20px;
  }
}
.grp-back-div.grp-support .date {
  display: block;
  text-align: right;
  margin-bottom: 6px;
}

.padding-l {
  padding-left: 10px;
}

/*Cookie Bar*/
#cookie-msg {
  width: 100%;
  color: #F7F7F7;
  text-align: left;
  display: none;
  background: rgba(48, 48, 48, 0.9);
  z-index: 9999;
}

#cookie-msg a.lnk-cookie {
  color: #ccc;
  text-decoration: none;
}

#cookie-msg-inner {
  margin: 0 auto;
  overflow: hidden;
  display: table;
  width: 100%;
  position: relative;
  max-width: 990px;
  padding: 12px;
}

#cookie-msg-inner .txt {
  display: table-cell;
}

#cookie-msg-inner .btn-close {
  display: table-cell;
  width: 40px;
  text-align: right;
  overflow: visible;
}

#cookie-msg-inner span {
  margin: 0 auto;
  display: block;
  font-weight: normal;
  text-align: center;
}

#cookie-msg-inner a.closeX {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
  border: 1px solid white;
  background: #242424;
  color: white;
  font-size: 10pt;
  text-decoration: none;
  padding: 2px 8px;
}

.info-table {
  display: table;
  margin: 0 auto;
}
.info-table .row {
  display: table-row;
}
.info-table .info-limit, .info-table .info-lnk {
  display: table-cell;
  vertical-align: middle;
}
.info-table .info-lnk {
  width: 16px;
  padding-left: 10px;
}
@media only screen and (min-width: 551px) {
  .info-table .info-lnk {
    display: none;
  }
}

.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  background-image: url(/i/flags/sprites-flags.png);
  background-repeat: no-repeat;
  background-size: 35px 61px;
}
.flag.es {
  background-position: -1px -25px;
}
.flag.gb {
  background-position: -1px -37px;
}
.flag.pt {
  background-position: -18px -25px;
}
.flag.fr {
  background-position: -18px -13px;
}
.flag.be {
  background-position: -1px -1px;
}
.flag.ie {
  background-position: -18px -37px;
}
.flag.at {
  background-position: -18px -1px;
}
.flag.ch {
  background-position: -1px -13px;
}
.flag.lu {
  background-position: -1px -49px;
}

.tel-lbl, .tel-txt {
  display: inline-block;
}

.tel-lbl {
  width: 90px;
  text-align: left;
  margin-right: 10px;
}

.txt-rain {
  display: block;
}

.txt-code, .rec-code, .rec-rain {
  display: inline-block;
}

.info-dots {
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  padding: 10px 0;
}

.info-rain-codes {
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
}

.info-micodes.bottom-border {
  border-bottom: 1px dashed #cccccc;
}
@media only screen and (min-width: 1001px) {
  .info-micodes {
    display: table;
    width: 100%;
  }
}
.info-micodes .txt-code, .info-micodes .codes {
  display: block;
}
@media only screen and (min-width: 1001px) {
  .info-micodes .txt-code, .info-micodes .codes {
    display: table-cell;
  }
}
.info-micodes .txt-code {
  padding-top: 10px;
  text-align: center;
}
@media only screen and (min-width: 1001px) {
  .info-micodes .txt-code {
    width: 50%;
    padding: 10px 0;
    text-align: left;
  }
}
.info-micodes .codes {
  padding: 10px 0;
}

.info-rain-codes .txt-code {
  text-align: center;
  display: block;
  padding-top: 10px;
}
@media only screen and (min-width: 1001px) {
  .info-rain-codes .txt-code {
    padding: 10px 0;
    text-align: left;
  }
}

.rain-codes {
  display: block;
  padding: 10px 0;
}

.codes {
  text-align: center;
}
@media only screen and (min-width: 1001px) {
  .codes {
    text-align: left;
  }
}

.rec-code {
  text-align: center;
  color: #014ab8;
  font-size: 1.2em;
}
@media only screen and (min-width: 1001px) {
  .rec-code {
    text-align: right;
  }
}
.rec-code.small {
  font-size: 1.2em;
}

.rec-rain {
  margin: 0px;
  margin-bottom: 8px;
  color: #EF6161;
  font-size: 1.2em;
  width: 50%;
}
.rec-rain.mimillon {
  color: #014ab8;
}
@media only screen and (min-width: 1001px) {
  .rec-rain {
    width: 20%;
  }
}
.rec-rain.small {
  font-size: 1.2em;
  width: 50%;
  margin-bottom: 5px;
  text-align: center;
}
@media only screen and (min-width: 1001px) {
  .rec-rain.small {
    width: 33.33%;
  }
}

.info-euro-new {
  padding-top: 10px;
  font-size: 1.2em !important;
}

.info-euro-new h2 {
  font-size: 1.4em;
}

.info-euro-new ul {
  margin: 10px 0px 20px 40px !important;
}

.info-euro-new li {
  margin-bottom: 10px !important;
}

.info-euro-new .padding-info {
  padding: 30px 20px 10px 20px !important;
}

nav[role="langs"] {
  font-size: 8pt;
}
@media only screen and (min-width: 751px) {
  nav[role="langs"] ul {
    list-style: none;
    float: right;
    margin: 3px;
  }
  nav[role="langs"] li {
    float: left;
    text-align: left !important;
    margin-left: 16px;
    min-width: 60px;
    padding: 3px 0;
  }
  nav[role="langs"] li:last-of-type a {
    border-right: none;
    padding-right: 0;
  }
  nav[role="langs"] li a {
    display: block;
    color: white;
    text-decoration: none;
    text-align: center;
    padding: 0 6px;
    outline: none;
  }
  nav[role="langs"] li:hover, nav[role="langs"] li.active {
    color: white;
    border-bottom: 1px dotted white;
  }
  nav[role="langs"] li:hover {
    border-bottom: 1px dotted white;
  }
  nav[role="langs"] .wrapper-dropdown span {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  nav[role="langs"] {
    /* Hover state */
    /* Active state */
  }
  nav[role="langs"] .wrapper-dropdown {
    /* Size and position */
    width: auto;
    position: relative;
    float: right;
    margin: 0 auto;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    /* Font settings */
    font-weight: bold;
    color: white;
    z-index: 9999;
  }
  nav[role="langs"] .wrapper-dropdown span {
    display: block;
    margin-right: 19px;
    text-align: right;
    font-weight: normal;
  }
  nav[role="langs"] .wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -2px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: white transparent;
  }
  nav[role="langs"] .wrapper-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;
    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;
    /* Hiding */
    opacity: 0;
    pointer-events: none;
  }
  nav[role="langs"] .wrapper-dropdown .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 8px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
  }
  nav[role="langs"] .wrapper-dropdown .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 6px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1) transparent;
  }
  nav[role="langs"] .wrapper-dropdown .dropdown li a {
    display: block;
    padding: 5px 8px;
    text-decoration: none;
    color: #999;
    outline: none;
    border-bottom: 1px dotted #ccc;
    box-shadow: inset 0 1px 0 white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 999;
    text-align: left;
  }
  nav[role="langs"] .wrapper-dropdown .dropdown li i {
    float: right;
    color: inherit;
  }
  nav[role="langs"] .wrapper-dropdown .dropdown li:first-of-type a {
    border-radius: 3px 3px 0 0;
  }
  nav[role="langs"] .wrapper-dropdown .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 3px 3px;
  }
  nav[role="langs"] .wrapper-dropdown .dropdown li:hover a {
    background: #EEEEE6;
  }
  nav[role="langs"] .wrapper-dropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto;
  }
  nav[role="langs"] .wrapper-dropdown {
    min-width: 90px;
  }
  nav[role="langs"] span {
    display: block;
    margin-right: 19px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 750px) and (max-width: 550px) {
  nav[role="langs"] .wrapper-dropdown {
    color: #353535;
  }
  nav[role="langs"] .wrapper-dropdown:after {
    border-color: #353535 transparent;
  }
}

@media only screen and (max-width: 750px) {
  nav[role="currencies"] {
    top: 16px;
    right: 83px;
    /* Hover state */
    /* Active state */
  }
  nav[role="currencies"] .wrapper-dropdown {
    /* Size and position */
    width: auto;
    position: relative;
    float: right;
    margin: 0 auto;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    /* Font settings */
    font-weight: bold;
    color: white;
    z-index: 9999;
  }
  nav[role="currencies"] .wrapper-dropdown span {
    display: block;
    margin-right: 19px;
    text-align: right;
    font-weight: normal;
  }
  nav[role="currencies"] .wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -2px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: white transparent;
  }
  nav[role="currencies"] .wrapper-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;
    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;
    /* Hiding */
    opacity: 0;
    pointer-events: none;
  }
  nav[role="currencies"] .wrapper-dropdown .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 8px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
  }
  nav[role="currencies"] .wrapper-dropdown .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 6px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1) transparent;
  }
  nav[role="currencies"] .wrapper-dropdown .dropdown li a {
    display: block;
    padding: 5px 8px;
    text-decoration: none;
    color: #999;
    outline: none;
    border-bottom: 1px dotted #ccc;
    box-shadow: inset 0 1px 0 white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 999;
    text-align: left;
  }
  nav[role="currencies"] .wrapper-dropdown .dropdown li i {
    float: right;
    color: inherit;
  }
  nav[role="currencies"] .wrapper-dropdown .dropdown li:first-of-type a {
    border-radius: 3px 3px 0 0;
  }
  nav[role="currencies"] .wrapper-dropdown .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 3px 3px;
  }
  nav[role="currencies"] .wrapper-dropdown .dropdown li:hover a {
    background: #EEEEE6;
  }
  nav[role="currencies"] .wrapper-dropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto;
  }
  nav[role="currencies"] .wrapper-dropdown {
    width: 60px;
  }
  nav[role="currencies"] span {
    display: block;
    margin-right: 19px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 750px) and (max-width: 550px) {
  nav[role="currencies"] {
    top: 120px;
    right: 83px;
  }
}
@media only screen and (max-width: 750px) and (max-width: 550px) {
  nav[role="currencies"] .wrapper-dropdown {
    color: #353535;
  }
  nav[role="currencies"] .wrapper-dropdown:after {
    border-color: #353535 transparent;
  }
}

.wrapper-dropdown.no-head span {
  text-align: left !important;
}