.buttonGreen {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  cursor: pointer;
}
.buttonGreen:hover {
  border: solid 3px #7ac43d;
}
.buttonGreen:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.buttonOrange {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  cursor: pointer;
}
.buttonOrange:hover {
  border: solid 3px #FBA62D;
}
.buttonOrange:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
.buttonBlue {
  background-color: #42B2FC;
  box-shadow: inset 0 2px 0 0 #7fc7f7, inset 0 -4px 0 0 #30A2ED, inset 0 4px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
  cursor: pointer;
}
.buttonBlue:hover {
  border: solid 3px #42B2FC;
}
.buttonBlue:active {
  background-color: #1482FD;
  box-shadow: inset 0 0 0 0 #1482FD, inset 0px 2px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
}
.buttonViolet {
  background-color: #9C77CF;
  box-shadow: inset 0 2px 0 0 #B58EEC, inset 0 -4px 0 0 #8b66bd, inset 0 4px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
  cursor: pointer;
}
.buttonViolet:hover {
  border: solid 3px #9C77CF;
}
.buttonViolet:active {
  background-color: #835BBA;
  box-shadow: inset 0 0 0 0 #835BBA, inset 0px 2px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
}
.buttonRed {
  background-color: #ff5a5f;
  box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
  border: solid 3px #e9464b;
  cursor: pointer;
}
.buttonRed:hover {
  border: solid 3px #ff5a5f;
}
.buttonRed:active {
  background-color: #e9464b;
  box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
  border: solid 3px #e9464b;
}
.buttonOrangeDiploma {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #df6c0f, inset 1.7px 3.6px 0 0 #ffd69c, inset 0px -6.5px 0 0 #e98320;
  background-image: linear-gradient(to bottom, #ffd700, #fba62d, #f19d25);
  border: solid 4px #1ebfcf;
}
.buttonOrangeDiploma:hover {
  background-image: linear-gradient(#ffb348, #ffb348);
}
.buttonOrangeDiploma:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 0.7px -0.8px 0 0 #df6c0f, inset 0.2px 0.5px 0 0 #ffd69c;
  background-image: linear-gradient(#ee870e, #ee870e);
}
.iconButton {
  border-width: 2px;
}
.scrollBar {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollBar::-webkit-scrollbar {
  width: 24px;
}
.scrollBar::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
.scrollBar::-webkit-scrollbar-thumb {
  width: 18px;
  border-radius: 12px;
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #9ccdff, #cce8ff);
  border: 3px solid transparent;
  background-clip: content-box;
}
.scrollBar::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
.scrollBar.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollBar.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
.scrollBar.golden::-webkit-scrollbar-thumb {
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #c3955a, #ffe4a2);
}
.scrollBar.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
.scrollBar.brown {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollBar.brown::-webkit-scrollbar-track {
  background-color: #F7A278;
  border: 11px solid #fff2e6;
  box-shadow: 0 0 0 1px #f8ccb6;
}
.scrollBar.brown::-webkit-scrollbar-thumb {
  box-shadow: 0.1px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #d45d22, #ad4b1b);
}
.scrollBar.brown::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
.scrollBar.thinBar::-webkit-scrollbar {
  width: 15px;
}
/*IMPORTANTE: problemas con animaciones que hagan transform, poner la sombra en un hijo y animar el padre*/
.scrollfade-container {
  height: 100%;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 1;
}
.scrollfade-container.fade-top {
  background: linear-gradient(to top, transparent calc(100% - 48px), #ffffff 100%);
}
.scrollfade-container.fade-middle {
  background: linear-gradient(to top, transparent calc(100% - 48px), #ffffff 100%), linear-gradient(to bottom, transparent calc(100% - 48px), #ffffff 100%);
}
.scrollfade-container.fade-bottom {
  background: linear-gradient(to bottom, transparent calc(100% - 48px), #ffffff 100%);
}
fieldset {
  border: none;
}
.overlay {
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  position: absolute;
  background: #CECECE;
  z-index: 12;
}
.dialog {
  display: none;
  text-align: center;
  font-size: 14px;
  background: #FFFFFF;
  position: absolute;
  width: 60%;
  z-index: 13;
  top: 90px;
}
@media (max-width: 700px) {
  .dialog {
    width: 80%;
  }
}
.dialog .title {
  font-size: 22px;
  background: #8a8080;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  font-weight: 300;
}
.dialog .contenidoDialog {
  text-align: left;
}
.dialog .contenidoDialog ul {
  color: #a19797;
}
.dialog .close {
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  width: 34px;
  height: 34px;
  font-size: 25px;
  margin-left: 95%;
  opacity: 0.7;
  background: none;
}
.dialog .close:hover {
  text-shadow: 0px 0px 10px #FFFAFA;
}
.dialog p {
  color: #a19797;
  line-height: 1.15;
}
.dialog .dialogSectionTitle {
  color: #FBA62D;
  font-size: 18px;
  margin: 15px 0px 5px 0px;
}
.dialog .subrayadoText {
  text-decoration: underline;
}
.dialog ul,
.dialog ol,
.dialog li {
  list-style-type: disc !important;
}
ul.disc {
  padding: 0 25px;
}
ul.disc li {
  list-style: disc;
}
/* Cabecera  estrecha*/
#header.narrowHeader {
  background: white;
  overflow: hidden;
  padding: 0px;
  height: 50px;
}
#header.narrowHeader .holder {
  width: 95%;
  margin: 0 auto;
  height: 100%!important;
}
@media (min-width: 1150px) {
  #header.narrowHeader .holder {
    width: 1000px;
  }
}
#header.narrowHeader .holder h1.logoAzul {
  float: left;
  height: 53px;
  overflow: hidden;
  text-indent: -999px;
  width: 160px;
  background-size: 100%!important;
  margin: 2px 0 0 0;
}
#header.narrowHeader .holder .helpHolder {
  float: right;
  text-align: right;
  margin-top: 10px;
  font-family: Raleway, sans-serif;
  font-size: 13px;
  vertical-align: middle;
}
#header.narrowHeader .holder .helpHolder .phoneHolder {
  display: inline-block;
  text-align: left;
  color: #3e3e3e;
  white-space: nowrap;
  vertical-align: middle;
}
#header.narrowHeader .holder .helpHolder .phoneHolder .header--wasap-phone--sep {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #d7e4f1;
  margin: 0 10px;
  height: 2em;
}
#header.narrowHeader .holder .helpHolder .phoneHolder .header--wasap,
#header.narrowHeader .holder .helpHolder .phoneHolder .header--phone {
  display: inline-block;
  background-repeat: no-repeat;
  height: 28px;
  box-sizing: border-box;
  padding-left: 30px;
  padding-top: 5px;
  margin: 0 5px 0;
}
#header.narrowHeader .holder .helpHolder .phoneHolder .header--wasap span,
#header.narrowHeader .holder .helpHolder .phoneHolder .header--phone span {
  padding-left: 5px;
  font-size: 16px;
  font-weight: bold;
}
#header.narrowHeader .holder .helpHolder .phoneHolder .header--wasap {
  background-image: url("../../images/home3/icons/home-whatsapp-neg.png");
  background-size: 28px 28px;
  background-position: left center;
}
@media (min-resolution: 1.5dppx) {
  #header.narrowHeader .holder .helpHolder .phoneHolder .header--wasap {
    background-image: url("../../images/home3/icons/home-whatsapp-neg@2x.png");
    background-size: 28px 28px;
  }
}
#header.narrowHeader .holder .helpHolder .phoneHolder .header--phone {
  background-image: url("../../images/home3/icons/icon-phone-black.png");
  background-size: 21px 21px;
  background-position: 6px center;
}
@media (min-resolution: 1.5dppx) {
  #header.narrowHeader .holder .helpHolder .phoneHolder .header--phone {
    background-image: url("../../images/home3/icons/icon-phone-black@2x.png");
    background-size: 21px 21px;
  }
}
#header.narrowHeader .holder .helpHolder .chatHelpLink {
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  background-position: center center;
  background-image: url("../../images/home3/icons/icono-ayuda.png");
  background-size: 27px 29px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #header.narrowHeader .holder .helpHolder .chatHelpLink {
    background-image: url("../../images/home3/icons/icono-ayuda@2x.png");
    background-size: 27px 29px;
  }
}
#header.narrowHeader .holder .helpHolder .chatHelpLink:hover {
  background-image: url("../../images/home3/icons/icono-ayuda-hover.png");
  background-size: 27px 29px;
}
@media (min-resolution: 1.5dppx) {
  #header.narrowHeader .holder .helpHolder .chatHelpLink:hover {
    background-image: url("../../images/home3/icons/icono-ayuda-hover@2x.png");
    background-size: 27px 29px;
  }
}
#header.narrowHeader .holder .helpHolder .chatHelpLink:active {
  background-image: url("../../images/home3/icons/icono-ayuda-activo.png");
  background-size: 27px 29px;
}
@media (min-resolution: 1.5dppx) {
  #header.narrowHeader .holder .helpHolder .chatHelpLink:active {
    background-image: url("../../images/home3/icons/icono-ayuda-activo@2x.png");
    background-size: 27px 29px;
  }
}
#header.narrowHeader .holder .helpHolder .mailHelpLink {
  cursor: pointer;
}
@media (max-width: 550px) {
  #header.narrowHeader .holder .helpHolder .mailHelpLink {
    font-size: 13px;
  }
}
@media (max-width: 450px) {
  #header.narrowHeader .holder .helpHolder .mailHelpLink {
    font-size: 11px;
  }
}
#header.narrowHeader .holder .helpHolder .mailHelpLink:after {
  content: "";
  display: inline-block;
  background: url("/images/icons/sobre-666.png") no-repeat 0px 0px;
  width: 21px;
  height: 19px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
#header.narrowHeader .holder .helpHolder .mailHelpLink:hover {
  color: #42B2FC;
}
#header.narrowHeader .holder .helpHolder .mailHelpLink:hover:after {
  background: url("/images/icons/sobre-azul.png") no-repeat 0px 0px;
  width: 21px;
  height: 19px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
#header .logoAzul {
  float: left;
  height: 73px;
  overflow: hidden;
  text-indent: -9999px;
  width: 244px;
  background: url("../../images/logos/azul-270x98.png") no-repeat;
  background-size: 100%;
}
#header .logoAzul a {
  display: block;
  height: 100%;
}
.CHRISTMAS #header .logoAzul {
  background: url("../../images/logos/azul_xmas.png") no-repeat;
  background-size: 100%;
}
.CHRISTMAS h1.logoAzul {
  height: 46px;
  overflow: hidden;
  text-indent: -9999px;
  width: 244px;
  margin-top: 2px;
  background-size: 100%!important;
}
.CHRISTMAS #header.juegos-header h1.logoAzul {
  background: url('/images/mundoVirtual/smartickJuegos_xmas.png') no-repeat;
  margin-top: 0px;
  height: 92px;
  width: 381px;
}
#header.juegos-header h1 {
  background: url('/images/mundoVirtual/smartickJuegos.png') no-repeat;
  margin-top: 0px;
  height: 85px;
  width: 381px;
}
@media (max-height: 675px) {
  .CHRISTMAS #header.juegos-header h1.logoAzul {
    margin-top: -10px;
  }
}
.logoPequenyo {
  width: 160px !important;
  height: 46px !important;
}
#header .login-contact {
  float: right;
  list-style: none outside none;
  margin: 20px 0 24px;
  padding: 0;
}
#header .login-contact li {
  float: left;
}
#header .login-contact li a {
  border-left: 2px solid #49ACFA;
  color: #49ACFA;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 0 15px;
  text-decoration: underline;
}
#header .login-contact li a .contact {
  border-left: medium none;
  padding-left: 26px;
}
#header .login-contact li a :hover {
  text-decoration: none;
}
/* Web tutor y público */
/*
#header {
  background: white;
  &.tutorHeader{
    height:140px;
    position:relative;
    &.iOSAPPStyle,&.androidAPPStyle{
      display:none!important;
    }
  }
  height: 100px;
  padding:9px 0px 0 41px;
}
@media(max-height: 675px ) {
  #header {
    height: 85px;
    h1 {
      margin: 10px 0 0 27px;
    }
  }
}
* html #header {
  height: 1%;
  overflow: visible;
}
*/
#header .holder {
  height: 75%;
  overflow: hidden;
}
#header .navbar {
  color: #A0A0A0;
  float: right;
  list-style: none outside none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#header ul.login-contact {
  float: right;
  list-style: none outside none;
  margin: 20px 0 24px;
  padding: 0;
}
#header ul.login-contact .li {
  float: left;
}
#header ul.login-contact .li a {
  border-left: 2px solid #49ACFA;
  color: #49ACFA;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 0 15px;
  text-decoration: underline;
}
#header ul.login-contact .li a .contact {
  border-left: medium none;
  padding-left: 26px;
}
#header ul.login-contact .li a :hover {
  text-decoration: none;
}
.customDialogOverlay {
  display: none;
}
.customDialog {
  display: none;
  position: absolute;
  z-index: 11;
  min-width: 320px;
  min-height: 200px;
  background: #FFFFFF;
  border-radius: 10px;
  max-width: 900px;
  border: 5px solid #8a8080;
  overflow: hidden;
}
.customDialog .titleDialog {
  background: #8a8080;
  min-height: 70px;
  width: 100%;
  position: relative;
  padding: 20px 10%;
  box-sizing: border-box;
}
.customDialog .titleDialog p {
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  margin: 0;
}
.customDialog .closeButton {
  cursor: pointer;
  color: #FFFFFF;
  font-size: 32px;
  position: absolute;
  left: 95%;
  margin-top: 8px;
  z-index: 1;
}
.customDialog .closeButton.noHeadertrue {
  color: gray;
  margin-top: 10px;
}
.customDialog .textDialog {
  margin-left: 3%;
  margin-top: 5%;
  width: 94%;
  font-size: 20px;
  text-align: center;
  color: gray;
}
.customDialog .contentDialog {
  margin-left: 3%;
  width: 94%;
  text-align: center;
  max-height: 500px;
  overflow-y: auto;
}
.customDialog .buttonsDialog {
  margin: 0 auto;
  min-height: 90px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  text-align: center;
}
.customDialog .buttonsDialog .confirmButton {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
}
.customDialog .buttonsDialog .confirmButton span {
  cursor: pointer;
  min-width: 50px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #7ac43d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 16px;
  -webkit-box-shadow: inset 0 -1px 1px #7ac43d;
  -moz-box-shadow: inset 0 -1px 1px #7ac43d;
  box-shadow: inset 0 -1px 1px #7ac43d;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.customDialog .buttonsDialog .confirmButton:hover span {
  background-color: #7ac43d;
  color: white;
  text-shadow: 0 -1px 1px #7ac43d, 0 0 5px rgba(255, 255, 255, 0.8);
}
.customDialog .buttonsDialog .confirmButton:active {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.customDialog .buttonsDialog .confirmButton #button:focus {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.customDialog .buttonsDialog .confirmButton:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
.customDialog .buttonsDialog .optionButton {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #794a0e, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #794a0e, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #794a0e, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
}
.customDialog .buttonsDialog .optionButton span {
  cursor: pointer;
  min-width: 50px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #d68318;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 16px;
  -webkit-box-shadow: inset 0 -1px 1px #d68318;
  -moz-box-shadow: inset 0 -1px 1px #d68318;
  box-shadow: inset 0 -1px 1px #d68318;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.customDialog .buttonsDialog .optionButton:hover span {
  background-color: #d68318;
  color: white;
  text-shadow: 0 -1px 1px #d68318, 0 0 5px rgba(255, 255, 255, 0.8);
}
.customDialog .buttonsDialog .optionButton:active {
  -webkit-box-shadow: 0 8px 0 #d68318, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #d68318, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #d68318, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.customDialog .buttonsDialog .optionButton #button:focus {
  -webkit-box-shadow: 0 8px 0 #d68318, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #d68318, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #d68318, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.customDialog .buttonsDialog .optionButton:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
.customDialog .buttonsDialog .cancelButton {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
}
.customDialog .buttonsDialog .cancelButton span {
  cursor: pointer;
  min-width: 50px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #42B2FC;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 16px;
  -webkit-box-shadow: inset 0 -1px 1px #42B2FC;
  -moz-box-shadow: inset 0 -1px 1px #42B2FC;
  box-shadow: inset 0 -1px 1px #42B2FC;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.customDialog .buttonsDialog .cancelButton:hover span {
  background-color: #42B2FC;
  color: white;
  text-shadow: 0 -1px 1px #42B2FC, 0 0 5px rgba(255, 255, 255, 0.8);
}
.customDialog .buttonsDialog .cancelButton:active {
  -webkit-box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.customDialog .buttonsDialog .cancelButton #button:focus {
  -webkit-box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #2e7aae, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.customDialog .buttonsDialog .cancelButton:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
.customDialog.azul {
  border: 5px solid #42B2FC;
}
.customDialog.azul .titleDialog {
  background: #42B2FC;
}
.customDialog.rojo {
  border: 5px solid #F36D21;
}
.customDialog.rojo .titleDialog {
  background: #F36D21;
}
.customDialog.naranja {
  border: 5px solid #FBA62D;
}
.customDialog.naranja .titleDialog {
  background: #FBA62D;
}
.customDialog.verde {
  border: 5px solid #7ac43d;
}
.customDialog.verde .titleDialog {
  background: #7ac43d;
}
.customDialog.morado {
  border: 5px solid #9C77CF;
}
.customDialog.morado .titleDialog {
  background: #9C77CF;
}
.customDialog.gris {
  border: 5px solid #8a8080;
}
.customDialog.gris .titleDialog {
  background: #8a8080;
}
#normalBody .contenidoDialog {
  background-color: #f6f6f6;
  padding-top: 20px;
  padding-bottom: 20px;
}
#normalBody .contenidoDialog p {
  margin-left: 10px;
  margin-right: 10px;
}
#normalBody .contenidoDialog div {
  margin-left: 10px;
  margin-right: 10px;
}
#normalBody .contenidoDialog h4 {
  margin-left: 10px;
  margin-right: 10px;
}
.popupMovilDialog .apps {
  height: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.popupMovilDialog .apps .inline50Element {
  width: 48%;
  display: inline-block;
}
.popupMovilDialog .apps .appStoreButton {
  background: url(../../images/home/otros/Download_on_the_App_Store_Badge_ES_135x40.svg) no-repeat;
  height: 49px;
  width: 136px;
  cursor: pointer;
  background-position-y: 3px;
  float: right;
}
.popupMovilDialog .apps .appStoreButton.en,
.popupMovilDialog .apps .appStoreButton.en_GB,
.popupMovilDialog .apps .appStoreButton.en_US {
  background: url("../../images/home/otros/AppleStoreIcon.svg") no-repeat;
}
.popupMovilDialog .apps .googlePlayButton {
  background: url(../../images/home/otros/es_badge_web_generic.png) no-repeat;
  background-size: 105%;
  height: 58px;
  width: 155px;
  cursor: pointer;
  float: left;
  margin-top: -7px;
}
.popupMovilDialog .apps .googlePlayButton.en,
.popupMovilDialog .apps .googlePlayButton.en_GB,
.popupMovilDialog .apps .googlePlayButton.en_US {
  background: url("../../images/home/medios/en_badge_web_generic.png") no-repeat;
  background-size: 105%;
}
.popupMovilDialog .appsTutor {
  width: 40%;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.popupMovilDialog .appsTutor .appStoreButton {
  background: url("../../images/home/otros/Download_on_the_App_Store_Badge_ES_135x40.svg") no-repeat;
  height: 49px;
  width: 136px;
  cursor: pointer;
  float: left;
  background-position-y: 3px;
}
.popupMovilDialog .appsTutor .appStoreButton.en,
.popupMovilDialog .appsTutor .appStoreButton.en_GB,
.popupMovilDialog .appsTutor .appStoreButton.en_US {
  background: url("../../images/home/otros/AppleStoreIcon.svg") no-repeat;
}
.popupMovilDialog .appsTutor .googlePlayButton {
  background: url("../../images/home/otros/es_badge_web_generic.png") no-repeat;
  background-size: 105%;
  height: 58px;
  width: 155px;
  cursor: pointer;
  margin-top: -8px;
  float: right;
}
.popupMovilDialog .appsTutor .googlePlayButton.en,
.popupMovilDialog .appsTutor .googlePlayButton.en_GB,
.popupMovilDialog .appsTutor .googlePlayButton.en_US {
  background: url("../../images/home/medios/en_badge_web_generic.png") no-repeat;
  background-size: 105%;
}
.avisoMobilePopup {
  top: 0px !important;
  left: 0px !important;
  min-width: 100%;
  border: none;
}
.avisoMobilePopup.customDialog .contentDialog {
  margin: 0px;
  width: 100%;
}
.avisoMobilePopup .checkBoxAviso {
  margin: 5px 25px 20px 25px;
  background: #f0ebe4;
  border-radius: 7px;
  width: inherit;
  font-size: 14px;
  line-height: 25px;
  padding: 5px 10px;
}
.avisoMobilePopup .buttonsDialog {
  margin-bottom: 20px;
}
.avisoMobilePopup .buttonsDialog .cancelButton {
  max-width: 320px;
}
.avisoMobilePopup .buttonsDialog .cancelButton.disabled {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 16px;
  color: #fff;
  pointer-events: none;
}
.avisoMobilePopup .buttonsDialog .cancelButton.disabled span {
  cursor: pointer;
  min-width: 50px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #8a8080;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 16px;
  -webkit-box-shadow: inset 0 -1px 1px #8a8080;
  -moz-box-shadow: inset 0 -1px 1px #8a8080;
  box-shadow: inset 0 -1px 1px #8a8080;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.avisoMobilePopup .buttonsDialog .cancelButton.disabled:hover span {
  background-color: #8a8080;
  color: white;
  text-shadow: 0 -1px 1px #8a8080, 0 0 5px rgba(255, 255, 255, 0.8);
}
.avisoMobilePopup .buttonsDialog .cancelButton.disabled:active {
  -webkit-box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.avisoMobilePopup .buttonsDialog .cancelButton.disabled #button:focus {
  -webkit-box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #666, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.avisoMobilePopup .buttonsDialog .cancelButton.disabled:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
.avisoMobilePopup .closeButton {
  left: 90%;
}
.avisoMobilePopup .textDialog {
  display: none;
}
.avisoMobilePopup #popupMovilDialogContent p {
  font-size: 16px;
  color: #2e7aae;
  font-family: 'Open Sans';
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
.avisoMobilePopup #popupMovilDialogContent p.descargarEn {
  text-align: center;
}
.avisoMobilePopup #popupMovilDialogContent .advice {
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('../../images/home/otros/recomendacion.png');
  background-size: contain;
  min-height: 150px;
}
.avisoMobilePopup #popupMovilDialogContent .advice .mark {
  position: relative;
  top: -90px;
  left: -75px;
  width: 150px;
  height: 150px;
  transform: rotate(-45deg);
}
.avisoMobilePopup #popupMovilDialogContent .advice .mark.green {
  background: #65CC41;
}
.avisoMobilePopup #popupMovilDialogContent .advice .mark span {
  font-size: 13px;
  text-align: center;
  color: white;
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 150px;
}
@media (max-width: 768px) {
  .nomobile {
    display: none !important;
  }
}