Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2016
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 218.12 KB | None | 0 0
  1. @charset "UTF-8";
  2. @font-face {
  3.   font-family: "thorup";
  4.   src: url("fonts/thorup/ThorupSansSmallCaps.woff");
  5. }
  6.  
  7. @font-face {
  8.   font-family: "thorup-bold";
  9.   src: url("fonts/thorup/ThorupSansBold.woff");
  10. }
  11.  
  12. @font-face {
  13.   font-family: "raleway";
  14.   src: url("fonts/raleway/Raleway-Regular.woff");
  15. }
  16.  
  17. @font-face {
  18.   font-family: "raleway-medium";
  19.   src: url("fonts/raleway/Raleway-Medium.woff");
  20. }
  21.  
  22. @font-face {
  23.   font-family: "raleway-bold";
  24.   src: url("fonts/raleway/Raleway-Bold.woff");
  25. }
  26.  
  27. @font-face {
  28.   font-family: "raleway-italic";
  29.   src: url("fonts/raleway/Raleway-Italic.woff");
  30. }
  31.  
  32. @font-face {
  33.   font-family: "raleway-bold-italic";
  34.   src: url("fonts/raleway/Raleway-BoldItalic.woff");
  35. }
  36.  
  37. @font-face {
  38.   font-family: "raleway-black";
  39.   src: url("fonts/raleway/Raleway-Black.woff");
  40. }
  41.  
  42. /* ESTILOS GENERALES NATIVOS*/
  43. * {
  44.   box-sizing: border-box;
  45. }
  46.  
  47. a {
  48.   text-decoration: none;
  49.   outline: 0;
  50.   transition: .3s;
  51. }
  52.  
  53. a:active {
  54.   position: relative;
  55.   top: 1px;
  56. }
  57.  
  58. a:visited {
  59.   color: #5E5E5E;
  60. }
  61.  
  62. button {
  63.   transition: all .3s;
  64. }
  65.  
  66. button:hover {
  67.   cursor: pointer;
  68. }
  69.  
  70. button:active {
  71.   position: relative;
  72.   top: 1px;
  73. }
  74.  
  75. li {
  76.   list-style: none;
  77. }
  78.  
  79. input[type="submit"]:hover {
  80.   cursor: pointer;
  81. }
  82.  
  83. h1, h2, h3, h4, h5, p, input, img, button, ul, li, ol, select {
  84.   border: 0;
  85.   padding: 0;
  86.   margin: 0;
  87.   outline: 0;
  88. }
  89.  
  90. body {
  91.   margin: 0;
  92.   padding: 0;
  93.   background-color: #fff;
  94.   min-height: 100vh;
  95. }
  96.  
  97. @media all and (min-width: 1700px) {
  98.   body {
  99.     font-size: 16px;
  100.   }
  101.     .am {
  102.     width: 1400px;
  103.   }
  104. }
  105.  
  106. @media all and (min-width: 1366px) {
  107.   body {
  108.     font-size: 13.3713px;
  109.   }
  110. }
  111.  
  112. @media all and (min-width: 1024px) {
  113.   body {
  114.     font-size: 11.2px;
  115.   }
  116.  
  117.   .am {
  118.     width: 980px;
  119.   }
  120.  
  121.   body > header #logo {
  122.   overflow: hidden;
  123.   display: block;
  124.   float: left;
  125.   width: 19.42%;
  126.   height: 0;
  127.   padding-bottom: 4.85%;
  128.   background-image: url("imagenes/solbasta-logo.png");
  129.   background-size: cover;
  130.   background-repeat: no-repeat;
  131.   background-position: center center;
  132.   text-indent: -9999px;
  133.   }
  134.  
  135.   #subastas .envivo .moteadas article {
  136.   position: relative;
  137.   width: 18%;
  138.   margin: 0 2.5% 1.8em 0;
  139.   height: 30.9375em;
  140.   }
  141.  
  142.   #subastas .envivo .moteadas article .mini-slider {
  143.   overflow: hidden;
  144.   position: relative;
  145.   background-color: #fff;
  146.   height: 13.125em;
  147.   }
  148.  
  149.   footer .desarrollo {
  150.   padding-top: 3.3%;
  151.   display: -webkit-flex;
  152.   display: -ms-flexbox;
  153.   display: flex;
  154.   -webkit-justify-content: space-between;
  155.       -ms-flex-pack: justify;
  156.           justify-content: space-between;
  157.   }
  158. }
  159.  
  160. @media (min-width: 768px) and (max-width: 1023px) {
  161.   body {
  162.     font-size: 11.2px;
  163.   }
  164.  
  165.   .am {
  166.     margin: 0 10px auto!important;
  167.     font-size: 9px!important;
  168.   }
  169.  
  170.   #subastas .envivo .moteadas article header h3 a {
  171.     font-size: 1.8em!important;
  172.   }
  173.  
  174.   .promo-redes a {
  175.     display: inline-block;
  176.     width: 5.6%!important;
  177.     height: 0px;
  178.     padding-bottom: 3.5%!important;
  179.     margin-right: 2%;
  180.     padding-top: 1px;
  181.     color: #999167;
  182.     font-size: 3em!important;
  183.     overflow: hidden;
  184.   }
  185.  
  186.   body > header #logo {
  187.     overflow: hidden;
  188.     display: block;
  189.     float: left;
  190.     width: 19.42%;
  191.     height: 0;
  192.     padding-bottom: 4.85%;
  193.     background-image: url("imagenes/solbasta-logo.png");
  194.     background-size: cover;
  195.     background-repeat: no-repeat;
  196.     background-position: center center;
  197.     text-indent: -9999px;
  198.   }
  199.  
  200.   #subastas .envivo .moteadas article {
  201.   position: relative;
  202.   width: 18%;
  203.   margin: 0 2.5% 1.8em 0;
  204.   height: 30.9375em;
  205.   }
  206.  
  207.   #subastas .envivo .moteadas article .mini-slider {
  208.   overflow: hidden;
  209.   position: relative;
  210.   background-color: #fff;
  211.   height: 13.125em;
  212.   }
  213.  
  214.   footer .desarrollo {
  215.   padding-top: 3.3%;
  216.   display: -webkit-flex;
  217.   display: -ms-flexbox;
  218.   display: flex;
  219.   -webkit-justify-content: space-between;
  220.       -ms-flex-pack: justify;
  221.           justify-content: space-between;
  222.   }
  223. }
  224.  
  225. @media (max-width: 767px) {
  226.   body > header #logo {
  227.     display: block;
  228.     margin: 0 auto;
  229.     height: 0;
  230.     padding-bottom: 22%;
  231.     background-image: url(imagenes/solbasta-logo.png);
  232.     background-repeat: no-repeat;
  233.     background-position: center center;
  234.     text-indent: -9999px;
  235.   }
  236.  
  237.   #subastas .envivo .moteadas article {
  238.   position: relative;
  239.   width: 100%;
  240.   margin: 0 2.5% 1.8em 0;
  241.   height: 100%;
  242.   }
  243.  
  244.   #subastas .envivo .moteadas article .mini-slider {
  245.   overflow: hidden;
  246.   position: relative;
  247.   background-color: #fff;
  248.   height: 100%;
  249.   }
  250.  
  251.   #subastas .todas {
  252.     display: block!important;
  253.     text-align: center!important;
  254.     float: none!important;
  255.     /* margin: 1.5% 1.5% 0 0; */
  256.   }
  257.  
  258.   .promo-redes a {
  259.     width: 15%!important;
  260.     height: 1em!important;
  261.   }
  262.  
  263.   footer .desarrollo {
  264.   display: none!important;
  265.   }
  266.  
  267.   .nc {
  268.     display: none!important;
  269.   }
  270. }
  271.  
  272.  
  273. .am {
  274.   margin: 0 auto;
  275.   display: block;
  276.   position: relative;
  277.   transition: .5s;
  278. }
  279.  
  280. /* EMPIEZA LA MÁGIA */
  281. /* TFSM = [tomado del font-size maestro] */
  282. body.home > header {
  283.   padding-bottom: 1.3%;
  284. }
  285.  
  286. body.home #subastas .am {
  287.   padding: 2.1% 0;
  288. }
  289.  
  290. body.subasta {
  291.   background-color: #F7F7EF;
  292. }
  293.  
  294. body.marfil {
  295.   /* Nombre aceptado por hiro :v yo le quería poner maiz XD*/
  296.   background-color: #F2F3E4;
  297. }
  298.  
  299. body > header {
  300.   padding: 1.3% 0 0.3% 0;
  301. }
  302.  
  303. body > header .am:after {
  304.   content: ".";
  305.   display: block;
  306.   clear: both;
  307.   visibility: hidden;
  308.   line-height: 0;
  309.   height: 0;
  310. }
  311.  
  312. body > header #logo:hover {
  313.   opacity: .8;
  314. }
  315.  
  316. body > header nav {
  317.   float: right;
  318.   background-color: #D6D1AF;
  319.   position: relative;
  320. }
  321.  
  322. body > header nav > ul {
  323.   /*padding:3px 0;*/
  324.   display: table;
  325. }
  326.  
  327. body > header nav > ul > li {
  328.   display: table-cell;
  329.   vertical-align: middle;
  330.   padding: 3px 0;
  331.   transition: all .3s;
  332. }
  333.  
  334. body > header nav > ul > li > a {
  335.   display: table-cell;
  336.   vertical-align: middle;
  337.   padding: 0.1351em 0.5945em;
  338.   /* 5px 22px */
  339.   color: #5D5E59;
  340.   font-size: 2.3125em;
  341.   /* 37px */
  342.   font-family: "thorup";
  343.   text-transform: uppercase;
  344.   line-height: 0.5945em;
  345.   /* 20px */
  346.   position: relative;
  347.   border-left: 1px solid #949389;
  348. }
  349.  
  350. body > header nav > ul > li > a span {
  351.   display: block;
  352.   line-height: 0.5em;
  353.   /* 10px */
  354.   margin-bottom: 2.5%;
  355.   /* 2px */
  356.   font-size: 0.5em;
  357.   /* 20px */
  358.   color: #5D5E59;
  359.   text-decoration: none;
  360. }
  361.  
  362. body > header nav > ul > li:first-child a {
  363.   border-left: 0;
  364. }
  365.  
  366. body > header nav > ul > li.como {
  367.   background-color: #A7B300;
  368. }
  369.  
  370. body > header nav > ul > li.como a {
  371.   border-left: 0;
  372. }
  373.  
  374. body > header nav > ul > li.anaranjado {
  375.   background-color: #F2C531;
  376. }
  377.  
  378. body > header nav > ul > li.anaranjado a {
  379.   border-left: 0;
  380. }
  381.  
  382. body > header nav > ul > li.cuenta {
  383.   background-color: #5B5D58;
  384. }
  385.  
  386. body > header nav > ul > li.cuenta a {
  387.   border-left: 0;
  388.   color: #fff;
  389. }
  390.  
  391. body > header nav > ul > li.cuenta ul {
  392.   max-height: 0;
  393.   transition: all .5s;
  394.   overflow: hidden;
  395.   background-color: #262123;
  396.   position: absolute;
  397.   right: 0;
  398.   top: 4.15em;
  399.   /* 68px TFSM */
  400.   z-index: 30;
  401. }
  402.  
  403. body > header nav > ul > li.cuenta ul li {
  404.   margin: 0 0.875em 0.3125em 0.875em;
  405.   /* margin:0 14px 5px 14px;  TFSM*/
  406. }
  407.  
  408. body > header nav > ul > li.cuenta ul li a {
  409.   display: -webkit-flex;
  410.   display: -ms-flexbox;
  411.   display: flex;
  412.   -webkit-align-items: center;
  413.       -ms-flex-align: center;
  414.           align-items: center;
  415.   padding: 0.1em 0.25em;
  416.   /* padding:2px 5px 2px 32px; */
  417.   font-family: "raleway";
  418.   text-transform: capitalize;
  419.   font-size: 1.25em;
  420.   /* 20px TFSM */
  421.   border-left: 0.25em solid #262123;
  422. }
  423.  
  424. body > header nav > ul > li.cuenta ul li a:hover {
  425.   color: #F6BD32;
  426.   border-color: #F6BD32;
  427.   font-family: "raleway-italic";
  428. }
  429.  
  430. body > header nav > ul > li.cuenta ul li a:before {
  431.   margin-right: .3em;
  432. }
  433.  
  434. body > header nav > ul > li.cuenta ul li:first-child {
  435.   margin-top: 0.875em;
  436.   /* 14px TFSM */
  437. }
  438.  
  439. body > header nav > ul > li.cuenta ul li:last-child {
  440.   margin-bottom: 0.875em;
  441.   /* 14px TFSM */
  442. }
  443.  
  444. body > header nav > ul > li.cuenta:hover ul {
  445.   max-height: 253px;
  446.   /* 253px TFSM*/
  447. }
  448.  
  449. body > header nav > ul > li.cuenta:hover > a:before {
  450.   display: block;
  451.   content: "";
  452.   position: absolute;
  453.   right: 1.49em;
  454.   top: 1.10em;
  455.   width: 0;
  456.   height: 0;
  457.   border-bottom: 17px solid #262123;
  458.   border-right: 14px solid transparent;
  459.   border-left: 14px solid transparent;
  460. }
  461.  
  462. body > header nav > ul > li:hover {
  463.   background-color: #5B5D58;
  464. }
  465.  
  466. body > header nav > ul > li:hover a {
  467.   color: #fff;
  468.   border-left: 1px solid #5B5D58;
  469. }
  470.  
  471. body > header nav > ul > li:hover a span {
  472.   color: #fff;
  473. }
  474.  
  475. body > header nav > ul > li:hover + li a {
  476.   border-left: 1px solid #D6D1AF;
  477. }
  478.  
  479. body > header #usuario {
  480.   float: right;
  481.   width: 100%;
  482.   text-align: right;
  483. }
  484.  
  485. body > header #usuario #opciones {
  486.   display: inline-block;
  487.   border: 0.125em solid #AFA77B;
  488.   overflow: hidden;
  489.   padding: 0.3125em 0.25em;
  490.   /* padding:5px 4px; TFSM*/
  491. }
  492.  
  493. body > header #usuario #opciones a {
  494.   display: inline-block;
  495.   font-size: 1.1875em;
  496.   /* 19px TFSM*/
  497.   padding: 0 0.5263em;
  498.   /* padding:0 10px */
  499. }
  500.  
  501. body > header #usuario #opciones a:first-child {
  502.   font-family: "raleway-bold";
  503.   text-transform: uppercase;
  504.   color: #F6BD32;
  505. }
  506.  
  507. body > header #usuario #opciones a:first-child:hover {
  508.   background-color: #F6BD32;
  509.   color: #fff;
  510. }
  511.  
  512. body > header #usuario #opciones a:first-child:hover + a {
  513.   border-color: #F6BD32;
  514. }
  515.  
  516. body > header #usuario #opciones a:last-child {
  517.   font-family: "raleway";
  518.   color: #B4B188;
  519.   border-left: 2px solid #AFA77B;
  520. }
  521.  
  522. body > header #usuario #opciones a:last-child:hover {
  523.   background-color: #B4B188;
  524.   color: #fff;
  525. }
  526.  
  527. body > header #usuario #opciones:hover #inicio {
  528.   border-color: #fff;
  529. }
  530.  
  531. body > header #usuario span {
  532.   font-family: "raleway";
  533.   font-size: 1.125em;
  534.   /* 18px TFSM*/
  535.   color: #918F85;
  536. }
  537.  
  538. body > header #usuario span b {
  539.   color: #84806D;
  540.   font-family: "raleway-bold";
  541. }
  542.  
  543. body > header #usuario span b:first-child {
  544.   margin-right: 0.1666em;
  545.   /* 3px */
  546.   padding-right: 0.3888em;
  547.   /*  7px */
  548.   border-right: 0.1666em solid #84806D;
  549.   /* 3px */
  550.   line-height: 0;
  551. }
  552.  
  553. body > header #usuario span b:first-child:after {
  554.   content: "";
  555.   display: inline-block;
  556.   margin-left: 0.3888em;
  557.   /*  7px */
  558.   width: 0;
  559.   height: 0;
  560.   border-top: 0.5555em solid #F6BD32;
  561.   /* 10px */
  562.   border-left: 0.3333em solid transparent;
  563.   /* 6px */
  564.   border-right: 0.3333em solid transparent;
  565.   /* 6px */
  566. }
  567.  
  568. #slider {
  569.   width: 100%;
  570.   background-color: #D6D1AF;
  571.   position: relative;
  572.   overflow: hidden;
  573.   height: 36.1221em;
  574. }
  575.  
  576. #slider > button {
  577.   font-size: 1em;
  578.   text-align: center;
  579.   color: #F2C531;
  580.   position: absolute;
  581.   top: 50%;
  582.   -webkit-transform: translateY(-50%);
  583.       -ms-transform: translateY(-50%);
  584.           transform: translateY(-50%);
  585.   width: 1.7em;
  586.   height: 5.4em;
  587.   background-color: transparent;
  588.   overflow: hidden;
  589. }
  590.  
  591. #slider > button#anterior {
  592.   left: 5%;
  593. }
  594.  
  595. #slider > button#anterior span:before {
  596.   font-size: 5.3em;
  597.   display: inline-block;
  598.   -webkit-transform: rotate(4.5deg);
  599.       -ms-transform: rotate(4.5deg);
  600.           transform: rotate(4.5deg);
  601.   margin-left: -105%;
  602.   line-height: 1;
  603. }
  604.  
  605. #slider > button#siguiente {
  606.   right: 5%;
  607. }
  608.  
  609. #slider > button#siguiente span:before {
  610.   font-size: 5.3em;
  611.   display: inline-block;
  612.   -webkit-transform: rotate(-4.5deg);
  613.       -ms-transform: rotate(-4.5deg);
  614.           transform: rotate(-4.5deg);
  615.   margin-left: -115%;
  616.   line-height: 1;
  617. }
  618.  
  619. #slider .am {
  620.   height: 100%;
  621.   overflow: hidden;
  622. }
  623.  
  624. #slider #contenedor {
  625.   width: 400%;
  626.   margin-left: 0;
  627.   transition: all 1s;
  628.   padding: 2.5% 0 4.5% 0;
  629.   overflow: hidden;
  630.   z-index: 10;
  631.   height: 100%;
  632. }
  633.  
  634. #slider #contenedor .texto-imagen {
  635.   float: left;
  636.   width: 25%;
  637.   display: -webkit-flex;
  638.   display: -ms-flexbox;
  639.   display: flex;
  640.   height: 100%;
  641. }
  642.  
  643. #slider #contenedor .texto-imagen .texto {
  644.   padding-right: 2.5%;
  645.   width: 50%;
  646. }
  647.  
  648. #slider #contenedor .texto-imagen .texto p {
  649.   height: 50%;
  650.   display: -webkit-flex;
  651.   display: -ms-flexbox;
  652.   display: flex;
  653.   -webkit-flex-direction: column;
  654.       -ms-flex-direction: column;
  655.           flex-direction: column;
  656.   -webkit-justify-content: center;
  657.       -ms-flex-pack: center;
  658.           justify-content: center;
  659.   -webkit-align-items: flex-end;
  660.       -ms-flex-align: end;
  661.           align-items: flex-end;
  662. }
  663.  
  664. #slider #contenedor .texto-imagen .texto p:first-child b {
  665.   color: #5D5E59;
  666.   font-size: 6.25em;
  667.   /* 100px TFSM*/
  668.   font-family: "thorup";
  669.   font-weight: normal;
  670.   text-transform: uppercase;
  671.   line-height: .8;
  672. }
  673.  
  674. #slider #contenedor .texto-imagen .texto p:first-child span {
  675.   font-family: "raleway-italic";
  676.   font-size: 1.875em;
  677.   /* 30px TFSM*/
  678.   color: #83816E;
  679. }
  680.  
  681. #slider #contenedor .texto-imagen .texto p:last-child * {
  682.   display: block;
  683. }
  684.  
  685. #slider #contenedor .texto-imagen .texto p:last-child span {
  686.   font-family: "raleway";
  687.   font-size: 1.875em;
  688.   /* 30px TFSM*/
  689.   color: #AFA77B;
  690. }
  691.  
  692. #slider #contenedor .texto-imagen .texto p:last-child b {
  693.   color: #5D5E59;
  694.   font-size: 2.1875em;
  695.   /* 35px TFSM*/
  696.   font-family: "raleway-italic";
  697.   font-weight: bold;
  698.   text-transform: uppercase;
  699.   margin-bottom: 0.2857em;
  700.   /* 10px */
  701. }
  702.  
  703. #slider #contenedor .texto-imagen .texto p:last-child button {
  704.   float: right;
  705.   padding: 0 0.2222em;
  706.   /* 10px [lo toma del FS de abajo] */
  707.   line-height: .8;
  708.   border: 4px solid #AFA77B;
  709.   background-color: transparent;
  710.   color: #9D966C;
  711.   font-size: 2.8125em;
  712.   /* 45px TFSM*/
  713.   font-family: "thorup";
  714.   font-weight: Bold;
  715.   transition: all .5s;
  716. }
  717.  
  718. #slider #contenedor .texto-imagen .texto p:last-child button:hover {
  719.   background-color: #AFA77B;
  720.   color: #fff;
  721. }
  722.  
  723. #slider #contenedor .texto-imagen .imagen {
  724.   padding-left: 2.5%;
  725.   width: 50%;
  726.   position: relative;
  727. }
  728.  
  729. #slider #contenedor .texto-imagen .imagen img {
  730.   position: absolute;
  731.   top: 0;
  732.   right: 0;
  733.   left: 0;
  734.   bottom: 0;
  735.   margin: auto;
  736.   max-height: 100%;
  737. }
  738.  
  739. #slider #bolitas {
  740.   position: absolute;
  741.   bottom: 6.2%;
  742.   left: 50%;
  743.   -webkit-transform: translateX(-50%);
  744.       -ms-transform: translateX(-50%);
  745.           transform: translateX(-50%);
  746. }
  747.  
  748. #slider #bolitas button {
  749.   width: 15px;
  750.   height: 15px;
  751.   border-radius: 50%;
  752.   margin-right: 8px;
  753.   background-color: #AFA77B;
  754. }
  755.  
  756. #slider #bolitas button:last-child {
  757.   margin-right: 0;
  758. }
  759.  
  760. #slider #bolitas .activo {
  761.   background-color: #F2C531;
  762. }
  763.  
  764. .filtrar-por {
  765.   position: absolute;
  766.   top: 1.2em;
  767.   right: .5%;
  768.   width: 28.8887%;
  769. }
  770.  
  771. .filtrar-por button {
  772.   background-color: transparent;
  773.   overflow: hidden;
  774.   width: 100%;
  775.   font-size: 1em;
  776. }
  777.  
  778. .filtrar-por button span:first-child {
  779.   text-align: left;
  780.   display: block;
  781.   width: 85%;
  782.   float: left;
  783.   line-height: 1.6em;
  784.   font-family: "raleway";
  785.   color: #5E605C;
  786.   font-size: .95em;
  787.   padding: 0 .8em;
  788.   border-top: .1em solid #5E605C;
  789.   border-bottom: .1em solid #5E605C;
  790.   border-left: .1em solid #5E605C;
  791. }
  792.  
  793. .filtrar-por button span:last-child {
  794.   float: right;
  795.   background-color: #F5BD32;
  796.   display: -webkit-flex;
  797.   display: -ms-flexbox;
  798.   display: flex;
  799.   -webkit-align-items: center;
  800.       -ms-flex-align: center;
  801.           align-items: center;
  802.   -webkit-justify-content: center;
  803.       -ms-flex-pack: center;
  804.           justify-content: center;
  805.   color: #fff;
  806.   width: 15%;
  807.   height: 1.65em;
  808. }
  809.  
  810. .filtrar-por button span:last-child:before {
  811.   font-size: .8em;
  812. }
  813.  
  814. .filtrar-por ul {
  815.   max-height: 0;
  816.   overflow: hidden;
  817.   padding: 0;
  818.   background-color: #383235;
  819.   font-size: .95em;
  820.   position: absolute;
  821.   top: 120%;
  822.   right: 1%;
  823.   transition: all .3s;
  824. }
  825.  
  826. .filtrar-por ul li a {
  827.   display: block;
  828.   color: #FFFFFF;
  829.   font-family: "raleway";
  830.   line-height: .8;
  831.   border-bottom: 1px solid #FFFFFF;
  832.   padding: .5em .6em;
  833. }
  834.  
  835. .filtrar-por ul li a:hover {
  836.   color: #F5BD32;
  837.   border-color: #F5BD32;
  838.   font-weight: bold;
  839. }
  840.  
  841. .filtrar-por ul li:last-child a {
  842.   border-bottom: 0;
  843. }
  844.  
  845. .filtrar-por ul:before {
  846.   content: "";
  847.   position: absolute;
  848.   right: 5%;
  849.   top: -.75em;
  850.   width: 0;
  851.   height: 0;
  852.   border-bottom: .8em solid #383235;
  853.   border-right: .8em solid transparent;
  854.   border-left: .8em solid transparent;
  855. }
  856.  
  857. .filtrar-por:hover ul {
  858.   max-height: 8em;
  859.   overflow: visible;
  860.   padding: .4em .8em;
  861. }
  862.  
  863. #subastas .am {
  864.   padding-bottom: 1.8%;
  865. }
  866.  
  867. #subastas .am > hr {
  868.   background-color: #AFA77B;
  869.   border: 0;
  870.   width: 85%;
  871.   height: 0.25em;
  872.   padding: 0;
  873.   margin: 3.5% auto;
  874. }
  875.  
  876. #subastas .am:after, #subastas .am .envivo:after, #subastas .am .proximas:after {
  877.   content: ".";
  878.   display: block;
  879.   clear: both;
  880.   visibility: hidden;
  881.   line-height: 0;
  882.   height: 0;
  883. }
  884.  
  885. #subastas h2 {
  886.   color: #999167;
  887.   text-align: center;
  888.   font-size: 4.375em;
  889.   /* 70px TFSM */
  890.   font-family: "thorup";
  891.   font-weight: normal;
  892.   text-transform: uppercase;
  893.   line-height: 1;
  894.   margin-bottom: 2.5%;
  895. }
  896.  
  897. #subastas h2:after {
  898.   content: "";
  899.   display: block;
  900.   margin: 0 auto;
  901.   width: 3.5%;
  902.   background-color: #F6BD32;
  903.   height: 0;
  904.   padding-bottom: 0.5714%;
  905. }
  906.  
  907. #subastas h2 span {
  908.   text-transform: lowercase;
  909.   font-family: "raleway-italic";
  910.   font-size: 0.4285em;
  911.   /* 30px  */
  912.   color: #83816E;
  913.   display: block;
  914.   margin-bottom: 0.5em;
  915.   /* 15px [de arriba] */
  916. }
  917.  
  918. #subastas article {
  919.   /* Estilo general para los iconitos de tipos de subasta */
  920. }
  921.  
  922. #subastas article .tipos {
  923.   position: absolute;
  924.   top: 19.3%;
  925.   left: 0;
  926.   /* Seguir trabajando en esta wada.., disolu,si lees esto vete a la RKTM xD*/
  927. }
  928.  
  929. #subastas article .tipos a {
  930.   width: 2.375em;
  931.   /* 38px TFSM*/
  932.   height: 2.375em;
  933.   display: block;
  934.   margin-bottom: 26.31%;
  935.   position: relative;
  936.   text-align: center;
  937. }
  938.  
  939. #subastas article .tipos a i {
  940.   color: #fff;
  941.   font-size: 1.375em;
  942.   /* 22px TFSM*/
  943.   position: absolute;
  944.   top: 19%;
  945.   left: 19%;
  946. }
  947.  
  948. #subastas article .tipos a span:first-child {
  949.   color: #F6BD32;
  950.   position: absolute;
  951.   top: 0;
  952.   left: 0;
  953.   font-size: 2.3em;
  954. }
  955.  
  956. #subastas article .tipos a span:last-child {
  957.   display: none;
  958.   width: 684%;
  959.   text-align: justify;
  960.   position: absolute;
  961.   bottom: 128%;
  962.   /* 52px, % de ancho del A*/
  963.   left: -240%;
  964.   /* 95px % de ancho del A [38px]*/
  965.   padding: 0.7142em 1.071em;
  966.   /* padding:10px 15px; de abajo*/
  967.   background-color: #5B5D58;
  968.   color: #fff;
  969.   font-family: "raleway-medium";
  970.   font-size: 0.875em;
  971.   /* 14px TFSM */
  972.   transition: all .3s;
  973.   z-index: 20;
  974. }
  975.  
  976. #subastas article .tipos a:hover {
  977.   cursor: help;
  978. }
  979.  
  980. #subastas article .tipos a:hover span:last-child {
  981.   display: block;
  982. }
  983.  
  984. #subastas article .tipos a:hover span:last-child:after {
  985.   content: "";
  986.   position: absolute;
  987.   bottom: -15%;
  988.   left: 40%;
  989.   width: 0;
  990.   height: 0;
  991.   border-top: 0.875em solid #5B5D58;
  992.   /* 14px TFSM */
  993.   border-left: 0.625em solid transparent;
  994.   /* 10px TFSM */
  995.   border-right: 0.625em solid transparent;
  996.   /* 10px TFSM */
  997. }
  998.  
  999. #subastas article .tipos .rapidita span:first-child {
  1000.   color: #F6BD32;
  1001. }
  1002.  
  1003. #subastas article .tipos .rapidita b {
  1004.   color: #F6BD32;
  1005. }
  1006.  
  1007. #subastas article .tipos .cumpleanos span:first-child {
  1008.   color: #D7C81C;
  1009. }
  1010.  
  1011. #subastas article .tipos .cumpleanos b {
  1012.   color: #D7C816;
  1013. }
  1014.  
  1015. #subastas article .tipos .vistas span:first-child {
  1016.   color: #E59B32;
  1017. }
  1018.  
  1019. #subastas article .tipos .vistas b {
  1020.   color: #E59A28;
  1021. }
  1022.  
  1023. #subastas article .tipos .pelea span:first-child {
  1024.   color: #A7B41A;
  1025. }
  1026.  
  1027. #subastas article .tipos .pelea i {
  1028.   font-size: 1.875em;
  1029.   /* 22px TFSM*/
  1030.   top: 7%;
  1031.   left: 10%;
  1032. }
  1033.  
  1034. #subastas article .tipos .pelea b {
  1035.   color: #A7B300;
  1036. }
  1037.  
  1038. #subastas .envivo {
  1039.   width: 88.1428%;
  1040.   margin: 0 auto;
  1041.   position: relative;
  1042. }
  1043.  
  1044. #subastas .envivo #categorias {
  1045.   margin-bottom: 3%;
  1046.   display: -webkit-flex;
  1047.   display: -ms-flexbox;
  1048.   display: flex;
  1049.   -webkit-flex-wrap: wrap;
  1050.       -ms-flex-wrap: wrap;
  1051.           flex-wrap: wrap;
  1052.   -webkit-justify-content: center;
  1053.       -ms-flex-pack: center;
  1054.           justify-content: center;
  1055. }
  1056.  
  1057. #subastas .envivo #categorias li a {
  1058.   background-color: #D7D1AF;
  1059.   color: #84806D;
  1060.   font-family: "thorup";
  1061.   font-size: 1.85em;
  1062.   padding: .3em .78em;
  1063.   position: relative;
  1064. }
  1065.  
  1066. #subastas .envivo #categorias li a:after {
  1067.   content: "";
  1068.   position: absolute;
  1069.   top: 50%;
  1070.   -webkit-transform: translateY(-50%);
  1071.       -ms-transform: translateY(-50%);
  1072.           transform: translateY(-50%);
  1073.   right: 0;
  1074.   width: .05em;
  1075.   height: 80%;
  1076.   background-color: #84806D;
  1077. }
  1078.  
  1079. #subastas .envivo #categorias li a:hover, #subastas .envivo #categorias li a.activado {
  1080.   background-color: #F6BE33;
  1081. }
  1082.  
  1083. #subastas .envivo #categorias li:last-child a:after {
  1084.   display: none;
  1085. }
  1086.  
  1087. #subastas .envivo .moteadas {
  1088.   display: -webkit-flex;
  1089.   display: -ms-flexbox;
  1090.   display: flex;
  1091.   -webkit-flex-wrap: wrap;
  1092.       -ms-flex-wrap: wrap;
  1093.           flex-wrap: wrap;
  1094. }
  1095.  
  1096. #subastas .envivo .moteadas article:nth-child(5n) {
  1097.   margin-right: 0;
  1098. }
  1099.  
  1100. #subastas .envivo .moteadas article header {
  1101.   height: 5.9375em;
  1102.   text-align: center;
  1103.   display: -webkit-flex;
  1104.   display: -ms-flexbox;
  1105.   display: flex;
  1106.   -webkit-justify-content: center;
  1107.       -ms-flex-pack: center;
  1108.           justify-content: center;
  1109.   -webkit-align-items: center;
  1110.       -ms-flex-align: center;
  1111.           align-items: center;
  1112.   -webkit-flex-direction: column;
  1113.       -ms-flex-direction: column;
  1114.           flex-direction: column;
  1115. }
  1116.  
  1117. #subastas .envivo .moteadas article header h3 {
  1118.   display: block;
  1119. }
  1120.  
  1121. #subastas .envivo .moteadas article header h3 a {
  1122.   font-size: 2.215em;
  1123.   /* 41px */
  1124.   font-family: "thorup-bold";
  1125.   font-weight: normal;
  1126.   text-transform: uppercase;
  1127.   color: #AFA77B;
  1128. }
  1129.  
  1130. #subastas .envivo .moteadas article header h4 {
  1131.   display: block;
  1132.   color: #CAC8BF;
  1133.   font-family: "raleway";
  1134.   font-size: 0.875em;
  1135.   /* 14px TFSM */
  1136. }
  1137.  
  1138. #subastas .envivo .moteadas article header h4 b {
  1139.   font-weight: Bold;
  1140.   color: #83816E;
  1141. }
  1142.  
  1143. #subastas .envivo .moteadas article .mini-slider:hover button {
  1144.   opacity: 1;
  1145. }
  1146.  
  1147. #subastas .envivo .moteadas article .mini-slider .imagenes {
  1148.   /* width: 400%; */
  1149.   overflow: hidden;
  1150.   margin-left: 0;
  1151.   transition: all .3s;
  1152. }
  1153.  
  1154. #subastas .envivo .moteadas article .mini-slider .imagenes a {
  1155.   float: left;
  1156.   /* width: 25%; */
  1157.   z-index: 10;
  1158. }
  1159.  
  1160. #subastas .envivo .moteadas article .mini-slider .imagenes a img {
  1161.   display: block;
  1162.   margin: 5.78% auto;
  1163.   width: 88.44%;
  1164. }
  1165.  
  1166. #subastas .envivo .moteadas article .mini-slider > button {
  1167.   opacity: .4;
  1168.   /*  */
  1169.   font-size: 1em;
  1170.   text-align: center;
  1171.   color: #F2C531;
  1172.   position: absolute;
  1173.   top: 50%;
  1174.   z-index: 20;
  1175.   -webkit-transform: translateY(-50%);
  1176.       -ms-transform: translateY(-50%);
  1177.           transform: translateY(-50%);
  1178.   width: 1.2625em;
  1179.   height: 3.4588em;
  1180.   background-color: transparent;
  1181.   overflow: hidden;
  1182.   transition: all .5s;
  1183. }
  1184.  
  1185. #subastas .envivo .moteadas article .mini-slider > button span:before {
  1186.   font-size: 3.3em;
  1187.   margin-left: -90%;
  1188.   line-height: 1;
  1189.   display: inline-block;
  1190. }
  1191.  
  1192. #subastas .envivo .moteadas article .mini-slider > button:nth-last-child(2) {
  1193.   left: 16.70%;
  1194. }
  1195.  
  1196. #subastas .envivo .moteadas article .mini-slider > button:nth-last-child(2) span:before {
  1197.   -webkit-transform: rotate(4.5deg);
  1198.       -ms-transform: rotate(4.5deg);
  1199.           transform: rotate(4.5deg);
  1200. }
  1201.  
  1202. #subastas .envivo .moteadas article .mini-slider > button:last-child {
  1203.   right: 14.70%;
  1204. }
  1205.  
  1206. #subastas .envivo .moteadas article .mini-slider > button:last-child span:before {
  1207.   -webkit-transform: rotate(-4.5deg);
  1208.       -ms-transform: rotate(-4.5deg);
  1209.           transform: rotate(-4.5deg);
  1210. }
  1211.  
  1212. #subastas .envivo .moteadas article .tiempo, #subastas .envivo .moteadas article strong, #subastas .envivo .moteadas article > button, #subastas .envivo .moteadas article .ultimo {
  1213.   display: block;
  1214.   margin: 0 auto;
  1215.   text-align: center;
  1216. }
  1217.  
  1218. #subastas .envivo .moteadas article .tiempo {
  1219.   margin-top: 0.4259em;
  1220.   color: #85806C;
  1221.   font-size: 3.375em;
  1222.   /* 70px */
  1223.   line-height: 0.57em;
  1224.   font-family: "thorup";
  1225.   font-weight: normal;
  1226.   margin-bottom: 0.1em;
  1227. }
  1228.  
  1229. #subastas .envivo .moteadas article strong {
  1230.   color: #F6BD32;
  1231.   font-size: 1.7em;
  1232.   /* 34px TFSM*/
  1233.   font-weight: normal;
  1234.   font-family: "raleway";
  1235.   margin-bottom: 0.2941em;
  1236. }
  1237.  
  1238. #subastas .envivo .moteadas article > button {
  1239.   background-color: #F6BD32;
  1240.   color: #fff;
  1241.   width: 6.5em;
  1242.   line-height: 1.5em;
  1243.   font-size: 1.3em;
  1244.   /* 24px TFSM*/
  1245.   font-family: "raleway-black";
  1246.   font-weight: Bold;
  1247.   text-transform: uppercase;
  1248.   border-radius: 0.8333em;
  1249.   /* 20px */
  1250.   margin-bottom: 0.1083em;
  1251.   /* 5px */
  1252. }
  1253.  
  1254. #subastas .envivo .moteadas article .ultimo {
  1255.   font-family: "raleway";
  1256.   color: #83816E;
  1257.   font-size: 1.1em;
  1258.   /* 20px TFSM*/
  1259.   font-weight: normal;
  1260.   margin-bottom: 9%;
  1261. }
  1262.  
  1263. #subastas .envivo .moteadas article:first-child, #subastas .envivo .moteadas article:nth-child(3), #subastas .envivo .moteadas article:nth-child(5), #subastas .envivo .moteadas article:nth-child(6), #subastas .envivo .moteadas article:nth-child(8), #subastas .envivo .moteadas article:nth-child(10), #subastas .envivo .moteadas article:nth-child(11), #subastas .envivo .moteadas article:nth-child(13), #subastas .envivo .moteadas article:last-child {
  1264.   border: 0.4375em solid #D6D1AF;
  1265.   /* 7px TFSM*/
  1266. }
  1267.  
  1268. #subastas .envivo .moteadas article:nth-child(2), #subastas .envivo .moteadas article:nth-child(4), #subastas .envivo .moteadas article:nth-child(7), #subastas .envivo .moteadas article:nth-child(9), #subastas .envivo .moteadas article:nth-child(12), #subastas .envivo .moteadas article:nth-child(14) {
  1269.   background-color: #D6D1AF;
  1270. }
  1271.  
  1272. #subastas .envivo .moteadas article:nth-child(2) header, #subastas .envivo .moteadas article:nth-child(4) header, #subastas .envivo .moteadas article:nth-child(7) header, #subastas .envivo .moteadas article:nth-child(9) header, #subastas .envivo .moteadas article:nth-child(12) header, #subastas .envivo .moteadas article:nth-child(14) header {
  1273.   height: 6.375em;
  1274. }
  1275.  
  1276. #subastas .envivo .moteadas article:nth-child(2) header h3 a, #subastas .envivo .moteadas article:nth-child(4) header h3 a, #subastas .envivo .moteadas article:nth-child(7) header h3 a, #subastas .envivo .moteadas article:nth-child(9) header h3 a, #subastas .envivo .moteadas article:nth-child(12) header h3 a, #subastas .envivo .moteadas article:nth-child(14) header h3 a {
  1277.   color: #83816E;
  1278. }
  1279.  
  1280. #subastas .envivo .moteadas article:nth-child(2) header h4, #subastas .envivo .moteadas article:nth-child(4) header h4, #subastas .envivo .moteadas article:nth-child(7) header h4, #subastas .envivo .moteadas article:nth-child(9) header h4, #subastas .envivo .moteadas article:nth-child(12) header h4, #subastas .envivo .moteadas article:nth-child(14) header h4 {
  1281.   color: #B3B095;
  1282. }
  1283.  
  1284. #subastas .envivo .moteadas article:nth-child(2) .tiempo, #subastas .envivo .moteadas article:nth-child(4) .tiempo, #subastas .envivo .moteadas article:nth-child(7) .tiempo, #subastas .envivo .moteadas article:nth-child(9) .tiempo, #subastas .envivo .moteadas article:nth-child(12) .tiempo, #subastas .envivo .moteadas article:nth-child(14) .tiempo {
  1285.   color: #6F7266;
  1286. }
  1287.  
  1288. #subastas .envivo .moteadas article:nth-child(2) .tipos, #subastas .envivo .moteadas article:nth-child(4) .tipos, #subastas .envivo .moteadas article:nth-child(7) .tipos, #subastas .envivo .moteadas article:nth-child(9) .tipos, #subastas .envivo .moteadas article:nth-child(12) .tipos, #subastas .envivo .moteadas article:nth-child(14) .tipos {
  1289.   top: 20.3%;
  1290. }
  1291.  
  1292. #subastas .envivo .moteadas article:nth-child(2) strong, #subastas .envivo .moteadas article:nth-child(4) strong, #subastas .envivo .moteadas article:nth-child(7) strong, #subastas .envivo .moteadas article:nth-child(9) strong, #subastas .envivo .moteadas article:nth-child(12) strong, #subastas .envivo .moteadas article:nth-child(14) strong {
  1293.   color: #262123;
  1294. }
  1295.  
  1296. #subastas .envivo .moteadas article:nth-child(2) > button, #subastas .envivo .moteadas article:nth-child(4) > button, #subastas .envivo .moteadas article:nth-child(7) > button, #subastas .envivo .moteadas article:nth-child(9) > button, #subastas .envivo .moteadas article:nth-child(12) > button, #subastas .envivo .moteadas article:nth-child(14) > button {
  1297.   background-color: #fff;
  1298.   color: #F6BD32;
  1299. }
  1300.  
  1301. #subastas .envivo .mas-caro article {
  1302.   height: 30.938em !important;
  1303. }
  1304.  
  1305. #subastas .envivo .mas-caro article:nth-child(9) {
  1306.   background-color: #EFB632;
  1307.   width: 38.5%;
  1308. }
  1309.  
  1310. #subastas .envivo .mas-caro article:nth-child(9) header h3 a {
  1311.   color: #fff;
  1312. }
  1313.  
  1314. #subastas .envivo .mas-caro article:nth-child(9) header h4 {
  1315.   color: #5B5D58;
  1316. }
  1317.  
  1318. #subastas .envivo .mas-caro article:nth-child(9) header h4 b {
  1319.   color: #5B5D58;
  1320. }
  1321.  
  1322. #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes {
  1323.   width: 100% !important;
  1324.   height: 100%;
  1325.   position: relative;
  1326. }
  1327.  
  1328. #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a {
  1329.   position: absolute;
  1330.   float: none;
  1331.   width: auto;
  1332.   width: 41.3705% !important;
  1333. }
  1334.  
  1335. #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a img {
  1336.   width: 100%;
  1337. }
  1338.  
  1339. #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a:first-child {
  1340.   top: -80%;
  1341.   left: -40%;
  1342.   -webkit-transform: rotate(5deg);
  1343.       -ms-transform: rotate(5deg);
  1344.           transform: rotate(5deg);
  1345.   width: 65% !important;
  1346. }
  1347.  
  1348. #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a:nth-child(2) {
  1349.   top: 0;
  1350.   right: 0;
  1351.   bottom: 0;
  1352.   left: 0;
  1353.   margin: auto;
  1354. }
  1355.  
  1356. #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a:nth-child(3) {
  1357.   bottom: -80%;
  1358.   right: -35%;
  1359.   -webkit-transform: rotate(-170deg);
  1360.       -ms-transform: rotate(-170deg);
  1361.           transform: rotate(-170deg);
  1362.   width: 65% !important;
  1363. }
  1364.  
  1365. #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a:last-child {
  1366.   display: none;
  1367. }
  1368.  
  1369. #subastas .envivo .mas-caro article:nth-child(9) .mini-slider button {
  1370.   display: none;
  1371. }
  1372.  
  1373. #subastas .envivo .mas-caro article:nth-child(9) .tipos {
  1374.   display: none;
  1375. }
  1376.  
  1377. #subastas .envivo .mas-caro article:nth-child(9) .tiempo {
  1378.   color: #fff;
  1379. }
  1380.  
  1381. #subastas .envivo .mas-caro article:first-child, #subastas .envivo .mas-caro article:nth-child(3), #subastas .envivo .mas-caro article:nth-child(5), #subastas .envivo .mas-caro article:nth-child(6), #subastas .envivo .mas-caro article:nth-child(8), #subastas .envivo .mas-caro article:nth-child(10), #subastas .envivo .mas-caro article:nth-child(12), #subastas .envivo .mas-caro article:last-child {
  1382.   border: 0.4375em solid #D6D1AF;
  1383.   /* 7px TFSM*/
  1384.   background-color: #fff;
  1385. }
  1386.  
  1387. #subastas .envivo .mas-caro article:first-child h3 a, #subastas .envivo .mas-caro article:nth-child(3) h3 a, #subastas .envivo .mas-caro article:nth-child(5) h3 a, #subastas .envivo .mas-caro article:nth-child(6) h3 a, #subastas .envivo .mas-caro article:nth-child(8) h3 a, #subastas .envivo .mas-caro article:nth-child(10) h3 a, #subastas .envivo .mas-caro article:nth-child(12) h3 a, #subastas .envivo .mas-caro article:last-child h3 a {
  1388.   color: #AFA77B !important;
  1389. }
  1390.  
  1391. #subastas .envivo .mas-caro article:first-child > button, #subastas .envivo .mas-caro article:nth-child(3) > button, #subastas .envivo .mas-caro article:nth-child(5) > button, #subastas .envivo .mas-caro article:nth-child(6) > button, #subastas .envivo .mas-caro article:nth-child(8) > button, #subastas .envivo .mas-caro article:nth-child(10) > button, #subastas .envivo .mas-caro article:nth-child(12) > button, #subastas .envivo .mas-caro article:last-child > button {
  1392.   background-color: #F6BD32;
  1393.   color: #fff;
  1394. }
  1395.  
  1396. #subastas .envivo .mas-caro article:nth-child(9), #subastas .envivo .mas-caro article:last-child {
  1397.   margin-right: 0;
  1398. }
  1399.  
  1400. #subastas .envivo .mas-caro article:nth-child(10) {
  1401.   margin-right: 2.5%;
  1402. }
  1403.  
  1404. #subastas .envivo .mas-caro article:nth-child(2), #subastas .envivo .mas-caro article:nth-child(4), #subastas .envivo .mas-caro article:nth-child(7), #subastas .envivo .mas-caro article:nth-child(11), #subastas .envivo .mas-caro article:nth-child(13) {
  1405.   background-color: #D6D1AF;
  1406.   border: 0;
  1407. }
  1408.  
  1409. #subastas .envivo .mas-caro article:nth-child(2) header, #subastas .envivo .mas-caro article:nth-child(4) header, #subastas .envivo .mas-caro article:nth-child(7) header, #subastas .envivo .mas-caro article:nth-child(11) header, #subastas .envivo .mas-caro article:nth-child(13) header {
  1410.   height: 6.375em;
  1411. }
  1412.  
  1413. #subastas .envivo .mas-caro article:nth-child(2) header h3 a, #subastas .envivo .mas-caro article:nth-child(4) header h3 a, #subastas .envivo .mas-caro article:nth-child(7) header h3 a, #subastas .envivo .mas-caro article:nth-child(11) header h3 a, #subastas .envivo .mas-caro article:nth-child(13) header h3 a {
  1414.   color: #83816E;
  1415. }
  1416.  
  1417. #subastas .envivo .mas-caro article:nth-child(2) header h4, #subastas .envivo .mas-caro article:nth-child(4) header h4, #subastas .envivo .mas-caro article:nth-child(7) header h4, #subastas .envivo .mas-caro article:nth-child(11) header h4, #subastas .envivo .mas-caro article:nth-child(13) header h4 {
  1418.   color: #B3B095;
  1419. }
  1420.  
  1421. #subastas .envivo .mas-caro article:nth-child(2) .tipos, #subastas .envivo .mas-caro article:nth-child(4) .tipos, #subastas .envivo .mas-caro article:nth-child(7) .tipos, #subastas .envivo .mas-caro article:nth-child(11) .tipos, #subastas .envivo .mas-caro article:nth-child(13) .tipos {
  1422.   top: 20.3%;
  1423. }
  1424.  
  1425. #subastas .envivo .mas-caro article:nth-child(2) strong, #subastas .envivo .mas-caro article:nth-child(4) strong, #subastas .envivo .mas-caro article:nth-child(7) strong, #subastas .envivo .mas-caro article:nth-child(11) strong, #subastas .envivo .mas-caro article:nth-child(13) strong {
  1426.   color: #262123;
  1427. }
  1428.  
  1429. #subastas .envivo .mas-caro article:nth-child(2) > button, #subastas .envivo .mas-caro article:nth-child(4) > button, #subastas .envivo .mas-caro article:nth-child(7) > button, #subastas .envivo .mas-caro article:nth-child(11) > button, #subastas .envivo .mas-caro article:nth-child(13) > button {
  1430.   background-color: #fff;
  1431.   color: #F6BD32;
  1432. }
  1433.  
  1434. #subastas .destacadas {
  1435.   width: 85%;
  1436.   margin-left: auto;
  1437.   margin-right: auto;
  1438. }
  1439.  
  1440. #subastas .destacadas .limpias {
  1441.   margin-top: 5%;
  1442.   display: -webkit-flex;
  1443.   display: -ms-flexbox;
  1444.   display: flex;
  1445.   -webkit-justify-content: space-between;
  1446.       -ms-flex-pack: justify;
  1447.           justify-content: space-between;
  1448.   -webkit-align-items: flex-end;
  1449.       -ms-flex-align: end;
  1450.           align-items: flex-end;
  1451. }
  1452.  
  1453. #subastas .destacadas .limpias article {
  1454.   width: 18%;
  1455.   display: -webkit-flex;
  1456.   display: -ms-flexbox;
  1457.   display: flex;
  1458.   -webkit-flex-direction: column;
  1459.       -ms-flex-direction: column;
  1460.           flex-direction: column;
  1461.   -webkit-justify-content: flex-end;
  1462.       -ms-flex-pack: end;
  1463.           justify-content: flex-end;
  1464. }
  1465.  
  1466. #subastas .destacadas .limpias article > a {
  1467.   height: 16.4531em;
  1468.   text-align: center;
  1469.   margin-bottom: 2.9914em;
  1470. }
  1471.  
  1472. #subastas .destacadas .limpias article > a img {
  1473.   transition: all .3s;
  1474.   max-height: 100%;
  1475. }
  1476.  
  1477. #subastas .destacadas .limpias article > a:hover img {
  1478.   -webkit-transform: scale(1.25);
  1479.       -ms-transform: scale(1.25);
  1480.           transform: scale(1.25);
  1481. }
  1482.  
  1483. #subastas .destacadas .limpias article > a:hover + header a {
  1484.   color: #F6BD32;
  1485. }
  1486.  
  1487. #subastas .destacadas .limpias article > a:hover + header:after {
  1488.   background-color: #F6BD32;
  1489. }
  1490.  
  1491. #subastas .destacadas .limpias article header {
  1492.   padding: 9% 0;
  1493.   display: -webkit-flex;
  1494.   display: -ms-flexbox;
  1495.   display: flex;
  1496.   -webkit-flex-direction: column;
  1497.       -ms-flex-direction: column;
  1498.           flex-direction: column;
  1499.   -webkit-justify-content: center;
  1500.       -ms-flex-pack: center;
  1501.           justify-content: center;
  1502.   -webkit-align-items: center;
  1503.       -ms-flex-align: center;
  1504.           align-items: center;
  1505.   text-align: center;
  1506. }
  1507.  
  1508. #subastas .destacadas .limpias article header h3 a {
  1509.   font-size: 2.215em;
  1510.   /* 41px */
  1511.   font-family: "thorup-bold";
  1512.   font-weight: normal;
  1513.   text-transform: uppercase;
  1514.   color: #262123;
  1515. }
  1516.  
  1517. #subastas .destacadas .limpias article header h4 {
  1518.   color: #CAC8BF;
  1519.   font-family: "raleway";
  1520.   font-size: 0.875em;
  1521.   /* 14px TFSM */
  1522.   margin-bottom: 0.9333em;
  1523. }
  1524.  
  1525. #subastas .destacadas .limpias article header h4 b {
  1526.   font-weight: Bold;
  1527.   color: #83816E;
  1528. }
  1529.  
  1530. #subastas .destacadas .limpias article header:after {
  1531.   content: "";
  1532.   background-color: #fff;
  1533.   width: 35%;
  1534.   height: .6em;
  1535.   transition: all .5s;
  1536. }
  1537.  
  1538. #subastas .cuadros {
  1539.   margin: 0 auto 2% auto;
  1540.   width: 86.71%;
  1541.   height: 0;
  1542.   padding-bottom: 47.14%;
  1543.   position: relative;
  1544. }
  1545.  
  1546. #subastas .cuadros article {
  1547.   position: absolute;
  1548.   padding: 2.62%;
  1549.   overflow: hidden;
  1550. }
  1551.  
  1552. #subastas .cuadros article:hover img {
  1553.   -webkit-transform: scale(1.1);
  1554.       -ms-transform: scale(1.1);
  1555.           transform: scale(1.1);
  1556. }
  1557.  
  1558. #subastas .cuadros article > a {
  1559.   position: absolute;
  1560.   display: block;
  1561.   top: 0;
  1562.   left: 0;
  1563.   width: 100%;
  1564.   height: 100%;
  1565.   text-indent: -9999px;
  1566.   z-index: 20;
  1567. }
  1568.  
  1569. #subastas .cuadros article header {
  1570.   padding-bottom: 0;
  1571. }
  1572.  
  1573. #subastas .cuadros article h3 {
  1574.   display: inline-block;
  1575. }
  1576.  
  1577. #subastas .cuadros article h3 a {
  1578.   color: #5B5D58;
  1579.   font-size: 2.215em;
  1580.   font-family: "thorup-bold";
  1581.   font-weight: normal;
  1582.   text-transform: uppercase;
  1583. }
  1584.  
  1585. #subastas .cuadros article h3:after {
  1586.   content: "";
  1587.   display: block;
  1588.   width: 45%;
  1589.   background-color: #5B5D58;
  1590.   height: 0.2410em;
  1591.   margin: 0 auto;
  1592. }
  1593.  
  1594. #subastas .cuadros article .datos {
  1595.   font-family: "raleway";
  1596.   font-size: 1em;
  1597.   color: #83816E;
  1598.   z-index: 10;
  1599. }
  1600.  
  1601. #subastas .cuadros article .datos ul {
  1602.   margin-bottom: 0.625em;
  1603. }
  1604.  
  1605. #subastas .cuadros article .datos b {
  1606.   font-family: "raleway-italic";
  1607. }
  1608.  
  1609. #subastas .cuadros article .datos b span {
  1610.   display: block;
  1611.   margin-top: 0.3125em;
  1612.   font-weight: normal;
  1613. }
  1614.  
  1615. #subastas .cuadros article .imagen {
  1616.   text-align: center;
  1617.   z-index: 5;
  1618. }
  1619.  
  1620. #subastas .cuadros article .imagen img {
  1621.   display: inline-block;
  1622.   transition: all .3s;
  1623. }
  1624.  
  1625. #subastas .cuadros article:first-child {
  1626.   width: 45%;
  1627.   height: 57%;
  1628.   top: 0;
  1629.   left: 0;
  1630.   background-color: #D6D1AF;
  1631.   display: -webkit-flex;
  1632.   display: -ms-flexbox;
  1633.   display: flex;
  1634.   -webkit-align-items: center;
  1635.       -ms-flex-align: center;
  1636.           align-items: center;
  1637.   -webkit-flex-wrap: wrap;
  1638.       -ms-flex-wrap: wrap;
  1639.           flex-wrap: wrap;
  1640. }
  1641.  
  1642. #subastas .cuadros article:first-child header {
  1643.   width: 100%;
  1644.   display: -webkit-flex;
  1645.   display: -ms-flexbox;
  1646.   display: flex;
  1647.   -webkit-align-items: flex-start;
  1648.       -ms-flex-align: start;
  1649.           align-items: flex-start;
  1650. }
  1651.  
  1652. #subastas .cuadros article:first-child .datos {
  1653.   width: 50%;
  1654.   text-align: right;
  1655.   padding-right: 4%;
  1656.   -webkit-align-self: flex-end;
  1657.       -ms-flex-item-align: end;
  1658.           align-self: flex-end;
  1659.   margin-bottom: 10%;
  1660. }
  1661.  
  1662. #subastas .cuadros article:first-child .imagen {
  1663.   width: 50%;
  1664.   max-height: 94%;
  1665. }
  1666.  
  1667. #subastas .cuadros article:first-child .imagen img {
  1668.   max-width: 100%;
  1669.   max-height: 100%;
  1670. }
  1671.  
  1672. #subastas .cuadros article:nth-child(2) {
  1673.   width: 27%;
  1674.   height: 100%;
  1675.   top: 0;
  1676.   left: 45%;
  1677.   background-color: #F6BD32;
  1678.   display: -webkit-flex;
  1679.   display: -ms-flexbox;
  1680.   display: flex;
  1681.   -webkit-align-items: center;
  1682.       -ms-flex-align: center;
  1683.           align-items: center;
  1684.   -webkit-justify-content: center;
  1685.       -ms-flex-pack: center;
  1686.           justify-content: center;
  1687.   -webkit-flex-direction: column;
  1688.       -ms-flex-direction: column;
  1689.           flex-direction: column;
  1690. }
  1691.  
  1692. #subastas .cuadros article:nth-child(2) h3:after {
  1693.   width: 25%;
  1694. }
  1695.  
  1696. #subastas .cuadros article:nth-child(2) header {
  1697.   margin-bottom: auto;
  1698. }
  1699.  
  1700. #subastas .cuadros article:nth-child(2) .datos {
  1701.   text-align: center;
  1702.   margin-bottom: 6%;
  1703. }
  1704.  
  1705. #subastas .cuadros article:nth-child(2) .datos ul {
  1706.   margin-bottom: 8.47%;
  1707. }
  1708.  
  1709. #subastas .cuadros article:nth-child(2) .imagen {
  1710.   height: 47%;
  1711.   width: 100%;
  1712. }
  1713.  
  1714. #subastas .cuadros article:nth-child(2) .imagen img {
  1715.   max-height: 100%;
  1716.   max-width: 100%;
  1717. }
  1718.  
  1719. #subastas .cuadros article:nth-child(3) {
  1720.   padding: 2.62%;
  1721.   width: 28%;
  1722.   height: 62%;
  1723.   top: 0;
  1724.   right: 0;
  1725.   background-color: #83816E;
  1726.   display: -webkit-flex;
  1727.   display: -ms-flexbox;
  1728.   display: flex;
  1729.   -webkit-align-items: flex-start;
  1730.       -ms-flex-align: start;
  1731.           align-items: flex-start;
  1732.   -webkit-flex-wrap: wrap;
  1733.       -ms-flex-wrap: wrap;
  1734.           flex-wrap: wrap;
  1735. }
  1736.  
  1737. #subastas .cuadros article:nth-child(3) header {
  1738.   width: 100%;
  1739.   text-align: right;
  1740. }
  1741.  
  1742. #subastas .cuadros article:nth-child(3) header h3 a {
  1743.   color: #D6D1AF;
  1744. }
  1745.  
  1746. #subastas .cuadros article:nth-child(3) header h3:after {
  1747.   background-color: #D6D1AF;
  1748.   width: 28%;
  1749. }
  1750.  
  1751. #subastas .cuadros article:nth-child(3) .datos {
  1752.   width: 60%;
  1753.   text-align: right;
  1754.   padding-right: 4%;
  1755.   color: #D6D1AF;
  1756.   -webkit-align-self: center;
  1757.       -ms-flex-item-align: center;
  1758.           align-self: center;
  1759.   margin-bottom: 10%;
  1760. }
  1761.  
  1762. #subastas .cuadros article:nth-child(3) .imagen {
  1763.   width: 40%;
  1764.   height: 70%;
  1765.   -webkit-align-self: flex-end;
  1766.       -ms-flex-item-align: end;
  1767.           align-self: flex-end;
  1768.   margin-bottom: 2%;
  1769. }
  1770.  
  1771. #subastas .cuadros article:nth-child(3) .imagen img {
  1772.   max-height: 100%;
  1773.   margin: 0 0 0 -38.29%;
  1774. }
  1775.  
  1776. #subastas .cuadros article:nth-child(4) {
  1777.   width: 45%;
  1778.   height: 43%;
  1779.   left: 0;
  1780.   bottom: 0;
  1781.   background-color: #83816E;
  1782.   display: -webkit-flex;
  1783.   display: -ms-flexbox;
  1784.   display: flex;
  1785.   -webkit-flex-direction: column;
  1786.       -ms-flex-direction: column;
  1787.           flex-direction: column;
  1788.   -webkit-flex-wrap: wrap;
  1789.       -ms-flex-wrap: wrap;
  1790.           flex-wrap: wrap;
  1791.   -webkit-justify-content: center;
  1792.       -ms-flex-pack: center;
  1793.           justify-content: center;
  1794. }
  1795.  
  1796. #subastas .cuadros article:nth-child(4) header {
  1797.   width: 65%;
  1798.   text-align: right;
  1799.   margin-bottom: auto;
  1800. }
  1801.  
  1802. #subastas .cuadros article:nth-child(4) header h3 a {
  1803.   color: #D6D1AF;
  1804. }
  1805.  
  1806. #subastas .cuadros article:nth-child(4) header h3:after {
  1807.   background-color: #D6D1AF;
  1808.   width: 28%;
  1809. }
  1810.  
  1811. #subastas .cuadros article:nth-child(4) .datos {
  1812.   color: #D6D1AF;
  1813.   width: 65%;
  1814.   text-align: left;
  1815. }
  1816.  
  1817. #subastas .cuadros article:nth-child(4) .imagen {
  1818.   width: 35%;
  1819.   -webkit-order: -1;
  1820.       -ms-flex-order: -1;
  1821.           order: -1;
  1822.   height: 100%;
  1823. }
  1824.  
  1825. #subastas .cuadros article:nth-child(4) .imagen img {
  1826.   max-height: 100%;
  1827.   max-width: 100%;
  1828. }
  1829.  
  1830. #subastas .cuadros article:last-child {
  1831.   padding: 1.5%;
  1832.   width: 28%;
  1833.   height: 38%;
  1834.   bottom: 0;
  1835.   right: 0;
  1836.   background-color: #D6D1AF;
  1837.   display: -webkit-flex;
  1838.   display: -ms-flexbox;
  1839.   display: flex;
  1840.   -webkit-align-items: center;
  1841.       -ms-flex-align: center;
  1842.           align-items: center;
  1843.   -webkit-flex-wrap: wrap;
  1844.       -ms-flex-wrap: wrap;
  1845.           flex-wrap: wrap;
  1846. }
  1847.  
  1848. #subastas .cuadros article:last-child header {
  1849.   width: 100%;
  1850. }
  1851.  
  1852. #subastas .cuadros article:last-child header span {
  1853.   width: 30%;
  1854. }
  1855.  
  1856. #subastas .cuadros article:last-child .datos {
  1857.   width: 65%;
  1858.   text-align: right;
  1859.   padding-right: 6%;
  1860. }
  1861.  
  1862. #subastas .cuadros article:last-child .imagen {
  1863.   width: 35%;
  1864.   height: 85%;
  1865.   margin-top: -8%;
  1866. }
  1867.  
  1868. #subastas .cuadros article:last-child .imagen img {
  1869.   height: 100%;
  1870. }
  1871.  
  1872. #subastas .terminadas .moteadas {
  1873.   overflow: hidden;
  1874.   width: 89%;
  1875.   margin: 0 auto;
  1876. }
  1877.  
  1878. #subastas .terminadas .moteadas article {
  1879.   float: left;
  1880.   width: 24%;
  1881.   margin: 0 1.3333% 3.3333% 0;
  1882.   text-align: center;
  1883. }
  1884.  
  1885. #subastas .terminadas .moteadas article > * {
  1886.   display: block;
  1887. }
  1888.  
  1889. #subastas .terminadas .moteadas article:nth-child(4n) {
  1890.   margin-right: 0;
  1891. }
  1892.  
  1893. #subastas .terminadas .moteadas article:nth-child(odd) {
  1894.   border: 0.305em solid #D6D1AF;
  1895. }
  1896.  
  1897. #subastas .terminadas .moteadas article:nth-child(even) {
  1898.   border-bottom: .5em  solid #D6D1AF;
  1899. }
  1900.  
  1901. #subastas .terminadas .moteadas article:nth-child(even) .detalles {
  1902.   background-color: #D6D1AF;
  1903. }
  1904.  
  1905. #subastas .terminadas .moteadas article .detalles {
  1906.   padding-top: .8em;
  1907.   width: 100%;
  1908.   height: 15.1815em;
  1909.   overflow: hidden;
  1910.   position: relative;
  1911.   display: -webkit-flex;
  1912.   display: -ms-flexbox;
  1913.   display: flex;
  1914.   -webkit-align-items: center;
  1915.       -ms-flex-align: center;
  1916.           align-items: center;
  1917.   -webkit-justify-content: center;
  1918.       -ms-flex-pack: center;
  1919.           justify-content: center;
  1920. }
  1921.  
  1922. #subastas .terminadas .moteadas article .detalles img {
  1923.   max-width: 100%;
  1924.   transition: all .3s;
  1925. }
  1926.  
  1927. #subastas .terminadas .moteadas article .detalles .datos {
  1928.   width: 100%;
  1929.   height: 100%;
  1930.   position: absolute;
  1931.   top: 100%;
  1932.   left: 0;
  1933.   font-family: "raleway";
  1934.   color: #fff;
  1935.   display: -webkit-flex;
  1936.   display: -ms-flexbox;
  1937.   display: flex;
  1938.   -webkit-flex-direction: column;
  1939.       -ms-flex-direction: column;
  1940.           flex-direction: column;
  1941.   -webkit-justify-content: center;
  1942.       -ms-flex-pack: center;
  1943.           justify-content: center;
  1944.   -webkit-align-items: center;
  1945.       -ms-flex-align: center;
  1946.           align-items: center;
  1947.   transition: all .3s;
  1948. }
  1949.  
  1950. #subastas .terminadas .moteadas article .detalles .datos p {
  1951.   color: #F5BD32;
  1952.   font-size: .9em;
  1953.   margin-bottom: .5em;
  1954. }
  1955.  
  1956. #subastas .terminadas .moteadas article .detalles .datos p time {
  1957.   display: block;
  1958.   color: #fff;
  1959. }
  1960.  
  1961. #subastas .terminadas .moteadas article .detalles .datos h3 {
  1962.   font-size: 3.215em;
  1963.   font-family: "thorup-bold";
  1964.   text-transform: uppercase;
  1965.   font-weight: normal;
  1966. }
  1967.  
  1968. #subastas .terminadas .moteadas article .detalles .datos h4 {
  1969.   font-weight: normal;
  1970.   margin-bottom: 1.5em;
  1971. }
  1972.  
  1973. #subastas .terminadas .moteadas article .detalles .datos a {
  1974.   display: inline-block;
  1975.   color: #fff;
  1976.   padding: .5em 1.5em;
  1977.   background-color: #F5BD32;
  1978.   text-transform: uppercase;
  1979.   font-family: "raleway-bold";
  1980.   font-weight: bold;
  1981.   border-radius: 1em;
  1982. }
  1983.  
  1984. #subastas .terminadas .moteadas article .detalles .datos a:hover {
  1985.   background-color: #fff;
  1986.   color: #F5BD32;
  1987. }
  1988.  
  1989. #subastas .terminadas .moteadas article .detalles:hover {
  1990.   background-color: #9C9880;
  1991. }
  1992.  
  1993. #subastas .terminadas .moteadas article .detalles:hover img {
  1994.   -webkit-filter: blur(0.5em);
  1995.           filter: blur(0.5em);
  1996.   width: 100%;
  1997. }
  1998.  
  1999. #subastas .terminadas .moteadas article .detalles:hover .datos {
  2000.   top: 0;
  2001. }
  2002.  
  2003. #subastas .terminadas .moteadas article > b {
  2004.   margin: 1em 0 .5em 0;
  2005.   text-align: center;
  2006.   color: #F6BD32;
  2007.   font-family: "raleway-italic";
  2008. }
  2009.  
  2010. #subastas .terminadas .moteadas article > b span {
  2011.   display: block;
  2012.   color: #AEA77A;
  2013.   font-family: "raleway-bold";
  2014. }
  2015.  
  2016. #subastas .terminadas .moteadas article strong {
  2017.   margin-bottom: .37em;
  2018.   text-align: center;
  2019.   color: #AEA77A;
  2020.   font-size: 4.575em;
  2021.   line-height: 0.57em;
  2022.   font-family: "thorup";
  2023.   font-weight: normal;
  2024. }
  2025.  
  2026. #subastas .terminadas .moteadas article strong span {
  2027.   display: block;
  2028.   color: #F6BD32;
  2029.   font-family: "raleway-italic";
  2030.   font-size: .24em;
  2031.   font-weight: bold;
  2032.   line-height: 1.5;
  2033. }
  2034.  
  2035. #subastas .terminadas .filtros {
  2036.   display: -webkit-flex;
  2037.   display: -ms-flexbox;
  2038.   display: flex;
  2039.   -webkit-align-items: flex-start;
  2040.       -ms-flex-align: start;
  2041.           align-items: flex-start;
  2042.   -webkit-justify-content: center;
  2043.       -ms-flex-pack: center;
  2044.           justify-content: center;
  2045.   margin-top: 1em;
  2046. }
  2047.  
  2048. #subastas .terminadas .filtros a, #subastas .terminadas .filtros form {
  2049.   border: 0.125em solid #5B5D58;
  2050.   padding: .6em 1.2em;
  2051.   margin-right: 1em;
  2052.   color: #5B5D58;
  2053.   font-family: "raleway";
  2054. }
  2055.  
  2056. #subastas .terminadas .filtros a:hover {
  2057.   background-color: #5B5D58;
  2058.   color: #fff;
  2059. }
  2060.  
  2061. #subastas .terminadas .filtros form {
  2062.   margin-right: 0;
  2063.   padding: .3em 0 .3em .8em;
  2064.   transition: all .3s;
  2065. }
  2066.  
  2067. #subastas .terminadas .filtros form label {
  2068.   margin-right: .5em;
  2069. }
  2070.  
  2071. #subastas .terminadas .filtros form input {
  2072.   padding: .3em 0;
  2073.   font-family: "raleway";
  2074.   font-size: 1em;
  2075.   width: 0;
  2076.   transition: all .5s;
  2077. }
  2078.  
  2079. #subastas .terminadas .filtros form:hover {
  2080.   padding-right: .8em;
  2081. }
  2082.  
  2083. #subastas .terminadas .filtros form:hover input {
  2084.   width: 13em;
  2085.   padding-right: .5em;
  2086.   padding-left: .5em;
  2087.   border-bottom: 1px solid #8B8D89;
  2088. }
  2089.  
  2090. #subastas .proximas .planas {
  2091.   width: 92.2857%;
  2092.   margin: 0 auto;
  2093. }
  2094.  
  2095. #subastas .proximas .planas article {
  2096.   float: left;
  2097.   width: 24.0770%;
  2098.   height: 0;
  2099.   padding-bottom: 21.5087%;
  2100.   margin-bottom: 1.05em;
  2101.   margin-right: 1.2306%;
  2102.   background-color: #D6D1AF;
  2103.   position: relative;
  2104.   transition: all .5s;
  2105. }
  2106.  
  2107. #subastas .proximas .planas article .datos {
  2108.   z-index: 20;
  2109.   position: absolute;
  2110.   width: 100%;
  2111.   height: 100%;
  2112.   top: 0;
  2113.   left: 0;
  2114.   opacity: 0;
  2115.   transition: all .5s;
  2116.   font-size: 1em;
  2117. }
  2118.  
  2119. #subastas .proximas .planas article .datos .tipos {
  2120.   position: absolute;
  2121.   top: 5%;
  2122.   left: 0;
  2123.   z-index: 20;
  2124. }
  2125.  
  2126. #subastas .proximas .planas article .datos .tipos a:after {
  2127.   border-right: 0.365em solid transparent;
  2128. }
  2129.  
  2130. #subastas .proximas .planas article .datos .texto {
  2131.   position: absolute;
  2132.   width: 100%;
  2133.   height: 100%;
  2134.   top: 0;
  2135.   left: 0;
  2136.   font-family: "raleway";
  2137.   color: #fff;
  2138.   display: -webkit-flex;
  2139.   display: -ms-flexbox;
  2140.   display: flex;
  2141.   -webkit-flex-direction: column;
  2142.       -ms-flex-direction: column;
  2143.           flex-direction: column;
  2144.   -webkit-justify-content: center;
  2145.       -ms-flex-pack: center;
  2146.           justify-content: center;
  2147.   -webkit-align-items: center;
  2148.       -ms-flex-align: center;
  2149.           align-items: center;
  2150.   transition: all .3s;
  2151.   text-align: center;
  2152.   z-index: 10;
  2153. }
  2154.  
  2155. #subastas .proximas .planas article .datos .texto p {
  2156.   color: #F5BD32;
  2157.   font-size: .9em;
  2158.   margin-bottom: 1.5em;
  2159. }
  2160.  
  2161. #subastas .proximas .planas article .datos .texto p time {
  2162.   display: block;
  2163.   color: #fff;
  2164. }
  2165.  
  2166. #subastas .proximas .planas article .datos .texto h3 {
  2167.   font-size: 3.215em;
  2168.   font-family: "thorup-bold";
  2169.   text-transform: uppercase;
  2170.   font-weight: normal;
  2171. }
  2172.  
  2173. #subastas .proximas .planas article .datos .texto h4 {
  2174.   font-weight: normal;
  2175.   margin-bottom: 1.5em;
  2176. }
  2177.  
  2178. #subastas .proximas .planas article .datos .texto a {
  2179.   display: inline-block;
  2180.   color: #fff;
  2181.   padding: .5em 1.5em;
  2182.   background-color: #F5BD32;
  2183.   text-transform: uppercase;
  2184.   font-family: "raleway-bold";
  2185.   font-weight: bold;
  2186.   border-radius: 1em;
  2187. }
  2188.  
  2189. #subastas .proximas .planas article .datos .texto a:hover {
  2190.   background-color: #fff;
  2191.   color: #F5BD32;
  2192. }
  2193.  
  2194. #subastas .proximas .planas article .datos button {
  2195.   font-size: 1em;
  2196.   width: 2.375em;
  2197.   /* 38px TFSM*/
  2198.   height: 2.375em;
  2199.   position: absolute;
  2200.   top: 5%;
  2201.   right: 5%;
  2202.   background-color: transparent;
  2203.   text-align: center;
  2204.   z-index: 20;
  2205. }
  2206.  
  2207. #subastas .proximas .planas article .datos button span:first-child {
  2208.   position: absolute;
  2209.   top: 0;
  2210.   left: 0;
  2211.   font-size: 2.3em;
  2212.   line-height: 0;
  2213.   color: #F6BD32;
  2214. }
  2215.  
  2216. #subastas .proximas .planas article .datos button i {
  2217.   line-height: 0;
  2218.   position: absolute;
  2219.   top: 14%;
  2220.   left: 16%;
  2221.   font-size: 1.575em;
  2222.   color: #fff;
  2223.   transition: all .3s;
  2224. }
  2225.  
  2226. #subastas .proximas .planas article .datos button span:last-child {
  2227.   display: none;
  2228.   width: 550%;
  2229.   text-align: justify;
  2230.   position: absolute;
  2231.   bottom: 128%;
  2232.   left: -190%;
  2233.   padding: 0.7142em 1.071em;
  2234.   background-color: #5B5D58;
  2235.   color: #fff;
  2236.   font-family: "raleway-medium";
  2237.   font-size: 0.875em;
  2238.   transition: all .3s;
  2239.   z-index: 20;
  2240. }
  2241.  
  2242. #subastas .proximas .planas article .datos button.activo span:first-child {
  2243.   color: #fff;
  2244. }
  2245.  
  2246. #subastas .proximas .planas article .datos button.activo i {
  2247.   color: #5B5D58;
  2248. }
  2249.  
  2250. #subastas .proximas .planas article .datos button.aviso span:last-child {
  2251.   display: block;
  2252. }
  2253.  
  2254. #subastas .proximas .planas article .datos button.aviso span:last-child:after {
  2255.   content: "";
  2256.   position: absolute;
  2257.   bottom: -15%;
  2258.   left: 40%;
  2259.   width: 0;
  2260.   height: 0;
  2261.   border-top: 0.875em solid #5B5D58;
  2262.   /* 14px TFSM */
  2263.   border-left: 0.625em solid transparent;
  2264.   /* 10px TFSM */
  2265.   border-right: 0.625em solid transparent;
  2266.   /* 10px TFSM */
  2267. }
  2268.  
  2269. #subastas .proximas .planas article .datos button:hover i {
  2270.   color: #5B5D58;
  2271. }
  2272.  
  2273. #subastas .proximas .planas article .extra {
  2274.   z-index: 10;
  2275.   position: absolute;
  2276.   width: 100%;
  2277.   height: 100%;
  2278.   top: 0;
  2279.   left: 0;
  2280.   display: -webkit-flex;
  2281.   display: -ms-flexbox;
  2282.   display: flex;
  2283.   -webkit-justify-content: center;
  2284.       -ms-flex-pack: center;
  2285.           justify-content: center;
  2286.   -webkit-align-items: center;
  2287.       -ms-flex-align: center;
  2288.           align-items: center;
  2289.   overflow: hidden;
  2290. }
  2291.  
  2292. #subastas .proximas .planas article .extra img {
  2293.   max-width: 80.625%;
  2294.   transition: all .3s;
  2295. }
  2296.  
  2297. #subastas .proximas .planas article .extra strong {
  2298.   display: none;
  2299.   margin-left: 1.2em;
  2300.   font-size: 3.2em;
  2301.   font-family: "thorup-bold";
  2302.   text-transform: uppercase;
  2303.   font-weight: normal;
  2304.   color: #fff;
  2305.   text-align: center;
  2306. }
  2307.  
  2308. #subastas .proximas .planas article .extra strong span {
  2309.   display: block;
  2310.   font-family: "raleway";
  2311.   font-weight: normal;
  2312.   text-transform: lowercase;
  2313.   font-size: .31em;
  2314. }
  2315.  
  2316. #subastas .proximas .planas article:nth-child(4), #subastas .proximas .planas article:nth-child(7) {
  2317.   background-color: #F6BD32;
  2318.   height: 0;
  2319.   padding-bottom: 44.248%;
  2320.   margin-right: 0;
  2321.   box-shadow: 5px 5px 10px #C0C0C0;
  2322. }
  2323.  
  2324. #subastas .proximas .planas article:nth-child(4) strong, #subastas .proximas .planas article:nth-child(7) strong {
  2325.   display: block;
  2326.   margin: .5em 0 .6em 0;
  2327. }
  2328.  
  2329. #subastas .proximas .planas article:nth-child(4) .extra {
  2330.   -webkit-flex-direction: column;
  2331.       -ms-flex-direction: column;
  2332.           flex-direction: column;
  2333. }
  2334.  
  2335. #subastas .proximas .planas article:nth-child(5) {
  2336.   margin-top: -22.8393%;
  2337. }
  2338.  
  2339. #subastas .proximas .planas article:nth-child(5) h3 {
  2340.   width: 73.3964%;
  2341. }
  2342.  
  2343. #subastas .proximas .planas article:nth-child(5) img {
  2344.   margin-top: 33%;
  2345.   -webkit-transform: rotate(30deg);
  2346.       -ms-transform: rotate(30deg);
  2347.           transform: rotate(30deg);
  2348.   width: 65%;
  2349. }
  2350.  
  2351. #subastas .proximas .planas article:nth-child(6) {
  2352.   margin: -22.8393% 1.2306% 1.05em 25.3076%;
  2353.   width: 49.3846%;
  2354.   background-color: #FFF;
  2355.   padding-bottom: 21.5087%;
  2356. }
  2357.  
  2358. #subastas .proximas .planas article:nth-child(6) img {
  2359.   max-width: 43.5736%;
  2360. }
  2361.  
  2362. #subastas .proximas .planas article:nth-child(6) strong {
  2363.   display: block;
  2364.   margin: 0 .6em 0 1.1em;
  2365.   color: #84816D;
  2366.   max-width: 44.6728%;
  2367. }
  2368.  
  2369. #subastas .proximas .planas article:nth-child(6) strong span {
  2370.   color: #5C5E59;
  2371. }
  2372.  
  2373. #subastas .proximas .planas article:nth-child(6):hover .extra strong {
  2374.   display: none;
  2375. }
  2376.  
  2377. #subastas .proximas .planas article:nth-child(7) {
  2378.   margin-right: 1.2306%;
  2379. }
  2380.  
  2381. #subastas .proximas .planas article:nth-child(7) .extra {
  2382.   -webkit-flex-direction: column;
  2383.       -ms-flex-direction: column;
  2384.           flex-direction: column;
  2385.   -webkit-justify-content: flex-start;
  2386.       -ms-flex-pack: start;
  2387.           justify-content: flex-start;
  2388. }
  2389.  
  2390. #subastas .proximas .planas article:nth-child(7) .extra img {
  2391.   margin-top: 2.8em;
  2392. }
  2393.  
  2394. #subastas .proximas .planas article:nth-child(9) img {
  2395.   -webkit-transform: rotate(-25deg);
  2396.       -ms-transform: rotate(-25deg);
  2397.           transform: rotate(-25deg);
  2398.   width: 80%;
  2399.   margin: 30% -45% 0 0;
  2400. }
  2401.  
  2402. #subastas .proximas .planas article:nth-child(10) {
  2403.   margin-right: 0;
  2404. }
  2405.  
  2406. #subastas .proximas .planas article:nth-child(10) img {
  2407.   margin-right: -35%;
  2408. }
  2409.  
  2410. #subastas .proximas .planas article:nth-child(11) {
  2411.   margin-top: -0.1253%;
  2412. }
  2413.  
  2414. #subastas .proximas .planas article:nth-child(12) {
  2415.   margin-right: 0;
  2416.   margin: -22.8393% 0 1.05em 50.6382%;
  2417.   width: 49.3846%;
  2418.   background-color: #FFF;
  2419.   padding-bottom: 21.5087%;
  2420. }
  2421.  
  2422. #subastas .proximas .planas article:nth-child(12) .extra {
  2423.   -webkit-flex-direction: row-reverse;
  2424.       -ms-flex-direction: row-reverse;
  2425.           flex-direction: row-reverse;
  2426. }
  2427.  
  2428. #subastas .proximas .planas article:nth-child(12) img {
  2429.   max-width: 43.5736%;
  2430.   -webkit-transform: rotate(30deg);
  2431.       -ms-transform: rotate(30deg);
  2432.           transform: rotate(30deg);
  2433.   margin-right: 2.5em;
  2434. }
  2435.  
  2436. #subastas .proximas .planas article:nth-child(12) strong {
  2437.   display: block;
  2438.   margin-right: 1.5em;
  2439.   color: #84816D;
  2440. }
  2441.  
  2442. #subastas .proximas .planas article:nth-child(12):hover .extra strong {
  2443.   display: none;
  2444. }
  2445.  
  2446. #subastas .proximas .planas article:hover {
  2447.   background-color: #84816C;
  2448. }
  2449.  
  2450. #subastas .proximas .planas article:hover .datos {
  2451.   opacity: 1;
  2452. }
  2453.  
  2454. #subastas .proximas .planas article:hover .extra {
  2455.   -webkit-filter: blur(0.5em);
  2456.           filter: blur(0.5em);
  2457. }
  2458.  
  2459. #subastas .proximas .planas article:hover .extra img {
  2460.   -webkit-transform: scale(1.5);
  2461.       -ms-transform: scale(1.5);
  2462.           transform: scale(1.5);
  2463. }
  2464.  
  2465. #subastas .proximas .planas:after {
  2466.   content: ".";
  2467.   display: block;
  2468.   clear: both;
  2469.   visibility: hidden;
  2470.   line-height: 0;
  2471.   height: 0;
  2472. }
  2473.  
  2474. #subastas .chispeadas {
  2475.   overflow: hidden;
  2476.   width: 97.0940%;
  2477.   margin: 0 auto;
  2478. }
  2479.  
  2480. #subastas .chispeadas a {
  2481.   display: block;
  2482.   float: left;
  2483.   width: 23.5%;
  2484.   margin: 0 2% 2% 0;
  2485.   padding-top: 3.5%;
  2486.   font-size: 1.425em;
  2487.   font-family: "raleway-bold";
  2488.   font-weight: bold;
  2489.   text-transform: uppercase;
  2490.   display: -webkit-flex;
  2491.   display: -ms-flexbox;
  2492.   display: flex;
  2493.   -webkit-justify-content: flex-end;
  2494.       -ms-flex-pack: end;
  2495.           justify-content: flex-end;
  2496.   -webkit-align-items: center;
  2497.       -ms-flex-align: center;
  2498.           align-items: center;
  2499.   -webkit-flex-direction: column;
  2500.       -ms-flex-direction: column;
  2501.           flex-direction: column;
  2502.   overflow: hidden;
  2503. }
  2504.  
  2505. #subastas .chispeadas a img {
  2506.   max-width: 84.5247%;
  2507.   display: block;
  2508.   transition: all .3s;
  2509. }
  2510.  
  2511. #subastas .chispeadas a span {
  2512.   display: block;
  2513.   margin-bottom: 1.5421em;
  2514. }
  2515.  
  2516. #subastas .chispeadas a span:before {
  2517.   content: "";
  2518.   display: block;
  2519.   width: 2.575em;
  2520.   height: 0.4em;
  2521.   margin: 2.0125em auto .8em auto;
  2522. }
  2523.  
  2524. #subastas .chispeadas a:hover img {
  2525.   -webkit-transform: scale(1.1);
  2526.       -ms-transform: scale(1.1);
  2527.           transform: scale(1.1);
  2528. }
  2529.  
  2530. #subastas .chispeadas a:nth-child(4n) {
  2531.   margin-right: 0;
  2532. }
  2533.  
  2534. #subastas .chispeadas a:nth-child(1), #subastas .chispeadas a:nth-child(7), #subastas .chispeadas a:nth-child(9) {
  2535.   border: 0.2991em solid #D7D2AF;
  2536.   color: #AFA77B;
  2537. }
  2538.  
  2539. #subastas .chispeadas a:nth-child(1) span:before, #subastas .chispeadas a:nth-child(7) span:before, #subastas .chispeadas a:nth-child(9) span:before {
  2540.   background-color: #AFA77B;
  2541. }
  2542.  
  2543. #subastas .chispeadas a:nth-child(2), #subastas .chispeadas a:nth-child(8), #subastas .chispeadas a:nth-child(10) {
  2544.   border: 0.2991em solid #EEC531;
  2545.   color: #FFF;
  2546.   background-color: #EEC531;
  2547. }
  2548.  
  2549. #subastas .chispeadas a:nth-child(2) span:before, #subastas .chispeadas a:nth-child(8) span:before, #subastas .chispeadas a:nth-child(10) span:before {
  2550.   background-color: #FFF;
  2551. }
  2552.  
  2553. #subastas .chispeadas a:nth-child(3), #subastas .chispeadas a:nth-child(5), #subastas .chispeadas a:nth-child(11) {
  2554.   border: 0.2991em solid #84816D;
  2555.   color: #84816D;
  2556. }
  2557.  
  2558. #subastas .chispeadas a:nth-child(3) span:before, #subastas .chispeadas a:nth-child(5) span:before, #subastas .chispeadas a:nth-child(11) span:before {
  2559.   background-color: #84816D;
  2560. }
  2561.  
  2562. #subastas .chispeadas a:nth-child(4), #subastas .chispeadas a:nth-child(6), #subastas .chispeadas a:nth-child(12) {
  2563.   background-color: #D7D2AF;
  2564.   border: 0.2991em solid #D7D2AF;
  2565.   color: #84816D;
  2566. }
  2567.  
  2568. #subastas .chispeadas a:nth-child(4) span:before, #subastas .chispeadas a:nth-child(6) span:before, #subastas .chispeadas a:nth-child(12) span:before {
  2569.   background-color: #84816D;
  2570. }
  2571.  
  2572. #subastas .todas {
  2573.   float: right;
  2574.   margin: 1.5% 1.5% 0 0;
  2575.   color: #AFA77B;
  2576.   padding: 0.3555em 1.2em;
  2577.   border: 0.1666em solid #AFA77B;
  2578.   background-color: transparent;
  2579.   font-size: 1.225em;
  2580.   font-family: "raleway-bold";
  2581.   font-weight: bold;
  2582.   text-transform: uppercase;
  2583.   transition: all .5s;
  2584. }
  2585.  
  2586. #subastas .todas:hover {
  2587.   color: #fff;
  2588.   background-color: #F6BD32;
  2589.   border-color: #F6BD32;
  2590. }
  2591.  
  2592. section h1 {
  2593.   color: #999167;
  2594.   font-size: 4.325em;
  2595.   font-family: "thorup";
  2596.   font-weight: normal;
  2597.   text-transform: uppercase;
  2598.   line-height: 1;
  2599.   margin-bottom: 2.5%;
  2600.   text-align: center;
  2601. }
  2602.  
  2603. section h1:after {
  2604.   content: "";
  2605.   display: block;
  2606.   margin: 0 auto;
  2607.   width: 3.5%;
  2608.   background-color: #999167;
  2609.   height: 0;
  2610.   padding-bottom: 0.5714%;
  2611. }
  2612.  
  2613. section h1 span {
  2614.   text-transform: lowercase;
  2615.   font-family: "raleway-italic";
  2616.   font-size: .32em;
  2617.   color: #5B5D58;
  2618.   display: block;
  2619.   margin-bottom: 0.5em;
  2620. }
  2621.  
  2622. #detalles-subasta header {
  2623.   display: -webkit-flex;
  2624.   display: -ms-flexbox;
  2625.   display: flex;
  2626.   -webkit-align-items: center;
  2627.       -ms-flex-align: center;
  2628.           align-items: center;
  2629.   -webkit-justify-content: center;
  2630.       -ms-flex-pack: center;
  2631.           justify-content: center;
  2632.   -webkit-flex-wrap: wrap;
  2633.       -ms-flex-wrap: wrap;
  2634.           flex-wrap: wrap;
  2635.   padding-top: 2em;
  2636. }
  2637.  
  2638. #detalles-subasta header #mini-slider {
  2639.   height: 27.625em;
  2640.   width: 28.6842%;
  2641.   padding-right: 5.2545%;
  2642.   text-align: center;
  2643. }
  2644.  
  2645. #detalles-subasta header #mini-slider #imagenes {
  2646.   display: -webkit-flex;
  2647.   display: -ms-flexbox;
  2648.   display: flex;
  2649.   height: 63.2054%;
  2650. }
  2651.  
  2652. #detalles-subasta header #mini-slider #imagenes ul {
  2653.   width: 23.4413%;
  2654.   overflow: hidden;
  2655.   /* Maldito IE tuve q quitar esto por ti, te odio
  2656.                         display:flex;
  2657.                         flex-direction: column;
  2658.                         justify-content :flex-end;
  2659.                     */
  2660. }
  2661.  
  2662. #detalles-subasta header #mini-slider #imagenes ul li {
  2663.   margin-bottom: 2em;
  2664. }
  2665.  
  2666. #detalles-subasta header #mini-slider #imagenes ul li:last-child {
  2667.   margin-bottom: 0;
  2668. }
  2669.  
  2670. #detalles-subasta header #mini-slider #imagenes ul li img {
  2671.   max-width: 45%;
  2672.   opacity: .5;
  2673.   transition: all .3s;
  2674. }
  2675.  
  2676. #detalles-subasta header #mini-slider #imagenes ul li:first-child img {
  2677.   opacity: 1;
  2678. }
  2679.  
  2680. #detalles-subasta header #mini-slider #imagenes ul li:hover {
  2681.   cursor: pointer;
  2682. }
  2683.  
  2684. #detalles-subasta header #mini-slider #imagenes ul li:hover img {
  2685.   opacity: 1 !important;
  2686. }
  2687.  
  2688. #detalles-subasta header #mini-slider #imagenes #grande {
  2689.   width: 76.5587%;
  2690.   text-align: center;
  2691.   position: relative;
  2692. }
  2693.  
  2694. #detalles-subasta header #mini-slider #imagenes #grande img {
  2695.   position: absolute;
  2696.   top: 0;
  2697.   right: 0;
  2698.   bottom: 0;
  2699.   left: 0;
  2700.   margin: auto;
  2701.   max-height: 100%;
  2702.   max-width: 100%;
  2703.   opacity: 0;
  2704.   transition: all .3s;
  2705. }
  2706.  
  2707. #detalles-subasta header #mini-slider #imagenes #grande img:first-child {
  2708.   opacity: 1;
  2709. }
  2710.  
  2711. #detalles-subasta header #mini-slider h3 {
  2712.   margin: .55em 0 .12em 0;
  2713.   border: 0.08em solid #7A7968;
  2714.   background-color: #fff;
  2715.   padding: .15em 0 .3em 0;
  2716.   color: #545758;
  2717.   font-size: 3.45em;
  2718.   font-family: "thorup";
  2719.   font-weight: normal;
  2720.   text-transform: uppercase;
  2721.   line-height: 1;
  2722. }
  2723.  
  2724. #detalles-subasta header #mini-slider h3 span {
  2725.   display: block;
  2726.   font-family: "raleway";
  2727.   font-size: .3em;
  2728.   text-transform: lowercase;
  2729. }
  2730.  
  2731. #detalles-subasta header #mini-slider > span {
  2732.   font-family: "raleway";
  2733.   font-size: .8em;
  2734.   color: #545758;
  2735. }
  2736.  
  2737. #detalles-subasta header #subasta {
  2738.   width: 30.7236%;
  2739.   background-color: #F6BD32;
  2740.   display: -webkit-flex;
  2741.   display: -ms-flexbox;
  2742.   display: flex;
  2743.   -webkit-flex-direction: column;
  2744.       -ms-flex-direction: column;
  2745.           flex-direction: column;
  2746.   -webkit-align-items: center;
  2747.       -ms-flex-align: center;
  2748.           align-items: center;
  2749.   padding: 1.6em 0 2em 0;
  2750.   position: relative;
  2751. }
  2752.  
  2753. #detalles-subasta header #subasta p {
  2754.   display: none;
  2755.   text-align: justify;
  2756.   width: 60%;
  2757.   position: absolute;
  2758.   top: -12%;
  2759.   right: 11.5%;
  2760.   font-family: "raleway";
  2761.   font-size: .8em;
  2762.   background-color: #535855;
  2763.   padding: .8em 1.3em .5em 1.3em;
  2764.   color: #fff;
  2765. }
  2766.  
  2767. #detalles-subasta header #subasta p button {
  2768.   font-size: 1em;
  2769.   display: block;
  2770.   color: #F5BA40;
  2771.   font-family: "raleway-italic";
  2772.   background-color: transparent;
  2773.   margin: .2em auto 0 auto;
  2774. }
  2775.  
  2776. #detalles-subasta header #subasta p button:hover {
  2777.   text-decoration: underline;
  2778. }
  2779.  
  2780. #detalles-subasta header #subasta p:after {
  2781.   content: "";
  2782.   left: 45%;
  2783.   bottom: -1em;
  2784.   position: absolute;
  2785.   border-top: 1.0697em solid #535855;
  2786.   border-right: 0.7235em solid transparent;
  2787.   border-left: 0.7235em solid transparent;
  2788. }
  2789.  
  2790. #detalles-subasta header #subasta p:nth-child(2) {
  2791.   top: -9.8%;
  2792.   right: 1.2%;
  2793. }
  2794.  
  2795. #detalles-subasta header #subasta h3 {
  2796.   position: relative;
  2797.   text-align: center;
  2798.   margin-bottom: 1em;
  2799. }
  2800.  
  2801. #detalles-subasta header #subasta h3 b:first-child {
  2802.   display: none;
  2803.   font-family: "thorup";
  2804.   font-size: 5em;
  2805.   line-height: .7;
  2806.   font-weight: normal;
  2807.   color: #84806C;
  2808.   text-transform: uppercase;
  2809. }
  2810.  
  2811. #detalles-subasta header #subasta h3 b:nth-child(2) {
  2812.   font-size: 2.3em;
  2813.   font-family: "raleway-bold";
  2814.   color: #84806C;
  2815. }
  2816.  
  2817. #detalles-subasta header #subasta h3 > span {
  2818.   display: block;
  2819.   color: #fff;
  2820.   font-size: 1.8em;
  2821.   font-family: "raleway-italic";
  2822.   margin-bottom: .5em;
  2823. }
  2824.  
  2825. #detalles-subasta header #subasta h3 i {
  2826.   display: none;
  2827.   position: absolute;
  2828.   top: 5%;
  2829.   left: -32%;
  2830.   width: 1.5em;
  2831.   height: 1.5em;
  2832.   font-size: 1.5em;
  2833. }
  2834.  
  2835. #detalles-subasta header #subasta h3 i:before {
  2836.   content: "";
  2837.   position: absolute;
  2838.   top: 0;
  2839.   right: 0;
  2840.   bottom: 0;
  2841.   left: 0;
  2842.   margin: auto;
  2843.   width: 100%;
  2844.   height: 100%;
  2845.   border-radius: 50%;
  2846.   background-color: #7A7968;
  2847.   z-index: 10;
  2848. }
  2849.  
  2850. #detalles-subasta header #subasta h3 i:after {
  2851.   content: "";
  2852.   position: absolute;
  2853.   bottom: -19%;
  2854.   right: 6.6%;
  2855.   width: 50%;
  2856.   height: 100%;
  2857.   border-radius: 0 1.0251em 1.0251em 0;
  2858.   background-color: #fff;
  2859.   z-index: 20;
  2860.   -webkit-transform: rotate(45deg);
  2861.       -ms-transform: rotate(45deg);
  2862.           transform: rotate(45deg);
  2863. }
  2864.  
  2865. #detalles-subasta header #subasta h3 i span:first-child {
  2866.   font-size: 1.2em;
  2867.   position: absolute;
  2868.   top: 0;
  2869.   right: 0;
  2870.   bottom: 0;
  2871.   left: 0;
  2872.   margin: auto;
  2873.   width: 77.2455%;
  2874.   height: 77.2455%;
  2875.   background-color: #F5BA40;
  2876.   border-radius: 50%;
  2877.   z-index: 30;
  2878.   display: -webkit-flex;
  2879.   display: -ms-flexbox;
  2880.   display: flex;
  2881.   -webkit-justify-content: center;
  2882.       -ms-flex-pack: center;
  2883.           justify-content: center;
  2884.   -webkit-align-items: center;
  2885.       -ms-flex-align: center;
  2886.           align-items: center;
  2887. }
  2888.  
  2889. #detalles-subasta header #subasta h3 i span:first-child:after {
  2890.   content: "10";
  2891.   font-family: "raleway-bold";
  2892.   position: absolute;
  2893.   left: 13%;
  2894.   top: 47%;
  2895.   font-weight: normal;
  2896.   font-size: .55em;
  2897.   line-height: 0;
  2898.   color: #7A7968;
  2899. }
  2900.  
  2901. #detalles-subasta header #subasta h3 i span:nth-child(2) {
  2902.   display: block;
  2903.   position: absolute;
  2904.   bottom: -2.7%;
  2905.   left: 17.5%;
  2906.   background-color: #F5BA40;
  2907.   width: 31.5%;
  2908.   height: 23.7574%;
  2909.   z-index: 25;
  2910. }
  2911.  
  2912. #detalles-subasta header #subasta h3 i span:last-child {
  2913.   width: 23.8443%;
  2914.   height: 22.8443%;
  2915.   position: absolute;
  2916.   bottom: 10%;
  2917.   left: 4.5%;
  2918.   z-index: 40;
  2919. }
  2920.  
  2921. #detalles-subasta header #subasta h3 i span:last-child:before {
  2922.   position: absolute;
  2923.   bottom: 0;
  2924.   right: 0;
  2925.   content: "";
  2926.   background-color: #7A7968;
  2927.   width: 40%;
  2928.   height: 100%;
  2929.   border-radius: 0.0460em 0.0460em 0.0460em 0;
  2930. }
  2931.  
  2932. #detalles-subasta header #subasta h3 i span:last-child:after {
  2933.   content: "";
  2934.   position: absolute;
  2935.   bottom: 0;
  2936.   left: 0;
  2937.   height: 40%;
  2938.   width: 100%;
  2939.   background-color: #7A7968;
  2940.   border-radius: 0.0460em 0.0460em 0.0460em 0.0460em;
  2941. }
  2942.  
  2943. #detalles-subasta header #subasta h3:after {
  2944.   content: "";
  2945.   display: block;
  2946.   margin: .2em auto .6em auto;
  2947.   width: 32.4610%;
  2948.   height: .6em;
  2949.   background-color: #84806C;
  2950. }
  2951.  
  2952. #detalles-subasta header #subasta img {
  2953.   width: 36.8308%;
  2954.   height: 36.8308%;
  2955. }
  2956.  
  2957. #detalles-subasta header #subasta strong {
  2958.   font-size: 2.5em;
  2959.   color: #fff;
  2960.   font-family: "thorup";
  2961.   font-weight: normal;
  2962.   text-transform: uppercase;
  2963.   margin-bottom: .6em;
  2964. }
  2965.  
  2966. #detalles-subasta header #subasta > b, #detalles-subasta header #subasta > button, #detalles-subasta header #subasta a {
  2967.   font-size: 1.5em;
  2968.   background-color: #84806C;
  2969.   color: #fff;
  2970.   font-family: "raleway-bold";
  2971.   font-weight: Bold;
  2972.   text-transform: uppercase;
  2973.   padding: 0.2566em 0.9416em;
  2974.   border-radius: 2em;
  2975.   margin-bottom: 0.2083em;
  2976. }
  2977.  
  2978. #detalles-subasta header #subasta > b:hover, #detalles-subasta header #subasta > button:hover, #detalles-subasta header #subasta a:hover {
  2979.   background-color: #fff;
  2980.   color: #84806C;
  2981. }
  2982.  
  2983. #detalles-subasta header #subasta > button, #detalles-subasta header #subasta > b {
  2984.   display: none;
  2985. }
  2986.  
  2987. #detalles-subasta header #subasta > span {
  2988.   text-align: center;
  2989.   width: 49.7133%;
  2990.   color: #84806C;
  2991.   font-family: "raleway";
  2992.   font-size: .85em;
  2993.   margin-top: .5em;
  2994. }
  2995.  
  2996. #detalles-subasta header #subasta.segundos-su {
  2997.   /* Sin Usuario */
  2998. }
  2999.  
  3000. #detalles-subasta header #subasta.segundos-su h3 b:nth-child(2) {
  3001.   color: #D2462F;
  3002. }
  3003.  
  3004. #detalles-subasta header #subasta.segundos-su h3 i {
  3005.   display: block;
  3006. }
  3007.  
  3008. #detalles-subasta header #subasta.segundos-su a {
  3009.   color: #D2462F;
  3010.   background-color: #fff;
  3011. }
  3012.  
  3013. #detalles-subasta header #subasta.segundos-cu {
  3014.   /* Cin Usuario */
  3015. }
  3016.  
  3017. #detalles-subasta header #subasta.segundos-cu h3 b:nth-child(2) {
  3018.   color: #D2462F;
  3019. }
  3020.  
  3021. #detalles-subasta header #subasta.segundos-cu h3 i {
  3022.   display: block;
  3023. }
  3024.  
  3025. #detalles-subasta header #subasta.segundos-cu a {
  3026.   display: none;
  3027. }
  3028.  
  3029. #detalles-subasta header #subasta.segundos-cu > button {
  3030.   display: block;
  3031.   color: #D2462F;
  3032.   background-color: #fff;
  3033.   padding: 0.2566em 0.9416em;
  3034.   font-size: 1.6em;
  3035. }
  3036.  
  3037. #detalles-subasta header #subasta.oferta > a {
  3038.   display: none;
  3039. }
  3040.  
  3041. #detalles-subasta header #subasta.oferta > button {
  3042.   display: block;
  3043.   padding: 0.3566em 1.0416em;
  3044.   font-size: 1.6em;
  3045. }
  3046.  
  3047. #detalles-subasta header #subasta.vendido h3 b:first-child {
  3048.   display: block;
  3049. }
  3050.  
  3051. #detalles-subasta header #subasta.vendido h3 b:nth-child(2) {
  3052.   display: none;
  3053. }
  3054.  
  3055. #detalles-subasta header #subasta.vendido a, #detalles-subasta header #subasta.vendido > button {
  3056.   display: none;
  3057. }
  3058.  
  3059. #detalles-subasta header #subasta.vendido > b {
  3060.   display: block;
  3061.   font-size: 1.8em;
  3062. }
  3063.  
  3064. #detalles-subasta header #subasta.vendido > b:hover {
  3065.   color: #fff;
  3066.   background-color: #84806C;
  3067. }
  3068.  
  3069. #detalles-subasta header #subasta.vendido > span {
  3070.   width: 65.7133%;
  3071.   font-size: 1em;
  3072. }
  3073.  
  3074. #detalles-subasta header #subasta.recordatorio1 p:first-child {
  3075.   display: block;
  3076. }
  3077.  
  3078. #detalles-subasta header #subasta.recordatorio2 p:nth-child(2) {
  3079.   display: block;
  3080. }
  3081.  
  3082. #detalles-subasta header #historial {
  3083.   position: relative;
  3084.   width: 27.6315%;
  3085.   background-color: #fff;
  3086.   border: 0.5em solid #D6D1AF;
  3087.   border-left: 0;
  3088.   text-align: center;
  3089.   padding: 1em 0;
  3090. }
  3091.  
  3092. #detalles-subasta header #historial h3 {
  3093.   color: #84806C;
  3094.   text-align: center;
  3095.   font-size: 2.575em;
  3096.   font-family: "thorup";
  3097.   font-weight: normal;
  3098.   text-transform: uppercase;
  3099.   line-height: 1;
  3100.   margin-bottom: 7.5%;
  3101. }
  3102.  
  3103. #detalles-subasta header #historial h3:after {
  3104.   content: "";
  3105.   display: block;
  3106.   margin: 0 auto;
  3107.   width: 10.5%;
  3108.   background-color: #84806C;
  3109.   height: 0;
  3110.   padding-bottom: .2em;
  3111. }
  3112.  
  3113. #detalles-subasta header #historial ul {
  3114.   margin: 0 auto 3.5em auto;
  3115.   width: 65.5869%;
  3116.   height: 9.0501em;
  3117. }
  3118.  
  3119. #detalles-subasta header #historial ul li {
  3120.   padding: .1em .5em .15em .5em;
  3121.   text-align: left;
  3122.   font-family: "raleway";
  3123.   font-size: .9em;
  3124.   color: #7A7968;
  3125.   border-bottom: .2em solid #CFCCA7;
  3126. }
  3127.  
  3128. #detalles-subasta header #historial ul li:nth-child(odd) {
  3129.   background-color: #F4F0CF;
  3130. }
  3131.  
  3132. #detalles-subasta header #historial ul li b {
  3133.   float: right;
  3134. }
  3135.  
  3136. #detalles-subasta header #historial ul li:hover {
  3137.   background-color: #F9D58C;
  3138. }
  3139.  
  3140. #detalles-subasta header #historial hr {
  3141.   display: block;
  3142.   margin: 2.5em auto 6.2em auto;
  3143.   width: 14%;
  3144.   background-color: #B9B797;
  3145.   height: 0;
  3146.   padding-bottom: .5em;
  3147. }
  3148.  
  3149. #detalles-subasta header #historial > a {
  3150.   display: inline-block;
  3151.   background-color: #84806C;
  3152.   color: #fff;
  3153.   font-size: .8em;
  3154.   font-family: "raleway-bold";
  3155.   font-weight: normal;
  3156.   text-transform: uppercase;
  3157.   padding: 0.65em 1.0416em;
  3158.   margin-bottom: 1em;
  3159. }
  3160.  
  3161. #detalles-subasta header #historial > a:hover {
  3162.   background-color: #F6BD32;
  3163.   color: #fff;
  3164. }
  3165.  
  3166. #detalles-subasta header #historial p {
  3167.   position: absolute;
  3168.   left: 0;
  3169.   bottom: 18.4039%;
  3170.   width: 105%;
  3171.   background-color: #D6D1AF;
  3172.   padding: 0.5625em 0;
  3173.   text-align: center;
  3174. }
  3175.  
  3176. #detalles-subasta header #historial p a {
  3177.   margin-right: 5%;
  3178.   display: inline-block;
  3179. }
  3180.  
  3181. #detalles-subasta header #historial p a img {
  3182.   height: 2.8375em;
  3183.   -webkit-transform: scale(1);
  3184.       -ms-transform: scale(1);
  3185.           transform: scale(1);
  3186.   transition: all .3s;
  3187. }
  3188.  
  3189. #detalles-subasta header #historial p a:hover img {
  3190.   -webkit-transform: scale(1.6);
  3191.       -ms-transform: scale(1.6);
  3192.           transform: scale(1.6);
  3193. }
  3194.  
  3195. #detalles-subasta header #historial .jspContainer {
  3196.   overflow: hidden;
  3197.   position: relative;
  3198. }
  3199.  
  3200. #detalles-subasta header #historial .jspPane {
  3201.   position: absolute;
  3202. }
  3203.  
  3204. #detalles-subasta header #historial .jspCorner {
  3205.   background: #eeeef4;
  3206.   float: left;
  3207.   height: 100%;
  3208. }
  3209.  
  3210. #detalles-subasta header #historial .jspHorizontalBar {
  3211.   position: absolute;
  3212.   bottom: 0;
  3213.   left: 0;
  3214.   width: 100%;
  3215.   height: 16px;
  3216.   background: red;
  3217. }
  3218.  
  3219. #detalles-subasta header #historial .jspHorizontalBar .jspCap {
  3220.   float: left;
  3221.   display: none;
  3222. }
  3223.  
  3224. #detalles-subasta header #historial .jspHorizontalBar .jspTrack, #detalles-subasta header #historial .jspHorizontalBar .jspDrag {
  3225.   float: left;
  3226.   height: 100%;
  3227. }
  3228.  
  3229. #detalles-subasta header #historial .jspDrag {
  3230.   background: #8B8B8B;
  3231.   cursor: pointer;
  3232.   position: relative;
  3233.   top: 0;
  3234.   left: 0;
  3235.   border-radius: 3px;
  3236. }
  3237.  
  3238. #detalles-subasta header #historial .jspTrack {
  3239.   background: #B9B797;
  3240.   width: 4px;
  3241.   position: relative;
  3242. }
  3243.  
  3244. #detalles-subasta header #historial .jspVerticalBar {
  3245.   position: absolute;
  3246.   top: 0;
  3247.   right: 0;
  3248.   width: 4px;
  3249.   height: 100%;
  3250.   background: #B9B797;
  3251. }
  3252.  
  3253. #detalles-subasta header #historial .jspVerticalBar .jspArrow {
  3254.   height: 16px;
  3255. }
  3256.  
  3257. #detalles-subasta header #historial .jspVerticalBar .jspArrow.jspDisabled {
  3258.   cursor: default;
  3259.   background: #80808d;
  3260. }
  3261.  
  3262. #detalles-subasta header #historial .jspVerticalBar .jspArrow {
  3263.   width: 16px;
  3264.   float: left;
  3265.   height: 100%;
  3266.   background: #50506d;
  3267.   text-indent: -20000px;
  3268.   display: block;
  3269.   cursor: pointer;
  3270.   padding: 0;
  3271.   margin: 0;
  3272. }
  3273.  
  3274. #detalles-subasta header #historial .jspVerticalBar .jspArrow:focus {
  3275.   outline: none;
  3276. }
  3277.  
  3278. #detalles-subasta header #historial .jspDrag {
  3279.   background: #7A7968;
  3280. }
  3281.  
  3282. #detalles-subasta header hr {
  3283.   background-color: #AFA77B;
  3284.   border: 0;
  3285.   width: 85%;
  3286.   height: 0.25em;
  3287.   padding: 0;
  3288.   margin: 3em auto;
  3289. }
  3290.  
  3291. #detalles-subasta #descripcion {
  3292.   margin-bottom: 3.5%;
  3293. }
  3294.  
  3295. #detalles-subasta #descripcion h2 {
  3296.   color: #999167;
  3297.   text-align: center;
  3298.   font-size: 4.325em;
  3299.   font-family: "thorup";
  3300.   font-weight: normal;
  3301.   text-transform: uppercase;
  3302.   line-height: 1;
  3303.   margin-bottom: 2.5%;
  3304. }
  3305.  
  3306. #detalles-subasta #descripcion h2:after {
  3307.   content: "";
  3308.   display: block;
  3309.   margin: 0 auto;
  3310.   width: 3.5%;
  3311.   background-color: #999167;
  3312.   height: 0;
  3313.   padding-bottom: 0.5714%;
  3314. }
  3315.  
  3316. #detalles-subasta #descripcion p {
  3317.   width: 40.5%;
  3318.   margin: 0 auto 4% auto;
  3319.   font-family: "raleway";
  3320.   color: #474547;
  3321.   text-align: center;
  3322. }
  3323.  
  3324. #detalles-subasta #descripcion .video {
  3325.   margin: 0 auto;
  3326.   width: 53.7857%;
  3327.   height: 30.5em;
  3328.   display: -webkit-flex;
  3329.   display: -ms-flexbox;
  3330.   display: flex;
  3331.   -webkit-flex-direction: column;
  3332.       -ms-flex-direction: column;
  3333.           flex-direction: column;
  3334.   -webkit-justify-content: center;
  3335.       -ms-flex-pack: center;
  3336.           justify-content: center;
  3337.   -webkit-align-items: center;
  3338.       -ms-flex-align: center;
  3339.           align-items: center;
  3340. }
  3341.  
  3342. #detalles-subasta #descripcion .video .archivo {
  3343.   position: relative;
  3344.   width: 100%;
  3345.   height: 86.8852%;
  3346. }
  3347.  
  3348. #detalles-subasta #descripcion .video .archivo video {
  3349.   background-color: #1C191F;
  3350.   width: 100%;
  3351.   height: 100%;
  3352. }
  3353.  
  3354. #detalles-subasta #descripcion .video .archivo #granplay {
  3355.   position: absolute;
  3356.   top: 30%;
  3357.   left: 38%;
  3358.   width: 24.557%;
  3359.   height: 45.1637%;
  3360.   border-radius: 50%;
  3361.   background-color: #D0CCA8;
  3362.   transition: all .3s;
  3363. }
  3364.  
  3365. #detalles-subasta #descripcion .video .archivo #granplay:after {
  3366.   content: "";
  3367.   height: 0;
  3368.   width: 0;
  3369.   border-left: 5.0625em solid #F4BA40;
  3370.   border-top: 3em solid transparent;
  3371.   border-bottom: 3em solid transparent;
  3372.   transition: all .3s;
  3373.   position: absolute;
  3374.   top: 0;
  3375.   right: 0;
  3376.   bottom: 0;
  3377.   left: 0;
  3378.   margin: auto;
  3379. }
  3380.  
  3381. #detalles-subasta #descripcion .video .archivo #granplay:hover {
  3382.   background-color: #F4BA40;
  3383. }
  3384.  
  3385. #detalles-subasta #descripcion .video .archivo #granplay:hover:after {
  3386.   border-left: 5.0625em solid #FFF;
  3387. }
  3388.  
  3389. #detalles-subasta #descripcion .video .controles {
  3390.   width: 100%;
  3391.   height: 4em;
  3392.   background-color: #D0CCA8;
  3393.   display: -webkit-flex;
  3394.   display: -ms-flexbox;
  3395.   display: flex;
  3396.   -webkit-justify-content: center;
  3397.       -ms-flex-pack: center;
  3398.           justify-content: center;
  3399.   -webkit-align-items: center;
  3400.       -ms-flex-align: center;
  3401.           align-items: center;
  3402. }
  3403.  
  3404. #detalles-subasta #descripcion .video .controles #play {
  3405.   height: 0;
  3406.   width: 0;
  3407.   background-color: transparent;
  3408.   border-left: 1.65em solid #1C191F;
  3409.   border-top: .9em solid transparent;
  3410.   border-bottom: .9em solid transparent;
  3411.   margin-right: 1.5%;
  3412. }
  3413.  
  3414. #detalles-subasta #descripcion .video .controles #play:hover {
  3415.   border-left: 1.65em solid #F3BA40;
  3416. }
  3417.  
  3418. #detalles-subasta #descripcion .video .controles #pausa {
  3419.   margin-right: 1.5%;
  3420.   background-color: transparent;
  3421.   width: 1.5em;
  3422.   height: 2em;
  3423.   overflow: hidden;
  3424.   transition: all .3s;
  3425. }
  3426.  
  3427. #detalles-subasta #descripcion .video .controles #pausa:before {
  3428.   content: "";
  3429.   float: left;
  3430.   height: 100%;
  3431.   width: 40%;
  3432.   background-color: #1C191F;
  3433. }
  3434.  
  3435. #detalles-subasta #descripcion .video .controles #pausa:after {
  3436.   content: "";
  3437.   float: right;
  3438.   height: 100%;
  3439.   width: 40%;
  3440.   background-color: #1C191F;
  3441. }
  3442.  
  3443. #detalles-subasta #descripcion .video .controles #pausa:hover:after, #detalles-subasta #descripcion .video .controles #pausa:hover:before {
  3444.   background-color: #F3BA40;
  3445. }
  3446.  
  3447. #detalles-subasta #descripcion .video .controles .lineadetiempo {
  3448.   width: 85%;
  3449.   background-color: #F3BA40;
  3450.   height: .5em;
  3451. }
  3452.  
  3453. #detalles-subasta #especificaciones {
  3454.   background-color: #F5BA40;
  3455. }
  3456.  
  3457. #detalles-subasta #especificaciones > .am {
  3458.   overflow: hidden;
  3459.   display: -webkit-flex;
  3460.   display: -ms-flexbox;
  3461.   display: flex;
  3462.   -webkit-justify-content: center;
  3463.       -ms-flex-pack: center;
  3464.           justify-content: center;
  3465.   -webkit-align-items: center;
  3466.       -ms-flex-align: center;
  3467.           align-items: center;
  3468.   -webkit-flex-wrap: wrap;
  3469.       -ms-flex-wrap: wrap;
  3470.           flex-wrap: wrap;
  3471.   height: 30.1703em;
  3472. }
  3473.  
  3474. #detalles-subasta #especificaciones p:first-child, #detalles-subasta #especificaciones p:last-child {
  3475.   position: relative;
  3476.   width: 28%;
  3477.   height: 100%;
  3478.   overflow: hidden;
  3479. }
  3480.  
  3481. #detalles-subasta #especificaciones p:first-child img {
  3482.   position: absolute;
  3483.   bottom: -32.0701%;
  3484.   left: 50%;
  3485.   -webkit-transform: translateX(-50%);
  3486.       -ms-transform: translateX(-50%);
  3487.           transform: translateX(-50%);
  3488.   max-width: auto;
  3489.   height: 106.4315%;
  3490.   display: block;
  3491. }
  3492.  
  3493. #detalles-subasta #especificaciones p:last-child img {
  3494.   height: 126.4315%;
  3495.   position: absolute;
  3496.   bottom: -40%;
  3497.   left: -56%;
  3498.   -webkit-transform: rotate(-150deg);
  3499.       -ms-transform: rotate(-150deg);
  3500.           transform: rotate(-150deg);
  3501. }
  3502.  
  3503. #detalles-subasta #especificaciones .texto {
  3504.   height: 100%;
  3505.   background-color: #F7F7EF;
  3506.   width: 44%;
  3507.   padding: 1em 0;
  3508.   display: -webkit-flex;
  3509.   display: -ms-flexbox;
  3510.   display: flex;
  3511.   -webkit-flex-direction: column;
  3512.       -ms-flex-direction: column;
  3513.           flex-direction: column;
  3514.   -webkit-justify-content: center;
  3515.       -ms-flex-pack: center;
  3516.           justify-content: center;
  3517.   -webkit-align-items: center;
  3518.       -ms-flex-align: center;
  3519.           align-items: center;
  3520. }
  3521.  
  3522. #detalles-subasta #especificaciones .texto h2 {
  3523.   color: #999167;
  3524.   text-align: center;
  3525.   font-size: 4.325em;
  3526.   font-family: "thorup";
  3527.   font-weight: normal;
  3528.   text-transform: uppercase;
  3529.   line-height: 1;
  3530.   margin-bottom: .5em;
  3531. }
  3532.  
  3533. #detalles-subasta #especificaciones .texto h2:after {
  3534.   content: "";
  3535.   display: block;
  3536.   margin: 0 auto;
  3537.   width: 20%;
  3538.   background-color: #999167;
  3539.   height: 0;
  3540.   padding-bottom: 4%;
  3541. }
  3542.  
  3543. #detalles-subasta #especificaciones .texto ul {
  3544.   font-family: "raleway";
  3545.   width: 73%;
  3546.   color: #1C191F;
  3547. }
  3548.  
  3549. #detalles-subasta #especificaciones .texto ul li {
  3550.   margin-bottom: 1em;
  3551.   text-align: center;
  3552. }
  3553.  
  3554. #detalles-subasta #especificaciones .extra {
  3555.   background-color: #F7F7EF;
  3556.   padding: 5em 0;
  3557. }
  3558.  
  3559. #detalles-subasta #especificaciones .extra .am:after {
  3560.   display: block;
  3561.   content: "";
  3562.   width: 63%;
  3563.   height: .25em;
  3564.   background-color: #A4A179;
  3565.   margin: 0 auto;
  3566. }
  3567.  
  3568. #detalles-subasta #especificaciones .extra ul {
  3569.   margin: 0 auto;
  3570.   border-top: .25em solid #A4A179;
  3571.   padding: .8em 0 1.2em 0;
  3572.   width: 85%;
  3573.   font-family: "raleway";
  3574.   font-size: 1.1em;
  3575.   color: #545758;
  3576.   overflow: hidden;
  3577.   display: -webkit-flex;
  3578.   display: -ms-flexbox;
  3579.   display: flex;
  3580.   -webkit-justify-content: space-between;
  3581.       -ms-flex-pack: justify;
  3582.           justify-content: space-between;
  3583.   -webkit-align-items: center;
  3584.       -ms-flex-align: center;
  3585.           align-items: center;
  3586.   -webkit-flex-wrap: wrap;
  3587.       -ms-flex-wrap: wrap;
  3588.           flex-wrap: wrap;
  3589. }
  3590.  
  3591. #detalles-subasta #especificaciones .extra ul li {
  3592.   padding: .5em 0;
  3593. }
  3594.  
  3595. #detalles-subasta #especificaciones .extra ul li span {
  3596.   color: #F5BA40;
  3597.   font-family: "raleway-bold-italic";
  3598. }
  3599.  
  3600. #detalles-subasta #especificaciones .extra ul li:first-child {
  3601.   width: 19.7171%;
  3602.   text-align: right;
  3603.   border-bottom: .15em solid #A4A179;
  3604. }
  3605.  
  3606. #detalles-subasta #especificaciones .extra ul li:nth-child(2) {
  3607.   width: 44.9252%;
  3608.   text-align: center;
  3609.   border-left: .15em solid #A4A179;
  3610.   border-right: .15em solid #A4A179;
  3611. }
  3612.  
  3613. #detalles-subasta #especificaciones .extra ul li:nth-child(3) {
  3614.   width: 28.3693%;
  3615.   text-align: left;
  3616.   border-bottom: .15em solid #A4A179;
  3617. }
  3618.  
  3619. #detalles-subasta #especificaciones .extra ul li:nth-child(4) {
  3620.   width: 19.7171%;
  3621.   text-align: right;
  3622.   margin-top: -.15em;
  3623.   padding-bottom: 0;
  3624.   padding-top: .7em;
  3625. }
  3626.  
  3627. #detalles-subasta #especificaciones .extra ul li:nth-child(5) {
  3628.   width: 44.9252%;
  3629.   text-align: center;
  3630.   border-left: .15em solid #A4A179;
  3631.   border-right: .15em solid #A4A179;
  3632.   margin-top: -.15em;
  3633.   padding-bottom: 0;
  3634.   padding-top: .7em;
  3635. }
  3636.  
  3637. #detalles-subasta #especificaciones .extra ul li:last-child {
  3638.   text-align: left;
  3639.   width: 28.3693%;
  3640.   margin-top: -.15em;
  3641.   padding-bottom: 0;
  3642.   padding-top: .7em;
  3643. }
  3644.  
  3645. #como-juego header {
  3646.   height: 0;
  3647.   padding-bottom: 46%;
  3648.   background-image: url("imagenes/como-juego/page1_image1.jpg");
  3649.   background-repeat: no-repeat;
  3650.   background-size: 100% auto;
  3651.   background-position: left bottom;
  3652. }
  3653.  
  3654. #como-juego header h1 {
  3655.   color: #999167;
  3656.   text-align: center;
  3657.   font-size: 4.325em;
  3658.   font-family: "thorup";
  3659.   font-weight: normal;
  3660.   text-transform: uppercase;
  3661.   line-height: .9;
  3662. }
  3663.  
  3664. #como-juego header h1:after {
  3665.   content: "";
  3666.   display: block;
  3667.   margin: 0 auto;
  3668.   width: 3%;
  3669.   background-color: #EFB632;
  3670.   height: 0;
  3671.   padding-bottom: 0.5714%;
  3672. }
  3673.  
  3674. #como-juego header h1 span {
  3675.   text-transform: lowercase;
  3676.   font-family: "raleway-italic";
  3677.   font-size: .25em;
  3678.   color: #5B5D58;
  3679.   display: block;
  3680.   margin-bottom: 0.8em;
  3681. }
  3682.  
  3683. #como-juego #pasos {
  3684.   height: 74.3125em;
  3685.   position: relative;
  3686.   margin: -2.5em 0 2% 0;
  3687. }
  3688.  
  3689. #como-juego #pasos:before {
  3690.   content: "";
  3691.   position: absolute;
  3692.   top: 2.5em;
  3693.   left: 0;
  3694.   background-color: #EC9E27;
  3695.   width: 100%;
  3696.   height: 20.875em;
  3697.   z-index: -10;
  3698.   box-shadow: 0 0.55em 0.325em #D7D7D7;
  3699. }
  3700.  
  3701. #como-juego #pasos:after {
  3702.   content: "";
  3703.   position: absolute;
  3704.   bottom: 0.9375em;
  3705.   left: 0;
  3706.   background-color: #AEA67B;
  3707.   width: 100%;
  3708.   height: 20.5625em;
  3709.   z-index: -10;
  3710.   box-shadow: 0 -0.55em 0.325em #D7D7D7;
  3711. }
  3712.  
  3713. #como-juego #pasos ol {
  3714.   display: -webkit-flex;
  3715.   display: -ms-flexbox;
  3716.   display: flex;
  3717.   -webkit-justify-content: center;
  3718.       -ms-flex-pack: center;
  3719.           justify-content: center;
  3720.   -webkit-align-items: center;
  3721.       -ms-flex-align: center;
  3722.           align-items: center;
  3723.   -webkit-flex-wrap: wrap;
  3724.       -ms-flex-wrap: wrap;
  3725.           flex-wrap: wrap;
  3726. }
  3727.  
  3728. #como-juego #pasos ol li {
  3729.   overflow: hidden;
  3730. }
  3731.  
  3732. #como-juego #pasos ol li > b {
  3733.   font-family: "thorup";
  3734.   font-size: 18.19375em;
  3735.   text-align: center;
  3736.   font-weight: normal;
  3737.   color: #fff;
  3738.   line-height: .515;
  3739.   width: 24.5833%;
  3740. }
  3741.  
  3742. #como-juego #pasos ol li h2 {
  3743.   font-family: "thorup";
  3744.   text-transform: uppercase;
  3745.   font-weight: normal;
  3746.   color: #fff;
  3747.   font-size: 3.5em;
  3748.   line-height: 1;
  3749.   text-align: center;
  3750. }
  3751.  
  3752. #como-juego #pasos ol li h2:after {
  3753.   content: "";
  3754.   background-color: #EFB632;
  3755.   display: block;
  3756.   margin: 0 auto;
  3757.   width: .8em;
  3758.   height: 0;
  3759.   padding-bottom: .15em;
  3760. }
  3761.  
  3762. #como-juego #pasos ol li > p {
  3763.   font-family: "raleway";
  3764.   color: #5B5D58;
  3765.   text-align: center;
  3766. }
  3767.  
  3768. #como-juego #pasos ol li:first-child {
  3769.   width: 30em;
  3770.   height: 25.875em;
  3771.   background-color: #5B5D58;
  3772.   padding: 4.75em 3.9375em;
  3773.   box-shadow: 0.4375em 0.4375em 0.425em #1E1F1F;
  3774. }
  3775.  
  3776. #como-juego #pasos ol li:first-child b {
  3777.   float: left;
  3778.   width: 29.7916%;
  3779.   text-align: right;
  3780. }
  3781.  
  3782. #como-juego #pasos ol li:first-child h2 {
  3783.   float: left;
  3784.   width: 55.2084%;
  3785.   margin: 3.5% 0 8.5% 0;
  3786. }
  3787.  
  3788. #como-juego #pasos ol li:first-child p {
  3789.   padding: 0 3%;
  3790.   float: left;
  3791.   width: 55.2084%;
  3792.   color: #fff;
  3793.   font-size: .85em;
  3794. }
  3795.  
  3796. #como-juego #pasos ol li:first-child a {
  3797.   display: block;
  3798.   float: left;
  3799.   width: 50%;
  3800.   margin-top: 15.5%;
  3801.   background-color: #fff;
  3802.   font-family: "raleway";
  3803.   text-align: center;
  3804.   border-top: .1em solid #A09B67;
  3805.   border-bottom: .1em solid #A09B67;
  3806.   position: relative;
  3807. }
  3808.  
  3809. #como-juego #pasos ol li:first-child a:nth-last-child(2) {
  3810.   border-left: .1em solid #A09B67;
  3811.   text-transform: uppercase;
  3812.   font-family: "raleway-bold";
  3813.   font-weight: bold;
  3814.   font-size: 1.5em;
  3815.   height: 2em;
  3816.   line-height: 2em;
  3817.   color: #EFB632;
  3818. }
  3819.  
  3820. #como-juego #pasos ol li:first-child a:nth-last-child(2):before {
  3821.   content: "";
  3822.   position: absolute;
  3823.   bottom: -1.6em;
  3824.   left: 76%;
  3825.   -webkit-transform: rotate(-10deg);
  3826.       -ms-transform: rotate(-10deg);
  3827.           transform: rotate(-10deg);
  3828.   background-image: url("imagenes/como-juego/manito.png");
  3829.   background-repeat: no-repeat;
  3830.   background-position: center center;
  3831.   background-size: cover;
  3832.   width: 1.5833em;
  3833.   height: 2.3333em;
  3834. }
  3835.  
  3836. #como-juego #pasos ol li:first-child a:nth-last-child(2):after {
  3837.   content: "";
  3838.   height: 70%;
  3839.   width: .08em;
  3840.   background-color: #A09B67;
  3841.   position: absolute;
  3842.   right: 0;
  3843.   top: 50%;
  3844.   -webkit-transform: translateY(-50%);
  3845.       -ms-transform: translateY(-50%);
  3846.           transform: translateY(-50%);
  3847. }
  3848.  
  3849. #como-juego #pasos ol li:first-child a:last-child {
  3850.   border-right: .1em solid #A09B67;
  3851.   color: #A09B67;
  3852.   font-size: 1.6em;
  3853.   height: 1.86em;
  3854.   line-height: 1.86em;
  3855. }
  3856.  
  3857. #como-juego #pasos ol li:nth-child(2) {
  3858.   width: 57.5em;
  3859.   height: 25.875em;
  3860.   padding: 5.775em 0 5.775em 4.125em;
  3861.   background-image: url("imagenes/como-juego/packs.png");
  3862.   background-repeat: no-repeat;
  3863.   background-size: 48% 60%;
  3864.   background-position: right 5.5em;
  3865.   position: relative;
  3866. }
  3867.  
  3868. #como-juego #pasos ol li:nth-child(2) > b {
  3869.   float: left;
  3870.   width: 12.2826%;
  3871. }
  3872.  
  3873. #como-juego #pasos ol li:nth-child(2) h2, #como-juego #pasos ol li:nth-child(2) p {
  3874.   float: left;
  3875.   width: 30.9565%;
  3876.   margin: 0 54.7609% 0 2%;
  3877. }
  3878.  
  3879. #como-juego #pasos ol li:nth-child(2) h2 {
  3880.   margin-bottom: .2em;
  3881. }
  3882.  
  3883. #como-juego #pasos ol li:nth-child(2) h2:after {
  3884.   margin-top: .2em;
  3885.   background-color: #5B5D58;
  3886. }
  3887.  
  3888. #como-juego #pasos ol li:nth-child(2) p {
  3889.   font-size: .9em;
  3890.   padding: 0 1.3% 2.1875em 1.3%;
  3891.   position: relative;
  3892. }
  3893.  
  3894. #como-juego #pasos ol li:nth-child(2) p:after {
  3895.   content: "";
  3896.   position: absolute;
  3897.   bottom: -1em;
  3898.   left: 50%;
  3899.   -webkit-transform: translateX(-50%);
  3900.       -ms-transform: translateX(-50%);
  3901.           transform: translateX(-50%);
  3902.   background-image: url("imagenes/como-juego/tarjetas.png");
  3903.   background-repeat: no-repeat;
  3904.   background-size: cover;
  3905.   background-position: center center;
  3906.   width: 7.9166em;
  3907.   height: 2.3611em;
  3908. }
  3909.  
  3910. #como-juego #pasos ol li:nth-child(2):after {
  3911.   content: "";
  3912.   position: absolute;
  3913.   right: .5%;
  3914.   bottom: 23%;
  3915.   -webkit-transform: rotate(-25deg);
  3916.       -ms-transform: rotate(-25deg);
  3917.           transform: rotate(-25deg);
  3918.   background-image: url("imagenes/como-juego/manito.png");
  3919.   background-repeat: no-repeat;
  3920.   background-position: center center;
  3921.   background-size: cover;
  3922.   width: 2.7833em;
  3923.   height: 4em;
  3924. }
  3925.  
  3926. #como-juego #pasos ol li:nth-child(3) {
  3927.   padding: 5em  5% 0 65.161%;
  3928.   width: 100%;
  3929.   height: 26em;
  3930.   background-image: url("imagenes/como-juego/page1_image11.png");
  3931.   background-repeat: no-repeat;
  3932.   background-size: auto 86%;
  3933.   background-position: 20% center;
  3934.   display: -webkit-flex;
  3935.   display: -ms-flexbox;
  3936.   display: flex;
  3937.   -webkit-flex-wrap: wrap;
  3938.       -ms-flex-wrap: wrap;
  3939.           flex-wrap: wrap;
  3940.   -webkit-justify-content: flex-end;
  3941.       -ms-flex-pack: end;
  3942.           justify-content: flex-end;
  3943.   -webkit-align-items: flex-start;
  3944.       -ms-flex-align: start;
  3945.           align-items: flex-start;
  3946. }
  3947.  
  3948. #como-juego #pasos ol li:nth-child(3) > b, #como-juego #pasos ol li:nth-child(3) h2 {
  3949.   color: #5B5D58;
  3950. }
  3951.  
  3952. #como-juego #pasos ol li:nth-child(3) > b {
  3953.   width: 32.4105%;
  3954. }
  3955.  
  3956. #como-juego #pasos ol li:nth-child(3) h2, #como-juego #pasos ol li:nth-child(3) p, #como-juego #pasos ol li:nth-child(3) a {
  3957.   width: 65.4285%;
  3958. }
  3959.  
  3960. #como-juego #pasos ol li:nth-child(3) h2 {
  3961.   height: 22%;
  3962. }
  3963.  
  3964. #como-juego #pasos ol li:nth-child(3) p {
  3965.   margin-top: -9em;
  3966.   font-size: .85em;
  3967. }
  3968.  
  3969. #como-juego #pasos ol li:nth-child(3) p b {
  3970.   font-family: "raleway-italic";
  3971. }
  3972.  
  3973. #como-juego #pasos ol li:nth-child(3) a {
  3974.   margin-top: -2.2em;
  3975.   background-color: #EFB632;
  3976.   border-radius: 2em;
  3977.   color: #fff;
  3978.   text-transform: uppercase;
  3979.   font-family: "raleway-bold";
  3980.   font-weight: bold;
  3981.   text-align: center;
  3982.   font-size: 2.8em;
  3983.   height: 1.5em;
  3984.   line-height: 1.5em;
  3985.   position: relative;
  3986. }
  3987.  
  3988. #como-juego #pasos ol li:nth-child(3) a:after {
  3989.   content: "";
  3990.   position: absolute;
  3991.   right: 6%;
  3992.   bottom: -1.2em;
  3993.   -webkit-transform: rotate(-10deg);
  3994.       -ms-transform: rotate(-10deg);
  3995.           transform: rotate(-10deg);
  3996.   background-image: url("imagenes/como-juego/manito.png");
  3997.   background-repeat: no-repeat;
  3998.   background-position: center center;
  3999.   background-size: cover;
  4000.   width: 1.3em;
  4001.   height: 1.9em;
  4002. }
  4003.  
  4004. #como-juego #pasos ol li:nth-child(4) {
  4005.   width: 48.9375em;
  4006.   height: 22.4375em;
  4007.   background-image: url("imagenes/como-juego/contador.png");
  4008.   background-repeat: no-repeat;
  4009.   background-size: auto 80.3636%;
  4010.   background-position: 85% 78%;
  4011.   padding: 4.875em 0;
  4012. }
  4013.  
  4014. #como-juego #pasos ol li:nth-child(4) > b {
  4015.   float: left;
  4016.   width: 15.1762%;
  4017.   text-align: left;
  4018. }
  4019.  
  4020. #como-juego #pasos ol li:nth-child(4) h2, #como-juego #pasos ol li:nth-child(4) p {
  4021.   float: left;
  4022.   width: 23.7547%;
  4023.   margin-right: 61.0691%;
  4024. }
  4025.  
  4026. #como-juego #pasos ol li:nth-child(4) h2 {
  4027.   margin-bottom: .3em;
  4028.   line-height: .7;
  4029. }
  4030.  
  4031. #como-juego #pasos ol li:nth-child(4) h2:after {
  4032.   margin-top: .25em;
  4033. }
  4034.  
  4035. #como-juego #pasos ol li:nth-child(4) p {
  4036.   color: #fff;
  4037.   font-size: .85em;
  4038.   text-align: center;
  4039. }
  4040.  
  4041. #como-juego #pasos ol li:last-child {
  4042.   width: 38.5625em;
  4043.   height: 22.4375em;
  4044.   padding: 4.375em 0 0 2.8125em;
  4045.   background-color: #D7C816;
  4046.   background-image: url("imagenes/como-juego/medalla.png");
  4047.   background-repeat: no-repeat;
  4048.   background-size: auto 68%;
  4049.   background-position: 90% center;
  4050.   box-shadow: -0.4375em 0.4375em 0.425em #5A5C57;
  4051. }
  4052.  
  4053. #como-juego #pasos ol li:last-child > b {
  4054.   float: left;
  4055.   width: 23.2593%;
  4056.   text-align: left;
  4057. }
  4058.  
  4059. #como-juego #pasos ol li:last-child h2, #como-juego #pasos ol li:last-child p {
  4060.   float: left;
  4061.   width: 33.7115%;
  4062.   margin-right: 43.0292%;
  4063. }
  4064.  
  4065. #como-juego #pasos ol li:last-child h2 {
  4066.   margin-bottom: .3em;
  4067. }
  4068.  
  4069. #como-juego #pasos ol li:last-child h2:after {
  4070.   background-color: #5B5D58;
  4071. }
  4072.  
  4073. #como-juego #pasos ol li:last-child p {
  4074.   font-size: 1em;
  4075. }
  4076.  
  4077. #iniciar-sesion .am {
  4078.   padding: 1.8% 0;
  4079.   display: -webkit-flex;
  4080.   display: -ms-flexbox;
  4081.   display: flex;
  4082.   -webkit-justify-content: center;
  4083.       -ms-flex-pack: center;
  4084.           justify-content: center;
  4085.   -webkit-align-items: center;
  4086.       -ms-flex-align: center;
  4087.           align-items: center;
  4088.   -webkit-flex-wrap: wrap;
  4089.       -ms-flex-wrap: wrap;
  4090.           flex-wrap: wrap;
  4091.   position: relative;
  4092. }
  4093.  
  4094. #iniciar-sesion #registro-exitoso {
  4095.   opacity: 0;
  4096.   transition: all .3s;
  4097.   position: absolute;
  4098.   top: 0;
  4099.   left: 6%;
  4100.   width: auto;
  4101.   background-color: #A7B300;
  4102.   color: #fff;
  4103.   font-size: 1.15em;
  4104.   font-family: "raleway";
  4105.   border-radius: 1em;
  4106.   padding: .5em 1em;
  4107.   line-height: .8;
  4108. }
  4109.  
  4110. #iniciar-sesion #registro-exitoso b {
  4111.   font-family: "raleway-bold-italic";
  4112.   font-weight: normal;
  4113.   font-size: 1.1em;
  4114. }
  4115.  
  4116. #iniciar-sesion .intro {
  4117.   width: 58.2857%;
  4118.   background-color: #EDC342;
  4119.   position: relative;
  4120.   overflow: hidden;
  4121. }
  4122.  
  4123. #iniciar-sesion .intro h2 {
  4124.   color: #fff;
  4125.   font-size: 2.3125em;
  4126.   font-family: "thorup";
  4127.   font-weight: normal;
  4128.   text-transform: uppercase;
  4129.   text-align: center;
  4130.   font-size: 5em;
  4131.   line-height: .9;
  4132.   margin: 8% 0 5.5% 0;
  4133.   z-index: 20;
  4134.   position: relative;
  4135. }
  4136.  
  4137. #iniciar-sesion .intro h2 span {
  4138.   display: block;
  4139.   font-size: .28em;
  4140.   font-family: "raleway-italic";
  4141.   text-transform: lowercase;
  4142. }
  4143.  
  4144. #iniciar-sesion .intro h2:after {
  4145.   content: "";
  4146.   display: block;
  4147.   margin: 1.5% auto 0 auto;
  4148.   width: 6%;
  4149.   height: 0;
  4150.   padding-bottom: 0.9714%;
  4151.   background-color: #fff;
  4152. }
  4153.  
  4154. #iniciar-sesion .intro p:nth-child(2) {
  4155.   width: 65.3578%;
  4156.   margin: 0 auto;
  4157.   text-align: center;
  4158.   font-family: "raleway";
  4159.   color: #7A7968;
  4160.   font-size: 1.25em;
  4161.   margin-bottom: 5%;
  4162.   z-index: 20;
  4163.   position: relative;
  4164. }
  4165.  
  4166. #iniciar-sesion .intro a {
  4167.   text-align: center;
  4168.   font-size: 3.0125em;
  4169.   font-family: "thorup";
  4170.   font-weight: normal;
  4171.   color: #7A7968;
  4172.   line-height: .9em;
  4173.   height: .9em;
  4174.   padding: 0 .8em;
  4175.   background-color: #fff;
  4176.   width: 34%;
  4177.   display: block;
  4178.   margin: 0 auto 10% auto;
  4179.   border-radius: 0.8333em;
  4180.   z-index: 20;
  4181.   position: relative;
  4182. }
  4183.  
  4184. #iniciar-sesion .intro a:hover {
  4185.   background-color: #7A7968;
  4186.   color: #fff;
  4187. }
  4188.  
  4189. #iniciar-sesion .intro p:last-child {
  4190.   z-index: 10;
  4191.   position: absolute;
  4192.   top: 0;
  4193.   left: 0;
  4194.   width: 100%;
  4195.   height: 100%;
  4196. }
  4197.  
  4198. #iniciar-sesion .intro p:last-child img {
  4199.   position: absolute;
  4200.   max-width: 23.5294%;
  4201. }
  4202.  
  4203. #iniciar-sesion .intro p:last-child img:first-child {
  4204.   top: -12%;
  4205.   left: 0;
  4206.   -webkit-transform: rotate(155deg);
  4207.       -ms-transform: rotate(155deg);
  4208.           transform: rotate(155deg);
  4209. }
  4210.  
  4211. #iniciar-sesion .intro p:last-child img:nth-child(2) {
  4212.   max-width: 15%;
  4213.   right: 5%;
  4214.   top: -12%;
  4215.   -webkit-transform: rotate(-155deg);
  4216.       -ms-transform: rotate(-155deg);
  4217.           transform: rotate(-155deg);
  4218. }
  4219.  
  4220. #iniciar-sesion .intro p:last-child img:nth-child(3) {
  4221.   max-width: 15%;
  4222.   left: 5%;
  4223.   bottom: -10%;
  4224.   -webkit-transform: rotate(-15deg);
  4225.       -ms-transform: rotate(-15deg);
  4226.           transform: rotate(-15deg);
  4227. }
  4228.  
  4229. #iniciar-sesion .intro p:last-child img:nth-child(4) {
  4230.   max-width: 13%;
  4231.   right: 28%;
  4232.   bottom: -6%;
  4233.   -webkit-transform: rotate(15deg);
  4234.       -ms-transform: rotate(15deg);
  4235.           transform: rotate(15deg);
  4236. }
  4237.  
  4238. #iniciar-sesion .intro p:last-child img:nth-child(5) {
  4239.   max-width: 23%;
  4240.   right: -4%;
  4241.   bottom: 7%;
  4242.   -webkit-transform: rotate(12deg);
  4243.       -ms-transform: rotate(12deg);
  4244.           transform: rotate(12deg);
  4245. }
  4246.  
  4247. #iniciar-sesion form {
  4248.   width: 29.9285%;
  4249.   background-color: #CFCCA7;
  4250.   position: relative;
  4251. }
  4252.  
  4253. #iniciar-sesion form h1 {
  4254.   font-family: "thorup";
  4255.   text-align: center;
  4256.   font-weight: normal;
  4257.   color: #585E58;
  4258.   font-size: 5em;
  4259.   line-height: .8;
  4260.   margin: 13% 0 16% 0;
  4261. }
  4262.  
  4263. #iniciar-sesion form h1:after {
  4264.   content: "";
  4265.   display: block;
  4266.   margin: 1.2% auto 0 auto;
  4267.   width: .7em;
  4268.   height: .11em;
  4269.   background-color: #EDC342;
  4270. }
  4271.  
  4272. #iniciar-sesion form p {
  4273.   margin: 0 auto 7% auto;
  4274.   width: 66.9856%;
  4275. }
  4276.  
  4277. #iniciar-sesion form p:nth-child(2), #iniciar-sesion form p:nth-child(3) {
  4278.   overflow: hidden;
  4279.   border-bottom: .2em solid #fff;
  4280. }
  4281.  
  4282. #iniciar-sesion form p:nth-child(2) input, #iniciar-sesion form p:nth-child(3) input {
  4283.   width: 81.4285%;
  4284.   float: left;
  4285.   background-color: #CFCCA7;
  4286.   font-family: "raleway-italic";
  4287.   font-size: 1.46em;
  4288.   height: 1.3em;
  4289.   color: #fff;
  4290.   transition: all .3s;
  4291. }
  4292.  
  4293. #iniciar-sesion form p:nth-child(2) input.lleno, #iniciar-sesion form p:nth-child(3) input.lleno {
  4294.   font-family: "raleway";
  4295.   color: #585E58;
  4296. }
  4297.  
  4298. #iniciar-sesion form p:nth-child(2) input.lleno + span, #iniciar-sesion form p:nth-child(3) input.lleno + span {
  4299.   color: #585E58;
  4300. }
  4301.  
  4302. #iniciar-sesion form p:nth-child(2) span, #iniciar-sesion form p:nth-child(3) span {
  4303.   color: #fff;
  4304.   display: -webkit-flex;
  4305.   display: -ms-flexbox;
  4306.   display: flex;
  4307.   -webkit-justify-content: center;
  4308.       -ms-flex-pack: center;
  4309.           justify-content: center;
  4310.   -webkit-align-items: center;
  4311.       -ms-flex-align: center;
  4312.           align-items: center;
  4313.   width: 18.5715%;
  4314.   float: right;
  4315.   font-size: 1.5em;
  4316. }
  4317.  
  4318. #iniciar-sesion form p:nth-child(4) {
  4319.   position: relative;
  4320. }
  4321.  
  4322. #iniciar-sesion form p:nth-child(4) input {
  4323.   opacity: 0;
  4324. }
  4325.  
  4326. #iniciar-sesion form p:nth-child(4) input:checked + label:after {
  4327.   z-index: 20;
  4328.   content: "";
  4329.   position: absolute;
  4330.   top: .3em;
  4331.   left: .1em;
  4332.   background-color: #EDC342;
  4333.   width: .45em;
  4334.   height: .43em;
  4335. }
  4336.  
  4337. #iniciar-sesion form p:nth-child(4) label {
  4338.   position: absolute;
  4339.   top: 0;
  4340.   left: 0;
  4341.   font-family: "thorup";
  4342.   font-size: 1.6em;
  4343.   color: #585E58;
  4344.   padding-left: .85em;
  4345. }
  4346.  
  4347. #iniciar-sesion form p:nth-child(4) label:before {
  4348.   position: absolute;
  4349.   left: 0;
  4350.   top: .2em;
  4351.   content: "";
  4352.   z-index: 10;
  4353.   width: .5em;
  4354.   height: .5em;
  4355.   margin-right: .2em;
  4356.   background-color: #fff;
  4357.   border: .1em solid #EDC342;
  4358. }
  4359.  
  4360. #iniciar-sesion form p:nth-child(4) label:hover {
  4361.   cursor: pointer;
  4362. }
  4363.  
  4364. #iniciar-sesion form p:nth-child(5) {
  4365.   text-align: center;
  4366.   margin-bottom: 3em;
  4367. }
  4368.  
  4369. #iniciar-sesion form p:nth-child(5) input {
  4370.   font-family: "thorup";
  4371.   font-weight: normal;
  4372.   color: #585E58;
  4373.   font-size: 2.1em;
  4374.   line-height: .8em;
  4375.   height: .9em;
  4376.   background-color: #EDC342;
  4377.   padding: 0 .9em;
  4378.   border-radius: 0.8333em;
  4379.   transition: all .3s;
  4380. }
  4381.  
  4382. #iniciar-sesion form p:nth-child(5) input:hover {
  4383.   color: #fff;
  4384. }
  4385.  
  4386. #iniciar-sesion form p:nth-child(6) {
  4387.   text-align: center;
  4388.   font-size: .9em;
  4389.   font-family: "raleway-italic";
  4390.   color: #7A7968;
  4391.   margin-bottom: 4em;
  4392. }
  4393.  
  4394. #iniciar-sesion form p:nth-child(6) a {
  4395.   color: #585E58;
  4396.   margin-left: .3em;
  4397.   font-weight: bold;
  4398. }
  4399.  
  4400. #iniciar-sesion form #error {
  4401.   opacity: 0;
  4402.   position: absolute;
  4403.   top: 26%;
  4404.   left: 50%;
  4405.   -webkit-transform: translateX(-50%);
  4406.       -ms-transform: translateX(-50%);
  4407.           transform: translateX(-50%);
  4408.   width: 90%;
  4409.   background-color: #B8654E;
  4410.   color: #fff;
  4411.   font-size: 1em;
  4412.   font-family: "raleway";
  4413.   border-radius: .1em;
  4414.   padding: .5em 1em;
  4415.   line-height: .95;
  4416. }
  4417.  
  4418. #iniciar-sesion form #error b {
  4419.   font-family: "raleway-bold";
  4420.   font-weight: normal;
  4421.   font-size: 1.1em;
  4422. }
  4423.  
  4424. #iniciar-sesion .promo-redes {
  4425.   margin-top: 2.8em;
  4426.   display: block;
  4427.   width: 100%;
  4428. }
  4429.  
  4430. #iniciar-sesion.registro-exitoso #registro-exitoso {
  4431.   opacity: 1;
  4432. }
  4433.  
  4434. #registrarte {
  4435.   background-image: url("imagenes/manos.png");
  4436.   background-position: center bottom;
  4437.   background-size: 100% auto;
  4438.   background-repeat: no-repeat;
  4439. }
  4440.  
  4441. #registrarte h1 {
  4442.   color: #999167;
  4443.   text-align: center;
  4444.   font-size: 4.325em;
  4445.   font-family: "thorup";
  4446.   font-weight: normal;
  4447.   text-transform: uppercase;
  4448.   line-height: .8;
  4449.   margin-bottom: 3%;
  4450. }
  4451.  
  4452. #registrarte h1:after {
  4453.   content: "";
  4454.   display: block;
  4455.   margin: 0 auto;
  4456.   width: 3.5%;
  4457.   background-color: #999167;
  4458.   height: 0;
  4459.   padding-bottom: 0.5714%;
  4460. }
  4461.  
  4462. #registrarte h1 span {
  4463.   text-transform: lowercase;
  4464.   font-family: "raleway-italic";
  4465.   font-size: .32em;
  4466.   color: #5B5D58;
  4467.   display: block;
  4468.   margin-bottom: 0.5em;
  4469. }
  4470.  
  4471. #registrarte h2 {
  4472.   color: #999167;
  4473.   text-align: left;
  4474.   font-size: 3.2em;
  4475.   font-family: "thorup";
  4476.   font-weight: normal;
  4477.   text-transform: uppercase;
  4478.   line-height: 1;
  4479.   margin: 4% 0 2.5% 0;
  4480.   float: left;
  4481. }
  4482.  
  4483. #registrarte h2:after {
  4484.   content: "";
  4485.   display: block;
  4486.   width: 4.5%;
  4487.   background-color: #999167;
  4488.   height: 0;
  4489.   padding-bottom: 0.3714%;
  4490. }
  4491.  
  4492. #registrarte #formulario {
  4493.   width: 86.7142%;
  4494.   margin: 0 auto;
  4495.   font-family: "raleway";
  4496.   color: #5D5F5B;
  4497.   font-size: 1.1em;
  4498.   position: relative;
  4499. }
  4500.  
  4501. #registrarte #formulario > p:nth-child(2) {
  4502.   width: 41.5980%;
  4503.   margin-bottom: 2.5%;
  4504. }
  4505.  
  4506. #registrarte #formulario > p:nth-child(2) a {
  4507.   font-family: "raleway-bold-italic";
  4508. }
  4509.  
  4510. #registrarte #formulario > p:nth-child(2) a:hover {
  4511.   color: #EEC431;
  4512. }
  4513.  
  4514. #registrarte #formulario > p:nth-child(2) a:visited {
  4515.   color: #5D5F5B;
  4516. }
  4517.  
  4518. #registrarte #formulario form {
  4519.   overflow: hidden;
  4520. }
  4521.  
  4522. #registrarte #formulario form p {
  4523.   width: 100%;
  4524.   float: left;
  4525. }
  4526.  
  4527. #registrarte #formulario form h2 {
  4528.   width: 100%;
  4529. }
  4530.  
  4531. #registrarte #formulario form h2:first-child {
  4532.   color: #EEC431;
  4533. }
  4534.  
  4535. #registrarte #formulario form h2:first-child:after {
  4536.   background-color: #EEC431;
  4537. }
  4538.  
  4539. #registrarte #formulario form p:nth-child(2), #registrarte #formulario form p:nth-child(3), #registrarte #formulario form p:nth-child(4), #registrarte #formulario form p.pderecha, #registrarte #formulario form p.pizquierda {
  4540.   width: 37.3970%;
  4541. }
  4542.  
  4543. #registrarte #formulario form p:nth-child(2) {
  4544.   overflow: hidden;
  4545.   float: left;
  4546.   display: -webkit-flex;
  4547.   display: -ms-flexbox;
  4548.   display: flex;
  4549.   -webkit-flex-wrap: wrap;
  4550.       -ms-flex-wrap: wrap;
  4551.           flex-wrap: wrap;
  4552.   -webkit-align-items: flex-end;
  4553.       -ms-flex-align: end;
  4554.           align-items: flex-end;
  4555. }
  4556.  
  4557. #registrarte #formulario form p:nth-child(2) input {
  4558.   width: 50%;
  4559.   text-transform: uppercase;
  4560.   background-color: transparent;
  4561.   font-size: 1.15em;
  4562.   color: #ADA57B;
  4563.   font-weight: normal;
  4564.   padding-bottom: .1em;
  4565. }
  4566.  
  4567. #registrarte #formulario form p:nth-child(2) span {
  4568.   color: #ADA57B;
  4569.   font-family: "raleway-italic";
  4570. }
  4571.  
  4572. #registrarte #formulario form p:nth-child(2) span:nth-child(2) {
  4573.   width: 50%;
  4574.   padding-left: .8em;
  4575.   padding-bottom: .1em;
  4576. }
  4577.  
  4578. #registrarte #formulario form p:nth-child(2) span:nth-child(3) {
  4579.   padding-top: .85em;
  4580.   border-top: .28em solid #EEC431;
  4581.   display: block;
  4582.   width: 100%;
  4583.   font-size: .88em;
  4584. }
  4585.  
  4586. #registrarte #formulario form p:nth-child(3) {
  4587.   float: right;
  4588.   display: -webkit-flex;
  4589.   display: -ms-flexbox;
  4590.   display: flex;
  4591.   -webkit-flex-wrap: wrap;
  4592.       -ms-flex-wrap: wrap;
  4593.           flex-wrap: wrap;
  4594.   -webkit-align-items: flex-end;
  4595.       -ms-flex-align: end;
  4596.           align-items: flex-end;
  4597.   border-bottom: .28em solid #EEC431;
  4598. }
  4599.  
  4600. #registrarte #formulario form p:nth-child(3) input {
  4601.   width: 50%;
  4602.   text-transform: uppercase;
  4603.   background-color: transparent;
  4604.   font-size: 1.15em;
  4605.   color: #ADA57B;
  4606.   font-weight: normal;
  4607.   padding-bottom: .1em;
  4608. }
  4609.  
  4610. #registrarte #formulario form p:nth-child(3) span {
  4611.   color: #ADA57B;
  4612.   font-family: "raleway-italic";
  4613.   width: 50%;
  4614.   padding-left: .8em;
  4615.   padding-bottom: .1em;
  4616. }
  4617.  
  4618. #registrarte #formulario form p:nth-child(4) {
  4619.   float: right;
  4620.   margin-top: 3.5%;
  4621. }
  4622.  
  4623. #registrarte #formulario form p:nth-child(4) input {
  4624.   width: 100%;
  4625.   text-transform: uppercase;
  4626.   background-color: transparent;
  4627.   font-size: 1.15em;
  4628.   color: #ADA57B;
  4629.   font-weight: normal;
  4630.   padding-bottom: .1em;
  4631.   border-bottom: .23em solid #EEC431;
  4632. }
  4633.  
  4634. #registrarte #formulario form p.pderecha, #registrarte #formulario form p.pizquierda {
  4635.   margin-bottom: 1.8em;
  4636. }
  4637.  
  4638. #registrarte #formulario form p.pderecha input, #registrarte #formulario form p.pderecha select, #registrarte #formulario form p.pizquierda input, #registrarte #formulario form p.pizquierda select {
  4639.   float: left;
  4640.   width: 88.1058%;
  4641.   background-color: #fff;
  4642.   color: #5D5F5B;
  4643.   font-weight: normal;
  4644.   font-family: "raleway";
  4645.   font-size: 1.2em;
  4646.   height: 1.77em;
  4647.   line-height: 1.77em;
  4648.   padding: 0 .5em;
  4649.   border: 0;
  4650.   -webkit-appearance: none;
  4651.      -moz-appearance: none;
  4652.           appearance: none;
  4653. }
  4654.  
  4655. #registrarte #formulario form p.pderecha input::-ms-expand, #registrarte #formulario form p.pderecha select::-ms-expand, #registrarte #formulario form p.pizquierda input::-ms-expand, #registrarte #formulario form p.pizquierda select::-ms-expand {
  4656.   display: none;
  4657. }
  4658.  
  4659. #registrarte #formulario form p.pderecha input.lleno, #registrarte #formulario form p.pderecha select.lleno, #registrarte #formulario form p.pizquierda input.lleno, #registrarte #formulario form p.pizquierda select.lleno {
  4660.   color: #5D5F5B !important;
  4661. }
  4662.  
  4663. #registrarte #formulario form p.pderecha input.lleno + span, #registrarte #formulario form p.pderecha select.lleno + span, #registrarte #formulario form p.pizquierda input.lleno + span, #registrarte #formulario form p.pizquierda select.lleno + span {
  4664.   background-color: #5D5F5B !important;
  4665. }
  4666.  
  4667. #registrarte #formulario form p.pderecha select, #registrarte #formulario form p.pizquierda select {
  4668.   color: #A8A9A7;
  4669. }
  4670.  
  4671. #registrarte #formulario form p.pderecha span, #registrarte #formulario form p.pizquierda span {
  4672.   width: 11.8942%;
  4673.   float: right;
  4674.   display: -webkit-flex;
  4675.   display: -ms-flexbox;
  4676.   display: flex;
  4677.   -webkit-justify-content: center;
  4678.       -ms-flex-pack: center;
  4679.           justify-content: center;
  4680.   -webkit-align-items: center;
  4681.       -ms-flex-align: center;
  4682.           align-items: center;
  4683.   height: 1.54em;
  4684.   color: #fff;
  4685.   background-color: #ADAB8F;
  4686.   font-size: 1.4em;
  4687.   line-height: 0;
  4688. }
  4689.  
  4690. #registrarte #formulario form p.pizquierda {
  4691.   float: left;
  4692. }
  4693.  
  4694. #registrarte #formulario form p.pderecha {
  4695.   float: right;
  4696. }
  4697.  
  4698. #registrarte #formulario form p.anaranjado span {
  4699.   background-color: #EEC431 !important;
  4700. }
  4701.  
  4702. #registrarte #formulario form p.sinmargenabajo {
  4703.   margin-bottom: 0 !important;
  4704. }
  4705.  
  4706. #registrarte #formulario form p.recomendado {
  4707.   font-size: 1.1em;
  4708. }
  4709.  
  4710. #registrarte #formulario form p.recomendado b {
  4711.   color: #EEC431;
  4712. }
  4713.  
  4714. #registrarte #formulario form p.recomendado input {
  4715.   display: block;
  4716.   margin: 1em 0;
  4717.   width: 37.3970%;
  4718.   background-color: transparent;
  4719.   font-size: 1.14em;
  4720.   font-family: "raleway-bold-italic";
  4721.   color: #ADA57B;
  4722.   font-weight: normal;
  4723.   padding-bottom: .1em;
  4724.   border-bottom: .23em solid #EEC431;
  4725. }
  4726.  
  4727. #registrarte #formulario form p.likes {
  4728.   margin-bottom: 2.5%;
  4729.   overflow: hidden;
  4730. }
  4731.  
  4732. #registrarte #formulario form p.likes > span {
  4733.   margin-top: 1.7%;
  4734.   display: -webkit-flex;
  4735.   display: -ms-flexbox;
  4736.   display: flex;
  4737.   -webkit-align-items: center;
  4738.       -ms-flex-align: center;
  4739.           align-items: center;
  4740. }
  4741.  
  4742. #registrarte #formulario form p.likes a {
  4743.   background-color: #fff;
  4744.   border: .2em solid #EFC533;
  4745.   width: 19.47%;
  4746.   font-family: "raleway";
  4747.   font-size: 1em;
  4748.   color: #AFA77B;
  4749.   margin-right: .3em;
  4750.   line-height: 2.5em;
  4751.   height: 2.5em;
  4752.   display: -webkit-flex;
  4753.   display: -ms-flexbox;
  4754.   display: flex;
  4755.   -webkit-justify-content: center;
  4756.       -ms-flex-pack: center;
  4757.           justify-content: center;
  4758.   -webkit-align-items: center;
  4759.       -ms-flex-align: center;
  4760.           align-items: center;
  4761. }
  4762.  
  4763. #registrarte #formulario form p.likes a span {
  4764.   margin-right: .3em;
  4765. }
  4766.  
  4767. #registrarte #formulario form p.likes a span:before {
  4768.   font-size: 1.5em;
  4769. }
  4770.  
  4771. #registrarte #formulario form p.likes a [class^="icon-"] {
  4772.   display: -webkit-flex;
  4773.   display: -ms-flexbox;
  4774.   display: flex;
  4775.   -webkit-justify-content: center;
  4776.       -ms-flex-pack: center;
  4777.           justify-content: center;
  4778.   -webkit-align-items: center;
  4779.       -ms-flex-align: center;
  4780.           align-items: center;
  4781.   line-height: 0;
  4782. }
  4783.  
  4784. #registrarte #formulario form p.likes a:nth-child(3), #registrarte #formulario form p.likes a:nth-child(4) {
  4785.   border-color: #B6AF87;
  4786. }
  4787.  
  4788. #registrarte #formulario form p.likes a:nth-child(2) {
  4789.   margin-right: 5.5%;
  4790. }
  4791.  
  4792. #registrarte #formulario form p.suscribirme {
  4793.   position: relative;
  4794. }
  4795.  
  4796. #registrarte #formulario form p.suscribirme span {
  4797.   display: block;
  4798.   margin: 2.8% 0 1.2% 0;
  4799. }
  4800.  
  4801. #registrarte #formulario form p.suscribirme input {
  4802.   opacity: 0;
  4803. }
  4804.  
  4805. #registrarte #formulario form p.suscribirme input:checked + label:after {
  4806.   z-index: 20;
  4807.   content: "";
  4808.   position: absolute;
  4809.   top: .3em;
  4810.   left: .1em;
  4811.   background-color: #EDC342;
  4812.   width: .43em;
  4813.   height: .43em;
  4814. }
  4815.  
  4816. #registrarte #formulario form p.suscribirme label {
  4817.   position: absolute;
  4818.   font-family: "thorup";
  4819.   font-size: 2em;
  4820.   color: #585E58;
  4821.   padding-left: .85em;
  4822.   color: #ADA57B;
  4823. }
  4824.  
  4825. #registrarte #formulario form p.suscribirme label:before {
  4826.   position: absolute;
  4827.   left: 0;
  4828.   top: .2em;
  4829.   content: "";
  4830.   z-index: 10;
  4831.   width: .5em;
  4832.   height: .5em;
  4833.   margin-right: .2em;
  4834.   background-color: #fff;
  4835.   border: .1em solid #EDC342;
  4836. }
  4837.  
  4838. #registrarte #formulario form p.suscribirme label:hover {
  4839.   cursor: pointer;
  4840. }
  4841.  
  4842. #registrarte #formulario form p.suscribirme label:nth-child(2) {
  4843.   top: 0;
  4844.   left: 0;
  4845. }
  4846.  
  4847. #registrarte #formulario form p.suscribirme label:nth-child(5) {
  4848.   top: 70%;
  4849.   left: 0;
  4850. }
  4851.  
  4852. #registrarte #formulario form p.suscribirme label:nth-child(5) b {
  4853.   font-family: "thorup";
  4854.   font-weight: normal;
  4855.   color: #5D5F5B;
  4856. }
  4857.  
  4858. #registrarte #formulario form p.siguiente button {
  4859.   margin: 5.5% auto;
  4860.   width: auto;
  4861.   display: block;
  4862.   background-color: #F6BD32;
  4863.   color: #fff;
  4864.   font-size: 1em;
  4865.   font-family: "raleway-bold";
  4866.   font-weight: normal;
  4867.   text-transform: uppercase;
  4868.   padding: 0.2666em 3.616em;
  4869.   border-radius: 1em;
  4870.   border: .2em solid #F6BD32;
  4871. }
  4872.  
  4873. #registrarte #formulario form p.siguiente button:hover {
  4874.   background-color: #fff;
  4875.   color: #F6BD32;
  4876.   border: .2em solid #F6BD32;
  4877. }
  4878.  
  4879. #registrarte #formulario #personaje {
  4880.   background-color: #F4F5EB;
  4881.   width: 100%;
  4882.   height: 100%;
  4883.   position: absolute;
  4884.   z-index: -1;
  4885.   top: 0;
  4886.   left: 50%;
  4887.   -webkit-transform: translateX(-50%);
  4888.       -ms-transform: translateX(-50%);
  4889.           transform: translateX(-50%);
  4890.   transition: all 1s;
  4891.   opacity: 0;
  4892. }
  4893.  
  4894. #registrarte #formulario #personaje ul {
  4895.   overflow: hidden;
  4896.   margin-top: 5.5%;
  4897.   width: 92.2585%;
  4898.   margin: 0 auto;
  4899. }
  4900.  
  4901. #registrarte #formulario #personaje ul li {
  4902.   position: relative;
  4903.   float: left;
  4904.   width: 16.4285%;
  4905.   height: 16.4285%;
  4906.   margin-right: 4.464375%;
  4907.   margin-bottom: 1%;
  4908. }
  4909.  
  4910. #registrarte #formulario #personaje ul li:nth-child(5n) {
  4911.   margin-right: 0;
  4912. }
  4913.  
  4914. #registrarte #formulario #personaje ul li input {
  4915.   position: absolute;
  4916.   z-index: 10;
  4917.   opacity: 0;
  4918.   top: 0;
  4919.   right: 0;
  4920.   bottom: 0;
  4921.   left: 0;
  4922.   margin: auto;
  4923. }
  4924.  
  4925. #registrarte #formulario #personaje ul li input:checked + label:after {
  4926.   content: "";
  4927.   position: absolute;
  4928.   top: 0;
  4929.   left: 0;
  4930.   width: 100%;
  4931.   height: 100%;
  4932.   background-image: url("imagenes/personajes/seleccionado.png");
  4933.   background-repeat: no-repeat;
  4934.   background-size: 100% 100%;
  4935. }
  4936.  
  4937. #registrarte #formulario #personaje ul li input:checked + label img {
  4938.   -webkit-transform: scale(0.99);
  4939.       -ms-transform: scale(0.99);
  4940.           transform: scale(0.99);
  4941. }
  4942.  
  4943. #registrarte #formulario #personaje ul li label {
  4944.   z-index: 20;
  4945.   display: block;
  4946.   width: 100%;
  4947.   height: 100%;
  4948.   position: relative;
  4949.   top: 0;
  4950.   left: 0;
  4951. }
  4952.  
  4953. #registrarte #formulario #personaje ul li label img {
  4954.   width: 100%;
  4955.   height: 100%;
  4956. }
  4957.  
  4958. #registrarte #formulario #personaje ul li label img:hover {
  4959.   cursor: pointer;
  4960. }
  4961.  
  4962. #registrarte #formulario #personaje ul li label:hover {
  4963.   cursor: pointer;
  4964. }
  4965.  
  4966. #registrarte #formulario #personaje ul li:nth-child(n+26):nth-child(-n+30) {
  4967.   margin-bottom: 0;
  4968. }
  4969.  
  4970. #registrarte #formulario #personaje input {
  4971.   margin: 5.5% auto;
  4972.   width: auto;
  4973.   display: block;
  4974.   background-color: #F6BD32;
  4975.   color: #fff;
  4976.   font-size: 1em;
  4977.   font-family: "raleway-bold";
  4978.   font-weight: bold;
  4979.   text-transform: uppercase;
  4980.   padding: 0.2666em 1.616em;
  4981.   border-radius: 1em;
  4982.   border: .2em solid #F6BD32;
  4983.   transition: all .3s;
  4984. }
  4985.  
  4986. #registrarte #formulario #personaje input:hover {
  4987.   background-color: #fff;
  4988.   border: .2em solid #F6BD32;
  4989.   color: #F6BD32;
  4990. }
  4991.  
  4992. #revisa-tu-mail h1, #gracias-por-tu-compra h1 {
  4993.   color: #999167;
  4994.   text-align: center;
  4995.   font-size: 4.325em;
  4996.   font-family: "thorup";
  4997.   font-weight: normal;
  4998.   text-transform: uppercase;
  4999.   line-height: .8;
  5000.   margin-bottom: 3%;
  5001. }
  5002.  
  5003. #revisa-tu-mail h1:after, #gracias-por-tu-compra h1:after {
  5004.   content: "";
  5005.   display: block;
  5006.   margin: 0 auto;
  5007.   width: 3.5%;
  5008.   background-color: #999167;
  5009.   height: 0;
  5010.   padding-bottom: 0.5714%;
  5011. }
  5012.  
  5013. #revisa-tu-mail h1 span, #gracias-por-tu-compra h1 span {
  5014.   text-transform: lowercase;
  5015.   font-family: "raleway-italic";
  5016.   font-size: .32em;
  5017.   color: #5B5D58;
  5018.   display: block;
  5019.   margin-bottom: 0.5em;
  5020. }
  5021.  
  5022. #revisa-tu-mail p, #gracias-por-tu-compra p {
  5023.   width: 85%;
  5024.   margin: 0 auto;
  5025. }
  5026.  
  5027. #revisa-tu-mail p:nth-child(2), #gracias-por-tu-compra p:nth-child(2) {
  5028.   font-family: "raleway";
  5029.   color: #5D5F5B;
  5030.   font-size: 1.2em;
  5031.   margin-bottom: 3%;
  5032. }
  5033.  
  5034. #revisa-tu-mail p:nth-child(2) span, #gracias-por-tu-compra p:nth-child(2) span {
  5035.   font-family: "raleway-bold-italic";
  5036.   color: #EEC431;
  5037.   font-size: 1.1em;
  5038. }
  5039.  
  5040. #revisa-tu-mail p:nth-child(2) a, #gracias-por-tu-compra p:nth-child(2) a {
  5041.   color: #5D5E59;
  5042.   font-family: "raleway-bold-italic";
  5043. }
  5044.  
  5045. #revisa-tu-mail p:nth-child(2) a:hover, #gracias-por-tu-compra p:nth-child(2) a:hover {
  5046.   color: #F7BF21;
  5047. }
  5048.  
  5049. #revisa-tu-mail p:last-child, #gracias-por-tu-compra p:last-child {
  5050.   display: -webkit-flex;
  5051.   display: -ms-flexbox;
  5052.   display: flex;
  5053.   -webkit-justify-content: space-between;
  5054.       -ms-flex-pack: justify;
  5055.           justify-content: space-between;
  5056.   -webkit-align-items: center;
  5057.       -ms-flex-align: center;
  5058.           align-items: center;
  5059.   margin-bottom: 5%;
  5060. }
  5061.  
  5062. #revisa-tu-mail p:last-child span, #gracias-por-tu-compra p:last-child span {
  5063.   display: -webkit-flex;
  5064.   display: -ms-flexbox;
  5065.   display: flex;
  5066.   text-align: center;
  5067.   -webkit-justify-content: space-between;
  5068.       -ms-flex-pack: justify;
  5069.           justify-content: space-between;
  5070.   -webkit-align-items: center;
  5071.       -ms-flex-align: center;
  5072.           align-items: center;
  5073.   -webkit-flex-wrap: wrap;
  5074.       -ms-flex-wrap: wrap;
  5075.           flex-wrap: wrap;
  5076. }
  5077.  
  5078. #revisa-tu-mail p:last-child span b, #gracias-por-tu-compra p:last-child span b {
  5079.   display: block;
  5080.   width: 100%;
  5081.   font-size: 2.375em;
  5082.   font-family: "thorup";
  5083.   font-weight: normal;
  5084.   color: #5D5F5B;
  5085.   margin-bottom: .3em;
  5086. }
  5087.  
  5088. #revisa-tu-mail p:last-child span a, #gracias-por-tu-compra p:last-child span a {
  5089.   border: .2em solid #AFA77B;
  5090.   height: 2.8em;
  5091.   line-height: 2.5em;
  5092.   font-family: "raleway";
  5093.   font-size: 1.2em;
  5094.   width: 32.5%;
  5095. }
  5096.  
  5097. #revisa-tu-mail p:last-child span:first-child, #gracias-por-tu-compra p:last-child span:first-child {
  5098.   width: 27.6050%;
  5099. }
  5100.  
  5101. #revisa-tu-mail p:last-child span:first-child b, #gracias-por-tu-compra p:last-child span:first-child b {
  5102.   text-align: center;
  5103. }
  5104.  
  5105. #revisa-tu-mail p:last-child span:first-child a, #gracias-por-tu-compra p:last-child span:first-child a {
  5106.   width: 100%;
  5107.   color: #EEC431;
  5108.   border-color: #EEC431;
  5109.   font-family: "raleway-bold-italic";
  5110. }
  5111.  
  5112. #revisa-tu-mail p:last-child span:first-child a:hover, #gracias-por-tu-compra p:last-child span:first-child a:hover {
  5113.   background-color: #EEC431;
  5114.   color: #fff;
  5115. }
  5116.  
  5117. #revisa-tu-mail p:last-child span:last-child, #gracias-por-tu-compra p:last-child span:last-child {
  5118.   width: 65.395%;
  5119. }
  5120.  
  5121. #revisa-tu-mail p:last-child span:last-child a, #gracias-por-tu-compra p:last-child span:last-child a {
  5122.   color: #AFA77B;
  5123.   background-color: #fff;
  5124. }
  5125.  
  5126. #revisa-tu-mail p:last-child span:last-child a:hover, #gracias-por-tu-compra p:last-child span:last-child a:hover {
  5127.   background-color: #AFA77B;
  5128.   color: #fff;
  5129. }
  5130.  
  5131. #gracias-por-tu-compra p:nth-child(2) {
  5132.   text-align: center;
  5133.   width: 65%;
  5134. }
  5135.  
  5136. #tipos-de-subastas h1 {
  5137.   color: #B0A87B;
  5138.   text-align: center;
  5139.   font-size: 4.325em;
  5140.   font-family: "thorup";
  5141.   font-weight: normal;
  5142.   text-transform: uppercase;
  5143.   line-height: .8;
  5144.   margin-bottom: 3%;
  5145. }
  5146.  
  5147. #tipos-de-subastas h1:after {
  5148.   content: "";
  5149.   display: block;
  5150.   margin: .15em auto 0 auto;
  5151.   width: 3.5%;
  5152.   background-color: #B0A87B;
  5153.   height: 0;
  5154.   padding-bottom: 0.5714%;
  5155. }
  5156.  
  5157. #tipos-de-subastas h1 span {
  5158.   text-transform: lowercase;
  5159.   font-family: "raleway-italic";
  5160.   font-size: .32em;
  5161.   color: #5B5D58;
  5162.   display: block;
  5163.   margin-bottom: 0.5em;
  5164. }
  5165.  
  5166. #tipos-de-subastas #slider-tipos {
  5167.   padding: 0 5em;
  5168.   width: 84.2857%;
  5169.   margin: 0 auto 5% auto;
  5170.   height: 26.25em;
  5171.   position: relative;
  5172.   overflow: hidden;
  5173. }
  5174.  
  5175. #tipos-de-subastas #slider-tipos button {
  5176.   position: absolute;
  5177.   position: flex;
  5178.   -webkit-justify-content: center;
  5179.       -ms-flex-pack: center;
  5180.           justify-content: center;
  5181.   -webkit-align-items: center;
  5182.       -ms-flex-align: center;
  5183.           align-items: center;
  5184.   top: 50%;
  5185.   -webkit-transform: translateY(-50%);
  5186.       -ms-transform: translateY(-50%);
  5187.           transform: translateY(-50%);
  5188.   color: #F0C633;
  5189.   font-size: 6.2em;
  5190.   background-color: transparent;
  5191.   height: .93em;
  5192.   z-index: 30;
  5193. }
  5194.  
  5195. #tipos-de-subastas #slider-tipos button:hover {
  5196.   cursor: pointer;
  5197. }
  5198.  
  5199. #tipos-de-subastas #slider-tipos button:first-child {
  5200.   left: -2.7%;
  5201. }
  5202.  
  5203. #tipos-de-subastas #slider-tipos button:first-child:before {
  5204.   display: block;
  5205.   -webkit-transform: rotate(3.9deg);
  5206.       -ms-transform: rotate(3.9deg);
  5207.           transform: rotate(3.9deg);
  5208. }
  5209.  
  5210. #tipos-de-subastas #slider-tipos button:nth-child(2) {
  5211.   right: -2.7%;
  5212. }
  5213.  
  5214. #tipos-de-subastas #slider-tipos button:nth-child(2):before {
  5215.   display: block;
  5216.   -webkit-transform: rotate(-3.9deg);
  5217.       -ms-transform: rotate(-3.9deg);
  5218.           transform: rotate(-3.9deg);
  5219. }
  5220.  
  5221. #tipos-de-subastas #slider-tipos #contenedor {
  5222.   padding-top: 1em;
  5223.   overflow: hidden;
  5224.   margin: 0 auto;
  5225.   width: 100%;
  5226.   height: 100%;
  5227. }
  5228.  
  5229. #tipos-de-subastas #slider-tipos #contenedor ul {
  5230.   width: 202.3%;
  5231.   /* relative, a Java scriptear */
  5232.   height: 100%;
  5233.   transition: all .5s;
  5234. }
  5235.  
  5236. #tipos-de-subastas #slider-tipos #contenedor ul.movido {
  5237.   margin-left: -102.3%;
  5238. }
  5239.  
  5240. #tipos-de-subastas #slider-tipos #contenedor ul:after {
  5241.   content: ".";
  5242.   display: block;
  5243.   clear: both;
  5244.   visibility: hidden;
  5245.   line-height: 0;
  5246.   height: 0;
  5247. }
  5248.  
  5249. #tipos-de-subastas #slider-tipos #contenedor ul li {
  5250.   float: left;
  5251.   position: relative;
  5252.   margin-right: 1.2%;
  5253.   width: 15.6666%;
  5254.   height: 100%;
  5255.   background-color: #C6BF9B;
  5256.   border: .4em solid #C6BF9B;
  5257.   text-align: center;
  5258. }
  5259.  
  5260. #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child {
  5261.   display: block;
  5262.   margin: -1.1em auto 3.5em auto;
  5263.   position: relative;
  5264.   overflow: hidden;
  5265.   width: 6.125em;
  5266.   height: 6.125em;
  5267. }
  5268.  
  5269. #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child:before, #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child:after {
  5270.   text-align: center;
  5271. }
  5272.  
  5273. #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child:before {
  5274.   position: absolute;
  5275.   top: 50%;
  5276.   left: 50%;
  5277.   -webkit-transform: translate(-50%, -50%);
  5278.       -ms-transform: translate(-50%, -50%);
  5279.           transform: translate(-50%, -50%);
  5280.   z-index: 20;
  5281.   color: #fff;
  5282.   font-size: 3.8em;
  5283.   font-family: "solbasta";
  5284. }
  5285.  
  5286. #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child:after {
  5287.   font-size: 6.1em;
  5288.   position: absolute;
  5289.   top: -.04em;
  5290.   left: 0;
  5291.   z-index: 10;
  5292.   font-family: "solbasta";
  5293.   content: "\73";
  5294. }
  5295.  
  5296. #tipos-de-subastas #slider-tipos #contenedor ul li h2 {
  5297.   color: #fff;
  5298.   text-align: left;
  5299.   margin-bottom: 1.3em;
  5300.   width: auto;
  5301.   display: inline-block;
  5302.   font-family: "raleway-bold-italic";
  5303. }
  5304.  
  5305. #tipos-de-subastas #slider-tipos #contenedor ul li h2 span {
  5306.   display: block;
  5307.   line-height: .7;
  5308.   font-family: "raleway-black";
  5309.   font-size: 1.32em;
  5310.   text-transform: uppercase;
  5311. }
  5312.  
  5313. #tipos-de-subastas #slider-tipos #contenedor ul li p {
  5314.   color: #6A6857;
  5315.   font-family: "raleway";
  5316.   text-align: justify;
  5317.   font-size: 1.11em;
  5318.   width: 70%;
  5319.   margin: 0 auto;
  5320. }
  5321.  
  5322. #tipos-de-subastas #slider-tipos #contenedor ul li:nth-child(even) {
  5323.   background-color: #fff;
  5324. }
  5325.  
  5326. #tipos-de-subastas #slider-tipos #contenedor ul li:nth-child(even) h2 {
  5327.   color: #B0A87B;
  5328. }
  5329.  
  5330. #tipos-de-subastas #slider-tipos #contenedor ul li#la-rapidita > span:first-child:before {
  5331.   content: "\6d";
  5332. }
  5333.  
  5334. #tipos-de-subastas #slider-tipos #contenedor ul li#la-rapidita > span:first-child:after {
  5335.   color: #E59A28;
  5336. }
  5337.  
  5338. #tipos-de-subastas #slider-tipos #contenedor ul li#la-revancha > span:first-child:before {
  5339.   content: "\6b";
  5340.   font-size: 4.5em;
  5341. }
  5342.  
  5343. #tipos-de-subastas #slider-tipos #contenedor ul li#la-revancha > span:first-child:after {
  5344.   color: #A7B300;
  5345. }
  5346.  
  5347. #tipos-de-subastas #slider-tipos #contenedor ul li#el-novato > span:first-child:before {
  5348.   content: "\57";
  5349.   font-size: 4.2em;
  5350. }
  5351.  
  5352. #tipos-de-subastas #slider-tipos #contenedor ul li#el-novato > span:first-child:after {
  5353.   color: #EE712E;
  5354. }
  5355.  
  5356. #tipos-de-subastas #slider-tipos #contenedor ul li#todos-juegan > span:first-child:before {
  5357.   content: "\57";
  5358.   font-size: 3em !important;
  5359. }
  5360.  
  5361. #tipos-de-subastas #slider-tipos #contenedor ul li#todos-juegan > span:first-child:after {
  5362.   color: #F4C019;
  5363. }
  5364.  
  5365. #tipos-de-subastas #slider-tipos #contenedor ul li#el-cumpleanero > span:first-child:before {
  5366.   content: "\6e";
  5367.   font-size: 3.5em !important;
  5368. }
  5369.  
  5370. #tipos-de-subastas #slider-tipos #contenedor ul li#el-cumpleanero > span:first-child:after {
  5371.   color: #D7C816;
  5372. }
  5373.  
  5374. #tipos-de-subastas #slider-tipos #contenedor ul li#menos-veinte > span:first-child:before {
  5375.   content: "\6e";
  5376.   font-size: 3.5em !important;
  5377. }
  5378.  
  5379. #tipos-de-subastas #slider-tipos #contenedor ul li#menos-veinte > span:first-child:after {
  5380.   color: #F1A957;
  5381. }
  5382.  
  5383. #tipos-de-subastas #slider-tipos #contenedor ul li:last-child {
  5384.   margin-right: 0;
  5385. }
  5386.  
  5387. #preguntas-frecuentes {
  5388.   font-family: "raleway";
  5389. }
  5390.  
  5391. #preguntas-frecuentes h1 {
  5392.   color: #B0A87B;
  5393.   text-align: center;
  5394.   font-size: 4.325em;
  5395.   font-family: "thorup";
  5396.   font-weight: normal;
  5397.   text-transform: uppercase;
  5398.   line-height: .8;
  5399.   margin-bottom: 3%;
  5400. }
  5401.  
  5402. #preguntas-frecuentes h1:after {
  5403.   content: "";
  5404.   display: block;
  5405.   margin: .15em auto 0 auto;
  5406.   width: 3.5%;
  5407.   background-color: #B0A87B;
  5408.   height: 0;
  5409.   padding-bottom: 0.5714%;
  5410. }
  5411.  
  5412. #preguntas-frecuentes h1 span {
  5413.   text-transform: lowercase;
  5414.   font-family: "raleway-italic";
  5415.   font-size: .32em;
  5416.   color: #5B5D58;
  5417.   display: block;
  5418.   margin-bottom: 0.5em;
  5419. }
  5420.  
  5421. #preguntas-frecuentes .am {
  5422.   margin-bottom: 2.5%;
  5423. }
  5424.  
  5425. #preguntas-frecuentes .am > p {
  5426.   width: 80.7142%;
  5427.   margin: 0 auto;
  5428.   font-size: 1.2em;
  5429.   color: #5C5E59;
  5430.   overflow: hidden;
  5431. }
  5432.  
  5433. #preguntas-frecuentes .am > p input {
  5434.   margin-top: .7em;
  5435.   width: 86%;
  5436.   float: left;
  5437.   border: .18em solid #D7D2AF;
  5438.   color: #D7D2AF;
  5439.   font-size: 1.1em;
  5440.   height: 2em;
  5441.   line-height: 2em;
  5442.   padding: 0 .6em;
  5443. }
  5444.  
  5445. #preguntas-frecuentes .am > p button {
  5446.   width: 13%;
  5447.   font-size: 1.1em;
  5448.   height: 2em;
  5449.   line-height: 1.6em;
  5450.   font-weight: bold;
  5451.   text-transform: uppercase;
  5452.   border: .18em solid #EFB632;
  5453.   background-color: #EFB632;
  5454.   color: #fff;
  5455.   margin-top: .7em;
  5456.   float: right;
  5457. }
  5458.  
  5459. #preguntas-frecuentes .am > ul {
  5460.   width: 80.7142%;
  5461.   margin: 2% auto 0 auto;
  5462. }
  5463.  
  5464. #preguntas-frecuentes .am > ul > li {
  5465.   border-bottom: .07em solid #84806C;
  5466. }
  5467.  
  5468. #preguntas-frecuentes .am > ul > li:first-child {
  5469.   border-top: .07em solid #84806C;
  5470. }
  5471.  
  5472. #preguntas-frecuentes .am > ul > li h2 {
  5473.   font-family: "thorup";
  5474.   font-size: 2.4em;
  5475.   font-weight: normal;
  5476.   color: #EFB632;
  5477.   line-height: .6;
  5478.   padding: .4em 1em;
  5479.   position: relative;
  5480. }
  5481.  
  5482. #preguntas-frecuentes .am > ul > li h2:after {
  5483.   content: "";
  5484.   position: absolute;
  5485.   top: 50%;
  5486.   -webkit-transform: translateY(-50%);
  5487.       -ms-transform: translateY(-50%);
  5488.           transform: translateY(-50%);
  5489.   right: 1em;
  5490.   width: 0;
  5491.   height: 0;
  5492.   border-left: 0.25em solid transparent;
  5493.   border-right: 0.25em solid transparent;
  5494.   border-top: 0.427em solid #D6D2AE;
  5495. }
  5496.  
  5497. #preguntas-frecuentes .am > ul > li h2:hover {
  5498.   cursor: pointer;
  5499. }
  5500.  
  5501. #preguntas-frecuentes .am > ul > li > p {
  5502.   text-align: justify;
  5503.   font-size: 1.1em;
  5504.   margin-top: .8em;
  5505. }
  5506.  
  5507. #preguntas-frecuentes .am > ul > li > ul {
  5508.   color: #5C5E59;
  5509.   max-height: 0;
  5510.   overflow: hidden;
  5511.   transition: all .15s;
  5512. }
  5513.  
  5514. #preguntas-frecuentes .am > ul > li > ul li h3 {
  5515.   font-family: "raleway-italic";
  5516.   color: #B0A87B;
  5517.   padding: 0 0 .15em .7em;
  5518.   position: relative;
  5519. }
  5520.  
  5521. #preguntas-frecuentes .am > ul > li > ul li h3:before {
  5522.   content: "";
  5523.   position: absolute;
  5524.   left: 0;
  5525.   top: 50%;
  5526.   -webkit-transform: translateY(-50%);
  5527.       -ms-transform: translateY(-50%);
  5528.           transform: translateY(-50%);
  5529.   background-color: #B0A87B;
  5530.   width: .3em;
  5531.   height: 100%;
  5532. }
  5533.  
  5534. #preguntas-frecuentes .am > ul > li > ul li p {
  5535.   text-align: justify;
  5536.   font-size: 1.1em;
  5537.   max-height: 0;
  5538.   overflow: hidden;
  5539.   transition: all .15s;
  5540. }
  5541.  
  5542. #preguntas-frecuentes .am > ul > li > ul li p a {
  5543.   color: #EFB632;
  5544.   font-weight: bold;
  5545. }
  5546.  
  5547. #preguntas-frecuentes .am > ul > li > ul li:hover > h3, #preguntas-frecuentes .am > ul > li > ul li.activado > h3 {
  5548.   cursor: pointer;
  5549.   color: #EFB632;
  5550. }
  5551.  
  5552. #preguntas-frecuentes .am > ul > li > ul li.activado {
  5553.   margin-bottom: 1.5em;
  5554. }
  5555.  
  5556. #preguntas-frecuentes .am > ul > li > ul li.activado h3:before {
  5557.   background-color: #EFB632;
  5558.   height: 55%;
  5559. }
  5560.  
  5561. #preguntas-frecuentes .am > ul > li > ul li.activado p {
  5562.   max-height: 100%;
  5563.   margin-top: .8em;
  5564. }
  5565.  
  5566. #preguntas-frecuentes .am > ul > li.activado {
  5567.   padding-bottom: 1.5em;
  5568. }
  5569.  
  5570. #preguntas-frecuentes .am > ul > li.activado ul {
  5571.   padding: 1em 0 1em 2.5em;
  5572.   max-height: 100%;
  5573.   overflow: visible;
  5574. }
  5575.  
  5576. #preguntas-frecuentes .am > ul > li.activado h2 {
  5577.   background-color: #EFB632;
  5578.   color: #fff;
  5579. }
  5580.  
  5581. #preguntas-frecuentes .am > ul > li.activado h2:after {
  5582.   border-top: 0;
  5583.   border-bottom: 0.427em solid #fff;
  5584. }
  5585.  
  5586. #informacion-y-soporte, #terminos-y-condiciones {
  5587.   font-family: "raleway";
  5588. }
  5589.  
  5590. #informacion-y-soporte h1, #terminos-y-condiciones h1 {
  5591.   color: #B0A87B;
  5592.   text-align: center;
  5593.   font-size: 4.325em;
  5594.   font-family: "thorup";
  5595.   font-weight: normal;
  5596.   text-transform: uppercase;
  5597.   line-height: .8;
  5598.   margin-bottom: 2%;
  5599. }
  5600.  
  5601. #informacion-y-soporte h1:after, #terminos-y-condiciones h1:after {
  5602.   content: "";
  5603.   display: block;
  5604.   margin: .15em auto 0 auto;
  5605.   width: 3.5%;
  5606.   background-color: #B0A87B;
  5607.   height: 0;
  5608.   padding-bottom: 0.5714%;
  5609. }
  5610.  
  5611. #informacion-y-soporte .am > p, #terminos-y-condiciones .am > p {
  5612.   width: 34.285%;
  5613.   margin: 0 auto 3% auto;
  5614.   text-align: center;
  5615.   font-family: "raleway-italic";
  5616.   color: #84816D;
  5617. }
  5618.  
  5619. #informacion-y-soporte .am > p b, #terminos-y-condiciones .am > p b {
  5620.   color: #EFB632;
  5621.   font-family: "raleway-bold-italic";
  5622. }
  5623.  
  5624. #informacion-y-soporte .am > ul, #terminos-y-condiciones .am > ul {
  5625.   width: 77.1428%;
  5626.   margin: 0 auto 3% auto;
  5627. }
  5628.  
  5629. #informacion-y-soporte .am > ul > li, #terminos-y-condiciones .am > ul > li {
  5630.   border-top: .07em solid #84806C;
  5631.   transition: all .1s;
  5632. }
  5633.  
  5634. #informacion-y-soporte .am > ul > li:last-child, #terminos-y-condiciones .am > ul > li:last-child {
  5635.   border-bottom: .07em solid #84806C;
  5636. }
  5637.  
  5638. #informacion-y-soporte .am > ul > li h2, #terminos-y-condiciones .am > ul > li h2 {
  5639.   font-family: "thorup";
  5640.   font-size: 2.4em;
  5641.   font-weight: normal;
  5642.   line-height: .6;
  5643.   padding: .4em 1em .4em 1.7em;
  5644.   position: relative;
  5645.   max-height: 100% !important;
  5646. }
  5647.  
  5648. #informacion-y-soporte .am > ul > li h2:after, #terminos-y-condiciones .am > ul > li h2:after {
  5649.   content: "";
  5650.   position: absolute;
  5651.   top: 50%;
  5652.   -webkit-transform: translateY(-50%);
  5653.       -ms-transform: translateY(-50%);
  5654.           transform: translateY(-50%);
  5655.   right: 1em;
  5656.   width: 0;
  5657.   height: 0;
  5658.   border-left: 0.25em solid transparent;
  5659.   border-right: 0.25em solid transparent;
  5660.   border-top: 0.427em solid #D6D2AE;
  5661. }
  5662.  
  5663. #informacion-y-soporte .am > ul > li h2:hover, #terminos-y-condiciones .am > ul > li h2:hover {
  5664.   cursor: pointer;
  5665. }
  5666.  
  5667. #informacion-y-soporte .am > ul > li h2 span, #terminos-y-condiciones .am > ul > li h2 span {
  5668.   position: absolute;
  5669.   left: 1%;
  5670.   top: 50%;
  5671.   -webkit-transform: translateY(-50%);
  5672.       -ms-transform: translateY(-50%);
  5673.           transform: translateY(-50%);
  5674.   font-size: .9em;
  5675.   display: -webkit-flex;
  5676.   display: -ms-flexbox;
  5677.   display: flex;
  5678.   -webkit-justify-content: center;
  5679.       -ms-flex-pack: center;
  5680.           justify-content: center;
  5681.   -webkit-align-items: center;
  5682.       -ms-flex-align: center;
  5683.           align-items: center;
  5684. }
  5685.  
  5686. #informacion-y-soporte .am > ul > li h2 span:before, #terminos-y-condiciones .am > ul > li h2 span:before {
  5687.   transition: all .1s;
  5688. }
  5689.  
  5690. #informacion-y-soporte .am > ul > li:nth-child(odd) h2, #terminos-y-condiciones .am > ul > li:nth-child(odd) h2 {
  5691.   color: #EFB632;
  5692. }
  5693.  
  5694. #informacion-y-soporte .am > ul > li:nth-child(odd):hover, #informacion-y-soporte .am > ul > li:nth-child(odd).activado, #terminos-y-condiciones .am > ul > li:nth-child(odd):hover, #terminos-y-condiciones .am > ul > li:nth-child(odd).activado {
  5695.   border-top-color: #EFB632;
  5696. }
  5697.  
  5698. #informacion-y-soporte .am > ul > li:nth-child(odd):hover + li, #informacion-y-soporte .am > ul > li:nth-child(odd).activado + li, #terminos-y-condiciones .am > ul > li:nth-child(odd):hover + li, #terminos-y-condiciones .am > ul > li:nth-child(odd).activado + li {
  5699.   border-top-color: #EFB632;
  5700. }
  5701.  
  5702. #informacion-y-soporte .am > ul > li:nth-child(odd):hover h2, #informacion-y-soporte .am > ul > li:nth-child(odd).activado h2, #terminos-y-condiciones .am > ul > li:nth-child(odd):hover h2, #terminos-y-condiciones .am > ul > li:nth-child(odd).activado h2 {
  5703.   background-color: #EFB632;
  5704.   color: #fff;
  5705. }
  5706.  
  5707. #informacion-y-soporte .am > ul > li:nth-child(odd):hover h2:after, #informacion-y-soporte .am > ul > li:nth-child(odd).activado h2:after, #terminos-y-condiciones .am > ul > li:nth-child(odd):hover h2:after, #terminos-y-condiciones .am > ul > li:nth-child(odd).activado h2:after {
  5708.   border-top-color: #fff;
  5709.   border-bottom-color: #fff;
  5710. }
  5711.  
  5712. #informacion-y-soporte .am > ul > li:nth-child(even) h2, #terminos-y-condiciones .am > ul > li:nth-child(even) h2 {
  5713.   color: #84816D;
  5714. }
  5715.  
  5716. #informacion-y-soporte .am > ul > li:nth-child(even):hover, #informacion-y-soporte .am > ul > li:nth-child(even).activado, #terminos-y-condiciones .am > ul > li:nth-child(even):hover, #terminos-y-condiciones .am > ul > li:nth-child(even).activado {
  5717.   border-top-color: #84816D;
  5718. }
  5719.  
  5720. #informacion-y-soporte .am > ul > li:nth-child(even):hover + li, #informacion-y-soporte .am > ul > li:nth-child(even).activado + li, #terminos-y-condiciones .am > ul > li:nth-child(even):hover + li, #terminos-y-condiciones .am > ul > li:nth-child(even).activado + li {
  5721.   border-top-color: #84816D;
  5722. }
  5723.  
  5724. #informacion-y-soporte .am > ul > li:nth-child(even):hover h2, #informacion-y-soporte .am > ul > li:nth-child(even).activado h2, #terminos-y-condiciones .am > ul > li:nth-child(even):hover h2, #terminos-y-condiciones .am > ul > li:nth-child(even).activado h2 {
  5725.   background-color: #84816D;
  5726.   color: #fff;
  5727. }
  5728.  
  5729. #informacion-y-soporte .am > ul > li:nth-child(even):hover h2:after, #informacion-y-soporte .am > ul > li:nth-child(even).activado h2:after, #terminos-y-condiciones .am > ul > li:nth-child(even):hover h2:after, #terminos-y-condiciones .am > ul > li:nth-child(even).activado h2:after {
  5730.   border-top-color: #fff;
  5731.   border-bottom-color: #fff;
  5732. }
  5733.  
  5734. #informacion-y-soporte .am > ul > li > *, #terminos-y-condiciones .am > ul > li > * {
  5735.   transition: all .5s;
  5736.   overflow: hidden;
  5737.   max-height: 0;
  5738. }
  5739.  
  5740. #informacion-y-soporte .am > ul > li.activado, #terminos-y-condiciones .am > ul > li.activado {
  5741.   padding-bottom: 1em;
  5742. }
  5743.  
  5744. #informacion-y-soporte .am > ul > li.activado h2, #terminos-y-condiciones .am > ul > li.activado h2 {
  5745.   margin-bottom: .5em;
  5746. }
  5747.  
  5748. #informacion-y-soporte .am > ul > li.activado h2:after, #terminos-y-condiciones .am > ul > li.activado h2:after {
  5749.   border-top: 0;
  5750.   border-bottom: 0.427em solid #D6D2AE;
  5751. }
  5752.  
  5753. #informacion-y-soporte .am > ul > li.activado > *, #terminos-y-condiciones .am > ul > li.activado > * {
  5754.   max-height: 100%;
  5755.   overflow: visible;
  5756.   margin-bottom: 1em;
  5757. }
  5758.  
  5759. #terminos-y-condiciones .am > p {
  5760.   width: 86.9767%;
  5761.   font-family: "raleway";
  5762.   font-size: 1.2em;
  5763. }
  5764.  
  5765. #terminos-y-condiciones .am > ul {
  5766.   width: 89.3953%;
  5767. }
  5768.  
  5769. #politica-de-privacidad {
  5770.   font-family: "raleway";
  5771. }
  5772.  
  5773. #politica-de-privacidad h1 {
  5774.   color: #B0A87B;
  5775.   text-align: center;
  5776.   font-size: 4.325em;
  5777.   font-family: "thorup";
  5778.   font-weight: normal;
  5779.   text-transform: uppercase;
  5780.   line-height: .8;
  5781.   margin-bottom: 2%;
  5782. }
  5783.  
  5784. #politica-de-privacidad h1:after {
  5785.   content: "";
  5786.   display: block;
  5787.   margin: .15em auto 0 auto;
  5788.   width: 3.5%;
  5789.   background-color: #B0A87B;
  5790.   height: 0;
  5791.   padding-bottom: 0.5714%;
  5792. }
  5793.  
  5794. #politica-de-privacidad .am {
  5795.   margin-bottom: 2.5%;
  5796. }
  5797.  
  5798. #politica-de-privacidad .am > p {
  5799.   width: 87.5714%;
  5800.   margin: 0 auto 1.5em auto;
  5801.   font-size: 1.2em;
  5802.   text-align: justify;
  5803.   color: #5C5E59;
  5804.   overflow: hidden;
  5805. }
  5806.  
  5807. #politica-de-privacidad .am > p span {
  5808.   font-family: "thorup-bold";
  5809.   text-transform: uppercase;
  5810.   color: #F2C531;
  5811.   font-size: 1.8em;
  5812. }
  5813.  
  5814. #politica-de-privacidad .am > p:nth-child(3) {
  5815.   text-align: center;
  5816. }
  5817.  
  5818. #politica-de-privacidad .am > ul {
  5819.   width: 87.5714%;
  5820.   margin: 3.5% auto 0 auto;
  5821. }
  5822.  
  5823. #politica-de-privacidad .am > ul > li {
  5824.   margin-bottom: 1em;
  5825.   font-size: 1.1em;
  5826. }
  5827.  
  5828. #politica-de-privacidad .am > ul > li h2 {
  5829.   font-family: "thorup";
  5830.   font-size: 2.2196em;
  5831.   font-weight: normal;
  5832.   color: #fff;
  5833.   line-height: .6;
  5834.   padding: .4em .5em;
  5835.   position: relative;
  5836.   background-color: #EFB632;
  5837.   max-height: 100%;
  5838.   margin-bottom: .5em !important;
  5839. }
  5840.  
  5841. #politica-de-privacidad .am > ul > li h2:after {
  5842.   content: "";
  5843.   position: absolute;
  5844.   top: 50%;
  5845.   -webkit-transform: translateY(-50%);
  5846.       -ms-transform: translateY(-50%);
  5847.           transform: translateY(-50%);
  5848.   right: 1em;
  5849.   width: 0;
  5850.   height: 0;
  5851.   border-left: 0.25em solid transparent;
  5852.   border-right: 0.25em solid transparent;
  5853.   border-top: 0.427em solid #FFF;
  5854. }
  5855.  
  5856. #politica-de-privacidad .am > ul > li h2:hover {
  5857.   cursor: pointer;
  5858. }
  5859.  
  5860. #politica-de-privacidad .am > ul > li > * {
  5861.   transition: all .5s;
  5862.   overflow: hidden;
  5863.   max-height: 0;
  5864. }
  5865.  
  5866. #politica-de-privacidad .am > ul > li > *:nth-child(2) {
  5867.   max-height: 100%;
  5868. }
  5869.  
  5870. #politica-de-privacidad .am > ul > li > p {
  5871.   text-align: justify;
  5872. }
  5873.  
  5874. #politica-de-privacidad .am > ul > li > p .ver-mas {
  5875.   margin-left: .5em;
  5876.   background-color: transparent;
  5877.   font-family: "raleway-bold-italic";
  5878.   color: #EFB632;
  5879.   font-size: 1.2em;
  5880. }
  5881.  
  5882. #politica-de-privacidad .am > ul > li ul {
  5883.   margin-left: 2em;
  5884. }
  5885.  
  5886. #politica-de-privacidad .am > ul > li ul li {
  5887.   padding-left: 1.2em;
  5888.   position: relative;
  5889.   margin-bottom: .25em;
  5890. }
  5891.  
  5892. #politica-de-privacidad .am > ul > li ul li:before {
  5893.   content: "";
  5894.   position: absolute;
  5895.   left: 0;
  5896.   top: 50%;
  5897.   -webkit-transform: translateY(-50%);
  5898.       -ms-transform: translateY(-50%);
  5899.           transform: translateY(-50%);
  5900.   width: .7em;
  5901.   height: .7em;
  5902.   background-color: #EFB632;
  5903.   border-radius: 50%;
  5904. }
  5905.  
  5906. #politica-de-privacidad .am > ul > li:nth-child(even) h2 {
  5907.   background-color: #AFA77B;
  5908. }
  5909.  
  5910. #politica-de-privacidad .am > ul > li.activado {
  5911.   margin-bottom: 2.5em;
  5912. }
  5913.  
  5914. #politica-de-privacidad .am > ul > li.activado > * {
  5915.   max-height: 100%;
  5916.   overflow: visible;
  5917.   margin-bottom: 1em;
  5918. }
  5919.  
  5920. #politica-de-privacidad .am > ul > li.activado h2 {
  5921.   background-color: #fff;
  5922.   color: #EFB632;
  5923.   text-align: center;
  5924.   border-top: .1em solid #EFB632;
  5925.   border-bottom: .1em solid #EFB632;
  5926.   margin-bottom: .7em;
  5927. }
  5928.  
  5929. #politica-de-privacidad .am > ul > li.activado h2:after {
  5930.   border-top: 0;
  5931.   border-bottom: 0.427em solid #EFB632;
  5932. }
  5933.  
  5934. #politica-de-privacidad .am > ul > li.activado .ver-mas {
  5935.   opacity: 0;
  5936. }
  5937.  
  5938. #mi-cuenta .am {
  5939.   display: -webkit-flex;
  5940.   display: -ms-flexbox;
  5941.   display: flex;
  5942.   margin-top: 1.6%;
  5943.   /* puesta aqui y no en 'main' por IE10*/
  5944. }
  5945.  
  5946. #mi-cuenta .sub-navegacion {
  5947.   background-color: #262123;
  5948.   width: 22.9285%;
  5949.   margin-right: auto;
  5950.   padding: 3.5em 0;
  5951.   display: -webkit-flex;
  5952.   display: -ms-flexbox;
  5953.   display: flex;
  5954.   -webkit-flex-direction: column;
  5955.       -ms-flex-direction: column;
  5956.           flex-direction: column;
  5957.   -webkit-justify-content: space-between;
  5958.       -ms-flex-pack: justify;
  5959.           justify-content: space-between;
  5960. }
  5961.  
  5962. #mi-cuenta .sub-navegacion a {
  5963.   color: #fff;
  5964. }
  5965.  
  5966. #mi-cuenta .sub-navegacion a:hover {
  5967.   color: #F6BD32;
  5968. }
  5969.  
  5970. #mi-cuenta .sub-navegacion nav li a {
  5971.   display: -webkit-flex;
  5972.   display: -ms-flexbox;
  5973.   display: flex;
  5974.   -webkit-align-items: center;
  5975.       -ms-flex-align: center;
  5976.           align-items: center;
  5977.   position: relative;
  5978.   padding-left: 11%;
  5979.   font-family: "raleway";
  5980.   text-transform: capitalize;
  5981.   font-size: 1.3em;
  5982.   height: 2.082em;
  5983.   line-height: 2.082em;
  5984.   transition: all .1s;
  5985. }
  5986.  
  5987. #mi-cuenta .sub-navegacion nav li a:before {
  5988.   margin-right: .5em;
  5989. }
  5990.  
  5991. #mi-cuenta .sub-navegacion nav li a.activo {
  5992.   background-color: #F2C531;
  5993.   color: #262123;
  5994.   font-weight: bold;
  5995. }
  5996.  
  5997. #mi-cuenta .sub-navegacion nav li a.activo:after {
  5998.   content: "";
  5999.   border-top: 1.07em solid transparent;
  6000.   border-bottom: 1.07em solid transparent;
  6001.   border-left: 1.4em solid #F2C531;
  6002.   position: absolute;
  6003.   top: 0;
  6004.   right: -1.35em;
  6005. }
  6006.  
  6007. #mi-cuenta .sub-navegacion .extra a {
  6008.   padding-left: 11%;
  6009.   font-family: "raleway-italic";
  6010.   height: 1.6em;
  6011.   line-height: 1.6em;
  6012.   display: block;
  6013. }
  6014.  
  6015. #mi-cuenta .sub-navegacion .extra a:hover {
  6016.   color: #F2C531;
  6017. }
  6018.  
  6019. #mi-cuenta .sub-navegacion .extra a#micodigo {
  6020.   position: relative;
  6021. }
  6022.  
  6023. #mi-cuenta .sub-navegacion .extra a#micodigo > span {
  6024.   transition: all 1s;
  6025.   overflow: hidden;
  6026.   height: 0;
  6027.   padding: 0;
  6028.   width: 71.95%;
  6029.   text-align: center;
  6030.   font-family: "raleway";
  6031.   font-size: .95em;
  6032.   line-height: 1;
  6033.   position: absolute;
  6034.   top: -575%;
  6035.   left: 11%;
  6036.   background-color: #fff;
  6037.   color: #262123;
  6038. }
  6039.  
  6040. #mi-cuenta .sub-navegacion .extra a#micodigo > span span {
  6041.   position: relative;
  6042.   color: #F2C531;
  6043.   text-transform: uppercase;
  6044.   display: block;
  6045.   padding: 2% 0;
  6046.   font-family: "raleway-bold";
  6047.   font-weight: bold;
  6048.   width: 65%;
  6049.   margin: 1em auto .8em auto;
  6050. }
  6051.  
  6052. #mi-cuenta .sub-navegacion .extra a#micodigo > span span:before {
  6053.   position: absolute;
  6054.   top: 0;
  6055.   left: 0;
  6056.   right: 0;
  6057.   bottom: 0;
  6058.   margin: auto;
  6059.   font-size: 9em;
  6060.   line-height: .17;
  6061. }
  6062.  
  6063. #mi-cuenta .sub-navegacion .extra a#micodigo > span:after {
  6064.   content: "";
  6065.   position: absolute;
  6066.   left: 8%;
  6067.   bottom: -1em;
  6068.   width: 0;
  6069.   height: 0;
  6070.   transition: all .2s;
  6071.   border-right: 0.95em solid transparent;
  6072.   border-left: 0.95em solid transparent;
  6073.   border-top: 1.075em solid #fff;
  6074. }
  6075.  
  6076. #mi-cuenta .sub-navegacion .extra a#micodigo:hover > span {
  6077.   padding: 4%;
  6078.   height: 8.9875em;
  6079.   overflow: visible;
  6080. }
  6081.  
  6082. #mi-cuenta section {
  6083.   width: 70.5650%;
  6084.   overflow: hidden;
  6085. }
  6086.  
  6087. #mi-cuenta section h1 {
  6088.   margin-top: 0.07em;
  6089.   margin-bottom: 1.6%;
  6090.   text-align: left;
  6091.   border-top: 0.0425em solid #83816E;
  6092.   padding-top: 0;
  6093.   line-height: 1;
  6094.   position: relative;
  6095.   height: .8em;
  6096. }
  6097.  
  6098. #mi-cuenta section h1 span {
  6099.   position: absolute;
  6100.   top: -0.125em;
  6101.   left: 0;
  6102.   display: inline-block;
  6103.   padding-top: .1em;
  6104.   font-family: "thorup";
  6105.   line-height: .7;
  6106.   font-size: .8em;
  6107.   text-transform: uppercase;
  6108.   border-top: 0.1125em solid #5B5D58;
  6109. }
  6110.  
  6111. #mi-cuenta section h1:after {
  6112.   display: none;
  6113. }
  6114.  
  6115. #mi-cuenta section .desarrollo {
  6116.   float: left;
  6117.   width: 43.4077%;
  6118.   background-color: #F2C531;
  6119.   position: relative;
  6120.   padding-top: .5%;
  6121. }
  6122.  
  6123. #mi-cuenta section .desarrollo .icon-editar {
  6124.   position: absolute;
  6125.   top: 2.5%;
  6126.   right: 3.5%;
  6127.   color: #fff;
  6128.   text-indent: -9999px;
  6129.   overflow: hidden;
  6130.   display: inline-block;
  6131.   width: 1.5625em;
  6132.   height: 1.5625em;
  6133.   display: -webkit-flex;
  6134.   display: -ms-flexbox;
  6135.   display: flex;
  6136.   -webkit-justify-content: center;
  6137.       -ms-flex-pack: center;
  6138.           justify-content: center;
  6139.   -webkit-align-items: center;
  6140.       -ms-flex-align: center;
  6141.           align-items: center;
  6142. }
  6143.  
  6144. #mi-cuenta section .desarrollo .icon-editar:before {
  6145.   text-indent: 0;
  6146.   font-size: 1.7em;
  6147. }
  6148.  
  6149. #mi-cuenta section .desarrollo .icon-editar:hover {
  6150.   color: #262123;
  6151. }
  6152.  
  6153. #mi-cuenta section .desarrollo #avatar {
  6154.   width: 9.375em;
  6155.   height: 9.375em;
  6156.   margin: 10% auto 4.2% auto;
  6157.   display: block;
  6158. }
  6159.  
  6160. #mi-cuenta section .desarrollo h2 {
  6161.   text-align: center;
  6162.   font-size: 1.3em;
  6163.   font-family: "raleway-italic";
  6164.   color: #262123;
  6165.   margin-bottom: 10.85%;
  6166. }
  6167.  
  6168. #mi-cuenta section .desarrollo h2 span {
  6169.   font-size: .9em;
  6170.   font-family: "raleway";
  6171.   font-weight: normal;
  6172.   display: block;
  6173.   color: #86806D;
  6174. }
  6175.  
  6176. #mi-cuenta section .desarrollo .accesos-directos {
  6177.   display: -webkit-flex;
  6178.   display: -ms-flexbox;
  6179.   display: flex;
  6180.   -webkit-align-items: center;
  6181.       -ms-flex-align: center;
  6182.           align-items: center;
  6183.   -webkit-justify-content: center;
  6184.       -ms-flex-pack: center;
  6185.           justify-content: center;
  6186.   background-color: #262123;
  6187.   height: 5em;
  6188.   width: 100%;
  6189. }
  6190.  
  6191. #mi-cuenta section .desarrollo .accesos-directos button {
  6192.   width: 3.225em;
  6193.   height: 3.225em;
  6194.   border-radius: 50%;
  6195.   background-color: #fff;
  6196.   color: #262123;
  6197.   overflow: hidden;
  6198.   margin-right: 1em;
  6199.   font-size: 1em;
  6200. }
  6201.  
  6202. #mi-cuenta section .desarrollo .accesos-directos button span {
  6203.   display: -webkit-flex;
  6204.   display: -ms-flexbox;
  6205.   display: flex;
  6206.   -webkit-align-items: center;
  6207.       -ms-flex-align: center;
  6208.           align-items: center;
  6209.   -webkit-justify-content: center;
  6210.       -ms-flex-pack: center;
  6211.           justify-content: center;
  6212. }
  6213.  
  6214. #mi-cuenta section .desarrollo .accesos-directos button span:before {
  6215.   font-size: 1.8em;
  6216. }
  6217.  
  6218. #mi-cuenta section .desarrollo .accesos-directos button span.icon-play {
  6219.   margin-left: .43em;
  6220. }
  6221.  
  6222. #mi-cuenta section .desarrollo .accesos-directos button:last-child {
  6223.   margin-right: 0;
  6224. }
  6225.  
  6226. #mi-cuenta section .desarrollo .accesos-directos button.activo {
  6227.   background-color: #F2C531;
  6228. }
  6229.  
  6230. #mi-cuenta section .desarrollo .accesos-directos button.bacio {
  6231.   background-color: #262123;
  6232.   color: #fff;
  6233.   border: 1px solid #fff;
  6234. }
  6235.  
  6236. #mi-cuenta section .desarrollo .accesos-directos button:hover {
  6237.   background-color: #F2C531;
  6238.   color: #262123;
  6239. }
  6240.  
  6241. #mi-cuenta section section h2 {
  6242.   display: none;
  6243. }
  6244.  
  6245. #mi-cuenta section #filtros-historial-solsazos {
  6246.   top: 1.2em;
  6247.   right: .5%;
  6248. }
  6249.  
  6250. #mi-cuenta #resumen {
  6251.   padding-bottom: 3em;
  6252.   overflow: hidden;
  6253. }
  6254.  
  6255. #mi-cuenta #resumen .desarrollo ul {
  6256.   overflow: hidden;
  6257.   font-family: "raleway-italic";
  6258.   color: #262123;
  6259.   width: 80%;
  6260.   margin: 0 auto 14% auto;
  6261.   font-size: .8em;
  6262. }
  6263.  
  6264. #mi-cuenta #resumen .desarrollo ul span:first-child:before {
  6265.   margin-right: .3em;
  6266. }
  6267.  
  6268. #mi-cuenta #resumen .desarrollo ul span:last-child {
  6269.   font-size: 1.3em;
  6270.   display: block;
  6271.   color: #fff;
  6272.   font-family: "raleway-bold";
  6273.   font-weight: bold;
  6274. }
  6275.  
  6276. #mi-cuenta #resumen .desarrollo ul li {
  6277.   float: left;
  6278. }
  6279.  
  6280. #mi-cuenta #resumen .desarrollo ul li:first-child, #mi-cuenta #resumen .desarrollo ul li:nth-child(2) {
  6281.   width: 48%;
  6282. }
  6283.  
  6284. #mi-cuenta #resumen .desarrollo ul li:nth-child(2) {
  6285.   float: right;
  6286. }
  6287.  
  6288. #mi-cuenta #resumen .desarrollo ul li:last-child {
  6289.   margin-top: 1em;
  6290. }
  6291.  
  6292. #mi-cuenta #resumen .desarrollo ul li:last-child span:last-child {
  6293.   text-transform: uppercase;
  6294. }
  6295.  
  6296. #mi-cuenta #resumen .numeros {
  6297.   float: right;
  6298.   width: 44.2360%;
  6299.   height: 34.6075em;
  6300. }
  6301.  
  6302. #mi-cuenta #resumen .numeros:after {
  6303.   content: ".";
  6304.   display: block;
  6305.   clear: both;
  6306.   visibility: hidden;
  6307.   line-height: 0;
  6308.   height: 0;
  6309. }
  6310.  
  6311. #mi-cuenta #resumen .numeros li {
  6312.   width: 48%;
  6313.   height: 48.5%;
  6314.   font-family: "thorup";
  6315.   float: left;
  6316.   display: -webkit-flex;
  6317.   display: -ms-flexbox;
  6318.   display: flex;
  6319.   -webkit-justify-content: center;
  6320.       -ms-flex-pack: center;
  6321.           justify-content: center;
  6322.   -webkit-align-items: center;
  6323.       -ms-flex-align: center;
  6324.           align-items: center;
  6325.   -webkit-flex-direction: column;
  6326.       -ms-flex-direction: column;
  6327.           flex-direction: column;
  6328. }
  6329.  
  6330. #mi-cuenta #resumen .numeros li a {
  6331.   background-color: #F6BD32;
  6332.   color: #fff;
  6333.   font-size: .9em;
  6334.   font-family: "raleway-bold";
  6335.   font-weight: Bold;
  6336.   text-transform: uppercase;
  6337.   padding: 0.2666em 0.9416em 0.2766em 0.9416em;
  6338.   border-radius: 0.8333em;
  6339.   margin-bottom: 0.2083em;
  6340. }
  6341.  
  6342. #mi-cuenta #resumen .numeros li a:hover {
  6343.   background-color: #fff;
  6344.   color: #F6BD32;
  6345. }
  6346.  
  6347. #mi-cuenta #resumen .numeros li:first-child {
  6348.   background-color: #86806D;
  6349.   margin-right: 4%;
  6350.   margin-bottom: 4%;
  6351. }
  6352.  
  6353. #mi-cuenta #resumen .numeros li:first-child span:first-child, #mi-cuenta #resumen .numeros li:first-child span:nth-child(4) {
  6354.   color: #EFB632;
  6355.   font-family: "raleway-italic";
  6356.   font-size: .7em;
  6357. }
  6358.  
  6359. #mi-cuenta #resumen .numeros li:first-child span:nth-child(2), #mi-cuenta #resumen .numeros li:first-child span:nth-child(3) {
  6360.   color: #fff;
  6361. }
  6362.  
  6363. #mi-cuenta #resumen .numeros li:first-child span:nth-child(2) {
  6364.   font-size: 11em;
  6365.   line-height: .45;
  6366. }
  6367.  
  6368. #mi-cuenta #resumen .numeros li:first-child span:nth-child(3) {
  6369.   margin-top: .4em;
  6370.   font-size: 2.5em;
  6371.   line-height: .7;
  6372. }
  6373.  
  6374. #mi-cuenta #resumen .numeros li:first-child span:nth-child(4) {
  6375.   margin-bottom: 4em;
  6376. }
  6377.  
  6378. #mi-cuenta #resumen .numeros li:nth-child(2), #mi-cuenta #resumen .numeros li:nth-child(3) {
  6379.   margin-bottom: 4%;
  6380.   border: .2em solid #AFA77B;
  6381. }
  6382.  
  6383. #mi-cuenta #resumen .numeros li:nth-child(2) > span:first-child, #mi-cuenta #resumen .numeros li:nth-child(3) > span:first-child {
  6384.   width: 76.9953%;
  6385.   height: 50.3355%;
  6386.   overflow: hidden;
  6387.   text-align: center;
  6388.   margin-bottom: 1.5em;
  6389.   position: relative;
  6390. }
  6391.  
  6392. #mi-cuenta #resumen .numeros li:nth-child(2) > span:first-child img, #mi-cuenta #resumen .numeros li:nth-child(3) > span:first-child img {
  6393.   position: absolute;
  6394.   top: 0;
  6395.   right: 0;
  6396.   bottom: 0;
  6397.   left: 0;
  6398.   margin: auto;
  6399.   max-width: 100%;
  6400.   max-height: 140%;
  6401. }
  6402.  
  6403. #mi-cuenta #resumen .numeros li:nth-child(2) > span:last-child, #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child {
  6404.   width: 76.9953%;
  6405.   color: #AFA77B;
  6406.   display: -webkit-flex;
  6407.   display: -ms-flexbox;
  6408.   display: flex;
  6409.   -webkit-align-items: center;
  6410.       -ms-flex-align: center;
  6411.           align-items: center;
  6412.   -webkit-justify-content: center;
  6413.       -ms-flex-pack: center;
  6414.           justify-content: center;
  6415. }
  6416.  
  6417. #mi-cuenta #resumen .numeros li:nth-child(2) > span:last-child > span:first-child, #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child > span:first-child {
  6418.   width: auto;
  6419.   margin-right: .05em;
  6420.   font-family: "thorup";
  6421.   font-size: 7em;
  6422.   line-height: .3;
  6423. }
  6424.  
  6425. #mi-cuenta #resumen .numeros li:nth-child(2) > span:last-child > span:last-child, #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child > span:last-child {
  6426.   display: -webkit-flex;
  6427.   display: -ms-flexbox;
  6428.   display: flex;
  6429.   -webkit-flex-direction: column;
  6430.       -ms-flex-direction: column;
  6431.           flex-direction: column;
  6432.   color: #AFA77B;
  6433.   text-align: left;
  6434.   width: 68.8462%;
  6435.   font-size: 2.05em;
  6436.   line-height: .8;
  6437. }
  6438.  
  6439. #mi-cuenta #resumen .numeros li:nth-child(2) > span:last-child > span:last-child span:last-child, #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child > span:last-child span:last-child {
  6440.   font-size: 1.3em;
  6441. }
  6442.  
  6443. #mi-cuenta #resumen .numeros li:nth-child(3) {
  6444.   margin-right: 4%;
  6445.   margin-bottom: 0;
  6446. }
  6447.  
  6448. #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child {
  6449.   width: 85.9953%;
  6450. }
  6451.  
  6452. #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child > span:last-child span:last-child {
  6453.   font-size: 1.1em;
  6454.   font-weight: bold;
  6455. }
  6456.  
  6457. #mi-cuenta #resumen .numeros li:nth-child(4) {
  6458.   background-color: #D5D2AE;
  6459.   color: #86806D;
  6460. }
  6461.  
  6462. #mi-cuenta #resumen .numeros li:nth-child(4) span:first-child {
  6463.   font-size: 11em;
  6464.   line-height: .45;
  6465. }
  6466.  
  6467. #mi-cuenta #resumen .numeros li:nth-child(4) span:nth-child(2) {
  6468.   margin: .5em 0;
  6469.   text-align: center;
  6470.   font-size: 3em;
  6471.   line-height: .7;
  6472.   width: 88%;
  6473. }
  6474.  
  6475. #mi-cuenta #resumen .sepia {
  6476.   -webkit-filter: sepia(100%);
  6477.           filter: sepia(100%);
  6478. }
  6479.  
  6480. #mi-cuenta #secciones {
  6481.   float: left;
  6482.   width: 100%;
  6483.   margin-top: 3%;
  6484.   position: relative;
  6485.   height: 0;
  6486.   padding-bottom: 20%;
  6487. }
  6488.  
  6489. #mi-cuenta #secciones > section {
  6490.   width: 100%;
  6491.   padding: 1.875em 2.875em 1.675em 2.875em;
  6492.   border: .3em solid #AFA77B;
  6493.   overflow: visible;
  6494.   position: absolute;
  6495.   top: 0;
  6496.   left: 0;
  6497.   z-index: 10;
  6498.   transition: all .3s;
  6499.   opacity: 0;
  6500. }
  6501.  
  6502. #mi-cuenta #secciones > section .contenedor {
  6503.   overflow: hidden;
  6504. }
  6505.  
  6506. #mi-cuenta #secciones > section .contenedor .articulos {
  6507.   overflow: hidden;
  6508.   transition: all .5s;
  6509. }
  6510.  
  6511. #mi-cuenta #secciones > section:before {
  6512.   content: "";
  6513.   position: absolute;
  6514.   top: -1.8em;
  6515.   border-left: 1.5333em solid transparent;
  6516.   border-right: 1.5333em solid transparent;
  6517.   border-bottom: 1.8em solid #AFA77B;
  6518. }
  6519.  
  6520. #mi-cuenta #secciones > section:after {
  6521.   content: "";
  6522.   position: absolute;
  6523.   top: -1.4em;
  6524.   border-left: 1.4333em solid transparent;
  6525.   border-right: 1.4333em solid transparent;
  6526.   border-bottom: 1.8em solid #fff;
  6527. }
  6528.  
  6529. #mi-cuenta #secciones > section > button:nth-last-child(2) {
  6530.   display: none;
  6531.   font-size: 1em;
  6532.   text-align: center;
  6533.   color: #F2C531;
  6534.   position: absolute;
  6535.   top: 50%;
  6536.   -webkit-transform: translateY(-50%);
  6537.       -ms-transform: translateY(-50%);
  6538.           transform: translateY(-50%);
  6539.   left: .9%;
  6540.   width: 1.7em;
  6541.   height: 5.4em;
  6542.   background-color: transparent;
  6543.   overflow: hidden;
  6544. }
  6545.  
  6546. #mi-cuenta #secciones > section > button:nth-last-child(2) span:before {
  6547.   font-size: 5.3em;
  6548.   display: inline-block;
  6549.   -webkit-transform: rotate(4.5deg);
  6550.       -ms-transform: rotate(4.5deg);
  6551.           transform: rotate(4.5deg);
  6552.   margin-left: -105%;
  6553.   line-height: 1;
  6554. }
  6555.  
  6556. #mi-cuenta #secciones > section > button:last-child {
  6557.   display: none;
  6558.   font-size: 1em;
  6559.   text-align: center;
  6560.   color: #F2C531;
  6561.   position: absolute;
  6562.   top: 50%;
  6563.   -webkit-transform: translateY(-50%);
  6564.       -ms-transform: translateY(-50%);
  6565.           transform: translateY(-50%);
  6566.   right: .9%;
  6567.   width: 1.7em;
  6568.   height: 5.4em;
  6569.   background-color: transparent;
  6570.   overflow: hidden;
  6571. }
  6572.  
  6573. #mi-cuenta #secciones > section > button:last-child span:before {
  6574.   font-size: 5.3em;
  6575.   display: inline-block;
  6576.   -webkit-transform: rotate(-4.5deg);
  6577.       -ms-transform: rotate(-4.5deg);
  6578.           transform: rotate(-4.5deg);
  6579.   margin-left: -115%;
  6580.   line-height: 1;
  6581. }
  6582.  
  6583. #mi-cuenta #secciones .suscripcion {
  6584.   opacity: 1;
  6585.   z-index: 20;
  6586. }
  6587.  
  6588. #mi-cuenta #secciones .suscripcion:before {
  6589.   left: 5.3%;
  6590. }
  6591.  
  6592. #mi-cuenta #secciones .suscripcion:after {
  6593.   left: 5.6%;
  6594. }
  6595.  
  6596. #mi-cuenta #secciones .suscripcion article {
  6597.   margin: 0 auto;
  6598.   display: -webkit-flex;
  6599.   display: -ms-flexbox;
  6600.   display: flex;
  6601.   -webkit-flex-direction: column;
  6602.       -ms-flex-direction: column;
  6603.           flex-direction: column;
  6604.   -webkit-align-items: center;
  6605.       -ms-flex-align: center;
  6606.           align-items: center;
  6607.   width: 60%;
  6608.   text-align: center;
  6609. }
  6610.  
  6611. #mi-cuenta #secciones .suscripcion article h3 {
  6612.   font-family: "raleway-italic";
  6613.   color: #83816E;
  6614.   font-size: 1.2em;
  6615.   margin-bottom: 1em;
  6616. }
  6617.  
  6618. #mi-cuenta #secciones .suscripcion article button {
  6619.   width: auto;
  6620.   background-color: #F5BD32;
  6621.   color: #fff;
  6622.   padding: 0 1.2em;
  6623.   height: 2.1em;
  6624.   line-height: 2em;
  6625.   text-transform: uppercase;
  6626.   font-family: "raleway-bold";
  6627.   font-size: 1em;
  6628.   font-weight: bold;
  6629.   border-radius: 1em;
  6630. }
  6631.  
  6632. #mi-cuenta #secciones .suscripcion article button:hover {
  6633.   background-color: #AFA77B;
  6634. }
  6635.  
  6636. #mi-cuenta #secciones .videos article, #mi-cuenta #secciones .fotos article {
  6637.   float: left;
  6638.   position: relative;
  6639.   margin-right: 2em;
  6640.   width: 17.3122em;
  6641.   display: -webkit-flex;
  6642.   display: -ms-flexbox;
  6643.   display: flex;
  6644.   -webkit-justify-content: space-between;
  6645.       -ms-flex-pack: justify;
  6646.           justify-content: space-between;
  6647.   -webkit-align-items: center;
  6648.       -ms-flex-align: center;
  6649.           align-items: center;
  6650.   overflow: hidden;
  6651. }
  6652.  
  6653. #mi-cuenta #secciones .videos article .imagen, #mi-cuenta #secciones .fotos article .imagen {
  6654.   float: left;
  6655.   width: 39.67%;
  6656.   overflow: hidden;
  6657.   height: 6.8627em;
  6658.   display: -webkit-flex;
  6659.   display: -ms-flexbox;
  6660.   display: flex;
  6661.   -webkit-align-items: center;
  6662.       -ms-flex-align: center;
  6663.           align-items: center;
  6664. }
  6665.  
  6666. #mi-cuenta #secciones .videos article .imagen img, #mi-cuenta #secciones .fotos article .imagen img {
  6667.   max-width: 100%;
  6668. }
  6669.  
  6670. #mi-cuenta #secciones .videos article .texto, #mi-cuenta #secciones .fotos article .texto {
  6671.   width: 55.05%;
  6672.   float: right;
  6673.   color: #83816E;
  6674.   font-size: .86em;
  6675.   text-align: center;
  6676.   display: -webkit-flex;
  6677.   display: -ms-flexbox;
  6678.   display: flex;
  6679.   -webkit-justify-content: center;
  6680.       -ms-flex-pack: center;
  6681.           justify-content: center;
  6682.   -webkit-flex-direction: column;
  6683.       -ms-flex-direction: column;
  6684.           flex-direction: column;
  6685.   -webkit-align-items: center;
  6686.       -ms-flex-align: center;
  6687.           align-items: center;
  6688. }
  6689.  
  6690. #mi-cuenta #secciones .videos article .texto h3, #mi-cuenta #secciones .fotos article .texto h3 {
  6691.   font-size: 3.2em;
  6692.   font-family: "thorup";
  6693.   line-height: .5;
  6694.   text-transform: uppercase;
  6695.   font-weight: normal;
  6696.   margin-bottom: .3em;
  6697. }
  6698.  
  6699. #mi-cuenta #secciones .videos article .texto h3 span, #mi-cuenta #secciones .fotos article .texto h3 span {
  6700.   display: block;
  6701.   font-size: .3em;
  6702.   line-height: 1;
  6703.   font-weight: normal;
  6704.   margin-bottom: .2em;
  6705.   font-family: "raleway";
  6706.   text-transform: lowercase;
  6707. }
  6708.  
  6709. #mi-cuenta #secciones .videos article .texto a, #mi-cuenta #secciones .fotos article .texto a {
  6710.   display: inline-block;
  6711.   color: #fff;
  6712.   padding: 0 1.2em;
  6713.   height: 2.1em;
  6714.   line-height: 2.1em;
  6715.   background-color: #F5BD32;
  6716.   text-transform: uppercase;
  6717.   font-family: "raleway-bold";
  6718.   font-weight: bold;
  6719.   border-radius: 1em;
  6720.   border: 1px solid #fff;
  6721. }
  6722.  
  6723. #mi-cuenta #secciones .videos article .texto a:hover, #mi-cuenta #secciones .fotos article .texto a:hover {
  6724.   background-color: #fff;
  6725.   color: #F5BD32;
  6726.   border-color: #F5BD32;
  6727. }
  6728.  
  6729. #mi-cuenta #secciones .videos article:nth-last-child(2), #mi-cuenta #secciones .fotos article:nth-last-child(2) {
  6730.   margin-right: 0;
  6731. }
  6732.  
  6733. #mi-cuenta #secciones .videos article.accion, #mi-cuenta #secciones .fotos article.accion {
  6734.   display: none;
  6735.   float: none;
  6736.   width: 19.125em;
  6737.   margin: 0 auto !important;
  6738. }
  6739.  
  6740. #mi-cuenta #secciones .videos article.accion .imagen, #mi-cuenta #secciones .fotos article.accion .imagen {
  6741.   width: 35.8%;
  6742.   background-color: #D6D1AF;
  6743.   margin-right: auto;
  6744.   position: relative;
  6745. }
  6746.  
  6747. #mi-cuenta #secciones .videos article.accion .imagen span, #mi-cuenta #secciones .fotos article.accion .imagen span {
  6748.   width: 3.225em;
  6749.   height: 3.225em;
  6750.   border-radius: 50%;
  6751.   background-color: #F2C531;
  6752.   color: #000;
  6753.   overflow: hidden;
  6754.   position: absolute;
  6755.   top: 0;
  6756.   right: 0;
  6757.   bottom: 0;
  6758.   left: 0;
  6759.   margin: auto;
  6760.   display: -webkit-flex;
  6761.   display: -ms-flexbox;
  6762.   display: flex;
  6763.   -webkit-justify-content: center;
  6764.       -ms-flex-pack: center;
  6765.           justify-content: center;
  6766.   -webkit-align-items: center;
  6767.       -ms-flex-align: center;
  6768.           align-items: center;
  6769. }
  6770.  
  6771. #mi-cuenta #secciones .videos article.accion .imagen span:before, #mi-cuenta #secciones .fotos article.accion .imagen span:before {
  6772.   font-size: 1.8em;
  6773. }
  6774.  
  6775. #mi-cuenta #secciones .videos article.accion .texto, #mi-cuenta #secciones .fotos article.accion .texto {
  6776.   width: 60.05%;
  6777. }
  6778.  
  6779. #mi-cuenta #secciones .videos article.accion .texto h3 span, #mi-cuenta #secciones .fotos article.accion .texto h3 span {
  6780.   display: block;
  6781.   margin-top: .5em;
  6782. }
  6783.  
  6784. #mi-cuenta #secciones .videos article.accion .texto a, #mi-cuenta #secciones .fotos article.accion .texto a {
  6785.   color: #EFB632;
  6786.   background-color: #fff;
  6787.   border: 1px solid #EFB632;
  6788. }
  6789.  
  6790. #mi-cuenta #secciones .videos article.accion .texto a:hover, #mi-cuenta #secciones .fotos article.accion .texto a:hover {
  6791.   background-color: #AFA77B;
  6792.   border-color: #fff;
  6793.   color: #fff;
  6794. }
  6795.  
  6796. #mi-cuenta #secciones .videos:before {
  6797.   left: 12.3%;
  6798. }
  6799.  
  6800. #mi-cuenta #secciones .videos:after {
  6801.   left: 12.5%;
  6802. }
  6803.  
  6804. #mi-cuenta #secciones .fotos:before {
  6805.   left: 19%;
  6806. }
  6807.  
  6808. #mi-cuenta #secciones .fotos:after {
  6809.   left: 19.2%;
  6810. }
  6811.  
  6812. #mi-cuenta #secciones .recordatorios:before {
  6813.   left: 26%;
  6814. }
  6815.  
  6816. #mi-cuenta #secciones .recordatorios:after {
  6817.   left: 26.2%;
  6818. }
  6819.  
  6820. #mi-cuenta #secciones .recordatorios article {
  6821.   float: left;
  6822.   position: relative;
  6823.   margin-right: 2.05em;
  6824.   width: 17.125em;
  6825.   display: -webkit-flex;
  6826.   display: -ms-flexbox;
  6827.   display: flex;
  6828.   -webkit-align-items: center;
  6829.       -ms-flex-align: center;
  6830.           align-items: center;
  6831.   overflow: hidden;
  6832. }
  6833.  
  6834. #mi-cuenta #secciones .recordatorios article button {
  6835.   opacity: 0;
  6836.   background-color: transparent;
  6837.   position: absolute;
  6838.   top: 5%;
  6839.   left: 0;
  6840.   color: #EFB632;
  6841.   font-size: .7em;
  6842. }
  6843.  
  6844. #mi-cuenta #secciones .recordatorios article button span:before {
  6845.   border-radius: 50%;
  6846.   background-color: #EFB632;
  6847.   color: #fff;
  6848.   width: 1.5em;
  6849.   height: 1.5em;
  6850.   font-size: 1.1em;
  6851.   padding: .5em;
  6852. }
  6853.  
  6854. #mi-cuenta #secciones .recordatorios article:hover button {
  6855.   opacity: 1;
  6856. }
  6857.  
  6858. #mi-cuenta #secciones .recordatorios article .imagen {
  6859.   float: left;
  6860.   width: 36.95%;
  6861.   overflow: hidden;
  6862.   height: 9.4375em;
  6863.   display: -webkit-flex;
  6864.   display: -ms-flexbox;
  6865.   display: flex;
  6866.   -webkit-align-items: center;
  6867.       -ms-flex-align: center;
  6868.           align-items: center;
  6869. }
  6870.  
  6871. #mi-cuenta #secciones .recordatorios article .imagen img {
  6872.   max-width: 90%;
  6873. }
  6874.  
  6875. #mi-cuenta #secciones .recordatorios article .texto {
  6876.   width: 63.05%;
  6877.   float: right;
  6878.   font-family: "raleway";
  6879.   color: #83816E;
  6880.   font-size: .86em;
  6881.   text-align: center;
  6882.   display: -webkit-flex;
  6883.   display: -ms-flexbox;
  6884.   display: flex;
  6885.   -webkit-justify-content: center;
  6886.       -ms-flex-pack: center;
  6887.           justify-content: center;
  6888.   -webkit-flex-direction: column;
  6889.       -ms-flex-direction: column;
  6890.           flex-direction: column;
  6891.   -webkit-align-items: center;
  6892.       -ms-flex-align: center;
  6893.           align-items: center;
  6894. }
  6895.  
  6896. #mi-cuenta #secciones .recordatorios article .texto p {
  6897.   color: #F5BD32;
  6898.   font-size: .9em;
  6899.   margin-bottom: .8em;
  6900. }
  6901.  
  6902. #mi-cuenta #secciones .recordatorios article .texto p time {
  6903.   display: block;
  6904.   color: #83816E;
  6905. }
  6906.  
  6907. #mi-cuenta #secciones .recordatorios article .texto h3 {
  6908.   font-size: 3.2em;
  6909.   font-family: "thorup";
  6910.   line-height: .8;
  6911.   text-transform: uppercase;
  6912.   font-weight: normal;
  6913.   margin-bottom: .2em;
  6914. }
  6915.  
  6916. #mi-cuenta #secciones .recordatorios article .texto h4 {
  6917.   font-size: .9em;
  6918.   font-weight: normal;
  6919.   margin-bottom: 1.2em;
  6920. }
  6921.  
  6922. #mi-cuenta #secciones .recordatorios article .texto a {
  6923.   display: inline-block;
  6924.   color: #fff;
  6925.   padding: 0 1.2em;
  6926.   height: 2.1em;
  6927.   line-height: 2.1em;
  6928.   background-color: #F5BD32;
  6929.   text-transform: uppercase;
  6930.   font-family: "raleway-bold";
  6931.   font-weight: bold;
  6932.   border-radius: 1em;
  6933.   border: 1px solid #fff;
  6934. }
  6935.  
  6936. #mi-cuenta #secciones .recordatorios article .texto a:hover {
  6937.   background-color: #fff;
  6938.   color: #F5BD32;
  6939.   border-color: #F5BD32;
  6940. }
  6941.  
  6942. #mi-cuenta #secciones .recordatorios article:nth-last-child(2) {
  6943.   margin-right: 0;
  6944. }
  6945.  
  6946. #mi-cuenta #secciones .recordatorios article.accion {
  6947.   display: none;
  6948.   float: none;
  6949.   width: 23.125em;
  6950.   margin: 0 auto !important;
  6951. }
  6952.  
  6953. #mi-cuenta #secciones .recordatorios article.accion .imagen {
  6954.   width: 26.95%;
  6955.   margin-right: auto;
  6956. }
  6957.  
  6958. #mi-cuenta #secciones .recordatorios article.accion .texto {
  6959.   width: 70.05%;
  6960. }
  6961.  
  6962. #mi-cuenta #secciones .recordatorios article.accion .texto a {
  6963.   color: #EFB632;
  6964.   background-color: #fff;
  6965.   border: 1px solid #EFB632;
  6966. }
  6967.  
  6968. #mi-cuenta #secciones .recordatorios article.accion .texto a:hover {
  6969.   background-color: #AFA77B;
  6970.   border-color: #fff;
  6971.   color: #fff;
  6972. }
  6973.  
  6974. #mi-cuenta #secciones .regalos:before {
  6975.   left: 32.9%;
  6976. }
  6977.  
  6978. #mi-cuenta #secciones .regalos:after {
  6979.   left: 33.1%;
  6980. }
  6981.  
  6982. #mi-cuenta #secciones .regalos article {
  6983.   font-size: 1em;
  6984.   float: left;
  6985.   position: relative;
  6986.   margin-right: 2.05em;
  6987.   width: 17.125em;
  6988.   display: -webkit-flex;
  6989.   display: -ms-flexbox;
  6990.   display: flex;
  6991.   -webkit-align-items: center;
  6992.       -ms-flex-align: center;
  6993.           align-items: center;
  6994.   overflow: hidden;
  6995. }
  6996.  
  6997. #mi-cuenta #secciones .regalos article .imagen {
  6998.   float: left;
  6999.   width: 30.95%;
  7000.   overflow: hidden;
  7001.   height: 5.4375em;
  7002.   display: -webkit-flex;
  7003.   display: -ms-flexbox;
  7004.   display: flex;
  7005.   -webkit-align-items: center;
  7006.       -ms-flex-align: center;
  7007.           align-items: center;
  7008. }
  7009.  
  7010. #mi-cuenta #secciones .regalos article .imagen span {
  7011.   width: 100%;
  7012.   height: 5.3125em;
  7013.   display: -webkit-flex;
  7014.   display: -ms-flexbox;
  7015.   display: flex;
  7016.   -webkit-justify-content: center;
  7017.       -ms-flex-pack: center;
  7018.           justify-content: center;
  7019.   -webkit-align-items: center;
  7020.       -ms-flex-align: center;
  7021.           align-items: center;
  7022. }
  7023.  
  7024. #mi-cuenta #secciones .regalos article .imagen span:before {
  7025.   font-size: 4.2em;
  7026. }
  7027.  
  7028. #mi-cuenta #secciones .regalos article .imagen span.icon-facebook {
  7029.   background-color: #85806D;
  7030.   color: #fff;
  7031.   border: .3em solid #fff;
  7032. }
  7033.  
  7034. #mi-cuenta #secciones .regalos article .imagen span.icon-twitter {
  7035.   background-color: #fff;
  7036.   border: .3em solid #AEA67B;
  7037.   color: #AEA67B;
  7038. }
  7039.  
  7040. #mi-cuenta #secciones .regalos article .imagen span.icon-instagram {
  7041.   background-color: #85806D;
  7042.   color: #fff;
  7043.   border: .3em solid #fff;
  7044. }
  7045.  
  7046. #mi-cuenta #secciones .regalos article .texto {
  7047.   width: 69.05%;
  7048.   float: right;
  7049.   font-family: "raleway";
  7050.   color: #83816E;
  7051.   font-size: .86em;
  7052.   text-align: center;
  7053.   display: -webkit-flex;
  7054.   display: -ms-flexbox;
  7055.   display: flex;
  7056.   -webkit-justify-content: center;
  7057.       -ms-flex-pack: center;
  7058.           justify-content: center;
  7059.   -webkit-flex-direction: column;
  7060.       -ms-flex-direction: column;
  7061.           flex-direction: column;
  7062.   -webkit-align-items: center;
  7063.       -ms-flex-align: center;
  7064.           align-items: center;
  7065. }
  7066.  
  7067. #mi-cuenta #secciones .regalos article .texto h3 {
  7068.   font-size: 2.1em;
  7069.   font-family: "thorup";
  7070.   line-height: .8;
  7071.   text-transform: uppercase;
  7072.   font-weight: normal;
  7073.   margin-bottom: .5em;
  7074.   color: #83816E;
  7075. }
  7076.  
  7077. #mi-cuenta #secciones .regalos article .texto h3 span {
  7078.   display: block;
  7079.   font-family: "raleway";
  7080.   font-size: .4em;
  7081.   text-transform: lowercase;
  7082.   font-weight: normal;
  7083. }
  7084.  
  7085. #mi-cuenta #secciones .regalos article .texto b {
  7086.   display: inline-block;
  7087.   color: #F5BD32;
  7088.   line-height: 1;
  7089.   padding: .3em 1.3em;
  7090.   font-size: 1.1em;
  7091.   background-color: #fff;
  7092.   text-transform: uppercase;
  7093.   font-family: "raleway-bold";
  7094.   font-weight: bold;
  7095.   border: .15em solid #F5BD32;
  7096. }
  7097.  
  7098. #mi-cuenta #secciones .regalos article:nth-last-child(2) {
  7099.   margin-right: 0;
  7100. }
  7101.  
  7102. #mi-cuenta #secciones .regalos article.accion {
  7103.   display: none;
  7104.   float: none;
  7105.   -webkit-flex-direction: column;
  7106.       -ms-flex-direction: column;
  7107.           flex-direction: column;
  7108.   -webkit-align-items: center;
  7109.       -ms-flex-align: center;
  7110.           align-items: center;
  7111.   margin: 0 auto !important;
  7112. }
  7113.  
  7114. #mi-cuenta #secciones .regalos article.accion h3 {
  7115.   width: 100%;
  7116.   color: #83816E;
  7117.   text-align: center;
  7118.   margin-bottom: .3em;
  7119.   font-family: "thorup";
  7120.   font-weight: normal;
  7121.   font-size: 2.7em;
  7122.   line-height: .8;
  7123.   text-transform: uppercase;
  7124. }
  7125.  
  7126. #mi-cuenta #secciones .regalos article.accion h3 span {
  7127.   display: block;
  7128.   font-size: .45em;
  7129.   line-height: .5;
  7130.   font-weight: normal;
  7131.   margin-bottom: .2em;
  7132.   font-family: "raleway";
  7133.   text-transform: lowercase;
  7134. }
  7135.  
  7136. #mi-cuenta #secciones .regalos article.accion p {
  7137.   width: 100%;
  7138.   display: -webkit-flex;
  7139.   display: -ms-flexbox;
  7140.   display: flex;
  7141.   -webkit-justify-content: center;
  7142.       -ms-flex-pack: center;
  7143.           justify-content: center;
  7144.   -webkit-align-items: center;
  7145.       -ms-flex-align: center;
  7146.           align-items: center;
  7147. }
  7148.  
  7149. #mi-cuenta #secciones .regalos article.accion p a {
  7150.   display: -webkit-flex;
  7151.   display: -ms-flexbox;
  7152.   display: flex;
  7153.   -webkit-justify-content: center;
  7154.       -ms-flex-pack: center;
  7155.           justify-content: center;
  7156.   -webkit-align-items: center;
  7157.       -ms-flex-align: center;
  7158.           align-items: center;
  7159.   font-size: 1.5em;
  7160.   overflow: hidden;
  7161.   color: #fff;
  7162.   margin-right: 1em;
  7163.   width: 2em;
  7164.   height: 2em;
  7165.   background-color: #F6BD32;
  7166. }
  7167.  
  7168. #mi-cuenta #secciones .regalos article.accion p a span {
  7169.   display: none;
  7170. }
  7171.  
  7172. #mi-cuenta #secciones .regalos article.accion p a:last-child {
  7173.   margin-right: 0;
  7174. }
  7175.  
  7176. #mi-cuenta #secciones .regalos article.accion p a:hover {
  7177.   background-color: #AFA77B;
  7178. }
  7179.  
  7180. #mi-cuenta #editar-informacion .desarrollo {
  7181.   float: none;
  7182.   width: 100%;
  7183.   position: relative;
  7184.   height: 0;
  7185.   padding-bottom: 69.60%;
  7186. }
  7187.  
  7188. #mi-cuenta #editar-informacion .desarrollo form {
  7189.   position: absolute;
  7190.   top: 0;
  7191.   left: 0;
  7192.   z-index: 10;
  7193.   height: 80%;
  7194.   width: 100%;
  7195.   padding-left: 10.48%;
  7196.   padding-right: 10.48%;
  7197.   display: -webkit-flex;
  7198.   display: -ms-flexbox;
  7199.   display: flex;
  7200.   -webkit-flex-direction: column;
  7201.       -ms-flex-direction: column;
  7202.           flex-direction: column;
  7203.   -webkit-align-items: flex-start;
  7204.       -ms-flex-align: start;
  7205.           align-items: flex-start;
  7206.   -webkit-flex-wrap: wrap;
  7207.       -ms-flex-wrap: wrap;
  7208.           flex-wrap: wrap;
  7209. }
  7210.  
  7211. #mi-cuenta #editar-informacion .desarrollo form p {
  7212.   width: 44.5277%;
  7213.   margin-bottom: 1.2em;
  7214.   overflow: hidden;
  7215. }
  7216.  
  7217. #mi-cuenta #editar-informacion .desarrollo form p input, #mi-cuenta #editar-informacion .desarrollo form p select {
  7218.   display: block;
  7219.   float: left;
  7220.   width: 84.8502%;
  7221.   background-color: #fff;
  7222.   color: #5D5F5B;
  7223.   font-weight: normal;
  7224.   font-family: "raleway";
  7225.   font-size: 1.3em;
  7226.   height: 1.78em;
  7227.   line-height: 1.78em;
  7228.   padding: 0 .5em;
  7229. }
  7230.  
  7231. #mi-cuenta #editar-informacion .desarrollo form p select {
  7232.   border: 0;
  7233.   -webkit-appearance: none;
  7234.      -moz-appearance: none;
  7235.           appearance: none;
  7236. }
  7237.  
  7238. #mi-cuenta #editar-informacion .desarrollo form p select::-ms-expand {
  7239.   display: none;
  7240. }
  7241.  
  7242. #mi-cuenta #editar-informacion .desarrollo form p [class^="icon-"] {
  7243.   float: right;
  7244.   display: -webkit-flex;
  7245.   display: -ms-flexbox;
  7246.   display: flex;
  7247.   -webkit-justify-content: center;
  7248.       -ms-flex-pack: center;
  7249.           justify-content: center;
  7250.   -webkit-align-items: center;
  7251.       -ms-flex-align: center;
  7252.           align-items: center;
  7253.   width: 15.1498%;
  7254.   height: 1.55em;
  7255.   color: #fff;
  7256.   background-color: #5D5F5B;
  7257.   font-size: 1.5em;
  7258.   line-height: 0;
  7259. }
  7260.  
  7261. #mi-cuenta #editar-informacion .desarrollo form p:first-child {
  7262.   position: relative;
  7263.   text-align: center;
  7264.   margin: 10.48% 0 4% 0;
  7265. }
  7266.  
  7267. #mi-cuenta #editar-informacion .desarrollo form p:first-child #avatar {
  7268.   margin: 0 auto 12% auto;
  7269. }
  7270.  
  7271. #mi-cuenta #editar-informacion .desarrollo form p:first-child > span {
  7272.   display: block;
  7273.   margin: 0 auto;
  7274. }
  7275.  
  7276. #mi-cuenta #editar-informacion .desarrollo form p:first-child > span:nth-child(2) {
  7277.   font-size: 1.35em;
  7278.   font-family: "raleway-italic";
  7279.   font-weight: bold;
  7280.   margin-bottom: 3%;
  7281.   color: #262123;
  7282. }
  7283.  
  7284. #mi-cuenta #editar-informacion .desarrollo form p:first-child > span:nth-child(n+3) {
  7285.   font-size: 1.25em;
  7286.   font-family: "raleway";
  7287.   display: block;
  7288.   color: #86806D;
  7289. }
  7290.  
  7291. #mi-cuenta #editar-informacion .desarrollo form p:first-child i {
  7292.   width: 2.7375em;
  7293.   height: 2.7375em;
  7294.   background-color: #fff;
  7295.   border-radius: 50%;
  7296.   position: absolute;
  7297.   display: block;
  7298.   top: 39%;
  7299.   right: 33%;
  7300. }
  7301.  
  7302. #mi-cuenta #editar-informacion .desarrollo form p:first-child i span {
  7303.   width: 100%;
  7304.   height: 100%;
  7305.   position: absolute;
  7306.   top: 0;
  7307.   right: 0;
  7308.   bottom: 0;
  7309.   left: 0;
  7310.   margin: auto;
  7311.   background-color: transparent;
  7312. }
  7313.  
  7314. #mi-cuenta #editar-informacion .desarrollo form p:first-child i span:before {
  7315.   color: #5D5F5B;
  7316. }
  7317.  
  7318. #mi-cuenta #editar-informacion .desarrollo form p:nth-child(4) {
  7319.   margin-bottom: 0;
  7320. }
  7321.  
  7322. #mi-cuenta #editar-informacion .desarrollo form p:nth-child(5) {
  7323.   margin-top: 13.5%;
  7324. }
  7325.  
  7326. #mi-cuenta #editar-informacion .desarrollo form p:nth-child(n+5) {
  7327.   -webkit-align-self: flex-end;
  7328.       -ms-flex-item-align: end;
  7329.           align-self: flex-end;
  7330. }
  7331.  
  7332. #mi-cuenta #editar-informacion .desarrollo form p:last-child {
  7333.   margin-top: .2em;
  7334.   margin-bottom: 0;
  7335. }
  7336.  
  7337. #mi-cuenta #editar-informacion .desarrollo form p:last-child input {
  7338.   margin: 0 auto;
  7339.   font-size: .95em;
  7340.   float: none;
  7341.   width: auto;
  7342.   color: #fff;
  7343.   padding: 0 1.2em;
  7344.   background-color: #5D5F5B;
  7345.   text-transform: uppercase;
  7346.   font-family: "raleway-bold";
  7347.   font-weight: bold;
  7348.   border-radius: 1em;
  7349.   transition: all .3s;
  7350. }
  7351.  
  7352. #mi-cuenta #editar-informacion .desarrollo form p:last-child input:hover {
  7353.   background-color: #fff;
  7354.   color: #5D5F5B;
  7355. }
  7356.  
  7357. #mi-cuenta #editar-informacion .desarrollo #iconos {
  7358.   position: absolute;
  7359.   left: 0;
  7360.   bottom: 0;
  7361. }
  7362.  
  7363. #mi-cuenta #editar-informacion #secciones {
  7364.   float: none;
  7365.   padding-bottom: 25%;
  7366. }
  7367.  
  7368. #mi-cuenta #editar-informacion #secciones .suscripcion:before {
  7369.   left: 33.6%;
  7370. }
  7371.  
  7372. #mi-cuenta #editar-informacion #secciones .suscripcion:after {
  7373.   left: 33.8%;
  7374. }
  7375.  
  7376. #mi-cuenta #editar-informacion #secciones .videos:before {
  7377.   left: 40.6%;
  7378. }
  7379.  
  7380. #mi-cuenta #editar-informacion #secciones .videos:after {
  7381.   left: 40.8%;
  7382. }
  7383.  
  7384. #mi-cuenta #editar-informacion #secciones .fotos:before {
  7385.   left: 47.4%;
  7386. }
  7387.  
  7388. #mi-cuenta #editar-informacion #secciones .fotos:after {
  7389.   left: 47.6%;
  7390. }
  7391.  
  7392. #mi-cuenta #editar-informacion #secciones .recordatorios:before {
  7393.   left: 54.4%;
  7394. }
  7395.  
  7396. #mi-cuenta #editar-informacion #secciones .recordatorios:after {
  7397.   left: 54.6%;
  7398. }
  7399.  
  7400. #mi-cuenta #editar-informacion #secciones .regalos:before {
  7401.   left: 61.4%;
  7402. }
  7403.  
  7404. #mi-cuenta #editar-informacion #secciones .regalos:after {
  7405.   left: 61.6%;
  7406. }
  7407.  
  7408. #mi-cuenta #mis-direcciones .desarrollo {
  7409.   float: none;
  7410.   width: 100%;
  7411.   display: -webkit-flex;
  7412.   display: -ms-flexbox;
  7413.   display: flex;
  7414.   margin-bottom: 5.9160%;
  7415.   -webkit-justify-content: center;
  7416.       -ms-flex-pack: center;
  7417.           justify-content: center;
  7418.   -webkit-flex-wrap: wrap;
  7419.       -ms-flex-wrap: wrap;
  7420.           flex-wrap: wrap;
  7421.   padding-top: 5.9160%;
  7422. }
  7423.  
  7424. #mi-cuenta #mis-direcciones .resumen {
  7425.   width: 40.7442%;
  7426.   margin-right: 5.5305%;
  7427. }
  7428.  
  7429. #mi-cuenta #mis-direcciones .resumen i {
  7430.   display: block;
  7431.   width: 11.1875em;
  7432.   height: 11.1875em;
  7433.   position: relative;
  7434.   margin: 0 auto 12% auto;
  7435. }
  7436.  
  7437. #mi-cuenta #mis-direcciones .resumen i:before {
  7438.   font-size: 11.15em;
  7439.   position: absolute;
  7440.   top: 0;
  7441.   right: 0;
  7442.   bottom: 0;
  7443.   left: 0;
  7444.   margin: auto;
  7445.   width: 100%;
  7446.   height: 100%;
  7447. }
  7448.  
  7449. #mi-cuenta #mis-direcciones .resumen i:nth-child(2) {
  7450.   display: none;
  7451. }
  7452.  
  7453. #mi-cuenta #mis-direcciones .resumen p {
  7454.   margin-bottom: .9em;
  7455. }
  7456.  
  7457. #mi-cuenta #mis-direcciones .resumen p span:first-child {
  7458.   display: -webkit-flex;
  7459.   display: -ms-flexbox;
  7460.   display: flex;
  7461.   -webkit-align-items: center;
  7462.       -ms-flex-align: center;
  7463.           align-items: center;
  7464.   font-family: "raleway-italic";
  7465.   font-size: .9em;
  7466.   margin-bottom: .3em;
  7467.   font-weight: normal;
  7468. }
  7469.  
  7470. #mi-cuenta #mis-direcciones .resumen p span:first-child:before {
  7471.   margin-right: .3em;
  7472.   font-size: 1.1em;
  7473. }
  7474.  
  7475. #mi-cuenta #mis-direcciones .resumen p span:last-child {
  7476.   position: relative;
  7477.   display: block;
  7478.   font-size: 1.1em;
  7479.   color: #fff;
  7480.   font-family: "raleway-bold";
  7481.   font-weight: bold;
  7482.   text-transform: uppercase;
  7483. }
  7484.  
  7485. #mi-cuenta #mis-direcciones .resumen p span:last-child:before {
  7486.   display: -webkit-flex;
  7487.   display: -ms-flexbox;
  7488.   display: flex;
  7489.   -webkit-justify-content: center;
  7490.       -ms-flex-pack: center;
  7491.           justify-content: center;
  7492.   -webkit-align-items: center;
  7493.       -ms-flex-align: center;
  7494.           align-items: center;
  7495.   overflow: hidden;
  7496.   width: 2.125em;
  7497.   height: 2.125em;
  7498.   border-radius: 50%;
  7499.   font-size: 1.125em;
  7500.   position: absolute;
  7501.   top: -1em;
  7502.   right: 0;
  7503.   color: #85806C;
  7504.   border: .1em solid #85806C;
  7505. }
  7506.  
  7507. #mi-cuenta #mis-direcciones .resumen p span:last-child.activo:before {
  7508.   border-color: #5D5F5B;
  7509.   color: #fff;
  7510.   background-color: #5D5F5B;
  7511. }
  7512.  
  7513. #mi-cuenta #mis-direcciones .resumen p span:last-child:hover {
  7514.   cursor: pointer;
  7515. }
  7516.  
  7517. #mi-cuenta #mis-direcciones .resumen p span:last-child:hover:before {
  7518.   border: .1em solid #5D5F5B;
  7519. }
  7520.  
  7521. #mi-cuenta #mis-direcciones .resumen button {
  7522.   display: block;
  7523.   margin: 7% auto 0 auto;
  7524.   font-size: .95em;
  7525.   width: auto;
  7526.   color: #fff;
  7527.   padding: 0 1.2em;
  7528.   background-color: #5D5F5B;
  7529.   text-transform: uppercase;
  7530.   font-family: "raleway-bold";
  7531.   font-weight: bold;
  7532.   border-radius: 1em;
  7533.   transition: all .3s;
  7534.   height: 1.88em;
  7535.   line-height: 1.88em;
  7536. }
  7537.  
  7538. #mi-cuenta #mis-direcciones .resumen button:hover {
  7539.   color: #5D5F5B;
  7540.   background-color: #fff;
  7541. }
  7542.  
  7543. #mi-cuenta #mis-direcciones .formularios {
  7544.   float: right;
  7545.   width: 34.1603%;
  7546.   position: relative;
  7547. }
  7548.  
  7549. #mi-cuenta #mis-direcciones .formularios form {
  7550.   position: absolute;
  7551.   top: 0;
  7552.   left: 0;
  7553.   width: 100%;
  7554.   opacity: 0;
  7555.   z-index: 10;
  7556.   transition: all .3s;
  7557. }
  7558.  
  7559. #mi-cuenta #mis-direcciones .formularios form p {
  7560.   margin-bottom: 1.2em;
  7561.   overflow: hidden;
  7562. }
  7563.  
  7564. #mi-cuenta #mis-direcciones .formularios form p:last-child {
  7565.   position: relative;
  7566.   margin-bottom: 0;
  7567.   overflow: visible;
  7568. }
  7569.  
  7570. #mi-cuenta #mis-direcciones .formularios form h3 {
  7571.   font-family: "raleway-italic";
  7572.   font-size: .9em;
  7573.   margin-bottom: .8em;
  7574.   font-weight: normal;
  7575. }
  7576.  
  7577. #mi-cuenta #mis-direcciones .formularios form h3 i {
  7578.   margin-right: .3em;
  7579.   font-size: 1.1em;
  7580. }
  7581.  
  7582. #mi-cuenta #mis-direcciones .formularios form input, #mi-cuenta #mis-direcciones .formularios form select {
  7583.   float: left;
  7584.   display: block;
  7585.   width: 84.8502%;
  7586.   background-color: #fff;
  7587.   color: #5D5F5B;
  7588.   font-weight: normal;
  7589.   font-family: "raleway";
  7590.   font-size: 1.3em;
  7591.   height: 1.78em;
  7592.   line-height: 1.78em;
  7593.   padding: 0 .5em;
  7594. }
  7595.  
  7596. #mi-cuenta #mis-direcciones .formularios form select {
  7597.   border: 0;
  7598.   -webkit-appearance: none;
  7599.      -moz-appearance: none;
  7600.           appearance: none;
  7601. }
  7602.  
  7603. #mi-cuenta #mis-direcciones .formularios form select::-ms-expand {
  7604.   display: none;
  7605. }
  7606.  
  7607. #mi-cuenta #mis-direcciones .formularios form input[type="checkbox"] {
  7608.   position: relative;
  7609.   z-index: 5;
  7610.   width: 1.062em;
  7611.   height: 1.062em;
  7612.   opacity: 0;
  7613. }
  7614.  
  7615. #mi-cuenta #mis-direcciones .formularios form input[type="checkbox"]:checked + label:after {
  7616.   z-index: 15;
  7617.   content: "";
  7618.   position: absolute;
  7619.   top: .25em;
  7620.   left: .25em;
  7621.   font-weight: bold;
  7622.   font-family: "raleway";
  7623.   background-color: #5D5F5B;
  7624.   width: .85em;
  7625.   height: .8em;
  7626.   color: #5D5F5B;
  7627. }
  7628.  
  7629. #mi-cuenta #mis-direcciones .formularios form label {
  7630.   position: absolute;
  7631.   top: 0;
  7632.   left: 0;
  7633.   z-index: 20;
  7634.   padding-left: 1.7em;
  7635.   font-size: .91em;
  7636.   font-family: "raleway";
  7637.   font-weight: normal;
  7638.   color: #5D5F5B;
  7639. }
  7640.  
  7641. #mi-cuenta #mis-direcciones .formularios form label:before {
  7642.   content: "";
  7643.   position: absolute;
  7644.   z-index: 10;
  7645.   top: 0;
  7646.   left: 0;
  7647.   width: 1.062em;
  7648.   height: 1.062em;
  7649.   background-color: #fff;
  7650.   border: .15em solid #5D5F5B;
  7651. }
  7652.  
  7653. #mi-cuenta #mis-direcciones .formularios form input[type="checkbox"]:hover, #mi-cuenta #mis-direcciones .formularios form label:hover {
  7654.   cursor: pointer;
  7655. }
  7656.  
  7657. #mi-cuenta #mis-direcciones .formularios form span {
  7658.   float: right;
  7659.   display: -webkit-flex;
  7660.   display: -ms-flexbox;
  7661.   display: flex;
  7662.   -webkit-justify-content: center;
  7663.       -ms-flex-pack: center;
  7664.           justify-content: center;
  7665.   -webkit-align-items: center;
  7666.       -ms-flex-align: center;
  7667.           align-items: center;
  7668.   width: 15.1498%;
  7669.   height: 1.55em;
  7670.   color: #fff;
  7671.   background-color: #5D5F5B;
  7672.   font-size: 1.5em;
  7673.   line-height: 0;
  7674. }
  7675.  
  7676. #mi-cuenta #mis-direcciones .formularios form:first-child {
  7677.   opacity: 1;
  7678.   z-index: 20;
  7679. }
  7680.  
  7681. #mi-cuenta #mis-direcciones .accesos-directos {
  7682.   margin-top: 6.875em;
  7683. }
  7684.  
  7685. #mi-cuenta #historial-de-solsazos {
  7686.   position: relative;
  7687.   padding-bottom: 1.5em;
  7688. }
  7689.  
  7690. #mi-cuenta #historial-de-solsazos h2 {
  7691.   font-family: "thorup";
  7692.   font-weight: normal;
  7693.   line-height: .7;
  7694.   font-size: 3em;
  7695.   background-color: #EFB632;
  7696.   overflow: hidden;
  7697.   padding: .22em .5em;
  7698.   color: #707367;
  7699.   border-bottom: 1px solid #84806C;
  7700. }
  7701.  
  7702. #mi-cuenta #historial-de-solsazos h2 span:first-child {
  7703.   width: 21.2343%;
  7704.   float: left;
  7705. }
  7706.  
  7707. #mi-cuenta #historial-de-solsazos h2 span:nth-child(2) {
  7708.   float: left;
  7709.   width: 71.0280%;
  7710. }
  7711.  
  7712. #mi-cuenta #historial-de-solsazos h2 span:nth-child(3) {
  7713.   text-align: center;
  7714.   float: left;
  7715.   width: 4.7377%;
  7716. }
  7717.  
  7718. #mi-cuenta #historial-de-solsazos #lista {
  7719.   font-family: "raleway";
  7720.   color: #86806D;
  7721. }
  7722.  
  7723. #mi-cuenta #historial-de-solsazos #lista li {
  7724.   border-bottom: 1px solid #84806C;
  7725.   overflow: hidden;
  7726.   font-size: 1.2em;
  7727.   padding: .6em 1em;
  7728. }
  7729.  
  7730. #mi-cuenta #historial-de-solsazos #lista li span:first-child {
  7731.   font-family: "thorup";
  7732.   line-height: .8;
  7733.   font-size: 1.5em;
  7734.   float: left;
  7735.   width: 21.2343%;
  7736.   height: 100%;
  7737. }
  7738.  
  7739. #mi-cuenta #historial-de-solsazos #lista li span:nth-child(2) {
  7740.   float: left;
  7741.   width: 72.0280%;
  7742. }
  7743.  
  7744. #mi-cuenta #historial-de-solsazos #lista li span:nth-child(3) {
  7745.   text-align: center;
  7746.   float: left;
  7747.   width: 6.7377%;
  7748.   font-family: "raleway-bold-italic";
  7749.   color: #262123;
  7750. }
  7751.  
  7752. #mi-cuenta #historial-de-solsazos #lista li:nth-child(even) span:first-child {
  7753.   color: #EFB632;
  7754. }
  7755.  
  7756. #mi-cuenta #subastas-ganadas, #mi-cuenta #pagos {
  7757.   position: relative;
  7758.   padding-bottom: 1.5em;
  7759. }
  7760.  
  7761. #mi-cuenta #subastas-ganadas #filtros-subastas-ganadas, #mi-cuenta #subastas-ganadas #filtros-pagos, #mi-cuenta #pagos #filtros-subastas-ganadas, #mi-cuenta #pagos #filtros-pagos {
  7762.   top: 1.2em;
  7763.   right: .5%;
  7764. }
  7765.  
  7766. #mi-cuenta #subastas-ganadas > ul li, #mi-cuenta #pagos > ul li {
  7767.   display: -webkit-flex;
  7768.   display: -ms-flexbox;
  7769.   display: flex;
  7770.   padding: 2%;
  7771.   height: 10.625em;
  7772.   margin-bottom: 1%;
  7773.   -webkit-justify-content: space-between;
  7774.       -ms-flex-pack: justify;
  7775.           justify-content: space-between;
  7776. }
  7777.  
  7778. #mi-cuenta #subastas-ganadas > ul li > *, #mi-cuenta #pagos > ul li > * {
  7779.   display: -webkit-flex;
  7780.   display: -ms-flexbox;
  7781.   display: flex;
  7782.   -webkit-flex-direction: column;
  7783.       -ms-flex-direction: column;
  7784.           flex-direction: column;
  7785.   -webkit-justify-content: flex-start;
  7786.       -ms-flex-pack: start;
  7787.           justify-content: flex-start;
  7788.   -webkit-align-items: center;
  7789.       -ms-flex-align: center;
  7790.           align-items: center;
  7791. }
  7792.  
  7793. #mi-cuenta #subastas-ganadas > ul li:nth-child(odd), #mi-cuenta #pagos > ul li:nth-child(odd) {
  7794.   border: .3em solid #A2A07A;
  7795.   color: #777A6A;
  7796. }
  7797.  
  7798. #mi-cuenta #subastas-ganadas > ul li:nth-child(even), #mi-cuenta #pagos > ul li:nth-child(even) {
  7799.   background-color: #A2A07A;
  7800.   color: #fff;
  7801. }
  7802.  
  7803. #mi-cuenta #subastas-ganadas > ul li:nth-child(even) .numeros span, #mi-cuenta #pagos > ul li:nth-child(even) .numeros span {
  7804.   color: #535854;
  7805. }
  7806.  
  7807. #mi-cuenta #subastas-ganadas > ul li .imagen, #mi-cuenta #pagos > ul li .imagen {
  7808.   width: 20%;
  7809.   overflow: hidden;
  7810.   -webkit-justify-content: center;
  7811.       -ms-flex-pack: center;
  7812.           justify-content: center;
  7813. }
  7814.  
  7815. #mi-cuenta #subastas-ganadas > ul li .imagen img, #mi-cuenta #pagos > ul li .imagen img {
  7816.   max-width: 80%;
  7817. }
  7818.  
  7819. #mi-cuenta #subastas-ganadas > ul li .datos, #mi-cuenta #pagos > ul li .datos {
  7820.   width: 25%;
  7821.   padding-top: .3em;
  7822.   font-size: 2.5em;
  7823.   font-family: "thorup";
  7824. }
  7825.  
  7826. #mi-cuenta #subastas-ganadas > ul li .datos span, #mi-cuenta #pagos > ul li .datos span {
  7827.   font-family: "raleway";
  7828.   font-size: .34em;
  7829.   margin-bottom: 8%;
  7830. }
  7831.  
  7832. #mi-cuenta #subastas-ganadas > ul li .datos a, #mi-cuenta #pagos > ul li .datos a {
  7833.   background-color: #F6BD32;
  7834.   color: #fff;
  7835.   font-size: .36em;
  7836.   font-family: "raleway-bold";
  7837.   font-weight: Bold;
  7838.   text-transform: uppercase;
  7839.   padding: 0 1em;
  7840.   height: 1.9em;
  7841.   line-height: 1.9em;
  7842.   border-radius: 1em;
  7843.   margin-bottom: 0.2083em;
  7844. }
  7845.  
  7846. #mi-cuenta #subastas-ganadas > ul li .datos a:hover, #mi-cuenta #pagos > ul li .datos a:hover {
  7847.   background-color: #fff;
  7848.   color: #F6BD32;
  7849. }
  7850.  
  7851. #mi-cuenta #subastas-ganadas > ul li .numeros, #mi-cuenta #subastas-ganadas > ul li .estado, #mi-cuenta #subastas-ganadas > ul li .precio, #mi-cuenta #pagos > ul li .numeros, #mi-cuenta #pagos > ul li .estado, #mi-cuenta #pagos > ul li .precio {
  7852.   padding-top: 2em;
  7853.   font-family: "raleway";
  7854.   font-size: .8em;
  7855. }
  7856.  
  7857. #mi-cuenta #subastas-ganadas > ul li .numeros > span, #mi-cuenta #subastas-ganadas > ul li .numeros time, #mi-cuenta #subastas-ganadas > ul li .estado > span, #mi-cuenta #subastas-ganadas > ul li .estado time, #mi-cuenta #subastas-ganadas > ul li .precio > span, #mi-cuenta #subastas-ganadas > ul li .precio time, #mi-cuenta #pagos > ul li .numeros > span, #mi-cuenta #pagos > ul li .numeros time, #mi-cuenta #pagos > ul li .estado > span, #mi-cuenta #pagos > ul li .estado time, #mi-cuenta #pagos > ul li .precio > span, #mi-cuenta #pagos > ul li .precio time {
  7858.   font-family: "raleway-bold-italic";
  7859.   font-size: 1.6em;
  7860. }
  7861.  
  7862. #mi-cuenta #subastas-ganadas > ul li .numeros, #mi-cuenta #pagos > ul li .numeros {
  7863.   width: 20%;
  7864. }
  7865.  
  7866. #mi-cuenta #subastas-ganadas > ul li .numeros span, #mi-cuenta #pagos > ul li .numeros span {
  7867.   display: block;
  7868.   text-align: center;
  7869.   font-size: .8em;
  7870.   color: #F6BC40;
  7871. }
  7872.  
  7873. #mi-cuenta #subastas-ganadas > ul li .estado, #mi-cuenta #pagos > ul li .estado {
  7874.   width: 15%;
  7875. }
  7876.  
  7877. #mi-cuenta #subastas-ganadas > ul li .precio, #mi-cuenta #pagos > ul li .precio {
  7878.   width: 15%;
  7879. }
  7880.  
  7881. #mi-cuenta #subastas-ganadas > ul li .precio span, #mi-cuenta #pagos > ul li .precio span {
  7882.   font-size: 2.6em;
  7883. }
  7884.  
  7885. #mi-cuenta #pagos > ul li:nth-child(even) {
  7886.   background-color: #F6BC40;
  7887.   color: #535854;
  7888. }
  7889.  
  7890. #mi-cuenta #pagos > ul li:nth-child(even) .datos a {
  7891.   background-color: #fff;
  7892.   color: #F6BB40;
  7893. }
  7894.  
  7895. #mi-cuenta #pagos > ul li:nth-child(even) .numeros span {
  7896.   color: #fff;
  7897. }
  7898.  
  7899. #mi-cuenta #invitados h2 {
  7900.   font-family: "thorup";
  7901.   font-weight: normal;
  7902.   line-height: .7;
  7903.   font-size: 2.5em;
  7904.   background-color: #EFB632;
  7905.   overflow: hidden;
  7906.   padding: .22em 0;
  7907.   color: #707367;
  7908.   border-bottom: 1px solid #84806C;
  7909.   display: -webkit-flex;
  7910.   display: -ms-flexbox;
  7911.   display: flex;
  7912.   -webkit-justify-content: center;
  7913.       -ms-flex-pack: center;
  7914.           justify-content: center;
  7915.   -webkit-align-items: center;
  7916.       -ms-flex-align: center;
  7917.           align-items: center;
  7918. }
  7919.  
  7920. #mi-cuenta #invitados h2 span {
  7921.   text-align: center;
  7922. }
  7923.  
  7924. #mi-cuenta #invitados h2 span:first-child {
  7925.   text-align: left;
  7926.   padding-left: .5em;
  7927.   width: 23%;
  7928. }
  7929.  
  7930. #mi-cuenta #invitados h2 span:nth-child(2) {
  7931.   width: 36%;
  7932. }
  7933.  
  7934. #mi-cuenta #invitados h2 span:nth-child(3) {
  7935.   width: 20.5%;
  7936. }
  7937.  
  7938. #mi-cuenta #invitados h2 span:last-child {
  7939.   width: 20.5%;
  7940. }
  7941.  
  7942. #mi-cuenta #invitados ul {
  7943.   margin-bottom: 7%;
  7944. }
  7945.  
  7946. #mi-cuenta #invitados ul li {
  7947.   border-bottom: 1px solid #84806C;
  7948.   overflow: hidden;
  7949.   font-size: 1.2em;
  7950.   padding: .6em 0;
  7951.   font-family: "raleway";
  7952.   color: #86806D;
  7953.   display: -webkit-flex;
  7954.   display: -ms-flexbox;
  7955.   display: flex;
  7956.   -webkit-justify-content: center;
  7957.       -ms-flex-pack: center;
  7958.           justify-content: center;
  7959.   -webkit-align-items: center;
  7960.       -ms-flex-align: center;
  7961.           align-items: center;
  7962. }
  7963.  
  7964. #mi-cuenta #invitados ul li span {
  7965.   text-align: center;
  7966. }
  7967.  
  7968. #mi-cuenta #invitados ul li span:first-child {
  7969.   font-family: "thorup";
  7970.   line-height: .8;
  7971.   font-size: 1.5em;
  7972.   text-align: left;
  7973.   padding-left: .8em;
  7974.   width: 23%;
  7975. }
  7976.  
  7977. #mi-cuenta #invitados ul li span:nth-child(2) {
  7978.   width: 36%;
  7979. }
  7980.  
  7981. #mi-cuenta #invitados ul li span:nth-child(3) {
  7982.   width: 20.5%;
  7983. }
  7984.  
  7985. #mi-cuenta #invitados ul li span:last-child {
  7986.   width: 20.5%;
  7987.   color: #535854;
  7988.   font-family: "raleway-bold-italic";
  7989. }
  7990.  
  7991. #mi-cuenta #invitados ul li:nth-child(even) span:first-child {
  7992.   color: #EFB632;
  7993. }
  7994.  
  7995. #mi-cuenta #invitados p {
  7996.   font-family: "raleway";
  7997.   color: #7B7969;
  7998.   font-size: 1.2em;
  7999.   overflow: hidden;
  8000.   margin-bottom: 4%;
  8001. }
  8002.  
  8003. #mi-cuenta #invitados p button {
  8004.   font-size: 1em;
  8005.   width: 20.2673%;
  8006.   height: 12.625em;
  8007.   overflow: hidden;
  8008.   display: block;
  8009.   display: -webkit-flex;
  8010.   display: -ms-flexbox;
  8011.   display: flex;
  8012.   -webkit-flex-direction: column;
  8013.       -ms-flex-direction: column;
  8014.           flex-direction: column;
  8015.   -webkit-align-items: center;
  8016.       -ms-flex-align: center;
  8017.           align-items: center;
  8018.   -webkit-justify-content: center;
  8019.       -ms-flex-pack: center;
  8020.           justify-content: center;
  8021. }
  8022.  
  8023. #mi-cuenta #invitados p button span:first-child {
  8024.   font-size: 6em;
  8025.   line-height: .8;
  8026. }
  8027.  
  8028. #mi-cuenta #invitados p button span:last-child {
  8029.   color: #EEB43F;
  8030.   font-family: "raleway-italic";
  8031.   font-size: .9em;
  8032. }
  8033.  
  8034. #mi-cuenta #invitados p button span:last-child b {
  8035.   display: block;
  8036.   color: #fff;
  8037.   font-family: "thorup";
  8038.   font-size: 3.3em;
  8039.   font-weight: normal;
  8040.   line-height: .5;
  8041. }
  8042.  
  8043. #mi-cuenta #invitados p button:first-child {
  8044.   float: left;
  8045.   margin-right: 2.5263%;
  8046.   background-color: #7B7969;
  8047.   border: .3em solid #7B7969;
  8048. }
  8049.  
  8050. #mi-cuenta #invitados p button:first-child span:first-child {
  8051.   color: #fff;
  8052. }
  8053.  
  8054. #mi-cuenta #invitados p button:nth-child(2) {
  8055.   float: left;
  8056.   border: .3em solid #A2A07A;
  8057.   background-color: #fff;
  8058. }
  8059.  
  8060. #mi-cuenta #invitados p button:nth-child(2) span:first-child {
  8061.   color: #A2A07A;
  8062. }
  8063.  
  8064. #mi-cuenta #invitados p button:nth-child(2) span:last-child b {
  8065.   color: #A2A07A;
  8066. }
  8067.  
  8068. #mi-cuenta #invitados p button:nth-child(3) {
  8069.   float: right;
  8070.   margin-left: 2.5263%;
  8071.   background-color: #fff;
  8072.   border: .3em solid #A2A07A;
  8073. }
  8074.  
  8075. #mi-cuenta #invitados p button:nth-child(3) span:first-child {
  8076.   color: #A2A07A;
  8077. }
  8078.  
  8079. #mi-cuenta #invitados p button:nth-child(3) span:last-child b {
  8080.   color: #A2A07A;
  8081. }
  8082.  
  8083. #mi-cuenta #invitados p button:nth-child(4) {
  8084.   float: right;
  8085.   background-color: #F6BC40;
  8086.   border: .3em solid  #F6BC40;
  8087.   transition: all .3s;
  8088. }
  8089.  
  8090. #mi-cuenta #invitados p button:nth-child(4) * {
  8091.   transition: all .3s;
  8092. }
  8093.  
  8094. #mi-cuenta #invitados p button:nth-child(4) span:first-child {
  8095.   color: #fff;
  8096. }
  8097.  
  8098. #mi-cuenta #invitados p button:nth-child(4) span:nth-child(2), #mi-cuenta #invitados p button:nth-child(4) span:nth-child(3) {
  8099.   display: none;
  8100. }
  8101.  
  8102. #mi-cuenta #invitados p button:nth-child(4) span:last-child {
  8103.   color: #7B7969;
  8104. }
  8105.  
  8106. #mi-cuenta #invitados p button:nth-child(4) span:last-child b {
  8107.   color: #fff;
  8108.   font-size: 2.8em;
  8109. }
  8110.  
  8111. #mi-cuenta #invitados p button:nth-child(4):hover {
  8112.   background-color: #86806E;
  8113.   border-color: #86806E;
  8114. }
  8115.  
  8116. #mi-cuenta #invitados p button:nth-child(4):hover span:first-child {
  8117.   font-size: 4em;
  8118.   margin-bottom: .2em;
  8119. }
  8120.  
  8121. #mi-cuenta #invitados p button:nth-child(4):hover span:nth-child(2) {
  8122.   display: block;
  8123.   width: 80%;
  8124.   margin: 0 auto 1em auto;
  8125.   text-transform: uppercase;
  8126.   color: #fff;
  8127.   font-size: .75em;
  8128.   background-color: #F6BE32;
  8129.   padding: 0 .1em;
  8130.   line-height: 1.8em;
  8131.   height: 1.8em;
  8132. }
  8133.  
  8134. #mi-cuenta #invitados p button:nth-child(4):hover span:nth-child(3) {
  8135.   display: block;
  8136.   text-align: center;
  8137.   margin: 0 auto;
  8138.   width: 90%;
  8139.   color: #fff;
  8140.   font-size: .7em;
  8141. }
  8142.  
  8143. #mi-cuenta #invitados p button:nth-child(4):hover span:nth-child(3) b {
  8144.   text-align: center;
  8145.   display: block;
  8146.   margin-top: .2em;
  8147.   font-size: .85em;
  8148. }
  8149.  
  8150. #mi-cuenta #invitados p button:nth-child(4):hover span:last-child {
  8151.   display: none;
  8152. }
  8153.  
  8154. #contacto {
  8155.   background-image: url("imagenes/manos.png");
  8156.   background-position: center bottom;
  8157.   background-size: 100% auto;
  8158.   background-repeat: no-repeat;
  8159. }
  8160.  
  8161. #contacto h1 {
  8162.   color: #ADA57B;
  8163.   font-size: 4.325em;
  8164.   font-family: "thorup";
  8165.   font-weight: normal;
  8166.   text-transform: uppercase;
  8167.   line-height: 1;
  8168.   margin-bottom: 2%;
  8169.   text-align: center;
  8170. }
  8171.  
  8172. #contacto h1:after {
  8173.   content: "";
  8174.   display: block;
  8175.   margin: 0 auto;
  8176.   width: 3.5%;
  8177.   background-color: #ADA57B;
  8178.   height: 0;
  8179.   padding-bottom: 0.5714%;
  8180. }
  8181.  
  8182. #contacto .am > p {
  8183.   text-align: center;
  8184.   width: 36.8714%;
  8185.   font-family: "raleway";
  8186.   font-size: 1em;
  8187.   color: #262123;
  8188.   margin: 0 auto 4% auto;
  8189. }
  8190.  
  8191. #contacto .am > p b {
  8192.   color: #EFB632;
  8193.   font-family: "raleway-bold-italic";
  8194. }
  8195.  
  8196. #contacto .am form {
  8197.   width: 85%;
  8198.   margin: 0 auto;
  8199.   display: -webkit-flex;
  8200.   display: -ms-flexbox;
  8201.   display: flex;
  8202.   -webkit-justify-content: space-between;
  8203.       -ms-flex-pack: justify;
  8204.           justify-content: space-between;
  8205.   -webkit-flex-wrap: wrap;
  8206.       -ms-flex-wrap: wrap;
  8207.           flex-wrap: wrap;
  8208. }
  8209.  
  8210. #contacto .am form p {
  8211.   width: 48.5327%;
  8212.   margin-bottom: 1.5em;
  8213.   overflow: hidden;
  8214. }
  8215.  
  8216. #contacto .am form p input, #contacto .am form p select, #contacto .am form p textarea {
  8217.   width: 91.3044%;
  8218.   float: left;
  8219.   background-color: #fff;
  8220.   color: #5D5F5B;
  8221.   font-weight: normal;
  8222.   font-family: "raleway";
  8223.   font-size: 1.2em;
  8224.   height: 1.77em;
  8225.   line-height: 1.77em;
  8226.   padding: 0 .5em;
  8227.   border: 0;
  8228.   -webkit-appearance: none;
  8229.      -moz-appearance: none;
  8230.           appearance: none;
  8231. }
  8232.  
  8233. #contacto .am form p input::-ms-expand, #contacto .am form p select::-ms-expand, #contacto .am form p textarea::-ms-expand {
  8234.   display: none;
  8235. }
  8236.  
  8237. #contacto .am form p [class^="icon-"] {
  8238.   width: 8.6956%;
  8239.   float: right;
  8240.   display: -webkit-flex;
  8241.   display: -ms-flexbox;
  8242.   display: flex;
  8243.   -webkit-justify-content: center;
  8244.       -ms-flex-pack: center;
  8245.           justify-content: center;
  8246.   -webkit-align-items: center;
  8247.       -ms-flex-align: center;
  8248.           align-items: center;
  8249.   line-height: 0;
  8250.   height: 1.46em;
  8251.   color: #fff;
  8252.   background-color: #ADAB8F;
  8253.   font-size: 1.46em;
  8254.   line-height: 0;
  8255. }
  8256.  
  8257. #contacto .am form p textarea {
  8258.   width: 100%;
  8259.   height: 10em;
  8260. }
  8261.  
  8262. #contacto .am form p:nth-child(4) {
  8263.   overflow: visible;
  8264.   position: relative;
  8265. }
  8266.  
  8267. #contacto .am form p:nth-child(4) select {
  8268.   background-color: #F2C531;
  8269.   color: #fff;
  8270. }
  8271.  
  8272. #contacto .am form p:nth-child(4) [class^="icon-"] {
  8273.   background-color: #F2C531;
  8274.   height: 1.45em;
  8275. }
  8276.  
  8277. #contacto .am form p:nth-child(4) [class^="icon-"]:hover {
  8278.   cursor: pointer;
  8279. }
  8280.  
  8281. #contacto .am form p:nth-child(4) #temas {
  8282.   position: absolute;
  8283.   display: -webkit-flex;
  8284.   display: -ms-flexbox;
  8285.   display: flex;
  8286.   -webkit-flex-direction: column;
  8287.       -ms-flex-direction: column;
  8288.           flex-direction: column;
  8289.   top: 3.1em;
  8290.   right: 0;
  8291.   background-color: #F2C531;
  8292.   max-height: 0;
  8293.   transition: all .3s;
  8294.   overflow: hidden;
  8295. }
  8296.  
  8297. #contacto .am form p:nth-child(4) #temas span {
  8298.   font-family: "raleway";
  8299.   font-size: .9em;
  8300.   color: #5B5D58;
  8301.   padding: 0 .5em .2em .5em;
  8302.   border-bottom: .13em solid #fff;
  8303.   margin-bottom: .3em;
  8304. }
  8305.  
  8306. #contacto .am form p:nth-child(4) #temas span:last-child {
  8307.   margin-bottom: 0;
  8308.   border-bottom: 0;
  8309. }
  8310.  
  8311. #contacto .am form p:nth-child(4) #temas span:hover {
  8312.   cursor: pointer;
  8313.   font-family: "raleway-bold-italic";
  8314. }
  8315.  
  8316. #contacto .am form p:nth-child(4) #temas:before {
  8317.   content: "";
  8318.   position: absolute;
  8319.   right: 10%;
  8320.   top: -.9075em;
  8321.   width: 0;
  8322.   height: 0;
  8323.   border-left: 0.75em solid transparent;
  8324.   border-right: 0.75em solid transparent;
  8325.   border-bottom: 0.9375em solid #F2C531;
  8326. }
  8327.  
  8328. #contacto .am form p:nth-child(4) #temas.activado {
  8329.   padding: 1em 1.2em;
  8330.   overflow: visible;
  8331.   max-height: 13.125em;
  8332. }
  8333.  
  8334. #contacto .am form p:nth-child(4) #temas.desactivado {
  8335.   padding: 0;
  8336.   overflow: hidden;
  8337.   max-height: 0;
  8338. }
  8339.  
  8340. #contacto .am form p:nth-child(4):after {
  8341.   content: ".";
  8342.   display: block;
  8343.   clear: both;
  8344.   visibility: hidden;
  8345.   line-height: 0;
  8346.   height: 0;
  8347. }
  8348.  
  8349. #contacto .am form p:nth-child(5) {
  8350.   width: 100%;
  8351. }
  8352.  
  8353. #contacto .am form p:nth-child(5) input {
  8354.   width: 100%;
  8355. }
  8356.  
  8357. #contacto .am form p:nth-last-child(2) {
  8358.   width: 100%;
  8359. }
  8360.  
  8361. #contacto .am form input[type="submit"] {
  8362.   display: block;
  8363.   margin: 0 0 0 auto;
  8364.   background-color: #F2C531;
  8365.   text-transform: uppercase;
  8366.   color: #fff;
  8367.   font-size: 1.4em;
  8368.   font-family: "raleway-bold";
  8369.   line-height: 2.2em;
  8370.   height: 2.2em;
  8371.   border-radius: 1em;
  8372.   padding: 0 1.2em;
  8373. }
  8374.  
  8375. #contacto .am form input[type="submit"]:hover {
  8376.   background-color: #fff;
  8377.   color: #F2C531;
  8378. }
  8379.  
  8380. #contacto .am > p:last-child {
  8381.   overflow: hidden;
  8382.   margin-bottom: 0;
  8383.   padding-bottom: 7%;
  8384. }
  8385.  
  8386. #contacto .am > p:last-child span {
  8387.   display: block;
  8388.   color: #ADA57B;
  8389.   font-size: 3em;
  8390.   font-family: "thorup";
  8391.   font-weight: normal;
  8392.   text-transform: uppercase;
  8393.   line-height: 1;
  8394.   margin-bottom: 2%;
  8395.   text-align: center;
  8396. }
  8397.  
  8398. #contacto .am > p:last-child a {
  8399.   display: block;
  8400.   width: 48%;
  8401.   color: #ADA57B;
  8402.   font-size: 1.2em;
  8403.   font-family: "raleway";
  8404.   border: .2em solid #ADA57B;
  8405.   background-color: #fff;
  8406.   height: 3em;
  8407.   line-height: 2.7em;
  8408.   float: left;
  8409. }
  8410.  
  8411. #contacto .am > p:last-child a:last-child {
  8412.   float: right;
  8413. }
  8414.  
  8415. #contacto .am > p:last-child a:hover {
  8416.   background-color: #ADA57B;
  8417.   color: #fff;
  8418. }
  8419.  
  8420. #compra-solsazos {
  8421.   font-family: "raleway";
  8422. }
  8423.  
  8424. #compra-solsazos h1 {
  8425.   color: #ADA57B;
  8426.   font-size: 4.325em;
  8427.   font-family: "thorup";
  8428.   font-weight: normal;
  8429.   text-transform: uppercase;
  8430.   line-height: 1;
  8431.   margin-bottom: 2%;
  8432.   text-align: center;
  8433. }
  8434.  
  8435. #compra-solsazos h1:after {
  8436.   content: "";
  8437.   display: block;
  8438.   margin: 0 auto;
  8439.   width: 3.5%;
  8440.   background-color: #ADA57B;
  8441.   height: 0;
  8442.   padding-bottom: 0.6714%;
  8443. }
  8444.  
  8445. #compra-solsazos .am > p {
  8446.   width: 33.7142%;
  8447.   margin: 0 auto 5% auto;
  8448.   text-align: center;
  8449. }
  8450.  
  8451. #compra-solsazos .am > p span {
  8452.   font-family: "raleway-bold-italic";
  8453.   color: #F5BD32;
  8454. }
  8455.  
  8456. #compra-solsazos .am > p:last-child input[type="checkbox"] {
  8457.   display: none;
  8458. }
  8459.  
  8460. #compra-solsazos .am > p:last-child input[type="checkbox"]:checked + label:after {
  8461.   content: "✓";
  8462. }
  8463.  
  8464. #compra-solsazos .am > p:last-child label {
  8465.   font-family: "raleway";
  8466.   text-transform: uppercase;
  8467.   color: #84816D;
  8468.   position: relative;
  8469.   display: -webkit-flex;
  8470.   display: -ms-flexbox;
  8471.   display: flex;
  8472.   -webkit-justify-content: center;
  8473.       -ms-flex-pack: center;
  8474.           justify-content: center;
  8475.   -webkit-align-items: center;
  8476.       -ms-flex-align: center;
  8477.           align-items: center;
  8478. }
  8479.  
  8480. #compra-solsazos .am > p:last-child label a {
  8481.   font-family: "raleway-medium";
  8482.   color: #84816D;
  8483.   margin-left: .3em;
  8484. }
  8485.  
  8486. #compra-solsazos .am > p:last-child label a:hover {
  8487.   font-family: "raleway-black";
  8488.   color: #F5BC31;
  8489. }
  8490.  
  8491. #compra-solsazos .am > p:last-child label:before {
  8492.   content: "";
  8493.   width: 1em;
  8494.   height: 1em;
  8495.   background-color: #fff;
  8496.   border: .15em solid #E59A32;
  8497.   margin-right: 1em;
  8498. }
  8499.  
  8500. #compra-solsazos .am > p:last-child label:after {
  8501.   color: #E59A32;
  8502.   font-size: 1.8em;
  8503.   position: absolute;
  8504.   top: 0;
  8505.   left: .7em;
  8506.   line-height: .4;
  8507. }
  8508.  
  8509. #compra-solsazos .am > p:last-child label:hover {
  8510.   cursor: pointer;
  8511. }
  8512.  
  8513. #compra-solsazos .am > p:last-child #bpagar {
  8514.   display: block;
  8515.   margin: .6em auto;
  8516.   width: auto;
  8517.   color: #fff;
  8518.   background-color: #F5BC31;
  8519.   font-family: "thorup";
  8520.   font-size: 3em;
  8521.   line-height: .3;
  8522.   height: 1em;
  8523.   padding: 0 .8em .1em .8em;
  8524.   border-radius: 1em;
  8525.   box-shadow: 0 .18em .18em #CCCBBB;
  8526. }
  8527.  
  8528. #compra-solsazos ol > li > b {
  8529.   color: #F5BC31;
  8530.   font-family: "raleway-black";
  8531.   font-weight: normal;
  8532.   display: block;
  8533.   text-align: center;
  8534.   font-size: 3.8em;
  8535. }
  8536.  
  8537. #compra-solsazos ol > li h2 {
  8538.   font-family: "thorup";
  8539.   font-weight: normal;
  8540.   color: #F5BC31;
  8541.   text-align: center;
  8542.   font-size: 2.7em;
  8543.   margin-bottom: 4%;
  8544. }
  8545.  
  8546. #compra-solsazos ol > li h2:after {
  8547.   content: "";
  8548.   background-color: #F5BC31;
  8549.   display: block;
  8550.   margin: 0 auto;
  8551.   width: 1em;
  8552.   height: .2em;
  8553. }
  8554.  
  8555. #compra-solsazos ol > li:first-child {
  8556.   width: 60.8571%;
  8557.   margin: 0 auto;
  8558. }
  8559.  
  8560. #compra-solsazos ol > li:first-child > div {
  8561.   overflow: hidden;
  8562.   color: #84816D;
  8563.   font-size: 1.2em;
  8564.   margin-bottom: 7%;
  8565. }
  8566.  
  8567. #compra-solsazos ol > li:first-child > div strong {
  8568.   color: #F5BC31;
  8569.   text-transform: uppercase;
  8570.   font-family: "raleway-bold";
  8571.   font-size: 1em;
  8572.   padding-right: .5em;
  8573.   border-right: .2em solid #F5BC31;
  8574.   margin-right: .3em;
  8575. }
  8576.  
  8577. #compra-solsazos ol > li:first-child > div form {
  8578.   float: right;
  8579.   width: 50%;
  8580.   display: -webkit-flex;
  8581.   display: -ms-flexbox;
  8582.   display: flex;
  8583.   -webkit-justify-content: space-between;
  8584.       -ms-flex-pack: justify;
  8585.           justify-content: space-between;
  8586.   -webkit-align-items: center;
  8587.       -ms-flex-align: center;
  8588.           align-items: center;
  8589. }
  8590.  
  8591. #compra-solsazos ol > li:first-child > div form input[type="text"] {
  8592.   font-size: .8em;
  8593.   background-color: #fff;
  8594.   color: #C5BE95;
  8595.   border: .15em solid #C5BE95;
  8596.   width: 65%;
  8597.   height: 2em;
  8598.   line-height: 2em;
  8599.   padding: 0 .8em;
  8600. }
  8601.  
  8602. #compra-solsazos ol > li:first-child > div form input[type="submit"] {
  8603.   background-color: #F5BC31;
  8604.   color: #fff;
  8605.   text-transform: uppercase;
  8606.   width: 33%;
  8607.   font-size: 1.05em;
  8608.   line-height: 1.45em;
  8609.   height: 1.45em;
  8610.   font-family: "raleway-bold";
  8611. }
  8612.  
  8613. #compra-solsazos ol > li:first-child ul:after {
  8614.   content: ".";
  8615.   display: block;
  8616.   clear: both;
  8617.   visibility: hidden;
  8618.   line-height: 0;
  8619.   height: 0;
  8620. }
  8621.  
  8622. #compra-solsazos ol > li:first-child ul li {
  8623.   float: left;
  8624.   width: 31.4554%;
  8625.   border: .4em solid #C6BF9B;
  8626.   margin: 0 2.8169% 7% 0;
  8627.   background-color: #C6BF9B;
  8628.   box-shadow: .4em .4em .4em #CCCBBB;
  8629. }
  8630.  
  8631. #compra-solsazos ol > li:first-child ul li h3 {
  8632.   width: 4em;
  8633.   height: 4em;
  8634.   position: relative;
  8635.   overflow: hidden;
  8636.   margin: -.8em auto 10% auto;
  8637. }
  8638.  
  8639. #compra-solsazos ol > li:first-child ul li h3 span {
  8640.   position: absolute;
  8641.   top: 0;
  8642.   left: 0;
  8643. }
  8644.  
  8645. #compra-solsazos ol > li:first-child ul li h3 span:first-child {
  8646.   right: 0;
  8647.   bottom: 0;
  8648.   margin: auto;
  8649.   color: #fff;
  8650.   z-index: 20;
  8651.   text-align: center;
  8652.   font-size: 1em;
  8653.   font-family: "raleway-black";
  8654. }
  8655.  
  8656. #compra-solsazos ol > li:first-child ul li h3 span:first-child b {
  8657.   display: block;
  8658.   margin-top: .35em;
  8659.   font-size: 2em;
  8660.   line-height: .7;
  8661. }
  8662.  
  8663. #compra-solsazos ol > li:first-child ul li h3 span:last-child {
  8664.   z-index: 10;
  8665.   font-size: 4em;
  8666. }
  8667.  
  8668. #compra-solsazos ol > li:first-child ul li p:nth-child(2) {
  8669.   text-align: center;
  8670.   color: #fff;
  8671.   margin-bottom: 12%;
  8672. }
  8673.  
  8674. #compra-solsazos ol > li:first-child ul li p:nth-child(2) span, #compra-solsazos ol > li:first-child ul li p:nth-child(2) strong {
  8675.   display: block;
  8676. }
  8677.  
  8678. #compra-solsazos ol > li:first-child ul li p:nth-child(2) span {
  8679.   font-family: "raleway-bold-italic";
  8680.   font-size: .9em;
  8681. }
  8682.  
  8683. #compra-solsazos ol > li:first-child ul li p:nth-child(2) strong {
  8684.   font-size: 2.1em;
  8685.   font-family: "raleway-black";
  8686. }
  8687.  
  8688. #compra-solsazos ol > li:first-child ul li p:nth-child(2) b {
  8689.   color: #7C7966;
  8690.   font-family: "raleway-bold";
  8691.   font-size: 1.35em;
  8692. }
  8693.  
  8694. #compra-solsazos ol > li:first-child ul li p:nth-child(3) {
  8695.   color: #fff;
  8696.   font-family: "raleway-italic";
  8697.   text-align: center;
  8698.   display: -webkit-flex;
  8699.   display: -ms-flexbox;
  8700.   display: flex;
  8701.   -webkit-justify-content: center;
  8702.       -ms-flex-pack: center;
  8703.           justify-content: center;
  8704.   -webkit-align-items: center;
  8705.       -ms-flex-align: center;
  8706.           align-items: center;
  8707.   -webkit-flex-wrap: wrap;
  8708.       -ms-flex-wrap: wrap;
  8709.           flex-wrap: wrap;
  8710. }
  8711.  
  8712. #compra-solsazos ol > li:first-child ul li p:nth-child(3) select {
  8713.   text-align: center;
  8714.   font-family: "raleway-italic";
  8715.   color: #84816D;
  8716.   padding: 0 2.05em;
  8717.   font-size: 1em;
  8718.   height: 1.57em;
  8719.   padding: 0 1em;
  8720.   border: 0;
  8721.   margin-left: .7em;
  8722.   border-top: .1em solid #fff;
  8723.   border-left: .1em solid #fff;
  8724.   border-bottom: .1em solid #fff;
  8725.   -webkit-appearance: none;
  8726.      -moz-appearance: none;
  8727.           appearance: none;
  8728. }
  8729.  
  8730. #compra-solsazos ol > li:first-child ul li p:nth-child(3) select::-ms-expand {
  8731.   display: none;
  8732. }
  8733.  
  8734. #compra-solsazos ol > li:first-child ul li p:nth-child(3) span:nth-last-child(2) {
  8735.   height: 1.57em;
  8736.   background-color: #000;
  8737.   width: 1.2em;
  8738.   display: -webkit-flex;
  8739.   display: -ms-flexbox;
  8740.   display: flex;
  8741.   -webkit-justify-content: center;
  8742.       -ms-flex-pack: center;
  8743.           justify-content: center;
  8744.   -webkit-align-items: center;
  8745.       -ms-flex-align: center;
  8746.           align-items: center;
  8747. }
  8748.  
  8749. #compra-solsazos ol > li:first-child ul li p:nth-child(3) span:nth-last-child(2):before {
  8750.   font-size: .5em;
  8751. }
  8752.  
  8753. #compra-solsazos ol > li:first-child ul li p:nth-child(3) span:last-child {
  8754.   display: block;
  8755.   margin: .5em auto 2em auto;
  8756.   padding: 0 18%;
  8757.   color: #7C7966;
  8758.   font-family: "raleway-italic";
  8759.   font-size: .9em;
  8760. }
  8761.  
  8762. #compra-solsazos ol > li:first-child ul li button {
  8763.   display: block;
  8764.   margin: 0 auto 10% auto;
  8765.   width: auto;
  8766.   background-color: #F5BD32;
  8767.   font-family: "raleway-bold-italic";
  8768.   font-size: 1.2em;
  8769.   color: #fff;
  8770.   border-radius: 1em;
  8771.   line-height: .8;
  8772.   padding: .2em .8em .4em .8em;
  8773. }
  8774.  
  8775. #compra-solsazos ol > li:first-child ul li:first-child h3 span:last-child:before, #compra-solsazos ol > li:first-child ul li:last-child h3 span:last-child:before {
  8776.   color: #D6C715;
  8777. }
  8778.  
  8779. #compra-solsazos ol > li:first-child ul li:first-child p:nth-child(3) span:nth-last-child(2), #compra-solsazos ol > li:first-child ul li:last-child p:nth-child(3) span:nth-last-child(2) {
  8780.   background-color: #D7C816;
  8781. }
  8782.  
  8783. #compra-solsazos ol > li:first-child ul li:nth-child(2), #compra-solsazos ol > li:first-child ul li:nth-child(5) {
  8784.   background-color: #fff;
  8785.   border-color: #D7D2AC;
  8786. }
  8787.  
  8788. #compra-solsazos ol > li:first-child ul li:nth-child(2) h3 span:last-child:before, #compra-solsazos ol > li:first-child ul li:nth-child(5) h3 span:last-child:before {
  8789.   color: #F5BC31;
  8790. }
  8791.  
  8792. #compra-solsazos ol > li:first-child ul li:nth-child(2) p:nth-child(2), #compra-solsazos ol > li:first-child ul li:nth-child(5) p:nth-child(2) {
  8793.   color: #F5BC31;
  8794. }
  8795.  
  8796. #compra-solsazos ol > li:first-child ul li:nth-child(2) p:nth-child(2) b, #compra-solsazos ol > li:first-child ul li:nth-child(5) p:nth-child(2) b {
  8797.   color: #B0A87B;
  8798. }
  8799.  
  8800. #compra-solsazos ol > li:first-child ul li:nth-child(2) p:nth-child(3), #compra-solsazos ol > li:first-child ul li:nth-child(5) p:nth-child(3) {
  8801.   color: #B0A87B;
  8802. }
  8803.  
  8804. #compra-solsazos ol > li:first-child ul li:nth-child(2) p:nth-child(3) select, #compra-solsazos ol > li:first-child ul li:nth-child(5) p:nth-child(3) select {
  8805.   border-top: .1em solid #B0A87B;
  8806.   border-left: .1em solid #B0A87B;
  8807.   border-bottom: .1em solid #B0A87B;
  8808. }
  8809.  
  8810. #compra-solsazos ol > li:first-child ul li:nth-child(2) p:nth-child(3) span:nth-last-child(2), #compra-solsazos ol > li:first-child ul li:nth-child(5) p:nth-child(3) span:nth-last-child(2) {
  8811.   background-color: #F5BC31;
  8812.   color: #fff;
  8813. }
  8814.  
  8815. #compra-solsazos ol > li:first-child ul li:nth-child(3n) {
  8816.   margin-right: 0;
  8817. }
  8818.  
  8819. #compra-solsazos ol > li:first-child ul li:nth-child(3) h3 span:last-child:before, #compra-solsazos ol > li:first-child ul li:nth-child(4) h3 span:last-child:before {
  8820.   color: #E59A32;
  8821. }
  8822.  
  8823. #compra-solsazos ol > li:first-child ul li:nth-child(3) p:nth-child(3) span:nth-last-child(2), #compra-solsazos ol > li:first-child ul li:nth-child(4) p:nth-child(3) span:nth-last-child(2) {
  8824.   background-color: #E59A32;
  8825. }
  8826.  
  8827. #compra-solsazos ol > li:nth-child(2) {
  8828.   width: 58%;
  8829.   margin: 0 auto;
  8830. }
  8831.  
  8832. #compra-solsazos ol > li:nth-child(2) div {
  8833.   padding-top: 2.5%;
  8834.   border-top: .2em solid #B0A87B;
  8835.   text-align: center;
  8836. }
  8837.  
  8838. #compra-solsazos ol > li:nth-child(2) div > span {
  8839.   color: #F5BC31;
  8840.   display: inline-block;
  8841.   text-align: center;
  8842.   width: 28.6945%;
  8843.   font-family: "raleway";
  8844.   font-size: 1.2em;
  8845.   font-weight: bold;
  8846. }
  8847.  
  8848. #compra-solsazos ol > li:nth-child(2) div > span:nth-child(2) {
  8849.   border-left: .15em solid #84806C;
  8850.   border-right: .15em solid #84806C;
  8851. }
  8852.  
  8853. #compra-solsazos ol > li:nth-child(2) div > span:nth-child(2), #compra-solsazos ol > li:nth-child(2) div > span:nth-child(6) {
  8854.   width: 23.0295%;
  8855. }
  8856.  
  8857. #compra-solsazos ol > li:nth-child(2) div > span:nth-child(n+5):nth-child(n-7) {
  8858.   font-family: "raleway-bold-italic";
  8859.   font-weight: normal;
  8860.   font-size: 1.2em;
  8861.   padding: .5em 0;
  8862.   color: #fff;
  8863.   background-color: #F5BC31;
  8864. }
  8865.  
  8866. #compra-solsazos ol > li:nth-child(2) div > span span {
  8867.   display: block;
  8868.   text-align: center;
  8869.   color: #5E5E5E;
  8870.   font-family: "raleway";
  8871.   font-size: .8em;
  8872. }
  8873.  
  8874. #compra-solsazos ol > li:nth-child(2) div ul {
  8875.   margin-bottom: .7em;
  8876.   color: #5E5E5E;
  8877. }
  8878.  
  8879. #compra-solsazos ol > li:nth-child(2) div ul li span {
  8880.   width: 28.6945%;
  8881.   display: inline-block;
  8882.   padding-top: .2em;
  8883. }
  8884.  
  8885. #compra-solsazos ol > li:nth-child(2) div ul li span:nth-child(2) {
  8886.   width: 23.0295%;
  8887.   border-left: .15em solid #84806C;
  8888.   border-right: .15em solid #84806C;
  8889. }
  8890.  
  8891. #compra-solsazos ol > li:nth-child(2) div ul li:first-child span {
  8892.   padding-top: .5em;
  8893. }
  8894.  
  8895. #compra-solsazos ol > li:nth-child(2) div ul li:last-child span {
  8896.   padding-bottom: .9em;
  8897. }
  8898.  
  8899. #compra-solsazos ol > li:nth-child(2) hr {
  8900.   width: 80.5%;
  8901.   height: .42em;
  8902.   background-color: #B0A87B;
  8903.   border: 0;
  8904.   margin-bottom: 4.5%;
  8905. }
  8906.  
  8907. #compra-solsazos ol > li:last-child b, #compra-solsazos ol > li:last-child h2 {
  8908.   color: #E59A32;
  8909. }
  8910.  
  8911. #compra-solsazos ol > li:last-child h2:after {
  8912.   background-color: #E59A32;
  8913. }
  8914.  
  8915. #compra-solsazos ol > li:last-child ul {
  8916.   width: 75.0714%;
  8917.   margin: 0 auto 5% auto;
  8918. }
  8919.  
  8920. #compra-solsazos ol > li:last-child ul li {
  8921.   font-size: 1.3em;
  8922. }
  8923.  
  8924. #compra-solsazos ol > li:last-child ul li input {
  8925.   display: none;
  8926. }
  8927.  
  8928. #compra-solsazos ol > li:last-child ul li input:checked + label:after {
  8929.   content: "✓";
  8930. }
  8931.  
  8932. #compra-solsazos ol > li:last-child ul li label {
  8933.   position: relative;
  8934.   padding: .8em 1.8em;
  8935.   width: 100%;
  8936.   display: -webkit-flex;
  8937.   display: -ms-flexbox;
  8938.   display: flex;
  8939.   -webkit-justify-content: flex-start;
  8940.       -ms-flex-pack: start;
  8941.           justify-content: flex-start;
  8942.   -webkit-align-items: center;
  8943.       -ms-flex-align: center;
  8944.           align-items: center;
  8945.   -webkit-flex-wrap: wrap;
  8946.       -ms-flex-wrap: wrap;
  8947.           flex-wrap: wrap;
  8948. }
  8949.  
  8950. #compra-solsazos ol > li:last-child ul li label:hover {
  8951.   cursor: pointer;
  8952. }
  8953.  
  8954. #compra-solsazos ol > li:last-child ul li label:before {
  8955.   content: "";
  8956.   width: 1em;
  8957.   height: 1em;
  8958.   background-color: #E59A32;
  8959.   border: .15em solid #fff;
  8960.   margin-right: 1em;
  8961. }
  8962.  
  8963. #compra-solsazos ol > li:last-child ul li label:after {
  8964.   content: "";
  8965.   color: #FFF;
  8966.   font-size: 1.8em;
  8967.   position: absolute;
  8968.   top: .28em;
  8969.   left: 1.1em;
  8970.   line-height: .8;
  8971. }
  8972.  
  8973. #compra-solsazos ol > li:last-child ul li:first-child {
  8974.   color: #fff;
  8975.   background-color: #E59A32;
  8976.   margin-bottom: .8em;
  8977.   border: .3em solid #E59A32;
  8978.   background-image: url("imagenes/tarjetas2.png");
  8979.   background-repeat: no-repeat;
  8980.   background-size: auto 70%;
  8981.   background-position: 97% center;
  8982. }
  8983.  
  8984. #compra-solsazos ol > li:last-child ul li:first-child label > span {
  8985.   font-family: "raleway-medium";
  8986. }
  8987.  
  8988. #compra-solsazos ol > li:last-child ul li:last-child {
  8989.   background-color: #fff;
  8990.   border: .3em solid #D7D2AC;
  8991.   background-image: url("imagenes/pago-efectivo2.png");
  8992.   background-repeat: no-repeat;
  8993.   background-size: auto 33%;
  8994.   background-position: 97.6% 20%;
  8995. }
  8996.  
  8997. #compra-solsazos ol > li:last-child ul li:last-child label {
  8998.   -webkit-align-items: flex-start;
  8999.       -ms-flex-align: start;
  9000.           align-items: flex-start;
  9001.   padding: 1em 1.8em .8em 1.8em;
  9002. }
  9003.  
  9004. #compra-solsazos ol > li:last-child ul li:last-child label:before {
  9005.   position: relative;
  9006.   background-color: #fff;
  9007.   border-color: #E59A32;
  9008. }
  9009.  
  9010. #compra-solsazos ol > li:last-child ul li:last-child label:after {
  9011.   top: .39em;
  9012.   color: #E59A32;
  9013. }
  9014.  
  9015. #compra-solsazos ol > li:last-child ul li:last-child label > span {
  9016.   width: 87%;
  9017. }
  9018.  
  9019. #compra-solsazos ol > li:last-child ul li:last-child label > span > span:nth-child(1) {
  9020.   font-family: "raleway-medium";
  9021.   color: #84816D;
  9022. }
  9023.  
  9024. #compra-solsazos ol > li:last-child ul li:last-child label > span > span:nth-child(2) {
  9025.   display: block;
  9026.   font-size: .9em;
  9027.   margin-top: .7em;
  9028.   font-family: "raleway-italic";
  9029.   font-weight: bold;
  9030.   color: #E59A32;
  9031. }
  9032.  
  9033. #compra-solsazos ol > li:last-child ul li:last-child label > span > span:nth-child(2) span {
  9034.   color: #84816D;
  9035.   font-weight: normal;
  9036. }
  9037.  
  9038. .promo-redes {
  9039.   text-align: center;
  9040. }
  9041.  
  9042. .promo-redes h2 {
  9043.   margin-bottom: 1.5%;
  9044.   color: #999167;
  9045.   text-align: center;
  9046.   font-size: 3em !important;
  9047.   font-family: "thorup" !important;
  9048.   font-weight: normal;
  9049.   text-transform: uppercase;
  9050.   line-height: 1;
  9051. }
  9052.  
  9053. .promo-redes h2 span {
  9054.   margin-bottom: 0 !important;
  9055.   text-transform: lowercase;
  9056.   font-family: "raleway-italic" !important;
  9057.   font-size: 0.4285em !important;
  9058.   color: #83816E;
  9059.   display: block;
  9060. }
  9061.  
  9062. .promo-redes h2 span:last-child {
  9063.   margin-bottom: 0.5em !important;
  9064. }
  9065.  
  9066. .promo-redes h2:after {
  9067.   content: "";
  9068.   display: block;
  9069.   margin: 0 auto;
  9070.   width: 2.2% !important;
  9071.   background-color: #F6BD32;
  9072.   height: 0;
  9073.   padding-bottom: 0.3714% !important;
  9074. }
  9075.  
  9076. .promo-redes a {
  9077.   display: inline-block;
  9078.   width: 3.5714%;
  9079.   height: 0;
  9080.   padding-bottom: 3.2142%;
  9081.   margin-right: 2%;
  9082.   color: #999167;
  9083.   font-size: 3.125em;
  9084.   overflow: hidden;
  9085. }
  9086.  
  9087. .promo-redes a:last-child {
  9088.   margin-right: 0;
  9089. }
  9090.  
  9091. .promo-redes a:hover {
  9092.   opacity: .7;
  9093. }
  9094.  
  9095. .promo-redes a span {
  9096.   text-indent: -9999px;
  9097.   display: block;
  9098.   width: 100%;
  9099.   height: 100%;
  9100. }
  9101.  
  9102. .navegacion {
  9103.   display: -webkit-flex;
  9104.   display: -ms-flexbox;
  9105.   display: flex;
  9106.   -webkit-justify-content: center;
  9107.       -ms-flex-pack: center;
  9108.           justify-content: center;
  9109.   -webkit-align-items: center;
  9110.       -ms-flex-align: center;
  9111.           align-items: center;
  9112.   font-size: 1.1em;
  9113. }
  9114.  
  9115. .navegacion button {
  9116.   background-color: transparent;
  9117. }
  9118.  
  9119. .navegacion button:first-child, .navegacion button:last-child {
  9120.   margin-top: 1.2em;
  9121.   font-size: 1.1em;
  9122.   color: #F6BD32;
  9123.   font-family: "raleway-bold-italic";
  9124.   margin-right: 4em;
  9125. }
  9126.  
  9127. .navegacion button:first-child span, .navegacion button:last-child span {
  9128.   display: block;
  9129.   font-family: "raleway";
  9130.   color: #83816E;
  9131. }
  9132.  
  9133. .navegacion button:last-child {
  9134.   margin-left: 4em;
  9135.   margin-right: 0;
  9136. }
  9137.  
  9138. .navegacion button:nth-child(2) {
  9139.   margin-right: .5em;
  9140. }
  9141.  
  9142. .navegacion button:nth-child(2):after {
  9143.   content: "-";
  9144.   color: #F6BD32;
  9145.   font-size: 1.3em;
  9146.   margin-left: .3em;
  9147. }
  9148.  
  9149. .navegacion button:nth-child(2), .navegacion button:nth-child(3), .navegacion button:nth-child(4) {
  9150.   color: #83816E;
  9151.   font-size: 3.3em;
  9152.   font-family: "thorup";
  9153. }
  9154.  
  9155. .navegacion button:nth-child(3) {
  9156.   margin-right: .3em;
  9157. }
  9158.  
  9159. .navegacion button:nth-child(4) {
  9160.   margin-right: 0;
  9161. }
  9162.  
  9163. .navegacion button:nth-child(4):before {
  9164.   content: "–";
  9165.   color: #F6BD32;
  9166.   font-size: 1.3em;
  9167.   margin-right: .3em;
  9168. }
  9169.  
  9170. .navegacion button.activo {
  9171.   font-size: 6em;
  9172.   margin-right: .25em;
  9173.   color: #AFA77B;
  9174. }
  9175.  
  9176. .navegacion button.activo:before, .navegacion button.activo:after {
  9177.   font-size: .9em;
  9178. }
  9179.  
  9180. .select-especial {
  9181.   position: absolute;
  9182.   top: 1.3%;
  9183.   right: 0;
  9184.   display: -webkit-flex;
  9185.   display: -ms-flexbox;
  9186.   display: flex;
  9187.   -webkit-justify-content: center;
  9188.       -ms-flex-pack: center;
  9189.           justify-content: center;
  9190.   -webkit-align-items: center;
  9191.       -ms-flex-align: center;
  9192.           align-items: center;
  9193.   width: auto;
  9194. }
  9195.  
  9196. .select-especial select {
  9197.   font-size: .85em;
  9198.   width: 13.8125em;
  9199.   height: 2em;
  9200.   color: #5E605C;
  9201.   font-family: "raleway";
  9202.   background-color: #fff;
  9203.   padding-left: .3em;
  9204.   border-top: .1em solid #5E605C;
  9205.   border-bottom: .1em solid #5E605C;
  9206.   border-left: .1em solid #5E605C;
  9207.   -webkit-appearance: none;
  9208.      -moz-appearance: none;
  9209.           appearance: none;
  9210. }
  9211.  
  9212. .select-especial select::-ms-expand {
  9213.   display: none;
  9214. }
  9215.  
  9216. .select-especial .icon-flecha {
  9217.   height: 2.12em;
  9218.   width: 2.5em;
  9219.   font-size: .8em;
  9220.   background-color: #F5BD32;
  9221.   color: #fff;
  9222.   display: -webkit-flex;
  9223.   display: -ms-flexbox;
  9224.   display: flex;
  9225.   -webkit-justify-content: center;
  9226.       -ms-flex-pack: center;
  9227.           justify-content: center;
  9228.   -webkit-align-items: center;
  9229.       -ms-flex-align: center;
  9230.           align-items: center;
  9231. }
  9232.  
  9233. .select-especial .icon-flecha:hover {
  9234.   cursor: pointer;
  9235. }
  9236.  
  9237. .select-especial ul {
  9238.   max-height: 0;
  9239.   overflow: hidden;
  9240.   padding: 0;
  9241.   width: 14.3125em;
  9242.   position: absolute;
  9243.   top: 2.5em;
  9244.   right: 0;
  9245.   background-color: #383235;
  9246.   font-size: .95em;
  9247.   position: absolute;
  9248.   transition: all .3s;
  9249. }
  9250.  
  9251. .select-especial ul li {
  9252.   display: block;
  9253.   color: #FFFFFF;
  9254.   font-family: "raleway";
  9255.   line-height: .8;
  9256.   border-bottom: 1px solid #FFFFFF;
  9257.   padding: .5em .6em;
  9258. }
  9259.  
  9260. .select-especial ul li:hover {
  9261.   color: #F5BD32;
  9262.   border-color: #F5BD32;
  9263.   font-weight: bold;
  9264. }
  9265.  
  9266. .select-especial ul li:last-child {
  9267.   border-bottom: 0;
  9268. }
  9269.  
  9270. .select-especial ul li:hover {
  9271.   cursor: pointer;
  9272. }
  9273.  
  9274. .select-especial ul:before {
  9275.   content: "";
  9276.   position: absolute;
  9277.   right: 3.5%;
  9278.   top: -.75em;
  9279.   width: 0;
  9280.   height: 0;
  9281.   border-bottom: .8em solid #383235;
  9282.   border-right: .7em solid transparent;
  9283.   border-left: .7em solid transparent;
  9284. }
  9285.  
  9286. .select-especial ul.activado {
  9287.   padding: .4em .8em;
  9288.   overflow: visible;
  9289.   max-height: 8em;
  9290. }
  9291.  
  9292. footer {
  9293.   background-color: #83816E;
  9294. }
  9295.  
  9296. footer .promo-redes {
  9297.   padding-top: 3%;
  9298.   margin-bottom: 1.2%;
  9299. }
  9300.  
  9301. footer .promo-redes h2 {
  9302.   color: #D6D1AF;
  9303.   font-size: 2.5em !important;
  9304. }
  9305.  
  9306. footer .promo-redes h2 span {
  9307.   color: #F2C531;
  9308. }
  9309.  
  9310. footer .promo-redes a {
  9311.   color: #D6D1AF;
  9312. }
  9313.  
  9314.  
  9315. footer .desarrollo .testimonio {
  9316.   width: 20%;
  9317.   background-color: #262123;
  9318.   padding: 1.5625em;
  9319.   color: #fff;
  9320.   text-align: left;
  9321.   position: relative;
  9322. }
  9323.  
  9324. footer .desarrollo .testimonio:after {
  9325.   content: "";
  9326.   position: absolute;
  9327.   bottom: 2.8125em;
  9328.   right: -1.1075em;
  9329.   width: 0;
  9330.   height: 0;
  9331.   border-left: 1.1875em solid #262123;
  9332.   border-top: 0.875em solid transparent;
  9333.   border-bottom: 0.875em solid transparent;
  9334. }
  9335.  
  9336. footer .desarrollo .testimonio h3 {
  9337.   font-family: "thorup";
  9338.   font-weight: normal;
  9339.   font-size: 2em;
  9340.   line-height: .5;
  9341.   margin-bottom: 0.45em;
  9342. }
  9343.  
  9344. footer .desarrollo .testimonio h3:after {
  9345.   content: "";
  9346.   display: block;
  9347.   margin-top: 0.35em;
  9348.   width: 20%;
  9349.   border: 0;
  9350.   background-color: #fff;
  9351.   height: 0.0625em;
  9352. }
  9353.  
  9354. footer .desarrollo .testimonio p {
  9355.   font-family: "raleway-italic";
  9356.   font-size: 1em;
  9357.   position: relative;
  9358.   text-align: justify;
  9359.   color: #F2F2E4;
  9360.   text-weight: normal;
  9361. }
  9362.  
  9363. footer .desarrollo .testimonio p span {
  9364.   background-image: url("imagenes/comillaspe.png");
  9365.   background-position: center center;
  9366.   background-repeat: no-repeat;
  9367.   width: 12px;
  9368.   height: 9px;
  9369.   display: inline-block;
  9370. }
  9371.  
  9372. footer .desarrollo .testimonio p span:first-child {
  9373.   margin-right: 0.3125em;
  9374. }
  9375.  
  9376. footer .desarrollo .testimonio p span:last-child {
  9377.   margin-left: 0.3125em;
  9378.   -webkit-transform: rotate(180deg);
  9379.       -ms-transform: rotate(180deg);
  9380.           transform: rotate(180deg);
  9381. }
  9382.  
  9383. footer .desarrollo .enlaces {
  9384.   display: -webkit-flex;
  9385.   display: -ms-flexbox;
  9386.   display: flex;
  9387.   -webkit-justify-content: space-between;
  9388.       -ms-flex-pack: justify;
  9389.           justify-content: space-between;
  9390.   width: 46%;
  9391. }
  9392.  
  9393. footer .desarrollo .enlaces .lista {
  9394.   text-align: left;
  9395. }
  9396.  
  9397. footer .desarrollo .enlaces .lista:last-child {
  9398.   margin-right: 0;
  9399. }
  9400.  
  9401. footer .desarrollo .enlaces .lista h3 {
  9402.   font-family: "thorup";
  9403.   font-weight: normal;
  9404.   font-size: 1.8125em;
  9405.   color: #F2C531;
  9406.   line-height: .8;
  9407.   margin-bottom: 0.4482em;
  9408. }
  9409.  
  9410. footer .desarrollo .enlaces .lista h3:after {
  9411.   margin-top: 0.1724em;
  9412.   content: "";
  9413.   width: 1.3em;
  9414.   display: block;
  9415.   border: 0;
  9416.   background-color: #F2C531;
  9417.   height: 0.1304em;
  9418. }
  9419.  
  9420. footer .desarrollo .enlaces .lista ul li a {
  9421.   display: block;
  9422.   font-family: "raleway";
  9423.   color: #D6D1AF;
  9424.   font-size: 1em;
  9425.   margin-bottom: 1px;
  9426. }
  9427.  
  9428. footer .desarrollo .enlaces .lista ul li a:hover {
  9429.   text-decoration: underline;
  9430. }
  9431.  
  9432. footer .desarrollo .enlaces .lista ul li .resalte {
  9433.   color: #F6BD32;
  9434. }
  9435.  
  9436. footer .desarrollo .enlaces .lista ul li .activo {
  9437.   color: #262123;
  9438. }
  9439.  
  9440. footer .desarrollo .enlaces .lista:first-child, footer .desarrollo .enlaces .lista:nth-child(2n) {
  9441.   width: 30%;
  9442. }
  9443.  
  9444. footer .desarrollo .enlaces .lista:last-child {
  9445.   width: 40%;
  9446. }
  9447.  
  9448. footer .desarrollo .tarjetas {
  9449.   width: 17%;
  9450.   overflow: hidden;
  9451.   display: -webkit-flex;
  9452.   display: -ms-flexbox;
  9453.   display: flex;
  9454.   -webkit-flex-wrap: wrap;
  9455.       -ms-flex-wrap: wrap;
  9456.           flex-wrap: wrap;
  9457.   position: relative;
  9458.   /* Todo EM es de FSM */
  9459. }
  9460.  
  9461. footer .desarrollo .tarjetas h2 {
  9462.   font-family: "raleway-italic";
  9463.   color: #D6D1AF;
  9464.   font-size: 1.0625em;
  9465.   margin-bottom: 0.7058em;
  9466.   width: 100%;
  9467. }
  9468.  
  9469. footer .desarrollo .tarjetas a {
  9470.   line-height: 0;
  9471. }
  9472.  
  9473. footer .desarrollo .tarjetas a img {
  9474.   display: block;
  9475.   width: 100%;
  9476. }
  9477.  
  9478. footer .desarrollo .tarjetas a:nth-child(2) {
  9479.   display: block;
  9480.   float: left;
  9481.   margin-right: auto;
  9482.   width: 53.7815%;
  9483. }
  9484.  
  9485. footer .desarrollo .tarjetas a:nth-child(2):hover {
  9486.   opacity: .7;
  9487. }
  9488.  
  9489. footer .desarrollo .tarjetas a:nth-child(2) img {
  9490.   border-radius: 3px;
  9491. }
  9492.  
  9493. footer .desarrollo .tarjetas a:nth-child(3) {
  9494.   display: block;
  9495.   float: right;
  9496.   width: 43.2773%;
  9497. }
  9498.  
  9499. footer .desarrollo .tarjetas a:nth-child(3):hover {
  9500.   opacity: .7;
  9501. }
  9502.  
  9503. footer .desarrollo .tarjetas a:nth-child(3) img {
  9504.   border-radius: 0.1875em;
  9505. }
  9506.  
  9507. footer .desarrollo .tarjetas a:last-child {
  9508.   margin-top: 8.4036%;
  9509.   padding: 0.375em 0.375em 0.1875em 0.375em;
  9510.   border: 0.25em solid #D6D1AF;
  9511. }
  9512.  
  9513. footer .desarrollo .tarjetas a:last-child:after {
  9514.   content: "";
  9515.   width: 0;
  9516.   height: 0;
  9517.   position: absolute;
  9518.   bottom: 27%;
  9519.   right: 10.5%;
  9520.   display: inline-block;
  9521.   border-bottom: 0.9375em solid #D6D1AF;
  9522.   border-right: 0.875em solid transparent;
  9523.   border-left: 0.875em solid transparent;
  9524.   z-index: 10;
  9525. }
  9526.  
  9527. footer .desarrollo .tarjetas a:last-child:before {
  9528.   content: "";
  9529.   width: 0;
  9530.   height: 0;
  9531.   position: absolute;
  9532.   bottom: 24%;
  9533.   right: 11%;
  9534.   display: inline-block;
  9535.   border-bottom: 0.975em solid #83816E;
  9536.   border-right: 0.75em solid transparent;
  9537.   border-left: 0.75em solid transparent;
  9538.   z-index: 20;
  9539.   transition: all .5s;
  9540. }
  9541.  
  9542. footer .desarrollo .tarjetas a:last-child:hover {
  9543.   background-color: #D6D1AF;
  9544. }
  9545.  
  9546. footer .desarrollo .tarjetas a:last-child:hover:before {
  9547.   border-bottom: 8px solid #D6D1AF;
  9548. }
  9549.  
  9550. footer aside {
  9551.   margin-top: 2.5%;
  9552.   display: block;
  9553.   width: 100%;
  9554.   padding: 2% 0;
  9555.   background-color: #D6D1AF;
  9556.   color: #83816E;
  9557.   font-family: "raleway";
  9558.   font-size: 1em;
  9559.   text-align: center;
  9560. }
  9561.  
  9562. footer aside p {
  9563.   width: 76.57%;
  9564.   margin: 0 auto;
  9565. }
  9566.  
  9567. /* Estilos chancados del calendario */
  9568. .datepicker--cell.-selected-.-focus-, .datepicker--cell.-selected- {
  9569.   background: #EEC431 !important;
  9570. }
  9571.  
  9572. .datepicker--days-names {
  9573.   margin: 0 !important;
  9574.   padding: 8px 0;
  9575.   background-color: #EEC431;
  9576. }
  9577.  
  9578. .datepicker--days-names .datepicker--day-name {
  9579.   color: #fff !important;
  9580. }
  9581.  
  9582. .datepicker--cell.-current- {
  9583.   color: #EEC431 !important;
  9584. }
  9585.  
  9586. .datepicker--cells-months .datepicker--cell.-current- {
  9587.   color: #fff !important;
  9588. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement