/* RESET */

header *, footer * {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
  font-family: 'Lato', sans-serif;
}

footer * {
  color: #fff;
}

header a:hover,
footer a:hover{
  text-decoration: none;
}

article,
footer,
header,
menu,
nav,
section {
    display: block;
}

header .navigation .topBar .tools .userWrapper .accountInfo,
footer .content,
footer .links ul {
    display: flex;
    flex-direction: column;
}

.content,
header .navigation .topBar,
header .navigation .topBar .tools .user,
header .navigation .topBar .tools .bookshelf,
header .navigation .bottomBar,
header .navigation .bottomBar .menu,
footer .info,
footer .legal,
footer .buttons ul {
    display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.content,
header .navigation .topBar,
header .navigation .bottomBar,
header .navigation .bottomBar .menu,
.visor,
.novedades .books,
.novedades .books article .univ,
.novedades .books article .ciclos,
.novedades .books article ul,
footer .info,
footer .legal,
footer .buttons ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

header .navigation .topBar form button:hover i,
header .navigation .topBar form button:focus i,
header .navigation .topBar .tools a:hover i,
header .navigation .topBar .tools a:focus i,
header .navigation .bottomBar .menu li a:hover,
header .navigation .bottomBar .menu li a:focus,
header .navigation .bottomBar .menu li a.dropdown-toggle.active,
header .navigation .bottomBar .menu li .dropdown-menu li a:hover,
header .navigation .bottomBar .menu li .dropdown-menu li a:focus,
header .navigation .bottomBar .menu li .dropdown-menu li a.dropdown-toggle.active,
footer .budget:hover,
footer .budget:focus,
footer .legal a:hover,
footer .legal a:focus {
    transition: all 0.3s ease-out;
}

header button,
header input,
header a,
footer button,
footer input,
footer a  {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
    color: inherit;
    text-decoration: none;
}

/* HEADER */

.warning {
  background-color: #5e5e5e;
  padding: 10px;
  margin-bottom: 10px;
}
.warning p {
  font-weight: 500;
  font-size: 13px;
  color: #fff;
}

.warning,
header .navigation .topBar form,
header .navigation .topBar .tools .userWrapper,
header .navigation .topBar .tools a i {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

header .navigation .bottomBar .menu {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

header {
  width: 100%;
  margin-bottom: 10px;
  letter-spacing: 0.9px;
}
header .logo {
  margin: 15px 30px 0;
}
header .logo img {
  height: 170px;
}
header .navigation {
  width: 100%;
}
header .navigation .topBar,
header .navigation .bottomBar {
  width: 100%;
}
header .navigation .topBar {
  height: 100px;
  align-items: center;
}
header .navigation .topBar form {
  flex: 1;
}
header .navigation .topBar form input {
  border: 1px solid #397bc2;
  width: 360px;
  height: 30px;
  padding: 5px 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
header .navigation .topBar form button {
  margin-left: 20px;
  font-size: 20px;
  cursor: pointer;
  color: #397bc2;
}
header .navigation .topBar form button:hover i,
header .navigation .topBar form button:focus i {
  color: #397bc2;
}
header .navigation .topBar .tools {
  margin-right: 30px;
  color: #397bc2;
  display: flex;
  position: relative;
}
header .navigation .topBar .tools .userWrapper .accountInfo {
  align-items: flex-end;
  margin-right: 15px;
}
header .navigation .topBar .tools .userWrapper .accountInfo .logout {
  color: #5e5e5e;
  font-size: 12px;
}
header .navigation .topBar .tools .userWrapper .accountInfo .title {
  font-size: 12px;
  text-align: right;
  font-weight: 700;
}
header .navigation .topBar .tools a {
  font-size: 20px;
  position: relative;
  color: #397bc2;
}
header .navigation .topBar .tools a i {
  width: 30px;
  height: 30px;
  background-color: #397bc2;
  font-size: 15px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
header .navigation .topBar .tools a i:before {
    position: absolute;
    color: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

header .navigation .topBar .tools .bookshelf a i:before {
  position: absolute;
}

header .navigation .topBar .tools a:hover i,
header .navigation .topBar .tools a:focus i {
  background-color: #77cbe7;
}
header .navigation .topBar .tools a:hover .title,
header .navigation .topBar .tools a:focus .title {
  color: #77cbe7;
}
header .navigation .topBar .tools .shop {
  margin-left: 20px;
  width: 30px;
  height: 30px;
}
header .navigation .topBar .tools .user,
header .navigation .topBar .tools .bookshelf {
  flex-flow: nowrap;
  justify-content: center;
  align-items: center;
}
header .navigation .topBar .tools .user .title,
header .navigation .topBar .tools .bookshelf .title {
  margin-right: 15px;
  font-size: 12px;
  text-align: right;
  font-weight: 700;
}
header .navigation .topBar .tools .bookshelf {
  margin-left: 20px;
}
header .navigation .topBar .tools .bookshelf i:before {
  left: 2px;
  top: 0px;
}
header .navigation .bottomBar {
  background-color: #77cbe7;
  height: 80px;
}
header .navigation .bottomBar .menu {
  width: 100%;
  padding-right: 10px;
}
header .navigation .bottomBar .menu li {
  margin: 0 15px;
  text-align: center;
}
header .navigation .bottomBar .menu li a {
  color: #1159a7;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-align: center;
  font-weight: 600;
}
header .navigation .bottomBar .menu li a:hover,
header .navigation .bottomBar .menu li a:focus,
header .navigation .bottomBar .menu li a.dropdown-toggle.active {
  border-bottom: 1px solid #1159a7;
  padding-bottom: 8px;
}
header .navigation .bottomBar .menu li .dropdown-menu {
  z-index: 2;
  display: none;
  position: absolute;
  right: 0;
  top: 40px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.4);
}
header .navigation .bottomBar .menu li .dropdown-menu li {
  margin: 0;
  min-width: 150px;
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
header .navigation .bottomBar .menu li .dropdown-menu li:last-child {
  padding-bottom: 0;
  border: 0;
}
header .navigation .bottomBar .menu li .dropdown-menu li a {
  color: #1159a7;
}
header .navigation .bottomBar .menu li .dropdown-menu li a:hover,
header .navigation .bottomBar .menu li .dropdown-menu li a:focus,
header .navigation .bottomBar .menu li .dropdown-menu li a.dropdown-toggle.active {
  font-weight: 800;
  border-bottom: none;
  padding-bottom: 0;
}
header .navigation .bottomBar .menu .button-dropdown {
  position: relative;
}

/* FOOTER */

footer {
  width: 100%;
  background-color: #397bc2;
  color: #fff;
  padding: 30px 0;
  letter-spacing: 0.9px;
	line-height: 15px;
}
footer .content,
footer .links ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
footer .content {
  margin: 0 170px;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1200px) and (min-width: 0) {
  footer .content {
    margin: 0 40px;
  }
}

footer .budget {
  font-size: 15px;
  display: flex;
  margin-bottom: 30px;
}

footer .budget i {
    margin-right: 10px;
}

footer .budget:hover,
footer .budget:focus {
    opacity: 0.6;
}

footer .info,
footer .legal {
  width: 100%;
  -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
        flex-flow: nowrap;
-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-align-items: center;
    -ms-flex-align: center;
        align-items: center;
}

footer .links ul {
  height: 55px;
}

footer .links ul li {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}

footer .links ul.web {
    flex-wrap: wrap;
    margin-right: 300px;
}

footer .links ul.web li {
  text-transform: uppercase;
  text-align: right;
  margin-right: 30px;
}

footer .buttons {
  margin-top: 5px;
}

footer .buttons ul li {
  font-size: 30px;
}

footer .buttons ul li a:focus,
footer .buttons ul li a:hover {
  opacity: 0.6;
}

footer .buttons .left li {
  padding-right: 20px;
}

footer .buttons .right li {
  padding-left: 20px;
}

footer .legal {
  font-size: 11px;
  text-transform: uppercase;
  padding: 20px 170px 0;
  margin-top: 20px;
  border-top: 1px solid rgba(250,250,250,0.2);
}

footer .legal p {
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
}

footer .legal a:hover,
footer .legal a:focus {
  border-bottom: 1px solid #fff;
}

footer a:hover{
  color:#fff;
}

/* LOGIN FORM*/

#signin_menu {
  display: block;
  position: absolute;
  top: 40px;
  width: 230px;
  background-color: #C5E9F5;
  z-index: 100;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #b4ceea;
  border-radius: 6px;
}
#signin_menu form {
  display: block;
}
#signin_menu form p {
  float: left;
  width: 100%;
  margin-top: 10px;
}
#signin_menu form > p:first-child {
  margin-top: 0;
}
#signin_menu form input {
  width: 100%;
  text-transform: none;
  background-color: white;
}
#signin_menu #msgbox_ms {
  margin-top: 10px;
  float: left;
  color: #ef341e;
}
#signin_menu form input#signin_submit {
  background-color: #397bc2;
  color: white;
  cursor: pointer;
}
#signin_menu from input#signin_submit:hover {
  background-color: #0a488c;
}
#signin_menu form a {
  font-size: 12px;
}
#signin_menu form a:hover {
  color: #0a488c;
}

/* CONTENIDO */

.contenido {
  background: linear-gradient(0deg, rgba(174,224,248,0) 0%, rgba(174,224,248,1) 50%);
  margin-top: 10px;
  padding-top: 90px;
}



/* COMPRAR */

.reset,
#txt #libro #comprarCompleto *,
#txt #canje fieldset *,
#txt #newUser fieldset *  {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}
.reset::before,
#txt #libro #comprarCompleto *::before,
#txt #canje fieldset *::before,
#txt #newUser fieldset *::before,
.reset::after,
#txt #libro #comprarCompleto *::after,
#txt #canje fieldset *::after,
#txt #newUser fieldset *::after {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}
.reset-input-a,
#txt #libro #comprarCompleto input,
#txt #libro #comprarCompleto a,
#txt #canje fieldset input,
#txt #canje fieldset a,
#txt #canje .libro,
#txt #newUser fieldset input,
#txt #newUser fieldset a {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
  color: inherit;
  text-decoration: none;
  display: block;
}
.btnBlue,
#txt #canje fieldset form .btnSubmit,
#txt #newUser fieldset .btnSubmit {
  border-radius: 3px;
  background-color: #77cbe7;
  color: #fff;
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  padding: 4px;
  min-width: 80px;
  margin-right: 0;
  font-weight: 400;
}
.btnBlue:hover,
#txt #canje fieldset form .btnSubmit:hover,
#txt #newUser fieldset .btnSubmit:hover,
.btnBlue:focus,
#txt #canje fieldset form .btnSubmit:focus,
#txt #newUser fieldset .btnSubmit:focus {
  background-color: #197bbf;
  transition: all 0.3s ease-out;
}
#txt #libro #comprarCompleto {
  width: 738px;
  overflow: hidden;
  position: relative;
}
#txt #libro #comprarCompleto .tabs .active a {
  height: 25px;
  width: 150px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 11px;
  background-color: #197bbf;
  border-radius: 6px 6px 0 0;
  text-align: center;
  padding: 5px;
  color: #fff;
}
#txt #libro #comprarCompleto #completo .fieldset {
  width: 738px;
  padding: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #9e9e9e;
}
#txt #libro #comprarCompleto #completo .fieldset .content {
  width: 33%;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook,
#txt #libro #comprarCompleto #completo .fieldset .content #visor {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
          width: 100%;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #formato,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #formato,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #formato,
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: none;
  text-align: center;
  width: 100%;
  margin: 5px 0;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #formato li,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #formato li,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #formato li {
  color: #9c9c9c;
  padding: 0;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #formato .ico,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #formato .ico,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #formato .ico {
  width: 35px;
  height: 35px;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #formato .ico img,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #formato .ico img,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #formato .ico img {
  width: 100%;
  height: auto;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #formato .formato,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #formato .formato,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #formato .formato {
  text-transform: uppercase;
  color: #656565;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 5px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#ciclos #libro #precio li .icoInfo {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
}
#ciclos #libro #precio li .icoInfo img {
  width: 100%;
  height: auto;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #formato .icoInfo,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #formato .icoInfo,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #formato .icoInfo {
  width: 15px;
  height: 15px;
  display: block;
  margin-left: 6px;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #formato .icoInfo img,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #formato .icoInfo img,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #formato .icoInfo img {
  width: 100%;
  height: auto;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio ul,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio ul,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio li,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio li,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio li {
  padding: 0;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio .monto,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio .monto,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio .monto {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #77cbe7;
  float: none;
  padding: 0;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio .monto .iva,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio .monto .iva,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio .monto .iva {
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9c9c9c;
  padding: 0;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio form,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio form,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio .btnComprar,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio .btnComprar,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio .btnComprar {
  width: 135px;
  height: 26px;
  cursor: pointer;
  text-decoration: none;
  background-color: #77cbe7;
  color: #fff;
  text-transform: uppercase;
  border-radius: 6px;
  font-size: 11px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio .btnComprar a:hover,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio .btnComprar a:hover,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio .btnComprar a:hover,
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio .btnComprar a:focus,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio .btnComprar a:focus,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio .btnComprar a:focus {
  color: #fff;
  text-decoration: none;
}
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio .btnComprar:hover,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio .btnComprar:hover,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio .btnComprar:hover,
#txt #libro #comprarCompleto #completo .fieldset .content #papel #precio .btnComprar:focus,
#txt #libro #comprarCompleto #completo .fieldset .content #ebook #precio .btnComprar:focus,
#txt #libro #comprarCompleto #completo .fieldset .content #visor #precio .btnComprar:focus {
  background-color: #197bbf;
  transition: all 0.3s ease-out;
}
#txt #libro {
  overflow: visible;
}
#txt #libro #comprarCompleto {
  overflow: visible;
}
#txt #libro #comprarCompleto .tab_container {
  overflow: visible;
}
#txt #libro #comprarCompleto .fieldset {
  overflow: visible;
}
#txt #libro #comprarCompleto .fieldset .icoInfo {
  position: relative;
}
#txt #libro #comprarCompleto .fieldset .icoInfo img {
  cursor: pointer;
}
#pag .fieldset .icoInfo .tooltip {
  position: absolute;
  background-color: #197bbf;
  bottom: 125%;
  left: 51%;
  width: 250px;
  color: #fff;
  text-transform: none;
  padding: 8px !important;
  z-index: 1;
  border-radius: 8px;
  display: none;
  font-size: 12px;
}

/* TAGS */

#txt #libro #tags {
    margin: 30px 0 20px;
}

#tags h1  {
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #9e9e9e;
    color: #197bbf;
    padding-bottom: 8px;
}

#tags ul {
    display: flex;
    flex-wrap: wrap;
}

#libro #tags li {
    color: transparent;
    margin: 0 2px;
    white-space: nowrap;
    margin-bottom: 10px;
    padding: 7px 13px;
    background: #eaeaea;
    font-size: 10px;
}

#libro #tags li a {
    font-style: normal;
    font-size: 1.1em;
    color: #464646;
    text-decoration: none !important;
    font-weight: normal;
}

#libro #tags li a:hover {
    text-decoration: none !important;
}

/* CANJE */

#txt #canje fieldset {
  background-color: #ddd;
  border: none;
  padding: 20px;
  margin: 0;
}
#txt #canje fieldset form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#txt #canje fieldset form input {
  height: 30px;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  text-transform: uppercase;
  padding-left: 10px;
  background-color: #fff;
  margin: 0 5px;
  font-size: 12px;
}
#txt #canje fieldset form #usuario_ms {
  margin-left: 0;
  text-transform:none;
}
#txt #canje fieldset form .btnSubmit.big {
  min-width: 180px;
}
#txt #canje fieldset ul {
  margin-top: 15px;
}
#txt #canje fieldset ul li {
  margin: 5px 0;
  color: #197bbf;
  font-weight: 700;
  font-size: 12px;
}
#txt #canje fieldset ul li a:hover,
#txt #canje fieldset ul li a:focus {
  opacity: 0.7;
  transition: all 0.3s ease-out;
}
#txt #canje .libro {
  background-color: #ddd;
  padding: 15px;
  color: #197bbf;
  font-weight: 700;
  font-size: 12px;
}
#txt #canje .libro:hover,
#txt #canje .libro:focus {
  opacity: 0.7;
  transition: all 0.3s ease-out;
}

/* NEW USER */

#txt #newUser h2,
#txt #newUser h3 {
  display: block;
}
#txt #newUser h3 {
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 10px;
}
#txt #newUser fieldset {
  background-color: #e9e9e9;
  border: none;
  padding: 30px;
  border-radius: 6px;
  margin: 0;
}
#txt #newUser fieldset a:hover,
#txt #newUser fieldset a:focus {
  opacity: 0.7;
  transition: all 0.3s ease-out;
}
#txt #newUser fieldset form .select,
#txt #newUser fieldset form select {
  float: left;
  height: 30px;
  background-color: #fff;
  font-size: 12px;
}
#txt #newUser fieldset form input,
#txt #newUser fieldset form textarea {
  background-color: #fff;
  font-size: 12px;
  padding-left: 8px;
}
#txt #newUser fieldset form input{
  height: 30px;
}
#txt #newUser fieldset form textarea{
  height: 60px;
}
#txt #newUser fieldset form input ~ .feedback,
#txt #newUser fieldset form textarea ~ .feedback  {
  display: none;
  color: #1a7bc0;
  position: absolute;
  top: 100%;
}
#txt #newUser fieldset form .error .feedback {
  display: block;
}
#txt #newUser fieldset form li.alert input,
#txt #newUser fieldset form li.error input,
#txt #newUser fieldset form li.alert textarea,
#txt #newUser fieldset form li.error textarea {
  border: 2px solid white;
}
#txt #newUser fieldset form li.alert input,
#txt #newUser fieldset form li.alert textarea {
  background-color: #ebfbff;
}
#txt #newUser fieldset form li.error input,
#txt #newUser fieldset form li.error textarea {
  background-color: #fdeced;
}
#txt #newUser fieldset form li.alert input ~ .feedback,
#txt #newUser fieldset form li.error input ~ .feedback,
#txt #newUser fieldset form li.alert textarea ~ .feedback,
#txt #newUser fieldset form li.error textarea ~ .feedback {
  display: block;
}
#txt #newUser fieldset form li.error input ~ .feedback,
#txt #newUser fieldset form li.error textarea ~ .feedback {
  color: rgb(236,84,90);
}
#txt #newUser fieldset form select {
  background-color: transparent;
  width: 98%;
}
#txt #newUser fieldset form select .default {
  color: #a9a9ab;
}
#txt #newUser fieldset form label.control {
  text-transform: none;
}
#txt #newUser fieldset form label {
  text-transform: uppercase;
  font-size: 10px;
  text-align: left;
  padding-left: 1px;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-bottom: 5px;
}
#txt #newUser fieldset form li label + *,
#txt #newUser fieldset form li label ~ input,
#txt #newUser fieldset form li label ~ textarea {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
}

#txt #newUser fieldset form li.mandatory {
  position: relative;
}

#txt #newUser fieldset form li.mandatory::after {
  position: absolute;
  content: '*';
  display: block;
  bottom: 15px;
  right: 10px;
  font-weight: bold;
  line-height: 5px;
  padding-top: 9px;
  font-size: 20px;
  color: #6fc8e5;
  transform: translate(-50%,50%);
  -webkit-transform: translate(-50%,50%);
  -ms-transform: translate(-50%,50%);
}

#txt #newUser fieldset form .marginBottom {
  margin-bottom: 20px;
}
#txt #newUser fieldset form .info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#txt #newUser fieldset form .info .user {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#txt #newUser fieldset form .info .user label {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
#txt #newUser fieldset form .info .user input {
  -webkit-flex: 1 0 460px;
  -ms-flex: 1 0 460px;
  flex: 1 0 460px;
}
#txt #newUser fieldset form .info #clave {
  width: 100%;
}
#txt #newUser fieldset form .columns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#txt #newUser fieldset form .columns .col {
  width: calc(50% - 10px);
  margin: 0;
}
#txt #newUser fieldset form .columns .col.long {
  width: calc(100% - 120px);
}
#txt #newUser fieldset form .columns .col.short {
  max-width: 100px;
}
#txt #newUser fieldset form .columns .col.third {
  width: calc(33.33% - 10px);
}
#txt #newUser fieldset form .columns .col li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#txt #newUser fieldset form .form-footer {
  display: block;
  text-align: center;
}
#txt #newUser fieldset form .control-group + li {
  display: inline-block;
  width: 100%;
  min-height: 30px;
}
#txt #newUser fieldset form .control-group {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  min-height: 30px;
}

#txt #newUser fieldset form .control-group .control {
  position: relative;
  padding-left: 30px;
  margin: 15px auto !important;
  width: auto;
  max-width: 100%;
  text-align: left;
  height: 20px;
  line-height: 20px;
}
#txt #newUser fieldset form .control-group a {
  color: #1a7bc0;
  display: inline;
}
#txt #newUser fieldset form .control-group input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  padding: 0;
}
#txt #newUser fieldset form .control-group input[type=checkbox] {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
#txt #newUser fieldset form .control-group input[type=checkbox]:checked:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid #77cbe7;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#txt #newUser fieldset .btnSubmit {
  margin: 0 auto;
  text-transform: uppercase;
  width: 150px;
}

#txt #newUser h3.adicional {
  margin-top: 30px;
}

/* VISOR + QUIENES SOMOS */

#Parche,
.reset,
#newStyle {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}
.reset::before,
#newStyle::before,
.reset::after,
#newStyle::after {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}
.reset-input-a,
#newStyle #visorMenu ul li a {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
  color: inherit;
  text-decoration: none;
  display: block;
}
#newStyle {
  height: auto;
  overflow: hidden;
  margin: 10px 0;
  clear: both;
  border-bottom: solid 3px #1a7bc0;
  padding-bottom: 25px;
  position:relative;
}
#newStyle #visorMenu {
  width: 100%;
  background-color: #1a7bc0;
  padding: 6px 0;
}
#newStyle #visorMenu ul {
  width: 100%;
  text-align: left;
}
#newStyle #visorMenu ul li a {
  font-size: 14px;
  margin-right: 5px;
  display: inline;
}
#newStyle #visorMenu ul li.actual a {
  background-color: #6fc8e5;
  color: #0b5b95;
  font-weight: bold;
  padding: 6px 10px 6px;
}
#newStyle #tituloPagina {
  width: 100%;
  background-color: #1a7bc0;
  padding: 6px 0;
  margin-bottom: 20px;
}
#newStyle #tituloPagina ul {
  width: 100%;
  text-align: left;
}
#newStyle #tituloPagina ul li a {
  font-size: 14px;
  margin-right: 5px;
  display: inline;
}
#newStyle #tituloPagina ul li.actual a {
  background-color: #6fc8e5;
  color: #0b5b95;
  font-weight: bold;
  padding: 6px 10px 6px;
}
#newStyle .info,
#newStyle .info .one,
#newStyle .info .two,
#newStyle .info .three,
#newStyle .info .four,
#newStyle .info .five {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
  justify-content: flex-start;
  align-items: flex-start;
}
#newStyle .info article {
  width: 100%;
  margin-bottom: 20px;
}
#newStyle .info article h1 {
  font-size: 25px;
  color: #0b5b95;
  font-weight: 400;
  align-self: center;
}
#newStyle .info article h1 span {
  color: #da6434;
}
#newStyle .info article h2 {
  font-size: 18px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 700;
  width: 90%;
}
#newStyle .info article p {
  font-size: 15px;
  line-height: 1.2em;
  color: #6b6b6b;
  width:100%;
}
#newStyle .info article img {
  height: 100%;
}
#newStyle .info ol li {
  list-style-type: decimal;
  margin-bottom: 10px;
}
#newStyle .info h1 {
  font-size: 27px;
  color: #0b5b95;
  font-weight: 700;
  align-self: center;
}
#newStyle .info h1 span {
  color: #da6434;
}
#newStyle .info h2 {
  font-size: 18px;
  align-self: center;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 700;
  text-align: center;
  color: #14acdf;
}
#newStyle .info p,
#newStyle .info li {
  font-size: 15px;
  line-height: 1.2em;
  color: #6b6b6b;
}
#newStyle .info ul {
  text-decoration: inherit;
  list-style-type: disc;
  width:100%;
}

#newStyle .info,
#newStyle .info .one {
  display: flex;
  flex-direction: column;
}
#newStyle .info .one {
  flex: 1 auto;
  justify-content: center;
  align-items: center;
}
#newStyle .info .one {
  text-align: center;
  margin-top: 20px;
}
#newStyle .info .three,
#newStyle .info .four,
#newStyle .info .five {
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  justify-content: center;
  align-items: center;
}
#newStyle .info .three .image,
#newStyle .info .four .image,
#newStyle .info .five .image {
  height: 250px;
}
#newStyle .info .three {
  margin-bottom: 20px;
}
#newStyle .info .three .image {
  margin-right: 40px;
  height: 300px;
}
#newStyle .info .three p {
  margin-top: -40px;
}
#newStyle .info .four {
  margin-top: -60px;
}
#newStyle .info .four .image {
  height: 240px;
  margin-left: 40px;
}
#newStyle .info .four p {
  margin-top: 50px;
}
#newStyle .info .five {
  margin-top: -10px;
  margin-bottom: 0;
}
#newStyle .info .five .image {
  margin-right: 35px;
  height: 260px;
}
#newStyle .info .award {
  display: flex;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}
#newStyle .info .award .image {
  height: 200px;
  margin-right: 40px;
}
#newStyle .info .award .image img {
  width: auto;
  height: 100%;
}
#newStyle .info .list div {
  margin-bottom: 30px;
}
#newStyle .info .list div:last-child {
  margin-bottom: 0;
}
#newStyle .info .list div h3 {
  font-size: 16px;
  color: #1a7bc0;
  font-weight: 600;
  font-family: Arial, Verdana, sans-serif;
  align-self: center;
  margin-bottom: 0;
}
#newStyle .info .list div h3 span {
  font-size: 13px;
  font-weight: 400;
}
#newStyle .info .list.number li {
  margin: 30px 0;
  display: flex;
}
#newStyle .info .list.number li:last-child {
  margin-bottom: 0;
}
#newStyle .info .list.number li h3 {
  font-size: 40px;
  font-weight: 700;
  font-family: Arial, Verdana, sans-serif;
  color: #6fc8e5;
  padding-right: 20px;
}
#newStyle .info .botones {
  text-align: center;
  padding: 20px 0;
  align-self: center;
}
#newStyle .info .btn {
  padding: 10px;
  margin: 0 10px;
  background-color: #09a9dc;
  color: #fff;
  font-size: 15px;
}
#newStyle .info .btn:hover,
#newStyle .info .btn:focus {
  text-decoration: none;
  background-color: #da6434;
}
#newStyle .info .azul:hover,
#newStyle .info .azul:focus {
  color: #da6434;
  text-decoration: none;
}
.msgbox_ms{
  display: block;
  clear:both;
  color: #197bbf;
  padding: 5px !important;
}
p.tooltip{
  color: #6b6b6b;
  font-size: 9px !important;
  text-align: left !important;
  text-transform: uppercase;
  bottom: -16px;
  position: absolute;
}
.wrapper {
  position: relative;
}
.wrapper input {
  width: 100%;
}
p.tooltip.error_np {
  color: #197bbf;
}
p.legend{
  color: #6b6b6b;
  font-size: 9px;
  margin: 15px 0 !important;
}
p.legend strong {
  display: inline-block;
  font-weight: bold;
  font-size: 20px !important;
  padding-top: 0px !important;
  max-height: 20px;
  vertical-align: middle !important;
  color: #6fc8e5;
  border: thin solid;
  margin-right: 5px !important;
}
span.ma{
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  line-height: 25px;
  height: 25px;
  display: inline-block;
  padding-left: 35px;
}
span.ma_ebook{
  background-image: url("../ico/ebook.svg");
}
span.ma_descargar{
  background-image: url("../ico/download.svg");
}
ul.ma a{
  text-decoration: none;
}
ul.ma a:hover{
  text-decoration: none;
  font-weight: bold;
}
ul.ma >li{
  margin-bottom: 5px;
}
a.canje_link{
  font-size: 12px;
  font-weight: bold;
}

.linkDescargaPdf{
  border-radius: 3px;
  background-color: #77cbe7;
  color: white;
  padding: 5px 10px;
  margin-bottom: 5px;
  display: inline-block;
}

.linkDescargaPdf:hover{
  text-decoration: none;
  background-color: #da6434;
  color: white;
}