Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "UTF-8";
- @font-face {
- font-family: "thorup";
- src: url("fonts/thorup/ThorupSansSmallCaps.woff");
- }
- @font-face {
- font-family: "thorup-bold";
- src: url("fonts/thorup/ThorupSansBold.woff");
- }
- @font-face {
- font-family: "raleway";
- src: url("fonts/raleway/Raleway-Regular.woff");
- }
- @font-face {
- font-family: "raleway-medium";
- src: url("fonts/raleway/Raleway-Medium.woff");
- }
- @font-face {
- font-family: "raleway-bold";
- src: url("fonts/raleway/Raleway-Bold.woff");
- }
- @font-face {
- font-family: "raleway-italic";
- src: url("fonts/raleway/Raleway-Italic.woff");
- }
- @font-face {
- font-family: "raleway-bold-italic";
- src: url("fonts/raleway/Raleway-BoldItalic.woff");
- }
- @font-face {
- font-family: "raleway-black";
- src: url("fonts/raleway/Raleway-Black.woff");
- }
- /* ESTILOS GENERALES NATIVOS*/
- * {
- box-sizing: border-box;
- }
- a {
- text-decoration: none;
- outline: 0;
- transition: .3s;
- }
- a:active {
- position: relative;
- top: 1px;
- }
- a:visited {
- color: #5E5E5E;
- }
- button {
- transition: all .3s;
- }
- button:hover {
- cursor: pointer;
- }
- button:active {
- position: relative;
- top: 1px;
- }
- li {
- list-style: none;
- }
- input[type="submit"]:hover {
- cursor: pointer;
- }
- h1, h2, h3, h4, h5, p, input, img, button, ul, li, ol, select {
- border: 0;
- padding: 0;
- margin: 0;
- outline: 0;
- }
- body {
- margin: 0;
- padding: 0;
- background-color: #fff;
- min-height: 100vh;
- }
- @media all and (min-width: 1700px) {
- body {
- font-size: 16px;
- }
- .am {
- width: 1400px;
- }
- }
- @media all and (min-width: 1366px) {
- body {
- font-size: 13.3713px;
- }
- }
- @media all and (min-width: 1024px) {
- body {
- font-size: 11.2px;
- }
- .am {
- width: 980px;
- }
- body > header #logo {
- overflow: hidden;
- display: block;
- float: left;
- width: 19.42%;
- height: 0;
- padding-bottom: 4.85%;
- background-image: url("imagenes/solbasta-logo.png");
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center center;
- text-indent: -9999px;
- }
- #subastas .envivo .moteadas article {
- position: relative;
- width: 18%;
- margin: 0 2.5% 1.8em 0;
- height: 30.9375em;
- }
- #subastas .envivo .moteadas article .mini-slider {
- overflow: hidden;
- position: relative;
- background-color: #fff;
- height: 13.125em;
- }
- footer .desarrollo {
- padding-top: 3.3%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- body {
- font-size: 11.2px;
- }
- .am {
- margin: 0 10px auto!important;
- font-size: 9px!important;
- }
- #subastas .envivo .moteadas article header h3 a {
- font-size: 1.8em!important;
- }
- .promo-redes a {
- display: inline-block;
- width: 5.6%!important;
- height: 0px;
- padding-bottom: 3.5%!important;
- margin-right: 2%;
- padding-top: 1px;
- color: #999167;
- font-size: 3em!important;
- overflow: hidden;
- }
- body > header #logo {
- overflow: hidden;
- display: block;
- float: left;
- width: 19.42%;
- height: 0;
- padding-bottom: 4.85%;
- background-image: url("imagenes/solbasta-logo.png");
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center center;
- text-indent: -9999px;
- }
- #subastas .envivo .moteadas article {
- position: relative;
- width: 18%;
- margin: 0 2.5% 1.8em 0;
- height: 30.9375em;
- }
- #subastas .envivo .moteadas article .mini-slider {
- overflow: hidden;
- position: relative;
- background-color: #fff;
- height: 13.125em;
- }
- footer .desarrollo {
- padding-top: 3.3%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- }
- @media (max-width: 767px) {
- body > header #logo {
- display: block;
- margin: 0 auto;
- height: 0;
- padding-bottom: 22%;
- background-image: url(imagenes/solbasta-logo.png);
- background-repeat: no-repeat;
- background-position: center center;
- text-indent: -9999px;
- }
- #subastas .envivo .moteadas article {
- position: relative;
- width: 100%;
- margin: 0 2.5% 1.8em 0;
- height: 100%;
- }
- #subastas .envivo .moteadas article .mini-slider {
- overflow: hidden;
- position: relative;
- background-color: #fff;
- height: 100%;
- }
- #subastas .todas {
- display: block!important;
- text-align: center!important;
- float: none!important;
- /* margin: 1.5% 1.5% 0 0; */
- }
- .promo-redes a {
- width: 15%!important;
- height: 1em!important;
- }
- footer .desarrollo {
- display: none!important;
- }
- .nc {
- display: none!important;
- }
- }
- .am {
- margin: 0 auto;
- display: block;
- position: relative;
- transition: .5s;
- }
- /* EMPIEZA LA MÁGIA */
- /* TFSM = [tomado del font-size maestro] */
- body.home > header {
- padding-bottom: 1.3%;
- }
- body.home #subastas .am {
- padding: 2.1% 0;
- }
- body.subasta {
- background-color: #F7F7EF;
- }
- body.marfil {
- /* Nombre aceptado por hiro :v yo le quería poner maiz XD*/
- background-color: #F2F3E4;
- }
- body > header {
- padding: 1.3% 0 0.3% 0;
- }
- body > header .am:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- body > header #logo:hover {
- opacity: .8;
- }
- body > header nav {
- float: right;
- background-color: #D6D1AF;
- position: relative;
- }
- body > header nav > ul {
- /*padding:3px 0;*/
- display: table;
- }
- body > header nav > ul > li {
- display: table-cell;
- vertical-align: middle;
- padding: 3px 0;
- transition: all .3s;
- }
- body > header nav > ul > li > a {
- display: table-cell;
- vertical-align: middle;
- padding: 0.1351em 0.5945em;
- /* 5px 22px */
- color: #5D5E59;
- font-size: 2.3125em;
- /* 37px */
- font-family: "thorup";
- text-transform: uppercase;
- line-height: 0.5945em;
- /* 20px */
- position: relative;
- border-left: 1px solid #949389;
- }
- body > header nav > ul > li > a span {
- display: block;
- line-height: 0.5em;
- /* 10px */
- margin-bottom: 2.5%;
- /* 2px */
- font-size: 0.5em;
- /* 20px */
- color: #5D5E59;
- text-decoration: none;
- }
- body > header nav > ul > li:first-child a {
- border-left: 0;
- }
- body > header nav > ul > li.como {
- background-color: #A7B300;
- }
- body > header nav > ul > li.como a {
- border-left: 0;
- }
- body > header nav > ul > li.anaranjado {
- background-color: #F2C531;
- }
- body > header nav > ul > li.anaranjado a {
- border-left: 0;
- }
- body > header nav > ul > li.cuenta {
- background-color: #5B5D58;
- }
- body > header nav > ul > li.cuenta a {
- border-left: 0;
- color: #fff;
- }
- body > header nav > ul > li.cuenta ul {
- max-height: 0;
- transition: all .5s;
- overflow: hidden;
- background-color: #262123;
- position: absolute;
- right: 0;
- top: 4.15em;
- /* 68px TFSM */
- z-index: 30;
- }
- body > header nav > ul > li.cuenta ul li {
- margin: 0 0.875em 0.3125em 0.875em;
- /* margin:0 14px 5px 14px; TFSM*/
- }
- body > header nav > ul > li.cuenta ul li a {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 0.1em 0.25em;
- /* padding:2px 5px 2px 32px; */
- font-family: "raleway";
- text-transform: capitalize;
- font-size: 1.25em;
- /* 20px TFSM */
- border-left: 0.25em solid #262123;
- }
- body > header nav > ul > li.cuenta ul li a:hover {
- color: #F6BD32;
- border-color: #F6BD32;
- font-family: "raleway-italic";
- }
- body > header nav > ul > li.cuenta ul li a:before {
- margin-right: .3em;
- }
- body > header nav > ul > li.cuenta ul li:first-child {
- margin-top: 0.875em;
- /* 14px TFSM */
- }
- body > header nav > ul > li.cuenta ul li:last-child {
- margin-bottom: 0.875em;
- /* 14px TFSM */
- }
- body > header nav > ul > li.cuenta:hover ul {
- max-height: 253px;
- /* 253px TFSM*/
- }
- body > header nav > ul > li.cuenta:hover > a:before {
- display: block;
- content: "";
- position: absolute;
- right: 1.49em;
- top: 1.10em;
- width: 0;
- height: 0;
- border-bottom: 17px solid #262123;
- border-right: 14px solid transparent;
- border-left: 14px solid transparent;
- }
- body > header nav > ul > li:hover {
- background-color: #5B5D58;
- }
- body > header nav > ul > li:hover a {
- color: #fff;
- border-left: 1px solid #5B5D58;
- }
- body > header nav > ul > li:hover a span {
- color: #fff;
- }
- body > header nav > ul > li:hover + li a {
- border-left: 1px solid #D6D1AF;
- }
- body > header #usuario {
- float: right;
- width: 100%;
- text-align: right;
- }
- body > header #usuario #opciones {
- display: inline-block;
- border: 0.125em solid #AFA77B;
- overflow: hidden;
- padding: 0.3125em 0.25em;
- /* padding:5px 4px; TFSM*/
- }
- body > header #usuario #opciones a {
- display: inline-block;
- font-size: 1.1875em;
- /* 19px TFSM*/
- padding: 0 0.5263em;
- /* padding:0 10px */
- }
- body > header #usuario #opciones a:first-child {
- font-family: "raleway-bold";
- text-transform: uppercase;
- color: #F6BD32;
- }
- body > header #usuario #opciones a:first-child:hover {
- background-color: #F6BD32;
- color: #fff;
- }
- body > header #usuario #opciones a:first-child:hover + a {
- border-color: #F6BD32;
- }
- body > header #usuario #opciones a:last-child {
- font-family: "raleway";
- color: #B4B188;
- border-left: 2px solid #AFA77B;
- }
- body > header #usuario #opciones a:last-child:hover {
- background-color: #B4B188;
- color: #fff;
- }
- body > header #usuario #opciones:hover #inicio {
- border-color: #fff;
- }
- body > header #usuario span {
- font-family: "raleway";
- font-size: 1.125em;
- /* 18px TFSM*/
- color: #918F85;
- }
- body > header #usuario span b {
- color: #84806D;
- font-family: "raleway-bold";
- }
- body > header #usuario span b:first-child {
- margin-right: 0.1666em;
- /* 3px */
- padding-right: 0.3888em;
- /* 7px */
- border-right: 0.1666em solid #84806D;
- /* 3px */
- line-height: 0;
- }
- body > header #usuario span b:first-child:after {
- content: "";
- display: inline-block;
- margin-left: 0.3888em;
- /* 7px */
- width: 0;
- height: 0;
- border-top: 0.5555em solid #F6BD32;
- /* 10px */
- border-left: 0.3333em solid transparent;
- /* 6px */
- border-right: 0.3333em solid transparent;
- /* 6px */
- }
- #slider {
- width: 100%;
- background-color: #D6D1AF;
- position: relative;
- overflow: hidden;
- height: 36.1221em;
- }
- #slider > button {
- font-size: 1em;
- text-align: center;
- color: #F2C531;
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- width: 1.7em;
- height: 5.4em;
- background-color: transparent;
- overflow: hidden;
- }
- #slider > button#anterior {
- left: 5%;
- }
- #slider > button#anterior span:before {
- font-size: 5.3em;
- display: inline-block;
- -webkit-transform: rotate(4.5deg);
- -ms-transform: rotate(4.5deg);
- transform: rotate(4.5deg);
- margin-left: -105%;
- line-height: 1;
- }
- #slider > button#siguiente {
- right: 5%;
- }
- #slider > button#siguiente span:before {
- font-size: 5.3em;
- display: inline-block;
- -webkit-transform: rotate(-4.5deg);
- -ms-transform: rotate(-4.5deg);
- transform: rotate(-4.5deg);
- margin-left: -115%;
- line-height: 1;
- }
- #slider .am {
- height: 100%;
- overflow: hidden;
- }
- #slider #contenedor {
- width: 400%;
- margin-left: 0;
- transition: all 1s;
- padding: 2.5% 0 4.5% 0;
- overflow: hidden;
- z-index: 10;
- height: 100%;
- }
- #slider #contenedor .texto-imagen {
- float: left;
- width: 25%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- height: 100%;
- }
- #slider #contenedor .texto-imagen .texto {
- padding-right: 2.5%;
- width: 50%;
- }
- #slider #contenedor .texto-imagen .texto p {
- height: 50%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
- }
- #slider #contenedor .texto-imagen .texto p:first-child b {
- color: #5D5E59;
- font-size: 6.25em;
- /* 100px TFSM*/
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: .8;
- }
- #slider #contenedor .texto-imagen .texto p:first-child span {
- font-family: "raleway-italic";
- font-size: 1.875em;
- /* 30px TFSM*/
- color: #83816E;
- }
- #slider #contenedor .texto-imagen .texto p:last-child * {
- display: block;
- }
- #slider #contenedor .texto-imagen .texto p:last-child span {
- font-family: "raleway";
- font-size: 1.875em;
- /* 30px TFSM*/
- color: #AFA77B;
- }
- #slider #contenedor .texto-imagen .texto p:last-child b {
- color: #5D5E59;
- font-size: 2.1875em;
- /* 35px TFSM*/
- font-family: "raleway-italic";
- font-weight: bold;
- text-transform: uppercase;
- margin-bottom: 0.2857em;
- /* 10px */
- }
- #slider #contenedor .texto-imagen .texto p:last-child button {
- float: right;
- padding: 0 0.2222em;
- /* 10px [lo toma del FS de abajo] */
- line-height: .8;
- border: 4px solid #AFA77B;
- background-color: transparent;
- color: #9D966C;
- font-size: 2.8125em;
- /* 45px TFSM*/
- font-family: "thorup";
- font-weight: Bold;
- transition: all .5s;
- }
- #slider #contenedor .texto-imagen .texto p:last-child button:hover {
- background-color: #AFA77B;
- color: #fff;
- }
- #slider #contenedor .texto-imagen .imagen {
- padding-left: 2.5%;
- width: 50%;
- position: relative;
- }
- #slider #contenedor .texto-imagen .imagen img {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- margin: auto;
- max-height: 100%;
- }
- #slider #bolitas {
- position: absolute;
- bottom: 6.2%;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- }
- #slider #bolitas button {
- width: 15px;
- height: 15px;
- border-radius: 50%;
- margin-right: 8px;
- background-color: #AFA77B;
- }
- #slider #bolitas button:last-child {
- margin-right: 0;
- }
- #slider #bolitas .activo {
- background-color: #F2C531;
- }
- .filtrar-por {
- position: absolute;
- top: 1.2em;
- right: .5%;
- width: 28.8887%;
- }
- .filtrar-por button {
- background-color: transparent;
- overflow: hidden;
- width: 100%;
- font-size: 1em;
- }
- .filtrar-por button span:first-child {
- text-align: left;
- display: block;
- width: 85%;
- float: left;
- line-height: 1.6em;
- font-family: "raleway";
- color: #5E605C;
- font-size: .95em;
- padding: 0 .8em;
- border-top: .1em solid #5E605C;
- border-bottom: .1em solid #5E605C;
- border-left: .1em solid #5E605C;
- }
- .filtrar-por button span:last-child {
- float: right;
- background-color: #F5BD32;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- color: #fff;
- width: 15%;
- height: 1.65em;
- }
- .filtrar-por button span:last-child:before {
- font-size: .8em;
- }
- .filtrar-por ul {
- max-height: 0;
- overflow: hidden;
- padding: 0;
- background-color: #383235;
- font-size: .95em;
- position: absolute;
- top: 120%;
- right: 1%;
- transition: all .3s;
- }
- .filtrar-por ul li a {
- display: block;
- color: #FFFFFF;
- font-family: "raleway";
- line-height: .8;
- border-bottom: 1px solid #FFFFFF;
- padding: .5em .6em;
- }
- .filtrar-por ul li a:hover {
- color: #F5BD32;
- border-color: #F5BD32;
- font-weight: bold;
- }
- .filtrar-por ul li:last-child a {
- border-bottom: 0;
- }
- .filtrar-por ul:before {
- content: "";
- position: absolute;
- right: 5%;
- top: -.75em;
- width: 0;
- height: 0;
- border-bottom: .8em solid #383235;
- border-right: .8em solid transparent;
- border-left: .8em solid transparent;
- }
- .filtrar-por:hover ul {
- max-height: 8em;
- overflow: visible;
- padding: .4em .8em;
- }
- #subastas .am {
- padding-bottom: 1.8%;
- }
- #subastas .am > hr {
- background-color: #AFA77B;
- border: 0;
- width: 85%;
- height: 0.25em;
- padding: 0;
- margin: 3.5% auto;
- }
- #subastas .am:after, #subastas .am .envivo:after, #subastas .am .proximas:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- #subastas h2 {
- color: #999167;
- text-align: center;
- font-size: 4.375em;
- /* 70px TFSM */
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin-bottom: 2.5%;
- }
- #subastas h2:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 3.5%;
- background-color: #F6BD32;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #subastas h2 span {
- text-transform: lowercase;
- font-family: "raleway-italic";
- font-size: 0.4285em;
- /* 30px */
- color: #83816E;
- display: block;
- margin-bottom: 0.5em;
- /* 15px [de arriba] */
- }
- #subastas article {
- /* Estilo general para los iconitos de tipos de subasta */
- }
- #subastas article .tipos {
- position: absolute;
- top: 19.3%;
- left: 0;
- /* Seguir trabajando en esta wada.., disolu,si lees esto vete a la RKTM xD*/
- }
- #subastas article .tipos a {
- width: 2.375em;
- /* 38px TFSM*/
- height: 2.375em;
- display: block;
- margin-bottom: 26.31%;
- position: relative;
- text-align: center;
- }
- #subastas article .tipos a i {
- color: #fff;
- font-size: 1.375em;
- /* 22px TFSM*/
- position: absolute;
- top: 19%;
- left: 19%;
- }
- #subastas article .tipos a span:first-child {
- color: #F6BD32;
- position: absolute;
- top: 0;
- left: 0;
- font-size: 2.3em;
- }
- #subastas article .tipos a span:last-child {
- display: none;
- width: 684%;
- text-align: justify;
- position: absolute;
- bottom: 128%;
- /* 52px, % de ancho del A*/
- left: -240%;
- /* 95px % de ancho del A [38px]*/
- padding: 0.7142em 1.071em;
- /* padding:10px 15px; de abajo*/
- background-color: #5B5D58;
- color: #fff;
- font-family: "raleway-medium";
- font-size: 0.875em;
- /* 14px TFSM */
- transition: all .3s;
- z-index: 20;
- }
- #subastas article .tipos a:hover {
- cursor: help;
- }
- #subastas article .tipos a:hover span:last-child {
- display: block;
- }
- #subastas article .tipos a:hover span:last-child:after {
- content: "";
- position: absolute;
- bottom: -15%;
- left: 40%;
- width: 0;
- height: 0;
- border-top: 0.875em solid #5B5D58;
- /* 14px TFSM */
- border-left: 0.625em solid transparent;
- /* 10px TFSM */
- border-right: 0.625em solid transparent;
- /* 10px TFSM */
- }
- #subastas article .tipos .rapidita span:first-child {
- color: #F6BD32;
- }
- #subastas article .tipos .rapidita b {
- color: #F6BD32;
- }
- #subastas article .tipos .cumpleanos span:first-child {
- color: #D7C81C;
- }
- #subastas article .tipos .cumpleanos b {
- color: #D7C816;
- }
- #subastas article .tipos .vistas span:first-child {
- color: #E59B32;
- }
- #subastas article .tipos .vistas b {
- color: #E59A28;
- }
- #subastas article .tipos .pelea span:first-child {
- color: #A7B41A;
- }
- #subastas article .tipos .pelea i {
- font-size: 1.875em;
- /* 22px TFSM*/
- top: 7%;
- left: 10%;
- }
- #subastas article .tipos .pelea b {
- color: #A7B300;
- }
- #subastas .envivo {
- width: 88.1428%;
- margin: 0 auto;
- position: relative;
- }
- #subastas .envivo #categorias {
- margin-bottom: 3%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- #subastas .envivo #categorias li a {
- background-color: #D7D1AF;
- color: #84806D;
- font-family: "thorup";
- font-size: 1.85em;
- padding: .3em .78em;
- position: relative;
- }
- #subastas .envivo #categorias li a:after {
- content: "";
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- right: 0;
- width: .05em;
- height: 80%;
- background-color: #84806D;
- }
- #subastas .envivo #categorias li a:hover, #subastas .envivo #categorias li a.activado {
- background-color: #F6BE33;
- }
- #subastas .envivo #categorias li:last-child a:after {
- display: none;
- }
- #subastas .envivo .moteadas {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #subastas .envivo .moteadas article:nth-child(5n) {
- margin-right: 0;
- }
- #subastas .envivo .moteadas article header {
- height: 5.9375em;
- text-align: center;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- }
- #subastas .envivo .moteadas article header h3 {
- display: block;
- }
- #subastas .envivo .moteadas article header h3 a {
- font-size: 2.215em;
- /* 41px */
- font-family: "thorup-bold";
- font-weight: normal;
- text-transform: uppercase;
- color: #AFA77B;
- }
- #subastas .envivo .moteadas article header h4 {
- display: block;
- color: #CAC8BF;
- font-family: "raleway";
- font-size: 0.875em;
- /* 14px TFSM */
- }
- #subastas .envivo .moteadas article header h4 b {
- font-weight: Bold;
- color: #83816E;
- }
- #subastas .envivo .moteadas article .mini-slider:hover button {
- opacity: 1;
- }
- #subastas .envivo .moteadas article .mini-slider .imagenes {
- /* width: 400%; */
- overflow: hidden;
- margin-left: 0;
- transition: all .3s;
- }
- #subastas .envivo .moteadas article .mini-slider .imagenes a {
- float: left;
- /* width: 25%; */
- z-index: 10;
- }
- #subastas .envivo .moteadas article .mini-slider .imagenes a img {
- display: block;
- margin: 5.78% auto;
- width: 88.44%;
- }
- #subastas .envivo .moteadas article .mini-slider > button {
- opacity: .4;
- /* */
- font-size: 1em;
- text-align: center;
- color: #F2C531;
- position: absolute;
- top: 50%;
- z-index: 20;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- width: 1.2625em;
- height: 3.4588em;
- background-color: transparent;
- overflow: hidden;
- transition: all .5s;
- }
- #subastas .envivo .moteadas article .mini-slider > button span:before {
- font-size: 3.3em;
- margin-left: -90%;
- line-height: 1;
- display: inline-block;
- }
- #subastas .envivo .moteadas article .mini-slider > button:nth-last-child(2) {
- left: 16.70%;
- }
- #subastas .envivo .moteadas article .mini-slider > button:nth-last-child(2) span:before {
- -webkit-transform: rotate(4.5deg);
- -ms-transform: rotate(4.5deg);
- transform: rotate(4.5deg);
- }
- #subastas .envivo .moteadas article .mini-slider > button:last-child {
- right: 14.70%;
- }
- #subastas .envivo .moteadas article .mini-slider > button:last-child span:before {
- -webkit-transform: rotate(-4.5deg);
- -ms-transform: rotate(-4.5deg);
- transform: rotate(-4.5deg);
- }
- #subastas .envivo .moteadas article .tiempo, #subastas .envivo .moteadas article strong, #subastas .envivo .moteadas article > button, #subastas .envivo .moteadas article .ultimo {
- display: block;
- margin: 0 auto;
- text-align: center;
- }
- #subastas .envivo .moteadas article .tiempo {
- margin-top: 0.4259em;
- color: #85806C;
- font-size: 3.375em;
- /* 70px */
- line-height: 0.57em;
- font-family: "thorup";
- font-weight: normal;
- margin-bottom: 0.1em;
- }
- #subastas .envivo .moteadas article strong {
- color: #F6BD32;
- font-size: 1.7em;
- /* 34px TFSM*/
- font-weight: normal;
- font-family: "raleway";
- margin-bottom: 0.2941em;
- }
- #subastas .envivo .moteadas article > button {
- background-color: #F6BD32;
- color: #fff;
- width: 6.5em;
- line-height: 1.5em;
- font-size: 1.3em;
- /* 24px TFSM*/
- font-family: "raleway-black";
- font-weight: Bold;
- text-transform: uppercase;
- border-radius: 0.8333em;
- /* 20px */
- margin-bottom: 0.1083em;
- /* 5px */
- }
- #subastas .envivo .moteadas article .ultimo {
- font-family: "raleway";
- color: #83816E;
- font-size: 1.1em;
- /* 20px TFSM*/
- font-weight: normal;
- margin-bottom: 9%;
- }
- #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 {
- border: 0.4375em solid #D6D1AF;
- /* 7px TFSM*/
- }
- #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) {
- background-color: #D6D1AF;
- }
- #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 {
- height: 6.375em;
- }
- #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 {
- color: #83816E;
- }
- #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 {
- color: #B3B095;
- }
- #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 {
- color: #6F7266;
- }
- #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 {
- top: 20.3%;
- }
- #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 {
- color: #262123;
- }
- #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 {
- background-color: #fff;
- color: #F6BD32;
- }
- #subastas .envivo .mas-caro article {
- height: 30.938em !important;
- }
- #subastas .envivo .mas-caro article:nth-child(9) {
- background-color: #EFB632;
- width: 38.5%;
- }
- #subastas .envivo .mas-caro article:nth-child(9) header h3 a {
- color: #fff;
- }
- #subastas .envivo .mas-caro article:nth-child(9) header h4 {
- color: #5B5D58;
- }
- #subastas .envivo .mas-caro article:nth-child(9) header h4 b {
- color: #5B5D58;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes {
- width: 100% !important;
- height: 100%;
- position: relative;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a {
- position: absolute;
- float: none;
- width: auto;
- width: 41.3705% !important;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a img {
- width: 100%;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a:first-child {
- top: -80%;
- left: -40%;
- -webkit-transform: rotate(5deg);
- -ms-transform: rotate(5deg);
- transform: rotate(5deg);
- width: 65% !important;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a:nth-child(2) {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a:nth-child(3) {
- bottom: -80%;
- right: -35%;
- -webkit-transform: rotate(-170deg);
- -ms-transform: rotate(-170deg);
- transform: rotate(-170deg);
- width: 65% !important;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .mini-slider .imagenes a:last-child {
- display: none;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .mini-slider button {
- display: none;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .tipos {
- display: none;
- }
- #subastas .envivo .mas-caro article:nth-child(9) .tiempo {
- color: #fff;
- }
- #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 {
- border: 0.4375em solid #D6D1AF;
- /* 7px TFSM*/
- background-color: #fff;
- }
- #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 {
- color: #AFA77B !important;
- }
- #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 {
- background-color: #F6BD32;
- color: #fff;
- }
- #subastas .envivo .mas-caro article:nth-child(9), #subastas .envivo .mas-caro article:last-child {
- margin-right: 0;
- }
- #subastas .envivo .mas-caro article:nth-child(10) {
- margin-right: 2.5%;
- }
- #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) {
- background-color: #D6D1AF;
- border: 0;
- }
- #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 {
- height: 6.375em;
- }
- #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 {
- color: #83816E;
- }
- #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 {
- color: #B3B095;
- }
- #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 {
- top: 20.3%;
- }
- #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 {
- color: #262123;
- }
- #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 {
- background-color: #fff;
- color: #F6BD32;
- }
- #subastas .destacadas {
- width: 85%;
- margin-left: auto;
- margin-right: auto;
- }
- #subastas .destacadas .limpias {
- margin-top: 5%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
- }
- #subastas .destacadas .limpias article {
- width: 18%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- }
- #subastas .destacadas .limpias article > a {
- height: 16.4531em;
- text-align: center;
- margin-bottom: 2.9914em;
- }
- #subastas .destacadas .limpias article > a img {
- transition: all .3s;
- max-height: 100%;
- }
- #subastas .destacadas .limpias article > a:hover img {
- -webkit-transform: scale(1.25);
- -ms-transform: scale(1.25);
- transform: scale(1.25);
- }
- #subastas .destacadas .limpias article > a:hover + header a {
- color: #F6BD32;
- }
- #subastas .destacadas .limpias article > a:hover + header:after {
- background-color: #F6BD32;
- }
- #subastas .destacadas .limpias article header {
- padding: 9% 0;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- text-align: center;
- }
- #subastas .destacadas .limpias article header h3 a {
- font-size: 2.215em;
- /* 41px */
- font-family: "thorup-bold";
- font-weight: normal;
- text-transform: uppercase;
- color: #262123;
- }
- #subastas .destacadas .limpias article header h4 {
- color: #CAC8BF;
- font-family: "raleway";
- font-size: 0.875em;
- /* 14px TFSM */
- margin-bottom: 0.9333em;
- }
- #subastas .destacadas .limpias article header h4 b {
- font-weight: Bold;
- color: #83816E;
- }
- #subastas .destacadas .limpias article header:after {
- content: "";
- background-color: #fff;
- width: 35%;
- height: .6em;
- transition: all .5s;
- }
- #subastas .cuadros {
- margin: 0 auto 2% auto;
- width: 86.71%;
- height: 0;
- padding-bottom: 47.14%;
- position: relative;
- }
- #subastas .cuadros article {
- position: absolute;
- padding: 2.62%;
- overflow: hidden;
- }
- #subastas .cuadros article:hover img {
- -webkit-transform: scale(1.1);
- -ms-transform: scale(1.1);
- transform: scale(1.1);
- }
- #subastas .cuadros article > a {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- text-indent: -9999px;
- z-index: 20;
- }
- #subastas .cuadros article header {
- padding-bottom: 0;
- }
- #subastas .cuadros article h3 {
- display: inline-block;
- }
- #subastas .cuadros article h3 a {
- color: #5B5D58;
- font-size: 2.215em;
- font-family: "thorup-bold";
- font-weight: normal;
- text-transform: uppercase;
- }
- #subastas .cuadros article h3:after {
- content: "";
- display: block;
- width: 45%;
- background-color: #5B5D58;
- height: 0.2410em;
- margin: 0 auto;
- }
- #subastas .cuadros article .datos {
- font-family: "raleway";
- font-size: 1em;
- color: #83816E;
- z-index: 10;
- }
- #subastas .cuadros article .datos ul {
- margin-bottom: 0.625em;
- }
- #subastas .cuadros article .datos b {
- font-family: "raleway-italic";
- }
- #subastas .cuadros article .datos b span {
- display: block;
- margin-top: 0.3125em;
- font-weight: normal;
- }
- #subastas .cuadros article .imagen {
- text-align: center;
- z-index: 5;
- }
- #subastas .cuadros article .imagen img {
- display: inline-block;
- transition: all .3s;
- }
- #subastas .cuadros article:first-child {
- width: 45%;
- height: 57%;
- top: 0;
- left: 0;
- background-color: #D6D1AF;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #subastas .cuadros article:first-child header {
- width: 100%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- }
- #subastas .cuadros article:first-child .datos {
- width: 50%;
- text-align: right;
- padding-right: 4%;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- margin-bottom: 10%;
- }
- #subastas .cuadros article:first-child .imagen {
- width: 50%;
- max-height: 94%;
- }
- #subastas .cuadros article:first-child .imagen img {
- max-width: 100%;
- max-height: 100%;
- }
- #subastas .cuadros article:nth-child(2) {
- width: 27%;
- height: 100%;
- top: 0;
- left: 45%;
- background-color: #F6BD32;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- }
- #subastas .cuadros article:nth-child(2) h3:after {
- width: 25%;
- }
- #subastas .cuadros article:nth-child(2) header {
- margin-bottom: auto;
- }
- #subastas .cuadros article:nth-child(2) .datos {
- text-align: center;
- margin-bottom: 6%;
- }
- #subastas .cuadros article:nth-child(2) .datos ul {
- margin-bottom: 8.47%;
- }
- #subastas .cuadros article:nth-child(2) .imagen {
- height: 47%;
- width: 100%;
- }
- #subastas .cuadros article:nth-child(2) .imagen img {
- max-height: 100%;
- max-width: 100%;
- }
- #subastas .cuadros article:nth-child(3) {
- padding: 2.62%;
- width: 28%;
- height: 62%;
- top: 0;
- right: 0;
- background-color: #83816E;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #subastas .cuadros article:nth-child(3) header {
- width: 100%;
- text-align: right;
- }
- #subastas .cuadros article:nth-child(3) header h3 a {
- color: #D6D1AF;
- }
- #subastas .cuadros article:nth-child(3) header h3:after {
- background-color: #D6D1AF;
- width: 28%;
- }
- #subastas .cuadros article:nth-child(3) .datos {
- width: 60%;
- text-align: right;
- padding-right: 4%;
- color: #D6D1AF;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center;
- margin-bottom: 10%;
- }
- #subastas .cuadros article:nth-child(3) .imagen {
- width: 40%;
- height: 70%;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- margin-bottom: 2%;
- }
- #subastas .cuadros article:nth-child(3) .imagen img {
- max-height: 100%;
- margin: 0 0 0 -38.29%;
- }
- #subastas .cuadros article:nth-child(4) {
- width: 45%;
- height: 43%;
- left: 0;
- bottom: 0;
- background-color: #83816E;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- #subastas .cuadros article:nth-child(4) header {
- width: 65%;
- text-align: right;
- margin-bottom: auto;
- }
- #subastas .cuadros article:nth-child(4) header h3 a {
- color: #D6D1AF;
- }
- #subastas .cuadros article:nth-child(4) header h3:after {
- background-color: #D6D1AF;
- width: 28%;
- }
- #subastas .cuadros article:nth-child(4) .datos {
- color: #D6D1AF;
- width: 65%;
- text-align: left;
- }
- #subastas .cuadros article:nth-child(4) .imagen {
- width: 35%;
- -webkit-order: -1;
- -ms-flex-order: -1;
- order: -1;
- height: 100%;
- }
- #subastas .cuadros article:nth-child(4) .imagen img {
- max-height: 100%;
- max-width: 100%;
- }
- #subastas .cuadros article:last-child {
- padding: 1.5%;
- width: 28%;
- height: 38%;
- bottom: 0;
- right: 0;
- background-color: #D6D1AF;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #subastas .cuadros article:last-child header {
- width: 100%;
- }
- #subastas .cuadros article:last-child header span {
- width: 30%;
- }
- #subastas .cuadros article:last-child .datos {
- width: 65%;
- text-align: right;
- padding-right: 6%;
- }
- #subastas .cuadros article:last-child .imagen {
- width: 35%;
- height: 85%;
- margin-top: -8%;
- }
- #subastas .cuadros article:last-child .imagen img {
- height: 100%;
- }
- #subastas .terminadas .moteadas {
- overflow: hidden;
- width: 89%;
- margin: 0 auto;
- }
- #subastas .terminadas .moteadas article {
- float: left;
- width: 24%;
- margin: 0 1.3333% 3.3333% 0;
- text-align: center;
- }
- #subastas .terminadas .moteadas article > * {
- display: block;
- }
- #subastas .terminadas .moteadas article:nth-child(4n) {
- margin-right: 0;
- }
- #subastas .terminadas .moteadas article:nth-child(odd) {
- border: 0.305em solid #D6D1AF;
- }
- #subastas .terminadas .moteadas article:nth-child(even) {
- border-bottom: .5em solid #D6D1AF;
- }
- #subastas .terminadas .moteadas article:nth-child(even) .detalles {
- background-color: #D6D1AF;
- }
- #subastas .terminadas .moteadas article .detalles {
- padding-top: .8em;
- width: 100%;
- height: 15.1815em;
- overflow: hidden;
- position: relative;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- #subastas .terminadas .moteadas article .detalles img {
- max-width: 100%;
- transition: all .3s;
- }
- #subastas .terminadas .moteadas article .detalles .datos {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 100%;
- left: 0;
- font-family: "raleway";
- color: #fff;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- transition: all .3s;
- }
- #subastas .terminadas .moteadas article .detalles .datos p {
- color: #F5BD32;
- font-size: .9em;
- margin-bottom: .5em;
- }
- #subastas .terminadas .moteadas article .detalles .datos p time {
- display: block;
- color: #fff;
- }
- #subastas .terminadas .moteadas article .detalles .datos h3 {
- font-size: 3.215em;
- font-family: "thorup-bold";
- text-transform: uppercase;
- font-weight: normal;
- }
- #subastas .terminadas .moteadas article .detalles .datos h4 {
- font-weight: normal;
- margin-bottom: 1.5em;
- }
- #subastas .terminadas .moteadas article .detalles .datos a {
- display: inline-block;
- color: #fff;
- padding: .5em 1.5em;
- background-color: #F5BD32;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- border-radius: 1em;
- }
- #subastas .terminadas .moteadas article .detalles .datos a:hover {
- background-color: #fff;
- color: #F5BD32;
- }
- #subastas .terminadas .moteadas article .detalles:hover {
- background-color: #9C9880;
- }
- #subastas .terminadas .moteadas article .detalles:hover img {
- -webkit-filter: blur(0.5em);
- filter: blur(0.5em);
- width: 100%;
- }
- #subastas .terminadas .moteadas article .detalles:hover .datos {
- top: 0;
- }
- #subastas .terminadas .moteadas article > b {
- margin: 1em 0 .5em 0;
- text-align: center;
- color: #F6BD32;
- font-family: "raleway-italic";
- }
- #subastas .terminadas .moteadas article > b span {
- display: block;
- color: #AEA77A;
- font-family: "raleway-bold";
- }
- #subastas .terminadas .moteadas article strong {
- margin-bottom: .37em;
- text-align: center;
- color: #AEA77A;
- font-size: 4.575em;
- line-height: 0.57em;
- font-family: "thorup";
- font-weight: normal;
- }
- #subastas .terminadas .moteadas article strong span {
- display: block;
- color: #F6BD32;
- font-family: "raleway-italic";
- font-size: .24em;
- font-weight: bold;
- line-height: 1.5;
- }
- #subastas .terminadas .filtros {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- margin-top: 1em;
- }
- #subastas .terminadas .filtros a, #subastas .terminadas .filtros form {
- border: 0.125em solid #5B5D58;
- padding: .6em 1.2em;
- margin-right: 1em;
- color: #5B5D58;
- font-family: "raleway";
- }
- #subastas .terminadas .filtros a:hover {
- background-color: #5B5D58;
- color: #fff;
- }
- #subastas .terminadas .filtros form {
- margin-right: 0;
- padding: .3em 0 .3em .8em;
- transition: all .3s;
- }
- #subastas .terminadas .filtros form label {
- margin-right: .5em;
- }
- #subastas .terminadas .filtros form input {
- padding: .3em 0;
- font-family: "raleway";
- font-size: 1em;
- width: 0;
- transition: all .5s;
- }
- #subastas .terminadas .filtros form:hover {
- padding-right: .8em;
- }
- #subastas .terminadas .filtros form:hover input {
- width: 13em;
- padding-right: .5em;
- padding-left: .5em;
- border-bottom: 1px solid #8B8D89;
- }
- #subastas .proximas .planas {
- width: 92.2857%;
- margin: 0 auto;
- }
- #subastas .proximas .planas article {
- float: left;
- width: 24.0770%;
- height: 0;
- padding-bottom: 21.5087%;
- margin-bottom: 1.05em;
- margin-right: 1.2306%;
- background-color: #D6D1AF;
- position: relative;
- transition: all .5s;
- }
- #subastas .proximas .planas article .datos {
- z-index: 20;
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- opacity: 0;
- transition: all .5s;
- font-size: 1em;
- }
- #subastas .proximas .planas article .datos .tipos {
- position: absolute;
- top: 5%;
- left: 0;
- z-index: 20;
- }
- #subastas .proximas .planas article .datos .tipos a:after {
- border-right: 0.365em solid transparent;
- }
- #subastas .proximas .planas article .datos .texto {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- font-family: "raleway";
- color: #fff;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- transition: all .3s;
- text-align: center;
- z-index: 10;
- }
- #subastas .proximas .planas article .datos .texto p {
- color: #F5BD32;
- font-size: .9em;
- margin-bottom: 1.5em;
- }
- #subastas .proximas .planas article .datos .texto p time {
- display: block;
- color: #fff;
- }
- #subastas .proximas .planas article .datos .texto h3 {
- font-size: 3.215em;
- font-family: "thorup-bold";
- text-transform: uppercase;
- font-weight: normal;
- }
- #subastas .proximas .planas article .datos .texto h4 {
- font-weight: normal;
- margin-bottom: 1.5em;
- }
- #subastas .proximas .planas article .datos .texto a {
- display: inline-block;
- color: #fff;
- padding: .5em 1.5em;
- background-color: #F5BD32;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- border-radius: 1em;
- }
- #subastas .proximas .planas article .datos .texto a:hover {
- background-color: #fff;
- color: #F5BD32;
- }
- #subastas .proximas .planas article .datos button {
- font-size: 1em;
- width: 2.375em;
- /* 38px TFSM*/
- height: 2.375em;
- position: absolute;
- top: 5%;
- right: 5%;
- background-color: transparent;
- text-align: center;
- z-index: 20;
- }
- #subastas .proximas .planas article .datos button span:first-child {
- position: absolute;
- top: 0;
- left: 0;
- font-size: 2.3em;
- line-height: 0;
- color: #F6BD32;
- }
- #subastas .proximas .planas article .datos button i {
- line-height: 0;
- position: absolute;
- top: 14%;
- left: 16%;
- font-size: 1.575em;
- color: #fff;
- transition: all .3s;
- }
- #subastas .proximas .planas article .datos button span:last-child {
- display: none;
- width: 550%;
- text-align: justify;
- position: absolute;
- bottom: 128%;
- left: -190%;
- padding: 0.7142em 1.071em;
- background-color: #5B5D58;
- color: #fff;
- font-family: "raleway-medium";
- font-size: 0.875em;
- transition: all .3s;
- z-index: 20;
- }
- #subastas .proximas .planas article .datos button.activo span:first-child {
- color: #fff;
- }
- #subastas .proximas .planas article .datos button.activo i {
- color: #5B5D58;
- }
- #subastas .proximas .planas article .datos button.aviso span:last-child {
- display: block;
- }
- #subastas .proximas .planas article .datos button.aviso span:last-child:after {
- content: "";
- position: absolute;
- bottom: -15%;
- left: 40%;
- width: 0;
- height: 0;
- border-top: 0.875em solid #5B5D58;
- /* 14px TFSM */
- border-left: 0.625em solid transparent;
- /* 10px TFSM */
- border-right: 0.625em solid transparent;
- /* 10px TFSM */
- }
- #subastas .proximas .planas article .datos button:hover i {
- color: #5B5D58;
- }
- #subastas .proximas .planas article .extra {
- z-index: 10;
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- overflow: hidden;
- }
- #subastas .proximas .planas article .extra img {
- max-width: 80.625%;
- transition: all .3s;
- }
- #subastas .proximas .planas article .extra strong {
- display: none;
- margin-left: 1.2em;
- font-size: 3.2em;
- font-family: "thorup-bold";
- text-transform: uppercase;
- font-weight: normal;
- color: #fff;
- text-align: center;
- }
- #subastas .proximas .planas article .extra strong span {
- display: block;
- font-family: "raleway";
- font-weight: normal;
- text-transform: lowercase;
- font-size: .31em;
- }
- #subastas .proximas .planas article:nth-child(4), #subastas .proximas .planas article:nth-child(7) {
- background-color: #F6BD32;
- height: 0;
- padding-bottom: 44.248%;
- margin-right: 0;
- box-shadow: 5px 5px 10px #C0C0C0;
- }
- #subastas .proximas .planas article:nth-child(4) strong, #subastas .proximas .planas article:nth-child(7) strong {
- display: block;
- margin: .5em 0 .6em 0;
- }
- #subastas .proximas .planas article:nth-child(4) .extra {
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- }
- #subastas .proximas .planas article:nth-child(5) {
- margin-top: -22.8393%;
- }
- #subastas .proximas .planas article:nth-child(5) h3 {
- width: 73.3964%;
- }
- #subastas .proximas .planas article:nth-child(5) img {
- margin-top: 33%;
- -webkit-transform: rotate(30deg);
- -ms-transform: rotate(30deg);
- transform: rotate(30deg);
- width: 65%;
- }
- #subastas .proximas .planas article:nth-child(6) {
- margin: -22.8393% 1.2306% 1.05em 25.3076%;
- width: 49.3846%;
- background-color: #FFF;
- padding-bottom: 21.5087%;
- }
- #subastas .proximas .planas article:nth-child(6) img {
- max-width: 43.5736%;
- }
- #subastas .proximas .planas article:nth-child(6) strong {
- display: block;
- margin: 0 .6em 0 1.1em;
- color: #84816D;
- max-width: 44.6728%;
- }
- #subastas .proximas .planas article:nth-child(6) strong span {
- color: #5C5E59;
- }
- #subastas .proximas .planas article:nth-child(6):hover .extra strong {
- display: none;
- }
- #subastas .proximas .planas article:nth-child(7) {
- margin-right: 1.2306%;
- }
- #subastas .proximas .planas article:nth-child(7) .extra {
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- }
- #subastas .proximas .planas article:nth-child(7) .extra img {
- margin-top: 2.8em;
- }
- #subastas .proximas .planas article:nth-child(9) img {
- -webkit-transform: rotate(-25deg);
- -ms-transform: rotate(-25deg);
- transform: rotate(-25deg);
- width: 80%;
- margin: 30% -45% 0 0;
- }
- #subastas .proximas .planas article:nth-child(10) {
- margin-right: 0;
- }
- #subastas .proximas .planas article:nth-child(10) img {
- margin-right: -35%;
- }
- #subastas .proximas .planas article:nth-child(11) {
- margin-top: -0.1253%;
- }
- #subastas .proximas .planas article:nth-child(12) {
- margin-right: 0;
- margin: -22.8393% 0 1.05em 50.6382%;
- width: 49.3846%;
- background-color: #FFF;
- padding-bottom: 21.5087%;
- }
- #subastas .proximas .planas article:nth-child(12) .extra {
- -webkit-flex-direction: row-reverse;
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse;
- }
- #subastas .proximas .planas article:nth-child(12) img {
- max-width: 43.5736%;
- -webkit-transform: rotate(30deg);
- -ms-transform: rotate(30deg);
- transform: rotate(30deg);
- margin-right: 2.5em;
- }
- #subastas .proximas .planas article:nth-child(12) strong {
- display: block;
- margin-right: 1.5em;
- color: #84816D;
- }
- #subastas .proximas .planas article:nth-child(12):hover .extra strong {
- display: none;
- }
- #subastas .proximas .planas article:hover {
- background-color: #84816C;
- }
- #subastas .proximas .planas article:hover .datos {
- opacity: 1;
- }
- #subastas .proximas .planas article:hover .extra {
- -webkit-filter: blur(0.5em);
- filter: blur(0.5em);
- }
- #subastas .proximas .planas article:hover .extra img {
- -webkit-transform: scale(1.5);
- -ms-transform: scale(1.5);
- transform: scale(1.5);
- }
- #subastas .proximas .planas:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- #subastas .chispeadas {
- overflow: hidden;
- width: 97.0940%;
- margin: 0 auto;
- }
- #subastas .chispeadas a {
- display: block;
- float: left;
- width: 23.5%;
- margin: 0 2% 2% 0;
- padding-top: 3.5%;
- font-size: 1.425em;
- font-family: "raleway-bold";
- font-weight: bold;
- text-transform: uppercase;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- overflow: hidden;
- }
- #subastas .chispeadas a img {
- max-width: 84.5247%;
- display: block;
- transition: all .3s;
- }
- #subastas .chispeadas a span {
- display: block;
- margin-bottom: 1.5421em;
- }
- #subastas .chispeadas a span:before {
- content: "";
- display: block;
- width: 2.575em;
- height: 0.4em;
- margin: 2.0125em auto .8em auto;
- }
- #subastas .chispeadas a:hover img {
- -webkit-transform: scale(1.1);
- -ms-transform: scale(1.1);
- transform: scale(1.1);
- }
- #subastas .chispeadas a:nth-child(4n) {
- margin-right: 0;
- }
- #subastas .chispeadas a:nth-child(1), #subastas .chispeadas a:nth-child(7), #subastas .chispeadas a:nth-child(9) {
- border: 0.2991em solid #D7D2AF;
- color: #AFA77B;
- }
- #subastas .chispeadas a:nth-child(1) span:before, #subastas .chispeadas a:nth-child(7) span:before, #subastas .chispeadas a:nth-child(9) span:before {
- background-color: #AFA77B;
- }
- #subastas .chispeadas a:nth-child(2), #subastas .chispeadas a:nth-child(8), #subastas .chispeadas a:nth-child(10) {
- border: 0.2991em solid #EEC531;
- color: #FFF;
- background-color: #EEC531;
- }
- #subastas .chispeadas a:nth-child(2) span:before, #subastas .chispeadas a:nth-child(8) span:before, #subastas .chispeadas a:nth-child(10) span:before {
- background-color: #FFF;
- }
- #subastas .chispeadas a:nth-child(3), #subastas .chispeadas a:nth-child(5), #subastas .chispeadas a:nth-child(11) {
- border: 0.2991em solid #84816D;
- color: #84816D;
- }
- #subastas .chispeadas a:nth-child(3) span:before, #subastas .chispeadas a:nth-child(5) span:before, #subastas .chispeadas a:nth-child(11) span:before {
- background-color: #84816D;
- }
- #subastas .chispeadas a:nth-child(4), #subastas .chispeadas a:nth-child(6), #subastas .chispeadas a:nth-child(12) {
- background-color: #D7D2AF;
- border: 0.2991em solid #D7D2AF;
- color: #84816D;
- }
- #subastas .chispeadas a:nth-child(4) span:before, #subastas .chispeadas a:nth-child(6) span:before, #subastas .chispeadas a:nth-child(12) span:before {
- background-color: #84816D;
- }
- #subastas .todas {
- float: right;
- margin: 1.5% 1.5% 0 0;
- color: #AFA77B;
- padding: 0.3555em 1.2em;
- border: 0.1666em solid #AFA77B;
- background-color: transparent;
- font-size: 1.225em;
- font-family: "raleway-bold";
- font-weight: bold;
- text-transform: uppercase;
- transition: all .5s;
- }
- #subastas .todas:hover {
- color: #fff;
- background-color: #F6BD32;
- border-color: #F6BD32;
- }
- section h1 {
- color: #999167;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin-bottom: 2.5%;
- text-align: center;
- }
- section h1:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 3.5%;
- background-color: #999167;
- height: 0;
- padding-bottom: 0.5714%;
- }
- section h1 span {
- text-transform: lowercase;
- font-family: "raleway-italic";
- font-size: .32em;
- color: #5B5D58;
- display: block;
- margin-bottom: 0.5em;
- }
- #detalles-subasta header {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- padding-top: 2em;
- }
- #detalles-subasta header #mini-slider {
- height: 27.625em;
- width: 28.6842%;
- padding-right: 5.2545%;
- text-align: center;
- }
- #detalles-subasta header #mini-slider #imagenes {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- height: 63.2054%;
- }
- #detalles-subasta header #mini-slider #imagenes ul {
- width: 23.4413%;
- overflow: hidden;
- /* Maldito IE tuve q quitar esto por ti, te odio
- display:flex;
- flex-direction: column;
- justify-content :flex-end;
- */
- }
- #detalles-subasta header #mini-slider #imagenes ul li {
- margin-bottom: 2em;
- }
- #detalles-subasta header #mini-slider #imagenes ul li:last-child {
- margin-bottom: 0;
- }
- #detalles-subasta header #mini-slider #imagenes ul li img {
- max-width: 45%;
- opacity: .5;
- transition: all .3s;
- }
- #detalles-subasta header #mini-slider #imagenes ul li:first-child img {
- opacity: 1;
- }
- #detalles-subasta header #mini-slider #imagenes ul li:hover {
- cursor: pointer;
- }
- #detalles-subasta header #mini-slider #imagenes ul li:hover img {
- opacity: 1 !important;
- }
- #detalles-subasta header #mini-slider #imagenes #grande {
- width: 76.5587%;
- text-align: center;
- position: relative;
- }
- #detalles-subasta header #mini-slider #imagenes #grande img {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- max-height: 100%;
- max-width: 100%;
- opacity: 0;
- transition: all .3s;
- }
- #detalles-subasta header #mini-slider #imagenes #grande img:first-child {
- opacity: 1;
- }
- #detalles-subasta header #mini-slider h3 {
- margin: .55em 0 .12em 0;
- border: 0.08em solid #7A7968;
- background-color: #fff;
- padding: .15em 0 .3em 0;
- color: #545758;
- font-size: 3.45em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- }
- #detalles-subasta header #mini-slider h3 span {
- display: block;
- font-family: "raleway";
- font-size: .3em;
- text-transform: lowercase;
- }
- #detalles-subasta header #mini-slider > span {
- font-family: "raleway";
- font-size: .8em;
- color: #545758;
- }
- #detalles-subasta header #subasta {
- width: 30.7236%;
- background-color: #F6BD32;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- padding: 1.6em 0 2em 0;
- position: relative;
- }
- #detalles-subasta header #subasta p {
- display: none;
- text-align: justify;
- width: 60%;
- position: absolute;
- top: -12%;
- right: 11.5%;
- font-family: "raleway";
- font-size: .8em;
- background-color: #535855;
- padding: .8em 1.3em .5em 1.3em;
- color: #fff;
- }
- #detalles-subasta header #subasta p button {
- font-size: 1em;
- display: block;
- color: #F5BA40;
- font-family: "raleway-italic";
- background-color: transparent;
- margin: .2em auto 0 auto;
- }
- #detalles-subasta header #subasta p button:hover {
- text-decoration: underline;
- }
- #detalles-subasta header #subasta p:after {
- content: "";
- left: 45%;
- bottom: -1em;
- position: absolute;
- border-top: 1.0697em solid #535855;
- border-right: 0.7235em solid transparent;
- border-left: 0.7235em solid transparent;
- }
- #detalles-subasta header #subasta p:nth-child(2) {
- top: -9.8%;
- right: 1.2%;
- }
- #detalles-subasta header #subasta h3 {
- position: relative;
- text-align: center;
- margin-bottom: 1em;
- }
- #detalles-subasta header #subasta h3 b:first-child {
- display: none;
- font-family: "thorup";
- font-size: 5em;
- line-height: .7;
- font-weight: normal;
- color: #84806C;
- text-transform: uppercase;
- }
- #detalles-subasta header #subasta h3 b:nth-child(2) {
- font-size: 2.3em;
- font-family: "raleway-bold";
- color: #84806C;
- }
- #detalles-subasta header #subasta h3 > span {
- display: block;
- color: #fff;
- font-size: 1.8em;
- font-family: "raleway-italic";
- margin-bottom: .5em;
- }
- #detalles-subasta header #subasta h3 i {
- display: none;
- position: absolute;
- top: 5%;
- left: -32%;
- width: 1.5em;
- height: 1.5em;
- font-size: 1.5em;
- }
- #detalles-subasta header #subasta h3 i:before {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- background-color: #7A7968;
- z-index: 10;
- }
- #detalles-subasta header #subasta h3 i:after {
- content: "";
- position: absolute;
- bottom: -19%;
- right: 6.6%;
- width: 50%;
- height: 100%;
- border-radius: 0 1.0251em 1.0251em 0;
- background-color: #fff;
- z-index: 20;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- }
- #detalles-subasta header #subasta h3 i span:first-child {
- font-size: 1.2em;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- width: 77.2455%;
- height: 77.2455%;
- background-color: #F5BA40;
- border-radius: 50%;
- z-index: 30;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #detalles-subasta header #subasta h3 i span:first-child:after {
- content: "10";
- font-family: "raleway-bold";
- position: absolute;
- left: 13%;
- top: 47%;
- font-weight: normal;
- font-size: .55em;
- line-height: 0;
- color: #7A7968;
- }
- #detalles-subasta header #subasta h3 i span:nth-child(2) {
- display: block;
- position: absolute;
- bottom: -2.7%;
- left: 17.5%;
- background-color: #F5BA40;
- width: 31.5%;
- height: 23.7574%;
- z-index: 25;
- }
- #detalles-subasta header #subasta h3 i span:last-child {
- width: 23.8443%;
- height: 22.8443%;
- position: absolute;
- bottom: 10%;
- left: 4.5%;
- z-index: 40;
- }
- #detalles-subasta header #subasta h3 i span:last-child:before {
- position: absolute;
- bottom: 0;
- right: 0;
- content: "";
- background-color: #7A7968;
- width: 40%;
- height: 100%;
- border-radius: 0.0460em 0.0460em 0.0460em 0;
- }
- #detalles-subasta header #subasta h3 i span:last-child:after {
- content: "";
- position: absolute;
- bottom: 0;
- left: 0;
- height: 40%;
- width: 100%;
- background-color: #7A7968;
- border-radius: 0.0460em 0.0460em 0.0460em 0.0460em;
- }
- #detalles-subasta header #subasta h3:after {
- content: "";
- display: block;
- margin: .2em auto .6em auto;
- width: 32.4610%;
- height: .6em;
- background-color: #84806C;
- }
- #detalles-subasta header #subasta img {
- width: 36.8308%;
- height: 36.8308%;
- }
- #detalles-subasta header #subasta strong {
- font-size: 2.5em;
- color: #fff;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- margin-bottom: .6em;
- }
- #detalles-subasta header #subasta > b, #detalles-subasta header #subasta > button, #detalles-subasta header #subasta a {
- font-size: 1.5em;
- background-color: #84806C;
- color: #fff;
- font-family: "raleway-bold";
- font-weight: Bold;
- text-transform: uppercase;
- padding: 0.2566em 0.9416em;
- border-radius: 2em;
- margin-bottom: 0.2083em;
- }
- #detalles-subasta header #subasta > b:hover, #detalles-subasta header #subasta > button:hover, #detalles-subasta header #subasta a:hover {
- background-color: #fff;
- color: #84806C;
- }
- #detalles-subasta header #subasta > button, #detalles-subasta header #subasta > b {
- display: none;
- }
- #detalles-subasta header #subasta > span {
- text-align: center;
- width: 49.7133%;
- color: #84806C;
- font-family: "raleway";
- font-size: .85em;
- margin-top: .5em;
- }
- #detalles-subasta header #subasta.segundos-su {
- /* Sin Usuario */
- }
- #detalles-subasta header #subasta.segundos-su h3 b:nth-child(2) {
- color: #D2462F;
- }
- #detalles-subasta header #subasta.segundos-su h3 i {
- display: block;
- }
- #detalles-subasta header #subasta.segundos-su a {
- color: #D2462F;
- background-color: #fff;
- }
- #detalles-subasta header #subasta.segundos-cu {
- /* Cin Usuario */
- }
- #detalles-subasta header #subasta.segundos-cu h3 b:nth-child(2) {
- color: #D2462F;
- }
- #detalles-subasta header #subasta.segundos-cu h3 i {
- display: block;
- }
- #detalles-subasta header #subasta.segundos-cu a {
- display: none;
- }
- #detalles-subasta header #subasta.segundos-cu > button {
- display: block;
- color: #D2462F;
- background-color: #fff;
- padding: 0.2566em 0.9416em;
- font-size: 1.6em;
- }
- #detalles-subasta header #subasta.oferta > a {
- display: none;
- }
- #detalles-subasta header #subasta.oferta > button {
- display: block;
- padding: 0.3566em 1.0416em;
- font-size: 1.6em;
- }
- #detalles-subasta header #subasta.vendido h3 b:first-child {
- display: block;
- }
- #detalles-subasta header #subasta.vendido h3 b:nth-child(2) {
- display: none;
- }
- #detalles-subasta header #subasta.vendido a, #detalles-subasta header #subasta.vendido > button {
- display: none;
- }
- #detalles-subasta header #subasta.vendido > b {
- display: block;
- font-size: 1.8em;
- }
- #detalles-subasta header #subasta.vendido > b:hover {
- color: #fff;
- background-color: #84806C;
- }
- #detalles-subasta header #subasta.vendido > span {
- width: 65.7133%;
- font-size: 1em;
- }
- #detalles-subasta header #subasta.recordatorio1 p:first-child {
- display: block;
- }
- #detalles-subasta header #subasta.recordatorio2 p:nth-child(2) {
- display: block;
- }
- #detalles-subasta header #historial {
- position: relative;
- width: 27.6315%;
- background-color: #fff;
- border: 0.5em solid #D6D1AF;
- border-left: 0;
- text-align: center;
- padding: 1em 0;
- }
- #detalles-subasta header #historial h3 {
- color: #84806C;
- text-align: center;
- font-size: 2.575em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin-bottom: 7.5%;
- }
- #detalles-subasta header #historial h3:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 10.5%;
- background-color: #84806C;
- height: 0;
- padding-bottom: .2em;
- }
- #detalles-subasta header #historial ul {
- margin: 0 auto 3.5em auto;
- width: 65.5869%;
- height: 9.0501em;
- }
- #detalles-subasta header #historial ul li {
- padding: .1em .5em .15em .5em;
- text-align: left;
- font-family: "raleway";
- font-size: .9em;
- color: #7A7968;
- border-bottom: .2em solid #CFCCA7;
- }
- #detalles-subasta header #historial ul li:nth-child(odd) {
- background-color: #F4F0CF;
- }
- #detalles-subasta header #historial ul li b {
- float: right;
- }
- #detalles-subasta header #historial ul li:hover {
- background-color: #F9D58C;
- }
- #detalles-subasta header #historial hr {
- display: block;
- margin: 2.5em auto 6.2em auto;
- width: 14%;
- background-color: #B9B797;
- height: 0;
- padding-bottom: .5em;
- }
- #detalles-subasta header #historial > a {
- display: inline-block;
- background-color: #84806C;
- color: #fff;
- font-size: .8em;
- font-family: "raleway-bold";
- font-weight: normal;
- text-transform: uppercase;
- padding: 0.65em 1.0416em;
- margin-bottom: 1em;
- }
- #detalles-subasta header #historial > a:hover {
- background-color: #F6BD32;
- color: #fff;
- }
- #detalles-subasta header #historial p {
- position: absolute;
- left: 0;
- bottom: 18.4039%;
- width: 105%;
- background-color: #D6D1AF;
- padding: 0.5625em 0;
- text-align: center;
- }
- #detalles-subasta header #historial p a {
- margin-right: 5%;
- display: inline-block;
- }
- #detalles-subasta header #historial p a img {
- height: 2.8375em;
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- transition: all .3s;
- }
- #detalles-subasta header #historial p a:hover img {
- -webkit-transform: scale(1.6);
- -ms-transform: scale(1.6);
- transform: scale(1.6);
- }
- #detalles-subasta header #historial .jspContainer {
- overflow: hidden;
- position: relative;
- }
- #detalles-subasta header #historial .jspPane {
- position: absolute;
- }
- #detalles-subasta header #historial .jspCorner {
- background: #eeeef4;
- float: left;
- height: 100%;
- }
- #detalles-subasta header #historial .jspHorizontalBar {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 16px;
- background: red;
- }
- #detalles-subasta header #historial .jspHorizontalBar .jspCap {
- float: left;
- display: none;
- }
- #detalles-subasta header #historial .jspHorizontalBar .jspTrack, #detalles-subasta header #historial .jspHorizontalBar .jspDrag {
- float: left;
- height: 100%;
- }
- #detalles-subasta header #historial .jspDrag {
- background: #8B8B8B;
- cursor: pointer;
- position: relative;
- top: 0;
- left: 0;
- border-radius: 3px;
- }
- #detalles-subasta header #historial .jspTrack {
- background: #B9B797;
- width: 4px;
- position: relative;
- }
- #detalles-subasta header #historial .jspVerticalBar {
- position: absolute;
- top: 0;
- right: 0;
- width: 4px;
- height: 100%;
- background: #B9B797;
- }
- #detalles-subasta header #historial .jspVerticalBar .jspArrow {
- height: 16px;
- }
- #detalles-subasta header #historial .jspVerticalBar .jspArrow.jspDisabled {
- cursor: default;
- background: #80808d;
- }
- #detalles-subasta header #historial .jspVerticalBar .jspArrow {
- width: 16px;
- float: left;
- height: 100%;
- background: #50506d;
- text-indent: -20000px;
- display: block;
- cursor: pointer;
- padding: 0;
- margin: 0;
- }
- #detalles-subasta header #historial .jspVerticalBar .jspArrow:focus {
- outline: none;
- }
- #detalles-subasta header #historial .jspDrag {
- background: #7A7968;
- }
- #detalles-subasta header hr {
- background-color: #AFA77B;
- border: 0;
- width: 85%;
- height: 0.25em;
- padding: 0;
- margin: 3em auto;
- }
- #detalles-subasta #descripcion {
- margin-bottom: 3.5%;
- }
- #detalles-subasta #descripcion h2 {
- color: #999167;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin-bottom: 2.5%;
- }
- #detalles-subasta #descripcion h2:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 3.5%;
- background-color: #999167;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #detalles-subasta #descripcion p {
- width: 40.5%;
- margin: 0 auto 4% auto;
- font-family: "raleway";
- color: #474547;
- text-align: center;
- }
- #detalles-subasta #descripcion .video {
- margin: 0 auto;
- width: 53.7857%;
- height: 30.5em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #detalles-subasta #descripcion .video .archivo {
- position: relative;
- width: 100%;
- height: 86.8852%;
- }
- #detalles-subasta #descripcion .video .archivo video {
- background-color: #1C191F;
- width: 100%;
- height: 100%;
- }
- #detalles-subasta #descripcion .video .archivo #granplay {
- position: absolute;
- top: 30%;
- left: 38%;
- width: 24.557%;
- height: 45.1637%;
- border-radius: 50%;
- background-color: #D0CCA8;
- transition: all .3s;
- }
- #detalles-subasta #descripcion .video .archivo #granplay:after {
- content: "";
- height: 0;
- width: 0;
- border-left: 5.0625em solid #F4BA40;
- border-top: 3em solid transparent;
- border-bottom: 3em solid transparent;
- transition: all .3s;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- }
- #detalles-subasta #descripcion .video .archivo #granplay:hover {
- background-color: #F4BA40;
- }
- #detalles-subasta #descripcion .video .archivo #granplay:hover:after {
- border-left: 5.0625em solid #FFF;
- }
- #detalles-subasta #descripcion .video .controles {
- width: 100%;
- height: 4em;
- background-color: #D0CCA8;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #detalles-subasta #descripcion .video .controles #play {
- height: 0;
- width: 0;
- background-color: transparent;
- border-left: 1.65em solid #1C191F;
- border-top: .9em solid transparent;
- border-bottom: .9em solid transparent;
- margin-right: 1.5%;
- }
- #detalles-subasta #descripcion .video .controles #play:hover {
- border-left: 1.65em solid #F3BA40;
- }
- #detalles-subasta #descripcion .video .controles #pausa {
- margin-right: 1.5%;
- background-color: transparent;
- width: 1.5em;
- height: 2em;
- overflow: hidden;
- transition: all .3s;
- }
- #detalles-subasta #descripcion .video .controles #pausa:before {
- content: "";
- float: left;
- height: 100%;
- width: 40%;
- background-color: #1C191F;
- }
- #detalles-subasta #descripcion .video .controles #pausa:after {
- content: "";
- float: right;
- height: 100%;
- width: 40%;
- background-color: #1C191F;
- }
- #detalles-subasta #descripcion .video .controles #pausa:hover:after, #detalles-subasta #descripcion .video .controles #pausa:hover:before {
- background-color: #F3BA40;
- }
- #detalles-subasta #descripcion .video .controles .lineadetiempo {
- width: 85%;
- background-color: #F3BA40;
- height: .5em;
- }
- #detalles-subasta #especificaciones {
- background-color: #F5BA40;
- }
- #detalles-subasta #especificaciones > .am {
- overflow: hidden;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- height: 30.1703em;
- }
- #detalles-subasta #especificaciones p:first-child, #detalles-subasta #especificaciones p:last-child {
- position: relative;
- width: 28%;
- height: 100%;
- overflow: hidden;
- }
- #detalles-subasta #especificaciones p:first-child img {
- position: absolute;
- bottom: -32.0701%;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- max-width: auto;
- height: 106.4315%;
- display: block;
- }
- #detalles-subasta #especificaciones p:last-child img {
- height: 126.4315%;
- position: absolute;
- bottom: -40%;
- left: -56%;
- -webkit-transform: rotate(-150deg);
- -ms-transform: rotate(-150deg);
- transform: rotate(-150deg);
- }
- #detalles-subasta #especificaciones .texto {
- height: 100%;
- background-color: #F7F7EF;
- width: 44%;
- padding: 1em 0;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #detalles-subasta #especificaciones .texto h2 {
- color: #999167;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin-bottom: .5em;
- }
- #detalles-subasta #especificaciones .texto h2:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 20%;
- background-color: #999167;
- height: 0;
- padding-bottom: 4%;
- }
- #detalles-subasta #especificaciones .texto ul {
- font-family: "raleway";
- width: 73%;
- color: #1C191F;
- }
- #detalles-subasta #especificaciones .texto ul li {
- margin-bottom: 1em;
- text-align: center;
- }
- #detalles-subasta #especificaciones .extra {
- background-color: #F7F7EF;
- padding: 5em 0;
- }
- #detalles-subasta #especificaciones .extra .am:after {
- display: block;
- content: "";
- width: 63%;
- height: .25em;
- background-color: #A4A179;
- margin: 0 auto;
- }
- #detalles-subasta #especificaciones .extra ul {
- margin: 0 auto;
- border-top: .25em solid #A4A179;
- padding: .8em 0 1.2em 0;
- width: 85%;
- font-family: "raleway";
- font-size: 1.1em;
- color: #545758;
- overflow: hidden;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #detalles-subasta #especificaciones .extra ul li {
- padding: .5em 0;
- }
- #detalles-subasta #especificaciones .extra ul li span {
- color: #F5BA40;
- font-family: "raleway-bold-italic";
- }
- #detalles-subasta #especificaciones .extra ul li:first-child {
- width: 19.7171%;
- text-align: right;
- border-bottom: .15em solid #A4A179;
- }
- #detalles-subasta #especificaciones .extra ul li:nth-child(2) {
- width: 44.9252%;
- text-align: center;
- border-left: .15em solid #A4A179;
- border-right: .15em solid #A4A179;
- }
- #detalles-subasta #especificaciones .extra ul li:nth-child(3) {
- width: 28.3693%;
- text-align: left;
- border-bottom: .15em solid #A4A179;
- }
- #detalles-subasta #especificaciones .extra ul li:nth-child(4) {
- width: 19.7171%;
- text-align: right;
- margin-top: -.15em;
- padding-bottom: 0;
- padding-top: .7em;
- }
- #detalles-subasta #especificaciones .extra ul li:nth-child(5) {
- width: 44.9252%;
- text-align: center;
- border-left: .15em solid #A4A179;
- border-right: .15em solid #A4A179;
- margin-top: -.15em;
- padding-bottom: 0;
- padding-top: .7em;
- }
- #detalles-subasta #especificaciones .extra ul li:last-child {
- text-align: left;
- width: 28.3693%;
- margin-top: -.15em;
- padding-bottom: 0;
- padding-top: .7em;
- }
- #como-juego header {
- height: 0;
- padding-bottom: 46%;
- background-image: url("imagenes/como-juego/page1_image1.jpg");
- background-repeat: no-repeat;
- background-size: 100% auto;
- background-position: left bottom;
- }
- #como-juego header h1 {
- color: #999167;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: .9;
- }
- #como-juego header h1:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 3%;
- background-color: #EFB632;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #como-juego header h1 span {
- text-transform: lowercase;
- font-family: "raleway-italic";
- font-size: .25em;
- color: #5B5D58;
- display: block;
- margin-bottom: 0.8em;
- }
- #como-juego #pasos {
- height: 74.3125em;
- position: relative;
- margin: -2.5em 0 2% 0;
- }
- #como-juego #pasos:before {
- content: "";
- position: absolute;
- top: 2.5em;
- left: 0;
- background-color: #EC9E27;
- width: 100%;
- height: 20.875em;
- z-index: -10;
- box-shadow: 0 0.55em 0.325em #D7D7D7;
- }
- #como-juego #pasos:after {
- content: "";
- position: absolute;
- bottom: 0.9375em;
- left: 0;
- background-color: #AEA67B;
- width: 100%;
- height: 20.5625em;
- z-index: -10;
- box-shadow: 0 -0.55em 0.325em #D7D7D7;
- }
- #como-juego #pasos ol {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #como-juego #pasos ol li {
- overflow: hidden;
- }
- #como-juego #pasos ol li > b {
- font-family: "thorup";
- font-size: 18.19375em;
- text-align: center;
- font-weight: normal;
- color: #fff;
- line-height: .515;
- width: 24.5833%;
- }
- #como-juego #pasos ol li h2 {
- font-family: "thorup";
- text-transform: uppercase;
- font-weight: normal;
- color: #fff;
- font-size: 3.5em;
- line-height: 1;
- text-align: center;
- }
- #como-juego #pasos ol li h2:after {
- content: "";
- background-color: #EFB632;
- display: block;
- margin: 0 auto;
- width: .8em;
- height: 0;
- padding-bottom: .15em;
- }
- #como-juego #pasos ol li > p {
- font-family: "raleway";
- color: #5B5D58;
- text-align: center;
- }
- #como-juego #pasos ol li:first-child {
- width: 30em;
- height: 25.875em;
- background-color: #5B5D58;
- padding: 4.75em 3.9375em;
- box-shadow: 0.4375em 0.4375em 0.425em #1E1F1F;
- }
- #como-juego #pasos ol li:first-child b {
- float: left;
- width: 29.7916%;
- text-align: right;
- }
- #como-juego #pasos ol li:first-child h2 {
- float: left;
- width: 55.2084%;
- margin: 3.5% 0 8.5% 0;
- }
- #como-juego #pasos ol li:first-child p {
- padding: 0 3%;
- float: left;
- width: 55.2084%;
- color: #fff;
- font-size: .85em;
- }
- #como-juego #pasos ol li:first-child a {
- display: block;
- float: left;
- width: 50%;
- margin-top: 15.5%;
- background-color: #fff;
- font-family: "raleway";
- text-align: center;
- border-top: .1em solid #A09B67;
- border-bottom: .1em solid #A09B67;
- position: relative;
- }
- #como-juego #pasos ol li:first-child a:nth-last-child(2) {
- border-left: .1em solid #A09B67;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- font-size: 1.5em;
- height: 2em;
- line-height: 2em;
- color: #EFB632;
- }
- #como-juego #pasos ol li:first-child a:nth-last-child(2):before {
- content: "";
- position: absolute;
- bottom: -1.6em;
- left: 76%;
- -webkit-transform: rotate(-10deg);
- -ms-transform: rotate(-10deg);
- transform: rotate(-10deg);
- background-image: url("imagenes/como-juego/manito.png");
- background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- width: 1.5833em;
- height: 2.3333em;
- }
- #como-juego #pasos ol li:first-child a:nth-last-child(2):after {
- content: "";
- height: 70%;
- width: .08em;
- background-color: #A09B67;
- position: absolute;
- right: 0;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- #como-juego #pasos ol li:first-child a:last-child {
- border-right: .1em solid #A09B67;
- color: #A09B67;
- font-size: 1.6em;
- height: 1.86em;
- line-height: 1.86em;
- }
- #como-juego #pasos ol li:nth-child(2) {
- width: 57.5em;
- height: 25.875em;
- padding: 5.775em 0 5.775em 4.125em;
- background-image: url("imagenes/como-juego/packs.png");
- background-repeat: no-repeat;
- background-size: 48% 60%;
- background-position: right 5.5em;
- position: relative;
- }
- #como-juego #pasos ol li:nth-child(2) > b {
- float: left;
- width: 12.2826%;
- }
- #como-juego #pasos ol li:nth-child(2) h2, #como-juego #pasos ol li:nth-child(2) p {
- float: left;
- width: 30.9565%;
- margin: 0 54.7609% 0 2%;
- }
- #como-juego #pasos ol li:nth-child(2) h2 {
- margin-bottom: .2em;
- }
- #como-juego #pasos ol li:nth-child(2) h2:after {
- margin-top: .2em;
- background-color: #5B5D58;
- }
- #como-juego #pasos ol li:nth-child(2) p {
- font-size: .9em;
- padding: 0 1.3% 2.1875em 1.3%;
- position: relative;
- }
- #como-juego #pasos ol li:nth-child(2) p:after {
- content: "";
- position: absolute;
- bottom: -1em;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- background-image: url("imagenes/como-juego/tarjetas.png");
- background-repeat: no-repeat;
- background-size: cover;
- background-position: center center;
- width: 7.9166em;
- height: 2.3611em;
- }
- #como-juego #pasos ol li:nth-child(2):after {
- content: "";
- position: absolute;
- right: .5%;
- bottom: 23%;
- -webkit-transform: rotate(-25deg);
- -ms-transform: rotate(-25deg);
- transform: rotate(-25deg);
- background-image: url("imagenes/como-juego/manito.png");
- background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- width: 2.7833em;
- height: 4em;
- }
- #como-juego #pasos ol li:nth-child(3) {
- padding: 5em 5% 0 65.161%;
- width: 100%;
- height: 26em;
- background-image: url("imagenes/como-juego/page1_image11.png");
- background-repeat: no-repeat;
- background-size: auto 86%;
- background-position: 20% center;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- }
- #como-juego #pasos ol li:nth-child(3) > b, #como-juego #pasos ol li:nth-child(3) h2 {
- color: #5B5D58;
- }
- #como-juego #pasos ol li:nth-child(3) > b {
- width: 32.4105%;
- }
- #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 {
- width: 65.4285%;
- }
- #como-juego #pasos ol li:nth-child(3) h2 {
- height: 22%;
- }
- #como-juego #pasos ol li:nth-child(3) p {
- margin-top: -9em;
- font-size: .85em;
- }
- #como-juego #pasos ol li:nth-child(3) p b {
- font-family: "raleway-italic";
- }
- #como-juego #pasos ol li:nth-child(3) a {
- margin-top: -2.2em;
- background-color: #EFB632;
- border-radius: 2em;
- color: #fff;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- text-align: center;
- font-size: 2.8em;
- height: 1.5em;
- line-height: 1.5em;
- position: relative;
- }
- #como-juego #pasos ol li:nth-child(3) a:after {
- content: "";
- position: absolute;
- right: 6%;
- bottom: -1.2em;
- -webkit-transform: rotate(-10deg);
- -ms-transform: rotate(-10deg);
- transform: rotate(-10deg);
- background-image: url("imagenes/como-juego/manito.png");
- background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- width: 1.3em;
- height: 1.9em;
- }
- #como-juego #pasos ol li:nth-child(4) {
- width: 48.9375em;
- height: 22.4375em;
- background-image: url("imagenes/como-juego/contador.png");
- background-repeat: no-repeat;
- background-size: auto 80.3636%;
- background-position: 85% 78%;
- padding: 4.875em 0;
- }
- #como-juego #pasos ol li:nth-child(4) > b {
- float: left;
- width: 15.1762%;
- text-align: left;
- }
- #como-juego #pasos ol li:nth-child(4) h2, #como-juego #pasos ol li:nth-child(4) p {
- float: left;
- width: 23.7547%;
- margin-right: 61.0691%;
- }
- #como-juego #pasos ol li:nth-child(4) h2 {
- margin-bottom: .3em;
- line-height: .7;
- }
- #como-juego #pasos ol li:nth-child(4) h2:after {
- margin-top: .25em;
- }
- #como-juego #pasos ol li:nth-child(4) p {
- color: #fff;
- font-size: .85em;
- text-align: center;
- }
- #como-juego #pasos ol li:last-child {
- width: 38.5625em;
- height: 22.4375em;
- padding: 4.375em 0 0 2.8125em;
- background-color: #D7C816;
- background-image: url("imagenes/como-juego/medalla.png");
- background-repeat: no-repeat;
- background-size: auto 68%;
- background-position: 90% center;
- box-shadow: -0.4375em 0.4375em 0.425em #5A5C57;
- }
- #como-juego #pasos ol li:last-child > b {
- float: left;
- width: 23.2593%;
- text-align: left;
- }
- #como-juego #pasos ol li:last-child h2, #como-juego #pasos ol li:last-child p {
- float: left;
- width: 33.7115%;
- margin-right: 43.0292%;
- }
- #como-juego #pasos ol li:last-child h2 {
- margin-bottom: .3em;
- }
- #como-juego #pasos ol li:last-child h2:after {
- background-color: #5B5D58;
- }
- #como-juego #pasos ol li:last-child p {
- font-size: 1em;
- }
- #iniciar-sesion .am {
- padding: 1.8% 0;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- position: relative;
- }
- #iniciar-sesion #registro-exitoso {
- opacity: 0;
- transition: all .3s;
- position: absolute;
- top: 0;
- left: 6%;
- width: auto;
- background-color: #A7B300;
- color: #fff;
- font-size: 1.15em;
- font-family: "raleway";
- border-radius: 1em;
- padding: .5em 1em;
- line-height: .8;
- }
- #iniciar-sesion #registro-exitoso b {
- font-family: "raleway-bold-italic";
- font-weight: normal;
- font-size: 1.1em;
- }
- #iniciar-sesion .intro {
- width: 58.2857%;
- background-color: #EDC342;
- position: relative;
- overflow: hidden;
- }
- #iniciar-sesion .intro h2 {
- color: #fff;
- font-size: 2.3125em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- text-align: center;
- font-size: 5em;
- line-height: .9;
- margin: 8% 0 5.5% 0;
- z-index: 20;
- position: relative;
- }
- #iniciar-sesion .intro h2 span {
- display: block;
- font-size: .28em;
- font-family: "raleway-italic";
- text-transform: lowercase;
- }
- #iniciar-sesion .intro h2:after {
- content: "";
- display: block;
- margin: 1.5% auto 0 auto;
- width: 6%;
- height: 0;
- padding-bottom: 0.9714%;
- background-color: #fff;
- }
- #iniciar-sesion .intro p:nth-child(2) {
- width: 65.3578%;
- margin: 0 auto;
- text-align: center;
- font-family: "raleway";
- color: #7A7968;
- font-size: 1.25em;
- margin-bottom: 5%;
- z-index: 20;
- position: relative;
- }
- #iniciar-sesion .intro a {
- text-align: center;
- font-size: 3.0125em;
- font-family: "thorup";
- font-weight: normal;
- color: #7A7968;
- line-height: .9em;
- height: .9em;
- padding: 0 .8em;
- background-color: #fff;
- width: 34%;
- display: block;
- margin: 0 auto 10% auto;
- border-radius: 0.8333em;
- z-index: 20;
- position: relative;
- }
- #iniciar-sesion .intro a:hover {
- background-color: #7A7968;
- color: #fff;
- }
- #iniciar-sesion .intro p:last-child {
- z-index: 10;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- #iniciar-sesion .intro p:last-child img {
- position: absolute;
- max-width: 23.5294%;
- }
- #iniciar-sesion .intro p:last-child img:first-child {
- top: -12%;
- left: 0;
- -webkit-transform: rotate(155deg);
- -ms-transform: rotate(155deg);
- transform: rotate(155deg);
- }
- #iniciar-sesion .intro p:last-child img:nth-child(2) {
- max-width: 15%;
- right: 5%;
- top: -12%;
- -webkit-transform: rotate(-155deg);
- -ms-transform: rotate(-155deg);
- transform: rotate(-155deg);
- }
- #iniciar-sesion .intro p:last-child img:nth-child(3) {
- max-width: 15%;
- left: 5%;
- bottom: -10%;
- -webkit-transform: rotate(-15deg);
- -ms-transform: rotate(-15deg);
- transform: rotate(-15deg);
- }
- #iniciar-sesion .intro p:last-child img:nth-child(4) {
- max-width: 13%;
- right: 28%;
- bottom: -6%;
- -webkit-transform: rotate(15deg);
- -ms-transform: rotate(15deg);
- transform: rotate(15deg);
- }
- #iniciar-sesion .intro p:last-child img:nth-child(5) {
- max-width: 23%;
- right: -4%;
- bottom: 7%;
- -webkit-transform: rotate(12deg);
- -ms-transform: rotate(12deg);
- transform: rotate(12deg);
- }
- #iniciar-sesion form {
- width: 29.9285%;
- background-color: #CFCCA7;
- position: relative;
- }
- #iniciar-sesion form h1 {
- font-family: "thorup";
- text-align: center;
- font-weight: normal;
- color: #585E58;
- font-size: 5em;
- line-height: .8;
- margin: 13% 0 16% 0;
- }
- #iniciar-sesion form h1:after {
- content: "";
- display: block;
- margin: 1.2% auto 0 auto;
- width: .7em;
- height: .11em;
- background-color: #EDC342;
- }
- #iniciar-sesion form p {
- margin: 0 auto 7% auto;
- width: 66.9856%;
- }
- #iniciar-sesion form p:nth-child(2), #iniciar-sesion form p:nth-child(3) {
- overflow: hidden;
- border-bottom: .2em solid #fff;
- }
- #iniciar-sesion form p:nth-child(2) input, #iniciar-sesion form p:nth-child(3) input {
- width: 81.4285%;
- float: left;
- background-color: #CFCCA7;
- font-family: "raleway-italic";
- font-size: 1.46em;
- height: 1.3em;
- color: #fff;
- transition: all .3s;
- }
- #iniciar-sesion form p:nth-child(2) input.lleno, #iniciar-sesion form p:nth-child(3) input.lleno {
- font-family: "raleway";
- color: #585E58;
- }
- #iniciar-sesion form p:nth-child(2) input.lleno + span, #iniciar-sesion form p:nth-child(3) input.lleno + span {
- color: #585E58;
- }
- #iniciar-sesion form p:nth-child(2) span, #iniciar-sesion form p:nth-child(3) span {
- color: #fff;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- width: 18.5715%;
- float: right;
- font-size: 1.5em;
- }
- #iniciar-sesion form p:nth-child(4) {
- position: relative;
- }
- #iniciar-sesion form p:nth-child(4) input {
- opacity: 0;
- }
- #iniciar-sesion form p:nth-child(4) input:checked + label:after {
- z-index: 20;
- content: "";
- position: absolute;
- top: .3em;
- left: .1em;
- background-color: #EDC342;
- width: .45em;
- height: .43em;
- }
- #iniciar-sesion form p:nth-child(4) label {
- position: absolute;
- top: 0;
- left: 0;
- font-family: "thorup";
- font-size: 1.6em;
- color: #585E58;
- padding-left: .85em;
- }
- #iniciar-sesion form p:nth-child(4) label:before {
- position: absolute;
- left: 0;
- top: .2em;
- content: "";
- z-index: 10;
- width: .5em;
- height: .5em;
- margin-right: .2em;
- background-color: #fff;
- border: .1em solid #EDC342;
- }
- #iniciar-sesion form p:nth-child(4) label:hover {
- cursor: pointer;
- }
- #iniciar-sesion form p:nth-child(5) {
- text-align: center;
- margin-bottom: 3em;
- }
- #iniciar-sesion form p:nth-child(5) input {
- font-family: "thorup";
- font-weight: normal;
- color: #585E58;
- font-size: 2.1em;
- line-height: .8em;
- height: .9em;
- background-color: #EDC342;
- padding: 0 .9em;
- border-radius: 0.8333em;
- transition: all .3s;
- }
- #iniciar-sesion form p:nth-child(5) input:hover {
- color: #fff;
- }
- #iniciar-sesion form p:nth-child(6) {
- text-align: center;
- font-size: .9em;
- font-family: "raleway-italic";
- color: #7A7968;
- margin-bottom: 4em;
- }
- #iniciar-sesion form p:nth-child(6) a {
- color: #585E58;
- margin-left: .3em;
- font-weight: bold;
- }
- #iniciar-sesion form #error {
- opacity: 0;
- position: absolute;
- top: 26%;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- width: 90%;
- background-color: #B8654E;
- color: #fff;
- font-size: 1em;
- font-family: "raleway";
- border-radius: .1em;
- padding: .5em 1em;
- line-height: .95;
- }
- #iniciar-sesion form #error b {
- font-family: "raleway-bold";
- font-weight: normal;
- font-size: 1.1em;
- }
- #iniciar-sesion .promo-redes {
- margin-top: 2.8em;
- display: block;
- width: 100%;
- }
- #iniciar-sesion.registro-exitoso #registro-exitoso {
- opacity: 1;
- }
- #registrarte {
- background-image: url("imagenes/manos.png");
- background-position: center bottom;
- background-size: 100% auto;
- background-repeat: no-repeat;
- }
- #registrarte h1 {
- color: #999167;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: .8;
- margin-bottom: 3%;
- }
- #registrarte h1:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 3.5%;
- background-color: #999167;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #registrarte h1 span {
- text-transform: lowercase;
- font-family: "raleway-italic";
- font-size: .32em;
- color: #5B5D58;
- display: block;
- margin-bottom: 0.5em;
- }
- #registrarte h2 {
- color: #999167;
- text-align: left;
- font-size: 3.2em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin: 4% 0 2.5% 0;
- float: left;
- }
- #registrarte h2:after {
- content: "";
- display: block;
- width: 4.5%;
- background-color: #999167;
- height: 0;
- padding-bottom: 0.3714%;
- }
- #registrarte #formulario {
- width: 86.7142%;
- margin: 0 auto;
- font-family: "raleway";
- color: #5D5F5B;
- font-size: 1.1em;
- position: relative;
- }
- #registrarte #formulario > p:nth-child(2) {
- width: 41.5980%;
- margin-bottom: 2.5%;
- }
- #registrarte #formulario > p:nth-child(2) a {
- font-family: "raleway-bold-italic";
- }
- #registrarte #formulario > p:nth-child(2) a:hover {
- color: #EEC431;
- }
- #registrarte #formulario > p:nth-child(2) a:visited {
- color: #5D5F5B;
- }
- #registrarte #formulario form {
- overflow: hidden;
- }
- #registrarte #formulario form p {
- width: 100%;
- float: left;
- }
- #registrarte #formulario form h2 {
- width: 100%;
- }
- #registrarte #formulario form h2:first-child {
- color: #EEC431;
- }
- #registrarte #formulario form h2:first-child:after {
- background-color: #EEC431;
- }
- #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 {
- width: 37.3970%;
- }
- #registrarte #formulario form p:nth-child(2) {
- overflow: hidden;
- float: left;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
- }
- #registrarte #formulario form p:nth-child(2) input {
- width: 50%;
- text-transform: uppercase;
- background-color: transparent;
- font-size: 1.15em;
- color: #ADA57B;
- font-weight: normal;
- padding-bottom: .1em;
- }
- #registrarte #formulario form p:nth-child(2) span {
- color: #ADA57B;
- font-family: "raleway-italic";
- }
- #registrarte #formulario form p:nth-child(2) span:nth-child(2) {
- width: 50%;
- padding-left: .8em;
- padding-bottom: .1em;
- }
- #registrarte #formulario form p:nth-child(2) span:nth-child(3) {
- padding-top: .85em;
- border-top: .28em solid #EEC431;
- display: block;
- width: 100%;
- font-size: .88em;
- }
- #registrarte #formulario form p:nth-child(3) {
- float: right;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
- border-bottom: .28em solid #EEC431;
- }
- #registrarte #formulario form p:nth-child(3) input {
- width: 50%;
- text-transform: uppercase;
- background-color: transparent;
- font-size: 1.15em;
- color: #ADA57B;
- font-weight: normal;
- padding-bottom: .1em;
- }
- #registrarte #formulario form p:nth-child(3) span {
- color: #ADA57B;
- font-family: "raleway-italic";
- width: 50%;
- padding-left: .8em;
- padding-bottom: .1em;
- }
- #registrarte #formulario form p:nth-child(4) {
- float: right;
- margin-top: 3.5%;
- }
- #registrarte #formulario form p:nth-child(4) input {
- width: 100%;
- text-transform: uppercase;
- background-color: transparent;
- font-size: 1.15em;
- color: #ADA57B;
- font-weight: normal;
- padding-bottom: .1em;
- border-bottom: .23em solid #EEC431;
- }
- #registrarte #formulario form p.pderecha, #registrarte #formulario form p.pizquierda {
- margin-bottom: 1.8em;
- }
- #registrarte #formulario form p.pderecha input, #registrarte #formulario form p.pderecha select, #registrarte #formulario form p.pizquierda input, #registrarte #formulario form p.pizquierda select {
- float: left;
- width: 88.1058%;
- background-color: #fff;
- color: #5D5F5B;
- font-weight: normal;
- font-family: "raleway";
- font-size: 1.2em;
- height: 1.77em;
- line-height: 1.77em;
- padding: 0 .5em;
- border: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
- #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 {
- display: none;
- }
- #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 {
- color: #5D5F5B !important;
- }
- #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 {
- background-color: #5D5F5B !important;
- }
- #registrarte #formulario form p.pderecha select, #registrarte #formulario form p.pizquierda select {
- color: #A8A9A7;
- }
- #registrarte #formulario form p.pderecha span, #registrarte #formulario form p.pizquierda span {
- width: 11.8942%;
- float: right;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- height: 1.54em;
- color: #fff;
- background-color: #ADAB8F;
- font-size: 1.4em;
- line-height: 0;
- }
- #registrarte #formulario form p.pizquierda {
- float: left;
- }
- #registrarte #formulario form p.pderecha {
- float: right;
- }
- #registrarte #formulario form p.anaranjado span {
- background-color: #EEC431 !important;
- }
- #registrarte #formulario form p.sinmargenabajo {
- margin-bottom: 0 !important;
- }
- #registrarte #formulario form p.recomendado {
- font-size: 1.1em;
- }
- #registrarte #formulario form p.recomendado b {
- color: #EEC431;
- }
- #registrarte #formulario form p.recomendado input {
- display: block;
- margin: 1em 0;
- width: 37.3970%;
- background-color: transparent;
- font-size: 1.14em;
- font-family: "raleway-bold-italic";
- color: #ADA57B;
- font-weight: normal;
- padding-bottom: .1em;
- border-bottom: .23em solid #EEC431;
- }
- #registrarte #formulario form p.likes {
- margin-bottom: 2.5%;
- overflow: hidden;
- }
- #registrarte #formulario form p.likes > span {
- margin-top: 1.7%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #registrarte #formulario form p.likes a {
- background-color: #fff;
- border: .2em solid #EFC533;
- width: 19.47%;
- font-family: "raleway";
- font-size: 1em;
- color: #AFA77B;
- margin-right: .3em;
- line-height: 2.5em;
- height: 2.5em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #registrarte #formulario form p.likes a span {
- margin-right: .3em;
- }
- #registrarte #formulario form p.likes a span:before {
- font-size: 1.5em;
- }
- #registrarte #formulario form p.likes a [class^="icon-"] {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- line-height: 0;
- }
- #registrarte #formulario form p.likes a:nth-child(3), #registrarte #formulario form p.likes a:nth-child(4) {
- border-color: #B6AF87;
- }
- #registrarte #formulario form p.likes a:nth-child(2) {
- margin-right: 5.5%;
- }
- #registrarte #formulario form p.suscribirme {
- position: relative;
- }
- #registrarte #formulario form p.suscribirme span {
- display: block;
- margin: 2.8% 0 1.2% 0;
- }
- #registrarte #formulario form p.suscribirme input {
- opacity: 0;
- }
- #registrarte #formulario form p.suscribirme input:checked + label:after {
- z-index: 20;
- content: "";
- position: absolute;
- top: .3em;
- left: .1em;
- background-color: #EDC342;
- width: .43em;
- height: .43em;
- }
- #registrarte #formulario form p.suscribirme label {
- position: absolute;
- font-family: "thorup";
- font-size: 2em;
- color: #585E58;
- padding-left: .85em;
- color: #ADA57B;
- }
- #registrarte #formulario form p.suscribirme label:before {
- position: absolute;
- left: 0;
- top: .2em;
- content: "";
- z-index: 10;
- width: .5em;
- height: .5em;
- margin-right: .2em;
- background-color: #fff;
- border: .1em solid #EDC342;
- }
- #registrarte #formulario form p.suscribirme label:hover {
- cursor: pointer;
- }
- #registrarte #formulario form p.suscribirme label:nth-child(2) {
- top: 0;
- left: 0;
- }
- #registrarte #formulario form p.suscribirme label:nth-child(5) {
- top: 70%;
- left: 0;
- }
- #registrarte #formulario form p.suscribirme label:nth-child(5) b {
- font-family: "thorup";
- font-weight: normal;
- color: #5D5F5B;
- }
- #registrarte #formulario form p.siguiente button {
- margin: 5.5% auto;
- width: auto;
- display: block;
- background-color: #F6BD32;
- color: #fff;
- font-size: 1em;
- font-family: "raleway-bold";
- font-weight: normal;
- text-transform: uppercase;
- padding: 0.2666em 3.616em;
- border-radius: 1em;
- border: .2em solid #F6BD32;
- }
- #registrarte #formulario form p.siguiente button:hover {
- background-color: #fff;
- color: #F6BD32;
- border: .2em solid #F6BD32;
- }
- #registrarte #formulario #personaje {
- background-color: #F4F5EB;
- width: 100%;
- height: 100%;
- position: absolute;
- z-index: -1;
- top: 0;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);
- transition: all 1s;
- opacity: 0;
- }
- #registrarte #formulario #personaje ul {
- overflow: hidden;
- margin-top: 5.5%;
- width: 92.2585%;
- margin: 0 auto;
- }
- #registrarte #formulario #personaje ul li {
- position: relative;
- float: left;
- width: 16.4285%;
- height: 16.4285%;
- margin-right: 4.464375%;
- margin-bottom: 1%;
- }
- #registrarte #formulario #personaje ul li:nth-child(5n) {
- margin-right: 0;
- }
- #registrarte #formulario #personaje ul li input {
- position: absolute;
- z-index: 10;
- opacity: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- }
- #registrarte #formulario #personaje ul li input:checked + label:after {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-image: url("imagenes/personajes/seleccionado.png");
- background-repeat: no-repeat;
- background-size: 100% 100%;
- }
- #registrarte #formulario #personaje ul li input:checked + label img {
- -webkit-transform: scale(0.99);
- -ms-transform: scale(0.99);
- transform: scale(0.99);
- }
- #registrarte #formulario #personaje ul li label {
- z-index: 20;
- display: block;
- width: 100%;
- height: 100%;
- position: relative;
- top: 0;
- left: 0;
- }
- #registrarte #formulario #personaje ul li label img {
- width: 100%;
- height: 100%;
- }
- #registrarte #formulario #personaje ul li label img:hover {
- cursor: pointer;
- }
- #registrarte #formulario #personaje ul li label:hover {
- cursor: pointer;
- }
- #registrarte #formulario #personaje ul li:nth-child(n+26):nth-child(-n+30) {
- margin-bottom: 0;
- }
- #registrarte #formulario #personaje input {
- margin: 5.5% auto;
- width: auto;
- display: block;
- background-color: #F6BD32;
- color: #fff;
- font-size: 1em;
- font-family: "raleway-bold";
- font-weight: bold;
- text-transform: uppercase;
- padding: 0.2666em 1.616em;
- border-radius: 1em;
- border: .2em solid #F6BD32;
- transition: all .3s;
- }
- #registrarte #formulario #personaje input:hover {
- background-color: #fff;
- border: .2em solid #F6BD32;
- color: #F6BD32;
- }
- #revisa-tu-mail h1, #gracias-por-tu-compra h1 {
- color: #999167;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: .8;
- margin-bottom: 3%;
- }
- #revisa-tu-mail h1:after, #gracias-por-tu-compra h1:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 3.5%;
- background-color: #999167;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #revisa-tu-mail h1 span, #gracias-por-tu-compra h1 span {
- text-transform: lowercase;
- font-family: "raleway-italic";
- font-size: .32em;
- color: #5B5D58;
- display: block;
- margin-bottom: 0.5em;
- }
- #revisa-tu-mail p, #gracias-por-tu-compra p {
- width: 85%;
- margin: 0 auto;
- }
- #revisa-tu-mail p:nth-child(2), #gracias-por-tu-compra p:nth-child(2) {
- font-family: "raleway";
- color: #5D5F5B;
- font-size: 1.2em;
- margin-bottom: 3%;
- }
- #revisa-tu-mail p:nth-child(2) span, #gracias-por-tu-compra p:nth-child(2) span {
- font-family: "raleway-bold-italic";
- color: #EEC431;
- font-size: 1.1em;
- }
- #revisa-tu-mail p:nth-child(2) a, #gracias-por-tu-compra p:nth-child(2) a {
- color: #5D5E59;
- font-family: "raleway-bold-italic";
- }
- #revisa-tu-mail p:nth-child(2) a:hover, #gracias-por-tu-compra p:nth-child(2) a:hover {
- color: #F7BF21;
- }
- #revisa-tu-mail p:last-child, #gracias-por-tu-compra p:last-child {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- margin-bottom: 5%;
- }
- #revisa-tu-mail p:last-child span, #gracias-por-tu-compra p:last-child span {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- text-align: center;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #revisa-tu-mail p:last-child span b, #gracias-por-tu-compra p:last-child span b {
- display: block;
- width: 100%;
- font-size: 2.375em;
- font-family: "thorup";
- font-weight: normal;
- color: #5D5F5B;
- margin-bottom: .3em;
- }
- #revisa-tu-mail p:last-child span a, #gracias-por-tu-compra p:last-child span a {
- border: .2em solid #AFA77B;
- height: 2.8em;
- line-height: 2.5em;
- font-family: "raleway";
- font-size: 1.2em;
- width: 32.5%;
- }
- #revisa-tu-mail p:last-child span:first-child, #gracias-por-tu-compra p:last-child span:first-child {
- width: 27.6050%;
- }
- #revisa-tu-mail p:last-child span:first-child b, #gracias-por-tu-compra p:last-child span:first-child b {
- text-align: center;
- }
- #revisa-tu-mail p:last-child span:first-child a, #gracias-por-tu-compra p:last-child span:first-child a {
- width: 100%;
- color: #EEC431;
- border-color: #EEC431;
- font-family: "raleway-bold-italic";
- }
- #revisa-tu-mail p:last-child span:first-child a:hover, #gracias-por-tu-compra p:last-child span:first-child a:hover {
- background-color: #EEC431;
- color: #fff;
- }
- #revisa-tu-mail p:last-child span:last-child, #gracias-por-tu-compra p:last-child span:last-child {
- width: 65.395%;
- }
- #revisa-tu-mail p:last-child span:last-child a, #gracias-por-tu-compra p:last-child span:last-child a {
- color: #AFA77B;
- background-color: #fff;
- }
- #revisa-tu-mail p:last-child span:last-child a:hover, #gracias-por-tu-compra p:last-child span:last-child a:hover {
- background-color: #AFA77B;
- color: #fff;
- }
- #gracias-por-tu-compra p:nth-child(2) {
- text-align: center;
- width: 65%;
- }
- #tipos-de-subastas h1 {
- color: #B0A87B;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: .8;
- margin-bottom: 3%;
- }
- #tipos-de-subastas h1:after {
- content: "";
- display: block;
- margin: .15em auto 0 auto;
- width: 3.5%;
- background-color: #B0A87B;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #tipos-de-subastas h1 span {
- text-transform: lowercase;
- font-family: "raleway-italic";
- font-size: .32em;
- color: #5B5D58;
- display: block;
- margin-bottom: 0.5em;
- }
- #tipos-de-subastas #slider-tipos {
- padding: 0 5em;
- width: 84.2857%;
- margin: 0 auto 5% auto;
- height: 26.25em;
- position: relative;
- overflow: hidden;
- }
- #tipos-de-subastas #slider-tipos button {
- position: absolute;
- position: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- color: #F0C633;
- font-size: 6.2em;
- background-color: transparent;
- height: .93em;
- z-index: 30;
- }
- #tipos-de-subastas #slider-tipos button:hover {
- cursor: pointer;
- }
- #tipos-de-subastas #slider-tipos button:first-child {
- left: -2.7%;
- }
- #tipos-de-subastas #slider-tipos button:first-child:before {
- display: block;
- -webkit-transform: rotate(3.9deg);
- -ms-transform: rotate(3.9deg);
- transform: rotate(3.9deg);
- }
- #tipos-de-subastas #slider-tipos button:nth-child(2) {
- right: -2.7%;
- }
- #tipos-de-subastas #slider-tipos button:nth-child(2):before {
- display: block;
- -webkit-transform: rotate(-3.9deg);
- -ms-transform: rotate(-3.9deg);
- transform: rotate(-3.9deg);
- }
- #tipos-de-subastas #slider-tipos #contenedor {
- padding-top: 1em;
- overflow: hidden;
- margin: 0 auto;
- width: 100%;
- height: 100%;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul {
- width: 202.3%;
- /* relative, a Java scriptear */
- height: 100%;
- transition: all .5s;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul.movido {
- margin-left: -102.3%;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li {
- float: left;
- position: relative;
- margin-right: 1.2%;
- width: 15.6666%;
- height: 100%;
- background-color: #C6BF9B;
- border: .4em solid #C6BF9B;
- text-align: center;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child {
- display: block;
- margin: -1.1em auto 3.5em auto;
- position: relative;
- overflow: hidden;
- width: 6.125em;
- height: 6.125em;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child:before, #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child:after {
- text-align: center;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child:before {
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- z-index: 20;
- color: #fff;
- font-size: 3.8em;
- font-family: "solbasta";
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li > span:first-child:after {
- font-size: 6.1em;
- position: absolute;
- top: -.04em;
- left: 0;
- z-index: 10;
- font-family: "solbasta";
- content: "\73";
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li h2 {
- color: #fff;
- text-align: left;
- margin-bottom: 1.3em;
- width: auto;
- display: inline-block;
- font-family: "raleway-bold-italic";
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li h2 span {
- display: block;
- line-height: .7;
- font-family: "raleway-black";
- font-size: 1.32em;
- text-transform: uppercase;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li p {
- color: #6A6857;
- font-family: "raleway";
- text-align: justify;
- font-size: 1.11em;
- width: 70%;
- margin: 0 auto;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li:nth-child(even) {
- background-color: #fff;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li:nth-child(even) h2 {
- color: #B0A87B;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#la-rapidita > span:first-child:before {
- content: "\6d";
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#la-rapidita > span:first-child:after {
- color: #E59A28;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#la-revancha > span:first-child:before {
- content: "\6b";
- font-size: 4.5em;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#la-revancha > span:first-child:after {
- color: #A7B300;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#el-novato > span:first-child:before {
- content: "\57";
- font-size: 4.2em;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#el-novato > span:first-child:after {
- color: #EE712E;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#todos-juegan > span:first-child:before {
- content: "\57";
- font-size: 3em !important;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#todos-juegan > span:first-child:after {
- color: #F4C019;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#el-cumpleanero > span:first-child:before {
- content: "\6e";
- font-size: 3.5em !important;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#el-cumpleanero > span:first-child:after {
- color: #D7C816;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#menos-veinte > span:first-child:before {
- content: "\6e";
- font-size: 3.5em !important;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li#menos-veinte > span:first-child:after {
- color: #F1A957;
- }
- #tipos-de-subastas #slider-tipos #contenedor ul li:last-child {
- margin-right: 0;
- }
- #preguntas-frecuentes {
- font-family: "raleway";
- }
- #preguntas-frecuentes h1 {
- color: #B0A87B;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: .8;
- margin-bottom: 3%;
- }
- #preguntas-frecuentes h1:after {
- content: "";
- display: block;
- margin: .15em auto 0 auto;
- width: 3.5%;
- background-color: #B0A87B;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #preguntas-frecuentes h1 span {
- text-transform: lowercase;
- font-family: "raleway-italic";
- font-size: .32em;
- color: #5B5D58;
- display: block;
- margin-bottom: 0.5em;
- }
- #preguntas-frecuentes .am {
- margin-bottom: 2.5%;
- }
- #preguntas-frecuentes .am > p {
- width: 80.7142%;
- margin: 0 auto;
- font-size: 1.2em;
- color: #5C5E59;
- overflow: hidden;
- }
- #preguntas-frecuentes .am > p input {
- margin-top: .7em;
- width: 86%;
- float: left;
- border: .18em solid #D7D2AF;
- color: #D7D2AF;
- font-size: 1.1em;
- height: 2em;
- line-height: 2em;
- padding: 0 .6em;
- }
- #preguntas-frecuentes .am > p button {
- width: 13%;
- font-size: 1.1em;
- height: 2em;
- line-height: 1.6em;
- font-weight: bold;
- text-transform: uppercase;
- border: .18em solid #EFB632;
- background-color: #EFB632;
- color: #fff;
- margin-top: .7em;
- float: right;
- }
- #preguntas-frecuentes .am > ul {
- width: 80.7142%;
- margin: 2% auto 0 auto;
- }
- #preguntas-frecuentes .am > ul > li {
- border-bottom: .07em solid #84806C;
- }
- #preguntas-frecuentes .am > ul > li:first-child {
- border-top: .07em solid #84806C;
- }
- #preguntas-frecuentes .am > ul > li h2 {
- font-family: "thorup";
- font-size: 2.4em;
- font-weight: normal;
- color: #EFB632;
- line-height: .6;
- padding: .4em 1em;
- position: relative;
- }
- #preguntas-frecuentes .am > ul > li h2:after {
- content: "";
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- right: 1em;
- width: 0;
- height: 0;
- border-left: 0.25em solid transparent;
- border-right: 0.25em solid transparent;
- border-top: 0.427em solid #D6D2AE;
- }
- #preguntas-frecuentes .am > ul > li h2:hover {
- cursor: pointer;
- }
- #preguntas-frecuentes .am > ul > li > p {
- text-align: justify;
- font-size: 1.1em;
- margin-top: .8em;
- }
- #preguntas-frecuentes .am > ul > li > ul {
- color: #5C5E59;
- max-height: 0;
- overflow: hidden;
- transition: all .15s;
- }
- #preguntas-frecuentes .am > ul > li > ul li h3 {
- font-family: "raleway-italic";
- color: #B0A87B;
- padding: 0 0 .15em .7em;
- position: relative;
- }
- #preguntas-frecuentes .am > ul > li > ul li h3:before {
- content: "";
- position: absolute;
- left: 0;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- background-color: #B0A87B;
- width: .3em;
- height: 100%;
- }
- #preguntas-frecuentes .am > ul > li > ul li p {
- text-align: justify;
- font-size: 1.1em;
- max-height: 0;
- overflow: hidden;
- transition: all .15s;
- }
- #preguntas-frecuentes .am > ul > li > ul li p a {
- color: #EFB632;
- font-weight: bold;
- }
- #preguntas-frecuentes .am > ul > li > ul li:hover > h3, #preguntas-frecuentes .am > ul > li > ul li.activado > h3 {
- cursor: pointer;
- color: #EFB632;
- }
- #preguntas-frecuentes .am > ul > li > ul li.activado {
- margin-bottom: 1.5em;
- }
- #preguntas-frecuentes .am > ul > li > ul li.activado h3:before {
- background-color: #EFB632;
- height: 55%;
- }
- #preguntas-frecuentes .am > ul > li > ul li.activado p {
- max-height: 100%;
- margin-top: .8em;
- }
- #preguntas-frecuentes .am > ul > li.activado {
- padding-bottom: 1.5em;
- }
- #preguntas-frecuentes .am > ul > li.activado ul {
- padding: 1em 0 1em 2.5em;
- max-height: 100%;
- overflow: visible;
- }
- #preguntas-frecuentes .am > ul > li.activado h2 {
- background-color: #EFB632;
- color: #fff;
- }
- #preguntas-frecuentes .am > ul > li.activado h2:after {
- border-top: 0;
- border-bottom: 0.427em solid #fff;
- }
- #informacion-y-soporte, #terminos-y-condiciones {
- font-family: "raleway";
- }
- #informacion-y-soporte h1, #terminos-y-condiciones h1 {
- color: #B0A87B;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: .8;
- margin-bottom: 2%;
- }
- #informacion-y-soporte h1:after, #terminos-y-condiciones h1:after {
- content: "";
- display: block;
- margin: .15em auto 0 auto;
- width: 3.5%;
- background-color: #B0A87B;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #informacion-y-soporte .am > p, #terminos-y-condiciones .am > p {
- width: 34.285%;
- margin: 0 auto 3% auto;
- text-align: center;
- font-family: "raleway-italic";
- color: #84816D;
- }
- #informacion-y-soporte .am > p b, #terminos-y-condiciones .am > p b {
- color: #EFB632;
- font-family: "raleway-bold-italic";
- }
- #informacion-y-soporte .am > ul, #terminos-y-condiciones .am > ul {
- width: 77.1428%;
- margin: 0 auto 3% auto;
- }
- #informacion-y-soporte .am > ul > li, #terminos-y-condiciones .am > ul > li {
- border-top: .07em solid #84806C;
- transition: all .1s;
- }
- #informacion-y-soporte .am > ul > li:last-child, #terminos-y-condiciones .am > ul > li:last-child {
- border-bottom: .07em solid #84806C;
- }
- #informacion-y-soporte .am > ul > li h2, #terminos-y-condiciones .am > ul > li h2 {
- font-family: "thorup";
- font-size: 2.4em;
- font-weight: normal;
- line-height: .6;
- padding: .4em 1em .4em 1.7em;
- position: relative;
- max-height: 100% !important;
- }
- #informacion-y-soporte .am > ul > li h2:after, #terminos-y-condiciones .am > ul > li h2:after {
- content: "";
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- right: 1em;
- width: 0;
- height: 0;
- border-left: 0.25em solid transparent;
- border-right: 0.25em solid transparent;
- border-top: 0.427em solid #D6D2AE;
- }
- #informacion-y-soporte .am > ul > li h2:hover, #terminos-y-condiciones .am > ul > li h2:hover {
- cursor: pointer;
- }
- #informacion-y-soporte .am > ul > li h2 span, #terminos-y-condiciones .am > ul > li h2 span {
- position: absolute;
- left: 1%;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- font-size: .9em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #informacion-y-soporte .am > ul > li h2 span:before, #terminos-y-condiciones .am > ul > li h2 span:before {
- transition: all .1s;
- }
- #informacion-y-soporte .am > ul > li:nth-child(odd) h2, #terminos-y-condiciones .am > ul > li:nth-child(odd) h2 {
- color: #EFB632;
- }
- #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 {
- border-top-color: #EFB632;
- }
- #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 {
- border-top-color: #EFB632;
- }
- #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 {
- background-color: #EFB632;
- color: #fff;
- }
- #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 {
- border-top-color: #fff;
- border-bottom-color: #fff;
- }
- #informacion-y-soporte .am > ul > li:nth-child(even) h2, #terminos-y-condiciones .am > ul > li:nth-child(even) h2 {
- color: #84816D;
- }
- #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 {
- border-top-color: #84816D;
- }
- #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 {
- border-top-color: #84816D;
- }
- #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 {
- background-color: #84816D;
- color: #fff;
- }
- #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 {
- border-top-color: #fff;
- border-bottom-color: #fff;
- }
- #informacion-y-soporte .am > ul > li > *, #terminos-y-condiciones .am > ul > li > * {
- transition: all .5s;
- overflow: hidden;
- max-height: 0;
- }
- #informacion-y-soporte .am > ul > li.activado, #terminos-y-condiciones .am > ul > li.activado {
- padding-bottom: 1em;
- }
- #informacion-y-soporte .am > ul > li.activado h2, #terminos-y-condiciones .am > ul > li.activado h2 {
- margin-bottom: .5em;
- }
- #informacion-y-soporte .am > ul > li.activado h2:after, #terminos-y-condiciones .am > ul > li.activado h2:after {
- border-top: 0;
- border-bottom: 0.427em solid #D6D2AE;
- }
- #informacion-y-soporte .am > ul > li.activado > *, #terminos-y-condiciones .am > ul > li.activado > * {
- max-height: 100%;
- overflow: visible;
- margin-bottom: 1em;
- }
- #terminos-y-condiciones .am > p {
- width: 86.9767%;
- font-family: "raleway";
- font-size: 1.2em;
- }
- #terminos-y-condiciones .am > ul {
- width: 89.3953%;
- }
- #politica-de-privacidad {
- font-family: "raleway";
- }
- #politica-de-privacidad h1 {
- color: #B0A87B;
- text-align: center;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: .8;
- margin-bottom: 2%;
- }
- #politica-de-privacidad h1:after {
- content: "";
- display: block;
- margin: .15em auto 0 auto;
- width: 3.5%;
- background-color: #B0A87B;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #politica-de-privacidad .am {
- margin-bottom: 2.5%;
- }
- #politica-de-privacidad .am > p {
- width: 87.5714%;
- margin: 0 auto 1.5em auto;
- font-size: 1.2em;
- text-align: justify;
- color: #5C5E59;
- overflow: hidden;
- }
- #politica-de-privacidad .am > p span {
- font-family: "thorup-bold";
- text-transform: uppercase;
- color: #F2C531;
- font-size: 1.8em;
- }
- #politica-de-privacidad .am > p:nth-child(3) {
- text-align: center;
- }
- #politica-de-privacidad .am > ul {
- width: 87.5714%;
- margin: 3.5% auto 0 auto;
- }
- #politica-de-privacidad .am > ul > li {
- margin-bottom: 1em;
- font-size: 1.1em;
- }
- #politica-de-privacidad .am > ul > li h2 {
- font-family: "thorup";
- font-size: 2.2196em;
- font-weight: normal;
- color: #fff;
- line-height: .6;
- padding: .4em .5em;
- position: relative;
- background-color: #EFB632;
- max-height: 100%;
- margin-bottom: .5em !important;
- }
- #politica-de-privacidad .am > ul > li h2:after {
- content: "";
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- right: 1em;
- width: 0;
- height: 0;
- border-left: 0.25em solid transparent;
- border-right: 0.25em solid transparent;
- border-top: 0.427em solid #FFF;
- }
- #politica-de-privacidad .am > ul > li h2:hover {
- cursor: pointer;
- }
- #politica-de-privacidad .am > ul > li > * {
- transition: all .5s;
- overflow: hidden;
- max-height: 0;
- }
- #politica-de-privacidad .am > ul > li > *:nth-child(2) {
- max-height: 100%;
- }
- #politica-de-privacidad .am > ul > li > p {
- text-align: justify;
- }
- #politica-de-privacidad .am > ul > li > p .ver-mas {
- margin-left: .5em;
- background-color: transparent;
- font-family: "raleway-bold-italic";
- color: #EFB632;
- font-size: 1.2em;
- }
- #politica-de-privacidad .am > ul > li ul {
- margin-left: 2em;
- }
- #politica-de-privacidad .am > ul > li ul li {
- padding-left: 1.2em;
- position: relative;
- margin-bottom: .25em;
- }
- #politica-de-privacidad .am > ul > li ul li:before {
- content: "";
- position: absolute;
- left: 0;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- width: .7em;
- height: .7em;
- background-color: #EFB632;
- border-radius: 50%;
- }
- #politica-de-privacidad .am > ul > li:nth-child(even) h2 {
- background-color: #AFA77B;
- }
- #politica-de-privacidad .am > ul > li.activado {
- margin-bottom: 2.5em;
- }
- #politica-de-privacidad .am > ul > li.activado > * {
- max-height: 100%;
- overflow: visible;
- margin-bottom: 1em;
- }
- #politica-de-privacidad .am > ul > li.activado h2 {
- background-color: #fff;
- color: #EFB632;
- text-align: center;
- border-top: .1em solid #EFB632;
- border-bottom: .1em solid #EFB632;
- margin-bottom: .7em;
- }
- #politica-de-privacidad .am > ul > li.activado h2:after {
- border-top: 0;
- border-bottom: 0.427em solid #EFB632;
- }
- #politica-de-privacidad .am > ul > li.activado .ver-mas {
- opacity: 0;
- }
- #mi-cuenta .am {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: 1.6%;
- /* puesta aqui y no en 'main' por IE10*/
- }
- #mi-cuenta .sub-navegacion {
- background-color: #262123;
- width: 22.9285%;
- margin-right: auto;
- padding: 3.5em 0;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- #mi-cuenta .sub-navegacion a {
- color: #fff;
- }
- #mi-cuenta .sub-navegacion a:hover {
- color: #F6BD32;
- }
- #mi-cuenta .sub-navegacion nav li a {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- position: relative;
- padding-left: 11%;
- font-family: "raleway";
- text-transform: capitalize;
- font-size: 1.3em;
- height: 2.082em;
- line-height: 2.082em;
- transition: all .1s;
- }
- #mi-cuenta .sub-navegacion nav li a:before {
- margin-right: .5em;
- }
- #mi-cuenta .sub-navegacion nav li a.activo {
- background-color: #F2C531;
- color: #262123;
- font-weight: bold;
- }
- #mi-cuenta .sub-navegacion nav li a.activo:after {
- content: "";
- border-top: 1.07em solid transparent;
- border-bottom: 1.07em solid transparent;
- border-left: 1.4em solid #F2C531;
- position: absolute;
- top: 0;
- right: -1.35em;
- }
- #mi-cuenta .sub-navegacion .extra a {
- padding-left: 11%;
- font-family: "raleway-italic";
- height: 1.6em;
- line-height: 1.6em;
- display: block;
- }
- #mi-cuenta .sub-navegacion .extra a:hover {
- color: #F2C531;
- }
- #mi-cuenta .sub-navegacion .extra a#micodigo {
- position: relative;
- }
- #mi-cuenta .sub-navegacion .extra a#micodigo > span {
- transition: all 1s;
- overflow: hidden;
- height: 0;
- padding: 0;
- width: 71.95%;
- text-align: center;
- font-family: "raleway";
- font-size: .95em;
- line-height: 1;
- position: absolute;
- top: -575%;
- left: 11%;
- background-color: #fff;
- color: #262123;
- }
- #mi-cuenta .sub-navegacion .extra a#micodigo > span span {
- position: relative;
- color: #F2C531;
- text-transform: uppercase;
- display: block;
- padding: 2% 0;
- font-family: "raleway-bold";
- font-weight: bold;
- width: 65%;
- margin: 1em auto .8em auto;
- }
- #mi-cuenta .sub-navegacion .extra a#micodigo > span span:before {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- font-size: 9em;
- line-height: .17;
- }
- #mi-cuenta .sub-navegacion .extra a#micodigo > span:after {
- content: "";
- position: absolute;
- left: 8%;
- bottom: -1em;
- width: 0;
- height: 0;
- transition: all .2s;
- border-right: 0.95em solid transparent;
- border-left: 0.95em solid transparent;
- border-top: 1.075em solid #fff;
- }
- #mi-cuenta .sub-navegacion .extra a#micodigo:hover > span {
- padding: 4%;
- height: 8.9875em;
- overflow: visible;
- }
- #mi-cuenta section {
- width: 70.5650%;
- overflow: hidden;
- }
- #mi-cuenta section h1 {
- margin-top: 0.07em;
- margin-bottom: 1.6%;
- text-align: left;
- border-top: 0.0425em solid #83816E;
- padding-top: 0;
- line-height: 1;
- position: relative;
- height: .8em;
- }
- #mi-cuenta section h1 span {
- position: absolute;
- top: -0.125em;
- left: 0;
- display: inline-block;
- padding-top: .1em;
- font-family: "thorup";
- line-height: .7;
- font-size: .8em;
- text-transform: uppercase;
- border-top: 0.1125em solid #5B5D58;
- }
- #mi-cuenta section h1:after {
- display: none;
- }
- #mi-cuenta section .desarrollo {
- float: left;
- width: 43.4077%;
- background-color: #F2C531;
- position: relative;
- padding-top: .5%;
- }
- #mi-cuenta section .desarrollo .icon-editar {
- position: absolute;
- top: 2.5%;
- right: 3.5%;
- color: #fff;
- text-indent: -9999px;
- overflow: hidden;
- display: inline-block;
- width: 1.5625em;
- height: 1.5625em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta section .desarrollo .icon-editar:before {
- text-indent: 0;
- font-size: 1.7em;
- }
- #mi-cuenta section .desarrollo .icon-editar:hover {
- color: #262123;
- }
- #mi-cuenta section .desarrollo #avatar {
- width: 9.375em;
- height: 9.375em;
- margin: 10% auto 4.2% auto;
- display: block;
- }
- #mi-cuenta section .desarrollo h2 {
- text-align: center;
- font-size: 1.3em;
- font-family: "raleway-italic";
- color: #262123;
- margin-bottom: 10.85%;
- }
- #mi-cuenta section .desarrollo h2 span {
- font-size: .9em;
- font-family: "raleway";
- font-weight: normal;
- display: block;
- color: #86806D;
- }
- #mi-cuenta section .desarrollo .accesos-directos {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- background-color: #262123;
- height: 5em;
- width: 100%;
- }
- #mi-cuenta section .desarrollo .accesos-directos button {
- width: 3.225em;
- height: 3.225em;
- border-radius: 50%;
- background-color: #fff;
- color: #262123;
- overflow: hidden;
- margin-right: 1em;
- font-size: 1em;
- }
- #mi-cuenta section .desarrollo .accesos-directos button span {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- #mi-cuenta section .desarrollo .accesos-directos button span:before {
- font-size: 1.8em;
- }
- #mi-cuenta section .desarrollo .accesos-directos button span.icon-play {
- margin-left: .43em;
- }
- #mi-cuenta section .desarrollo .accesos-directos button:last-child {
- margin-right: 0;
- }
- #mi-cuenta section .desarrollo .accesos-directos button.activo {
- background-color: #F2C531;
- }
- #mi-cuenta section .desarrollo .accesos-directos button.bacio {
- background-color: #262123;
- color: #fff;
- border: 1px solid #fff;
- }
- #mi-cuenta section .desarrollo .accesos-directos button:hover {
- background-color: #F2C531;
- color: #262123;
- }
- #mi-cuenta section section h2 {
- display: none;
- }
- #mi-cuenta section #filtros-historial-solsazos {
- top: 1.2em;
- right: .5%;
- }
- #mi-cuenta #resumen {
- padding-bottom: 3em;
- overflow: hidden;
- }
- #mi-cuenta #resumen .desarrollo ul {
- overflow: hidden;
- font-family: "raleway-italic";
- color: #262123;
- width: 80%;
- margin: 0 auto 14% auto;
- font-size: .8em;
- }
- #mi-cuenta #resumen .desarrollo ul span:first-child:before {
- margin-right: .3em;
- }
- #mi-cuenta #resumen .desarrollo ul span:last-child {
- font-size: 1.3em;
- display: block;
- color: #fff;
- font-family: "raleway-bold";
- font-weight: bold;
- }
- #mi-cuenta #resumen .desarrollo ul li {
- float: left;
- }
- #mi-cuenta #resumen .desarrollo ul li:first-child, #mi-cuenta #resumen .desarrollo ul li:nth-child(2) {
- width: 48%;
- }
- #mi-cuenta #resumen .desarrollo ul li:nth-child(2) {
- float: right;
- }
- #mi-cuenta #resumen .desarrollo ul li:last-child {
- margin-top: 1em;
- }
- #mi-cuenta #resumen .desarrollo ul li:last-child span:last-child {
- text-transform: uppercase;
- }
- #mi-cuenta #resumen .numeros {
- float: right;
- width: 44.2360%;
- height: 34.6075em;
- }
- #mi-cuenta #resumen .numeros:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- #mi-cuenta #resumen .numeros li {
- width: 48%;
- height: 48.5%;
- font-family: "thorup";
- float: left;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- }
- #mi-cuenta #resumen .numeros li a {
- background-color: #F6BD32;
- color: #fff;
- font-size: .9em;
- font-family: "raleway-bold";
- font-weight: Bold;
- text-transform: uppercase;
- padding: 0.2666em 0.9416em 0.2766em 0.9416em;
- border-radius: 0.8333em;
- margin-bottom: 0.2083em;
- }
- #mi-cuenta #resumen .numeros li a:hover {
- background-color: #fff;
- color: #F6BD32;
- }
- #mi-cuenta #resumen .numeros li:first-child {
- background-color: #86806D;
- margin-right: 4%;
- margin-bottom: 4%;
- }
- #mi-cuenta #resumen .numeros li:first-child span:first-child, #mi-cuenta #resumen .numeros li:first-child span:nth-child(4) {
- color: #EFB632;
- font-family: "raleway-italic";
- font-size: .7em;
- }
- #mi-cuenta #resumen .numeros li:first-child span:nth-child(2), #mi-cuenta #resumen .numeros li:first-child span:nth-child(3) {
- color: #fff;
- }
- #mi-cuenta #resumen .numeros li:first-child span:nth-child(2) {
- font-size: 11em;
- line-height: .45;
- }
- #mi-cuenta #resumen .numeros li:first-child span:nth-child(3) {
- margin-top: .4em;
- font-size: 2.5em;
- line-height: .7;
- }
- #mi-cuenta #resumen .numeros li:first-child span:nth-child(4) {
- margin-bottom: 4em;
- }
- #mi-cuenta #resumen .numeros li:nth-child(2), #mi-cuenta #resumen .numeros li:nth-child(3) {
- margin-bottom: 4%;
- border: .2em solid #AFA77B;
- }
- #mi-cuenta #resumen .numeros li:nth-child(2) > span:first-child, #mi-cuenta #resumen .numeros li:nth-child(3) > span:first-child {
- width: 76.9953%;
- height: 50.3355%;
- overflow: hidden;
- text-align: center;
- margin-bottom: 1.5em;
- position: relative;
- }
- #mi-cuenta #resumen .numeros li:nth-child(2) > span:first-child img, #mi-cuenta #resumen .numeros li:nth-child(3) > span:first-child img {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- max-width: 100%;
- max-height: 140%;
- }
- #mi-cuenta #resumen .numeros li:nth-child(2) > span:last-child, #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child {
- width: 76.9953%;
- color: #AFA77B;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- #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 {
- width: auto;
- margin-right: .05em;
- font-family: "thorup";
- font-size: 7em;
- line-height: .3;
- }
- #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 {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- color: #AFA77B;
- text-align: left;
- width: 68.8462%;
- font-size: 2.05em;
- line-height: .8;
- }
- #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 {
- font-size: 1.3em;
- }
- #mi-cuenta #resumen .numeros li:nth-child(3) {
- margin-right: 4%;
- margin-bottom: 0;
- }
- #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child {
- width: 85.9953%;
- }
- #mi-cuenta #resumen .numeros li:nth-child(3) > span:last-child > span:last-child span:last-child {
- font-size: 1.1em;
- font-weight: bold;
- }
- #mi-cuenta #resumen .numeros li:nth-child(4) {
- background-color: #D5D2AE;
- color: #86806D;
- }
- #mi-cuenta #resumen .numeros li:nth-child(4) span:first-child {
- font-size: 11em;
- line-height: .45;
- }
- #mi-cuenta #resumen .numeros li:nth-child(4) span:nth-child(2) {
- margin: .5em 0;
- text-align: center;
- font-size: 3em;
- line-height: .7;
- width: 88%;
- }
- #mi-cuenta #resumen .sepia {
- -webkit-filter: sepia(100%);
- filter: sepia(100%);
- }
- #mi-cuenta #secciones {
- float: left;
- width: 100%;
- margin-top: 3%;
- position: relative;
- height: 0;
- padding-bottom: 20%;
- }
- #mi-cuenta #secciones > section {
- width: 100%;
- padding: 1.875em 2.875em 1.675em 2.875em;
- border: .3em solid #AFA77B;
- overflow: visible;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 10;
- transition: all .3s;
- opacity: 0;
- }
- #mi-cuenta #secciones > section .contenedor {
- overflow: hidden;
- }
- #mi-cuenta #secciones > section .contenedor .articulos {
- overflow: hidden;
- transition: all .5s;
- }
- #mi-cuenta #secciones > section:before {
- content: "";
- position: absolute;
- top: -1.8em;
- border-left: 1.5333em solid transparent;
- border-right: 1.5333em solid transparent;
- border-bottom: 1.8em solid #AFA77B;
- }
- #mi-cuenta #secciones > section:after {
- content: "";
- position: absolute;
- top: -1.4em;
- border-left: 1.4333em solid transparent;
- border-right: 1.4333em solid transparent;
- border-bottom: 1.8em solid #fff;
- }
- #mi-cuenta #secciones > section > button:nth-last-child(2) {
- display: none;
- font-size: 1em;
- text-align: center;
- color: #F2C531;
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- left: .9%;
- width: 1.7em;
- height: 5.4em;
- background-color: transparent;
- overflow: hidden;
- }
- #mi-cuenta #secciones > section > button:nth-last-child(2) span:before {
- font-size: 5.3em;
- display: inline-block;
- -webkit-transform: rotate(4.5deg);
- -ms-transform: rotate(4.5deg);
- transform: rotate(4.5deg);
- margin-left: -105%;
- line-height: 1;
- }
- #mi-cuenta #secciones > section > button:last-child {
- display: none;
- font-size: 1em;
- text-align: center;
- color: #F2C531;
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- right: .9%;
- width: 1.7em;
- height: 5.4em;
- background-color: transparent;
- overflow: hidden;
- }
- #mi-cuenta #secciones > section > button:last-child span:before {
- font-size: 5.3em;
- display: inline-block;
- -webkit-transform: rotate(-4.5deg);
- -ms-transform: rotate(-4.5deg);
- transform: rotate(-4.5deg);
- margin-left: -115%;
- line-height: 1;
- }
- #mi-cuenta #secciones .suscripcion {
- opacity: 1;
- z-index: 20;
- }
- #mi-cuenta #secciones .suscripcion:before {
- left: 5.3%;
- }
- #mi-cuenta #secciones .suscripcion:after {
- left: 5.6%;
- }
- #mi-cuenta #secciones .suscripcion article {
- margin: 0 auto;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- width: 60%;
- text-align: center;
- }
- #mi-cuenta #secciones .suscripcion article h3 {
- font-family: "raleway-italic";
- color: #83816E;
- font-size: 1.2em;
- margin-bottom: 1em;
- }
- #mi-cuenta #secciones .suscripcion article button {
- width: auto;
- background-color: #F5BD32;
- color: #fff;
- padding: 0 1.2em;
- height: 2.1em;
- line-height: 2em;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-size: 1em;
- font-weight: bold;
- border-radius: 1em;
- }
- #mi-cuenta #secciones .suscripcion article button:hover {
- background-color: #AFA77B;
- }
- #mi-cuenta #secciones .videos article, #mi-cuenta #secciones .fotos article {
- float: left;
- position: relative;
- margin-right: 2em;
- width: 17.3122em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- overflow: hidden;
- }
- #mi-cuenta #secciones .videos article .imagen, #mi-cuenta #secciones .fotos article .imagen {
- float: left;
- width: 39.67%;
- overflow: hidden;
- height: 6.8627em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .videos article .imagen img, #mi-cuenta #secciones .fotos article .imagen img {
- max-width: 100%;
- }
- #mi-cuenta #secciones .videos article .texto, #mi-cuenta #secciones .fotos article .texto {
- width: 55.05%;
- float: right;
- color: #83816E;
- font-size: .86em;
- text-align: center;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .videos article .texto h3, #mi-cuenta #secciones .fotos article .texto h3 {
- font-size: 3.2em;
- font-family: "thorup";
- line-height: .5;
- text-transform: uppercase;
- font-weight: normal;
- margin-bottom: .3em;
- }
- #mi-cuenta #secciones .videos article .texto h3 span, #mi-cuenta #secciones .fotos article .texto h3 span {
- display: block;
- font-size: .3em;
- line-height: 1;
- font-weight: normal;
- margin-bottom: .2em;
- font-family: "raleway";
- text-transform: lowercase;
- }
- #mi-cuenta #secciones .videos article .texto a, #mi-cuenta #secciones .fotos article .texto a {
- display: inline-block;
- color: #fff;
- padding: 0 1.2em;
- height: 2.1em;
- line-height: 2.1em;
- background-color: #F5BD32;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- border-radius: 1em;
- border: 1px solid #fff;
- }
- #mi-cuenta #secciones .videos article .texto a:hover, #mi-cuenta #secciones .fotos article .texto a:hover {
- background-color: #fff;
- color: #F5BD32;
- border-color: #F5BD32;
- }
- #mi-cuenta #secciones .videos article:nth-last-child(2), #mi-cuenta #secciones .fotos article:nth-last-child(2) {
- margin-right: 0;
- }
- #mi-cuenta #secciones .videos article.accion, #mi-cuenta #secciones .fotos article.accion {
- display: none;
- float: none;
- width: 19.125em;
- margin: 0 auto !important;
- }
- #mi-cuenta #secciones .videos article.accion .imagen, #mi-cuenta #secciones .fotos article.accion .imagen {
- width: 35.8%;
- background-color: #D6D1AF;
- margin-right: auto;
- position: relative;
- }
- #mi-cuenta #secciones .videos article.accion .imagen span, #mi-cuenta #secciones .fotos article.accion .imagen span {
- width: 3.225em;
- height: 3.225em;
- border-radius: 50%;
- background-color: #F2C531;
- color: #000;
- overflow: hidden;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .videos article.accion .imagen span:before, #mi-cuenta #secciones .fotos article.accion .imagen span:before {
- font-size: 1.8em;
- }
- #mi-cuenta #secciones .videos article.accion .texto, #mi-cuenta #secciones .fotos article.accion .texto {
- width: 60.05%;
- }
- #mi-cuenta #secciones .videos article.accion .texto h3 span, #mi-cuenta #secciones .fotos article.accion .texto h3 span {
- display: block;
- margin-top: .5em;
- }
- #mi-cuenta #secciones .videos article.accion .texto a, #mi-cuenta #secciones .fotos article.accion .texto a {
- color: #EFB632;
- background-color: #fff;
- border: 1px solid #EFB632;
- }
- #mi-cuenta #secciones .videos article.accion .texto a:hover, #mi-cuenta #secciones .fotos article.accion .texto a:hover {
- background-color: #AFA77B;
- border-color: #fff;
- color: #fff;
- }
- #mi-cuenta #secciones .videos:before {
- left: 12.3%;
- }
- #mi-cuenta #secciones .videos:after {
- left: 12.5%;
- }
- #mi-cuenta #secciones .fotos:before {
- left: 19%;
- }
- #mi-cuenta #secciones .fotos:after {
- left: 19.2%;
- }
- #mi-cuenta #secciones .recordatorios:before {
- left: 26%;
- }
- #mi-cuenta #secciones .recordatorios:after {
- left: 26.2%;
- }
- #mi-cuenta #secciones .recordatorios article {
- float: left;
- position: relative;
- margin-right: 2.05em;
- width: 17.125em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- overflow: hidden;
- }
- #mi-cuenta #secciones .recordatorios article button {
- opacity: 0;
- background-color: transparent;
- position: absolute;
- top: 5%;
- left: 0;
- color: #EFB632;
- font-size: .7em;
- }
- #mi-cuenta #secciones .recordatorios article button span:before {
- border-radius: 50%;
- background-color: #EFB632;
- color: #fff;
- width: 1.5em;
- height: 1.5em;
- font-size: 1.1em;
- padding: .5em;
- }
- #mi-cuenta #secciones .recordatorios article:hover button {
- opacity: 1;
- }
- #mi-cuenta #secciones .recordatorios article .imagen {
- float: left;
- width: 36.95%;
- overflow: hidden;
- height: 9.4375em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .recordatorios article .imagen img {
- max-width: 90%;
- }
- #mi-cuenta #secciones .recordatorios article .texto {
- width: 63.05%;
- float: right;
- font-family: "raleway";
- color: #83816E;
- font-size: .86em;
- text-align: center;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .recordatorios article .texto p {
- color: #F5BD32;
- font-size: .9em;
- margin-bottom: .8em;
- }
- #mi-cuenta #secciones .recordatorios article .texto p time {
- display: block;
- color: #83816E;
- }
- #mi-cuenta #secciones .recordatorios article .texto h3 {
- font-size: 3.2em;
- font-family: "thorup";
- line-height: .8;
- text-transform: uppercase;
- font-weight: normal;
- margin-bottom: .2em;
- }
- #mi-cuenta #secciones .recordatorios article .texto h4 {
- font-size: .9em;
- font-weight: normal;
- margin-bottom: 1.2em;
- }
- #mi-cuenta #secciones .recordatorios article .texto a {
- display: inline-block;
- color: #fff;
- padding: 0 1.2em;
- height: 2.1em;
- line-height: 2.1em;
- background-color: #F5BD32;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- border-radius: 1em;
- border: 1px solid #fff;
- }
- #mi-cuenta #secciones .recordatorios article .texto a:hover {
- background-color: #fff;
- color: #F5BD32;
- border-color: #F5BD32;
- }
- #mi-cuenta #secciones .recordatorios article:nth-last-child(2) {
- margin-right: 0;
- }
- #mi-cuenta #secciones .recordatorios article.accion {
- display: none;
- float: none;
- width: 23.125em;
- margin: 0 auto !important;
- }
- #mi-cuenta #secciones .recordatorios article.accion .imagen {
- width: 26.95%;
- margin-right: auto;
- }
- #mi-cuenta #secciones .recordatorios article.accion .texto {
- width: 70.05%;
- }
- #mi-cuenta #secciones .recordatorios article.accion .texto a {
- color: #EFB632;
- background-color: #fff;
- border: 1px solid #EFB632;
- }
- #mi-cuenta #secciones .recordatorios article.accion .texto a:hover {
- background-color: #AFA77B;
- border-color: #fff;
- color: #fff;
- }
- #mi-cuenta #secciones .regalos:before {
- left: 32.9%;
- }
- #mi-cuenta #secciones .regalos:after {
- left: 33.1%;
- }
- #mi-cuenta #secciones .regalos article {
- font-size: 1em;
- float: left;
- position: relative;
- margin-right: 2.05em;
- width: 17.125em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- overflow: hidden;
- }
- #mi-cuenta #secciones .regalos article .imagen {
- float: left;
- width: 30.95%;
- overflow: hidden;
- height: 5.4375em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .regalos article .imagen span {
- width: 100%;
- height: 5.3125em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .regalos article .imagen span:before {
- font-size: 4.2em;
- }
- #mi-cuenta #secciones .regalos article .imagen span.icon-facebook {
- background-color: #85806D;
- color: #fff;
- border: .3em solid #fff;
- }
- #mi-cuenta #secciones .regalos article .imagen span.icon-twitter {
- background-color: #fff;
- border: .3em solid #AEA67B;
- color: #AEA67B;
- }
- #mi-cuenta #secciones .regalos article .imagen span.icon-instagram {
- background-color: #85806D;
- color: #fff;
- border: .3em solid #fff;
- }
- #mi-cuenta #secciones .regalos article .texto {
- width: 69.05%;
- float: right;
- font-family: "raleway";
- color: #83816E;
- font-size: .86em;
- text-align: center;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .regalos article .texto h3 {
- font-size: 2.1em;
- font-family: "thorup";
- line-height: .8;
- text-transform: uppercase;
- font-weight: normal;
- margin-bottom: .5em;
- color: #83816E;
- }
- #mi-cuenta #secciones .regalos article .texto h3 span {
- display: block;
- font-family: "raleway";
- font-size: .4em;
- text-transform: lowercase;
- font-weight: normal;
- }
- #mi-cuenta #secciones .regalos article .texto b {
- display: inline-block;
- color: #F5BD32;
- line-height: 1;
- padding: .3em 1.3em;
- font-size: 1.1em;
- background-color: #fff;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- border: .15em solid #F5BD32;
- }
- #mi-cuenta #secciones .regalos article:nth-last-child(2) {
- margin-right: 0;
- }
- #mi-cuenta #secciones .regalos article.accion {
- display: none;
- float: none;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- margin: 0 auto !important;
- }
- #mi-cuenta #secciones .regalos article.accion h3 {
- width: 100%;
- color: #83816E;
- text-align: center;
- margin-bottom: .3em;
- font-family: "thorup";
- font-weight: normal;
- font-size: 2.7em;
- line-height: .8;
- text-transform: uppercase;
- }
- #mi-cuenta #secciones .regalos article.accion h3 span {
- display: block;
- font-size: .45em;
- line-height: .5;
- font-weight: normal;
- margin-bottom: .2em;
- font-family: "raleway";
- text-transform: lowercase;
- }
- #mi-cuenta #secciones .regalos article.accion p {
- width: 100%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #secciones .regalos article.accion p a {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 1.5em;
- overflow: hidden;
- color: #fff;
- margin-right: 1em;
- width: 2em;
- height: 2em;
- background-color: #F6BD32;
- }
- #mi-cuenta #secciones .regalos article.accion p a span {
- display: none;
- }
- #mi-cuenta #secciones .regalos article.accion p a:last-child {
- margin-right: 0;
- }
- #mi-cuenta #secciones .regalos article.accion p a:hover {
- background-color: #AFA77B;
- }
- #mi-cuenta #editar-informacion .desarrollo {
- float: none;
- width: 100%;
- position: relative;
- height: 0;
- padding-bottom: 69.60%;
- }
- #mi-cuenta #editar-informacion .desarrollo form {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 10;
- height: 80%;
- width: 100%;
- padding-left: 10.48%;
- padding-right: 10.48%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #mi-cuenta #editar-informacion .desarrollo form p {
- width: 44.5277%;
- margin-bottom: 1.2em;
- overflow: hidden;
- }
- #mi-cuenta #editar-informacion .desarrollo form p input, #mi-cuenta #editar-informacion .desarrollo form p select {
- display: block;
- float: left;
- width: 84.8502%;
- background-color: #fff;
- color: #5D5F5B;
- font-weight: normal;
- font-family: "raleway";
- font-size: 1.3em;
- height: 1.78em;
- line-height: 1.78em;
- padding: 0 .5em;
- }
- #mi-cuenta #editar-informacion .desarrollo form p select {
- border: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
- #mi-cuenta #editar-informacion .desarrollo form p select::-ms-expand {
- display: none;
- }
- #mi-cuenta #editar-informacion .desarrollo form p [class^="icon-"] {
- float: right;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- width: 15.1498%;
- height: 1.55em;
- color: #fff;
- background-color: #5D5F5B;
- font-size: 1.5em;
- line-height: 0;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:first-child {
- position: relative;
- text-align: center;
- margin: 10.48% 0 4% 0;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:first-child #avatar {
- margin: 0 auto 12% auto;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:first-child > span {
- display: block;
- margin: 0 auto;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:first-child > span:nth-child(2) {
- font-size: 1.35em;
- font-family: "raleway-italic";
- font-weight: bold;
- margin-bottom: 3%;
- color: #262123;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:first-child > span:nth-child(n+3) {
- font-size: 1.25em;
- font-family: "raleway";
- display: block;
- color: #86806D;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:first-child i {
- width: 2.7375em;
- height: 2.7375em;
- background-color: #fff;
- border-radius: 50%;
- position: absolute;
- display: block;
- top: 39%;
- right: 33%;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:first-child i span {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- background-color: transparent;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:first-child i span:before {
- color: #5D5F5B;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:nth-child(4) {
- margin-bottom: 0;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:nth-child(5) {
- margin-top: 13.5%;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:nth-child(n+5) {
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:last-child {
- margin-top: .2em;
- margin-bottom: 0;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:last-child input {
- margin: 0 auto;
- font-size: .95em;
- float: none;
- width: auto;
- color: #fff;
- padding: 0 1.2em;
- background-color: #5D5F5B;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- border-radius: 1em;
- transition: all .3s;
- }
- #mi-cuenta #editar-informacion .desarrollo form p:last-child input:hover {
- background-color: #fff;
- color: #5D5F5B;
- }
- #mi-cuenta #editar-informacion .desarrollo #iconos {
- position: absolute;
- left: 0;
- bottom: 0;
- }
- #mi-cuenta #editar-informacion #secciones {
- float: none;
- padding-bottom: 25%;
- }
- #mi-cuenta #editar-informacion #secciones .suscripcion:before {
- left: 33.6%;
- }
- #mi-cuenta #editar-informacion #secciones .suscripcion:after {
- left: 33.8%;
- }
- #mi-cuenta #editar-informacion #secciones .videos:before {
- left: 40.6%;
- }
- #mi-cuenta #editar-informacion #secciones .videos:after {
- left: 40.8%;
- }
- #mi-cuenta #editar-informacion #secciones .fotos:before {
- left: 47.4%;
- }
- #mi-cuenta #editar-informacion #secciones .fotos:after {
- left: 47.6%;
- }
- #mi-cuenta #editar-informacion #secciones .recordatorios:before {
- left: 54.4%;
- }
- #mi-cuenta #editar-informacion #secciones .recordatorios:after {
- left: 54.6%;
- }
- #mi-cuenta #editar-informacion #secciones .regalos:before {
- left: 61.4%;
- }
- #mi-cuenta #editar-informacion #secciones .regalos:after {
- left: 61.6%;
- }
- #mi-cuenta #mis-direcciones .desarrollo {
- float: none;
- width: 100%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 5.9160%;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- padding-top: 5.9160%;
- }
- #mi-cuenta #mis-direcciones .resumen {
- width: 40.7442%;
- margin-right: 5.5305%;
- }
- #mi-cuenta #mis-direcciones .resumen i {
- display: block;
- width: 11.1875em;
- height: 11.1875em;
- position: relative;
- margin: 0 auto 12% auto;
- }
- #mi-cuenta #mis-direcciones .resumen i:before {
- font-size: 11.15em;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- width: 100%;
- height: 100%;
- }
- #mi-cuenta #mis-direcciones .resumen i:nth-child(2) {
- display: none;
- }
- #mi-cuenta #mis-direcciones .resumen p {
- margin-bottom: .9em;
- }
- #mi-cuenta #mis-direcciones .resumen p span:first-child {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- font-family: "raleway-italic";
- font-size: .9em;
- margin-bottom: .3em;
- font-weight: normal;
- }
- #mi-cuenta #mis-direcciones .resumen p span:first-child:before {
- margin-right: .3em;
- font-size: 1.1em;
- }
- #mi-cuenta #mis-direcciones .resumen p span:last-child {
- position: relative;
- display: block;
- font-size: 1.1em;
- color: #fff;
- font-family: "raleway-bold";
- font-weight: bold;
- text-transform: uppercase;
- }
- #mi-cuenta #mis-direcciones .resumen p span:last-child:before {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- overflow: hidden;
- width: 2.125em;
- height: 2.125em;
- border-radius: 50%;
- font-size: 1.125em;
- position: absolute;
- top: -1em;
- right: 0;
- color: #85806C;
- border: .1em solid #85806C;
- }
- #mi-cuenta #mis-direcciones .resumen p span:last-child.activo:before {
- border-color: #5D5F5B;
- color: #fff;
- background-color: #5D5F5B;
- }
- #mi-cuenta #mis-direcciones .resumen p span:last-child:hover {
- cursor: pointer;
- }
- #mi-cuenta #mis-direcciones .resumen p span:last-child:hover:before {
- border: .1em solid #5D5F5B;
- }
- #mi-cuenta #mis-direcciones .resumen button {
- display: block;
- margin: 7% auto 0 auto;
- font-size: .95em;
- width: auto;
- color: #fff;
- padding: 0 1.2em;
- background-color: #5D5F5B;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-weight: bold;
- border-radius: 1em;
- transition: all .3s;
- height: 1.88em;
- line-height: 1.88em;
- }
- #mi-cuenta #mis-direcciones .resumen button:hover {
- color: #5D5F5B;
- background-color: #fff;
- }
- #mi-cuenta #mis-direcciones .formularios {
- float: right;
- width: 34.1603%;
- position: relative;
- }
- #mi-cuenta #mis-direcciones .formularios form {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- opacity: 0;
- z-index: 10;
- transition: all .3s;
- }
- #mi-cuenta #mis-direcciones .formularios form p {
- margin-bottom: 1.2em;
- overflow: hidden;
- }
- #mi-cuenta #mis-direcciones .formularios form p:last-child {
- position: relative;
- margin-bottom: 0;
- overflow: visible;
- }
- #mi-cuenta #mis-direcciones .formularios form h3 {
- font-family: "raleway-italic";
- font-size: .9em;
- margin-bottom: .8em;
- font-weight: normal;
- }
- #mi-cuenta #mis-direcciones .formularios form h3 i {
- margin-right: .3em;
- font-size: 1.1em;
- }
- #mi-cuenta #mis-direcciones .formularios form input, #mi-cuenta #mis-direcciones .formularios form select {
- float: left;
- display: block;
- width: 84.8502%;
- background-color: #fff;
- color: #5D5F5B;
- font-weight: normal;
- font-family: "raleway";
- font-size: 1.3em;
- height: 1.78em;
- line-height: 1.78em;
- padding: 0 .5em;
- }
- #mi-cuenta #mis-direcciones .formularios form select {
- border: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
- #mi-cuenta #mis-direcciones .formularios form select::-ms-expand {
- display: none;
- }
- #mi-cuenta #mis-direcciones .formularios form input[type="checkbox"] {
- position: relative;
- z-index: 5;
- width: 1.062em;
- height: 1.062em;
- opacity: 0;
- }
- #mi-cuenta #mis-direcciones .formularios form input[type="checkbox"]:checked + label:after {
- z-index: 15;
- content: "";
- position: absolute;
- top: .25em;
- left: .25em;
- font-weight: bold;
- font-family: "raleway";
- background-color: #5D5F5B;
- width: .85em;
- height: .8em;
- color: #5D5F5B;
- }
- #mi-cuenta #mis-direcciones .formularios form label {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 20;
- padding-left: 1.7em;
- font-size: .91em;
- font-family: "raleway";
- font-weight: normal;
- color: #5D5F5B;
- }
- #mi-cuenta #mis-direcciones .formularios form label:before {
- content: "";
- position: absolute;
- z-index: 10;
- top: 0;
- left: 0;
- width: 1.062em;
- height: 1.062em;
- background-color: #fff;
- border: .15em solid #5D5F5B;
- }
- #mi-cuenta #mis-direcciones .formularios form input[type="checkbox"]:hover, #mi-cuenta #mis-direcciones .formularios form label:hover {
- cursor: pointer;
- }
- #mi-cuenta #mis-direcciones .formularios form span {
- float: right;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- width: 15.1498%;
- height: 1.55em;
- color: #fff;
- background-color: #5D5F5B;
- font-size: 1.5em;
- line-height: 0;
- }
- #mi-cuenta #mis-direcciones .formularios form:first-child {
- opacity: 1;
- z-index: 20;
- }
- #mi-cuenta #mis-direcciones .accesos-directos {
- margin-top: 6.875em;
- }
- #mi-cuenta #historial-de-solsazos {
- position: relative;
- padding-bottom: 1.5em;
- }
- #mi-cuenta #historial-de-solsazos h2 {
- font-family: "thorup";
- font-weight: normal;
- line-height: .7;
- font-size: 3em;
- background-color: #EFB632;
- overflow: hidden;
- padding: .22em .5em;
- color: #707367;
- border-bottom: 1px solid #84806C;
- }
- #mi-cuenta #historial-de-solsazos h2 span:first-child {
- width: 21.2343%;
- float: left;
- }
- #mi-cuenta #historial-de-solsazos h2 span:nth-child(2) {
- float: left;
- width: 71.0280%;
- }
- #mi-cuenta #historial-de-solsazos h2 span:nth-child(3) {
- text-align: center;
- float: left;
- width: 4.7377%;
- }
- #mi-cuenta #historial-de-solsazos #lista {
- font-family: "raleway";
- color: #86806D;
- }
- #mi-cuenta #historial-de-solsazos #lista li {
- border-bottom: 1px solid #84806C;
- overflow: hidden;
- font-size: 1.2em;
- padding: .6em 1em;
- }
- #mi-cuenta #historial-de-solsazos #lista li span:first-child {
- font-family: "thorup";
- line-height: .8;
- font-size: 1.5em;
- float: left;
- width: 21.2343%;
- height: 100%;
- }
- #mi-cuenta #historial-de-solsazos #lista li span:nth-child(2) {
- float: left;
- width: 72.0280%;
- }
- #mi-cuenta #historial-de-solsazos #lista li span:nth-child(3) {
- text-align: center;
- float: left;
- width: 6.7377%;
- font-family: "raleway-bold-italic";
- color: #262123;
- }
- #mi-cuenta #historial-de-solsazos #lista li:nth-child(even) span:first-child {
- color: #EFB632;
- }
- #mi-cuenta #subastas-ganadas, #mi-cuenta #pagos {
- position: relative;
- padding-bottom: 1.5em;
- }
- #mi-cuenta #subastas-ganadas #filtros-subastas-ganadas, #mi-cuenta #subastas-ganadas #filtros-pagos, #mi-cuenta #pagos #filtros-subastas-ganadas, #mi-cuenta #pagos #filtros-pagos {
- top: 1.2em;
- right: .5%;
- }
- #mi-cuenta #subastas-ganadas > ul li, #mi-cuenta #pagos > ul li {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 2%;
- height: 10.625em;
- margin-bottom: 1%;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- #mi-cuenta #subastas-ganadas > ul li > *, #mi-cuenta #pagos > ul li > * {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #subastas-ganadas > ul li:nth-child(odd), #mi-cuenta #pagos > ul li:nth-child(odd) {
- border: .3em solid #A2A07A;
- color: #777A6A;
- }
- #mi-cuenta #subastas-ganadas > ul li:nth-child(even), #mi-cuenta #pagos > ul li:nth-child(even) {
- background-color: #A2A07A;
- color: #fff;
- }
- #mi-cuenta #subastas-ganadas > ul li:nth-child(even) .numeros span, #mi-cuenta #pagos > ul li:nth-child(even) .numeros span {
- color: #535854;
- }
- #mi-cuenta #subastas-ganadas > ul li .imagen, #mi-cuenta #pagos > ul li .imagen {
- width: 20%;
- overflow: hidden;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- #mi-cuenta #subastas-ganadas > ul li .imagen img, #mi-cuenta #pagos > ul li .imagen img {
- max-width: 80%;
- }
- #mi-cuenta #subastas-ganadas > ul li .datos, #mi-cuenta #pagos > ul li .datos {
- width: 25%;
- padding-top: .3em;
- font-size: 2.5em;
- font-family: "thorup";
- }
- #mi-cuenta #subastas-ganadas > ul li .datos span, #mi-cuenta #pagos > ul li .datos span {
- font-family: "raleway";
- font-size: .34em;
- margin-bottom: 8%;
- }
- #mi-cuenta #subastas-ganadas > ul li .datos a, #mi-cuenta #pagos > ul li .datos a {
- background-color: #F6BD32;
- color: #fff;
- font-size: .36em;
- font-family: "raleway-bold";
- font-weight: Bold;
- text-transform: uppercase;
- padding: 0 1em;
- height: 1.9em;
- line-height: 1.9em;
- border-radius: 1em;
- margin-bottom: 0.2083em;
- }
- #mi-cuenta #subastas-ganadas > ul li .datos a:hover, #mi-cuenta #pagos > ul li .datos a:hover {
- background-color: #fff;
- color: #F6BD32;
- }
- #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 {
- padding-top: 2em;
- font-family: "raleway";
- font-size: .8em;
- }
- #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 {
- font-family: "raleway-bold-italic";
- font-size: 1.6em;
- }
- #mi-cuenta #subastas-ganadas > ul li .numeros, #mi-cuenta #pagos > ul li .numeros {
- width: 20%;
- }
- #mi-cuenta #subastas-ganadas > ul li .numeros span, #mi-cuenta #pagos > ul li .numeros span {
- display: block;
- text-align: center;
- font-size: .8em;
- color: #F6BC40;
- }
- #mi-cuenta #subastas-ganadas > ul li .estado, #mi-cuenta #pagos > ul li .estado {
- width: 15%;
- }
- #mi-cuenta #subastas-ganadas > ul li .precio, #mi-cuenta #pagos > ul li .precio {
- width: 15%;
- }
- #mi-cuenta #subastas-ganadas > ul li .precio span, #mi-cuenta #pagos > ul li .precio span {
- font-size: 2.6em;
- }
- #mi-cuenta #pagos > ul li:nth-child(even) {
- background-color: #F6BC40;
- color: #535854;
- }
- #mi-cuenta #pagos > ul li:nth-child(even) .datos a {
- background-color: #fff;
- color: #F6BB40;
- }
- #mi-cuenta #pagos > ul li:nth-child(even) .numeros span {
- color: #fff;
- }
- #mi-cuenta #invitados h2 {
- font-family: "thorup";
- font-weight: normal;
- line-height: .7;
- font-size: 2.5em;
- background-color: #EFB632;
- overflow: hidden;
- padding: .22em 0;
- color: #707367;
- border-bottom: 1px solid #84806C;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #invitados h2 span {
- text-align: center;
- }
- #mi-cuenta #invitados h2 span:first-child {
- text-align: left;
- padding-left: .5em;
- width: 23%;
- }
- #mi-cuenta #invitados h2 span:nth-child(2) {
- width: 36%;
- }
- #mi-cuenta #invitados h2 span:nth-child(3) {
- width: 20.5%;
- }
- #mi-cuenta #invitados h2 span:last-child {
- width: 20.5%;
- }
- #mi-cuenta #invitados ul {
- margin-bottom: 7%;
- }
- #mi-cuenta #invitados ul li {
- border-bottom: 1px solid #84806C;
- overflow: hidden;
- font-size: 1.2em;
- padding: .6em 0;
- font-family: "raleway";
- color: #86806D;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #mi-cuenta #invitados ul li span {
- text-align: center;
- }
- #mi-cuenta #invitados ul li span:first-child {
- font-family: "thorup";
- line-height: .8;
- font-size: 1.5em;
- text-align: left;
- padding-left: .8em;
- width: 23%;
- }
- #mi-cuenta #invitados ul li span:nth-child(2) {
- width: 36%;
- }
- #mi-cuenta #invitados ul li span:nth-child(3) {
- width: 20.5%;
- }
- #mi-cuenta #invitados ul li span:last-child {
- width: 20.5%;
- color: #535854;
- font-family: "raleway-bold-italic";
- }
- #mi-cuenta #invitados ul li:nth-child(even) span:first-child {
- color: #EFB632;
- }
- #mi-cuenta #invitados p {
- font-family: "raleway";
- color: #7B7969;
- font-size: 1.2em;
- overflow: hidden;
- margin-bottom: 4%;
- }
- #mi-cuenta #invitados p button {
- font-size: 1em;
- width: 20.2673%;
- height: 12.625em;
- overflow: hidden;
- display: block;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
- #mi-cuenta #invitados p button span:first-child {
- font-size: 6em;
- line-height: .8;
- }
- #mi-cuenta #invitados p button span:last-child {
- color: #EEB43F;
- font-family: "raleway-italic";
- font-size: .9em;
- }
- #mi-cuenta #invitados p button span:last-child b {
- display: block;
- color: #fff;
- font-family: "thorup";
- font-size: 3.3em;
- font-weight: normal;
- line-height: .5;
- }
- #mi-cuenta #invitados p button:first-child {
- float: left;
- margin-right: 2.5263%;
- background-color: #7B7969;
- border: .3em solid #7B7969;
- }
- #mi-cuenta #invitados p button:first-child span:first-child {
- color: #fff;
- }
- #mi-cuenta #invitados p button:nth-child(2) {
- float: left;
- border: .3em solid #A2A07A;
- background-color: #fff;
- }
- #mi-cuenta #invitados p button:nth-child(2) span:first-child {
- color: #A2A07A;
- }
- #mi-cuenta #invitados p button:nth-child(2) span:last-child b {
- color: #A2A07A;
- }
- #mi-cuenta #invitados p button:nth-child(3) {
- float: right;
- margin-left: 2.5263%;
- background-color: #fff;
- border: .3em solid #A2A07A;
- }
- #mi-cuenta #invitados p button:nth-child(3) span:first-child {
- color: #A2A07A;
- }
- #mi-cuenta #invitados p button:nth-child(3) span:last-child b {
- color: #A2A07A;
- }
- #mi-cuenta #invitados p button:nth-child(4) {
- float: right;
- background-color: #F6BC40;
- border: .3em solid #F6BC40;
- transition: all .3s;
- }
- #mi-cuenta #invitados p button:nth-child(4) * {
- transition: all .3s;
- }
- #mi-cuenta #invitados p button:nth-child(4) span:first-child {
- color: #fff;
- }
- #mi-cuenta #invitados p button:nth-child(4) span:nth-child(2), #mi-cuenta #invitados p button:nth-child(4) span:nth-child(3) {
- display: none;
- }
- #mi-cuenta #invitados p button:nth-child(4) span:last-child {
- color: #7B7969;
- }
- #mi-cuenta #invitados p button:nth-child(4) span:last-child b {
- color: #fff;
- font-size: 2.8em;
- }
- #mi-cuenta #invitados p button:nth-child(4):hover {
- background-color: #86806E;
- border-color: #86806E;
- }
- #mi-cuenta #invitados p button:nth-child(4):hover span:first-child {
- font-size: 4em;
- margin-bottom: .2em;
- }
- #mi-cuenta #invitados p button:nth-child(4):hover span:nth-child(2) {
- display: block;
- width: 80%;
- margin: 0 auto 1em auto;
- text-transform: uppercase;
- color: #fff;
- font-size: .75em;
- background-color: #F6BE32;
- padding: 0 .1em;
- line-height: 1.8em;
- height: 1.8em;
- }
- #mi-cuenta #invitados p button:nth-child(4):hover span:nth-child(3) {
- display: block;
- text-align: center;
- margin: 0 auto;
- width: 90%;
- color: #fff;
- font-size: .7em;
- }
- #mi-cuenta #invitados p button:nth-child(4):hover span:nth-child(3) b {
- text-align: center;
- display: block;
- margin-top: .2em;
- font-size: .85em;
- }
- #mi-cuenta #invitados p button:nth-child(4):hover span:last-child {
- display: none;
- }
- #contacto {
- background-image: url("imagenes/manos.png");
- background-position: center bottom;
- background-size: 100% auto;
- background-repeat: no-repeat;
- }
- #contacto h1 {
- color: #ADA57B;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin-bottom: 2%;
- text-align: center;
- }
- #contacto h1:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 3.5%;
- background-color: #ADA57B;
- height: 0;
- padding-bottom: 0.5714%;
- }
- #contacto .am > p {
- text-align: center;
- width: 36.8714%;
- font-family: "raleway";
- font-size: 1em;
- color: #262123;
- margin: 0 auto 4% auto;
- }
- #contacto .am > p b {
- color: #EFB632;
- font-family: "raleway-bold-italic";
- }
- #contacto .am form {
- width: 85%;
- margin: 0 auto;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #contacto .am form p {
- width: 48.5327%;
- margin-bottom: 1.5em;
- overflow: hidden;
- }
- #contacto .am form p input, #contacto .am form p select, #contacto .am form p textarea {
- width: 91.3044%;
- float: left;
- background-color: #fff;
- color: #5D5F5B;
- font-weight: normal;
- font-family: "raleway";
- font-size: 1.2em;
- height: 1.77em;
- line-height: 1.77em;
- padding: 0 .5em;
- border: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
- #contacto .am form p input::-ms-expand, #contacto .am form p select::-ms-expand, #contacto .am form p textarea::-ms-expand {
- display: none;
- }
- #contacto .am form p [class^="icon-"] {
- width: 8.6956%;
- float: right;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- line-height: 0;
- height: 1.46em;
- color: #fff;
- background-color: #ADAB8F;
- font-size: 1.46em;
- line-height: 0;
- }
- #contacto .am form p textarea {
- width: 100%;
- height: 10em;
- }
- #contacto .am form p:nth-child(4) {
- overflow: visible;
- position: relative;
- }
- #contacto .am form p:nth-child(4) select {
- background-color: #F2C531;
- color: #fff;
- }
- #contacto .am form p:nth-child(4) [class^="icon-"] {
- background-color: #F2C531;
- height: 1.45em;
- }
- #contacto .am form p:nth-child(4) [class^="icon-"]:hover {
- cursor: pointer;
- }
- #contacto .am form p:nth-child(4) #temas {
- position: absolute;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- top: 3.1em;
- right: 0;
- background-color: #F2C531;
- max-height: 0;
- transition: all .3s;
- overflow: hidden;
- }
- #contacto .am form p:nth-child(4) #temas span {
- font-family: "raleway";
- font-size: .9em;
- color: #5B5D58;
- padding: 0 .5em .2em .5em;
- border-bottom: .13em solid #fff;
- margin-bottom: .3em;
- }
- #contacto .am form p:nth-child(4) #temas span:last-child {
- margin-bottom: 0;
- border-bottom: 0;
- }
- #contacto .am form p:nth-child(4) #temas span:hover {
- cursor: pointer;
- font-family: "raleway-bold-italic";
- }
- #contacto .am form p:nth-child(4) #temas:before {
- content: "";
- position: absolute;
- right: 10%;
- top: -.9075em;
- width: 0;
- height: 0;
- border-left: 0.75em solid transparent;
- border-right: 0.75em solid transparent;
- border-bottom: 0.9375em solid #F2C531;
- }
- #contacto .am form p:nth-child(4) #temas.activado {
- padding: 1em 1.2em;
- overflow: visible;
- max-height: 13.125em;
- }
- #contacto .am form p:nth-child(4) #temas.desactivado {
- padding: 0;
- overflow: hidden;
- max-height: 0;
- }
- #contacto .am form p:nth-child(4):after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- #contacto .am form p:nth-child(5) {
- width: 100%;
- }
- #contacto .am form p:nth-child(5) input {
- width: 100%;
- }
- #contacto .am form p:nth-last-child(2) {
- width: 100%;
- }
- #contacto .am form input[type="submit"] {
- display: block;
- margin: 0 0 0 auto;
- background-color: #F2C531;
- text-transform: uppercase;
- color: #fff;
- font-size: 1.4em;
- font-family: "raleway-bold";
- line-height: 2.2em;
- height: 2.2em;
- border-radius: 1em;
- padding: 0 1.2em;
- }
- #contacto .am form input[type="submit"]:hover {
- background-color: #fff;
- color: #F2C531;
- }
- #contacto .am > p:last-child {
- overflow: hidden;
- margin-bottom: 0;
- padding-bottom: 7%;
- }
- #contacto .am > p:last-child span {
- display: block;
- color: #ADA57B;
- font-size: 3em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin-bottom: 2%;
- text-align: center;
- }
- #contacto .am > p:last-child a {
- display: block;
- width: 48%;
- color: #ADA57B;
- font-size: 1.2em;
- font-family: "raleway";
- border: .2em solid #ADA57B;
- background-color: #fff;
- height: 3em;
- line-height: 2.7em;
- float: left;
- }
- #contacto .am > p:last-child a:last-child {
- float: right;
- }
- #contacto .am > p:last-child a:hover {
- background-color: #ADA57B;
- color: #fff;
- }
- #compra-solsazos {
- font-family: "raleway";
- }
- #compra-solsazos h1 {
- color: #ADA57B;
- font-size: 4.325em;
- font-family: "thorup";
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- margin-bottom: 2%;
- text-align: center;
- }
- #compra-solsazos h1:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 3.5%;
- background-color: #ADA57B;
- height: 0;
- padding-bottom: 0.6714%;
- }
- #compra-solsazos .am > p {
- width: 33.7142%;
- margin: 0 auto 5% auto;
- text-align: center;
- }
- #compra-solsazos .am > p span {
- font-family: "raleway-bold-italic";
- color: #F5BD32;
- }
- #compra-solsazos .am > p:last-child input[type="checkbox"] {
- display: none;
- }
- #compra-solsazos .am > p:last-child input[type="checkbox"]:checked + label:after {
- content: "✓";
- }
- #compra-solsazos .am > p:last-child label {
- font-family: "raleway";
- text-transform: uppercase;
- color: #84816D;
- position: relative;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #compra-solsazos .am > p:last-child label a {
- font-family: "raleway-medium";
- color: #84816D;
- margin-left: .3em;
- }
- #compra-solsazos .am > p:last-child label a:hover {
- font-family: "raleway-black";
- color: #F5BC31;
- }
- #compra-solsazos .am > p:last-child label:before {
- content: "";
- width: 1em;
- height: 1em;
- background-color: #fff;
- border: .15em solid #E59A32;
- margin-right: 1em;
- }
- #compra-solsazos .am > p:last-child label:after {
- color: #E59A32;
- font-size: 1.8em;
- position: absolute;
- top: 0;
- left: .7em;
- line-height: .4;
- }
- #compra-solsazos .am > p:last-child label:hover {
- cursor: pointer;
- }
- #compra-solsazos .am > p:last-child #bpagar {
- display: block;
- margin: .6em auto;
- width: auto;
- color: #fff;
- background-color: #F5BC31;
- font-family: "thorup";
- font-size: 3em;
- line-height: .3;
- height: 1em;
- padding: 0 .8em .1em .8em;
- border-radius: 1em;
- box-shadow: 0 .18em .18em #CCCBBB;
- }
- #compra-solsazos ol > li > b {
- color: #F5BC31;
- font-family: "raleway-black";
- font-weight: normal;
- display: block;
- text-align: center;
- font-size: 3.8em;
- }
- #compra-solsazos ol > li h2 {
- font-family: "thorup";
- font-weight: normal;
- color: #F5BC31;
- text-align: center;
- font-size: 2.7em;
- margin-bottom: 4%;
- }
- #compra-solsazos ol > li h2:after {
- content: "";
- background-color: #F5BC31;
- display: block;
- margin: 0 auto;
- width: 1em;
- height: .2em;
- }
- #compra-solsazos ol > li:first-child {
- width: 60.8571%;
- margin: 0 auto;
- }
- #compra-solsazos ol > li:first-child > div {
- overflow: hidden;
- color: #84816D;
- font-size: 1.2em;
- margin-bottom: 7%;
- }
- #compra-solsazos ol > li:first-child > div strong {
- color: #F5BC31;
- text-transform: uppercase;
- font-family: "raleway-bold";
- font-size: 1em;
- padding-right: .5em;
- border-right: .2em solid #F5BC31;
- margin-right: .3em;
- }
- #compra-solsazos ol > li:first-child > div form {
- float: right;
- width: 50%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #compra-solsazos ol > li:first-child > div form input[type="text"] {
- font-size: .8em;
- background-color: #fff;
- color: #C5BE95;
- border: .15em solid #C5BE95;
- width: 65%;
- height: 2em;
- line-height: 2em;
- padding: 0 .8em;
- }
- #compra-solsazos ol > li:first-child > div form input[type="submit"] {
- background-color: #F5BC31;
- color: #fff;
- text-transform: uppercase;
- width: 33%;
- font-size: 1.05em;
- line-height: 1.45em;
- height: 1.45em;
- font-family: "raleway-bold";
- }
- #compra-solsazos ol > li:first-child ul:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- #compra-solsazos ol > li:first-child ul li {
- float: left;
- width: 31.4554%;
- border: .4em solid #C6BF9B;
- margin: 0 2.8169% 7% 0;
- background-color: #C6BF9B;
- box-shadow: .4em .4em .4em #CCCBBB;
- }
- #compra-solsazos ol > li:first-child ul li h3 {
- width: 4em;
- height: 4em;
- position: relative;
- overflow: hidden;
- margin: -.8em auto 10% auto;
- }
- #compra-solsazos ol > li:first-child ul li h3 span {
- position: absolute;
- top: 0;
- left: 0;
- }
- #compra-solsazos ol > li:first-child ul li h3 span:first-child {
- right: 0;
- bottom: 0;
- margin: auto;
- color: #fff;
- z-index: 20;
- text-align: center;
- font-size: 1em;
- font-family: "raleway-black";
- }
- #compra-solsazos ol > li:first-child ul li h3 span:first-child b {
- display: block;
- margin-top: .35em;
- font-size: 2em;
- line-height: .7;
- }
- #compra-solsazos ol > li:first-child ul li h3 span:last-child {
- z-index: 10;
- font-size: 4em;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(2) {
- text-align: center;
- color: #fff;
- margin-bottom: 12%;
- }
- #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 {
- display: block;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(2) span {
- font-family: "raleway-bold-italic";
- font-size: .9em;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(2) strong {
- font-size: 2.1em;
- font-family: "raleway-black";
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(2) b {
- color: #7C7966;
- font-family: "raleway-bold";
- font-size: 1.35em;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(3) {
- color: #fff;
- font-family: "raleway-italic";
- text-align: center;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(3) select {
- text-align: center;
- font-family: "raleway-italic";
- color: #84816D;
- padding: 0 2.05em;
- font-size: 1em;
- height: 1.57em;
- padding: 0 1em;
- border: 0;
- margin-left: .7em;
- border-top: .1em solid #fff;
- border-left: .1em solid #fff;
- border-bottom: .1em solid #fff;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(3) select::-ms-expand {
- display: none;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(3) span:nth-last-child(2) {
- height: 1.57em;
- background-color: #000;
- width: 1.2em;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(3) span:nth-last-child(2):before {
- font-size: .5em;
- }
- #compra-solsazos ol > li:first-child ul li p:nth-child(3) span:last-child {
- display: block;
- margin: .5em auto 2em auto;
- padding: 0 18%;
- color: #7C7966;
- font-family: "raleway-italic";
- font-size: .9em;
- }
- #compra-solsazos ol > li:first-child ul li button {
- display: block;
- margin: 0 auto 10% auto;
- width: auto;
- background-color: #F5BD32;
- font-family: "raleway-bold-italic";
- font-size: 1.2em;
- color: #fff;
- border-radius: 1em;
- line-height: .8;
- padding: .2em .8em .4em .8em;
- }
- #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 {
- color: #D6C715;
- }
- #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) {
- background-color: #D7C816;
- }
- #compra-solsazos ol > li:first-child ul li:nth-child(2), #compra-solsazos ol > li:first-child ul li:nth-child(5) {
- background-color: #fff;
- border-color: #D7D2AC;
- }
- #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 {
- color: #F5BC31;
- }
- #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) {
- color: #F5BC31;
- }
- #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 {
- color: #B0A87B;
- }
- #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) {
- color: #B0A87B;
- }
- #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 {
- border-top: .1em solid #B0A87B;
- border-left: .1em solid #B0A87B;
- border-bottom: .1em solid #B0A87B;
- }
- #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) {
- background-color: #F5BC31;
- color: #fff;
- }
- #compra-solsazos ol > li:first-child ul li:nth-child(3n) {
- margin-right: 0;
- }
- #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 {
- color: #E59A32;
- }
- #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) {
- background-color: #E59A32;
- }
- #compra-solsazos ol > li:nth-child(2) {
- width: 58%;
- margin: 0 auto;
- }
- #compra-solsazos ol > li:nth-child(2) div {
- padding-top: 2.5%;
- border-top: .2em solid #B0A87B;
- text-align: center;
- }
- #compra-solsazos ol > li:nth-child(2) div > span {
- color: #F5BC31;
- display: inline-block;
- text-align: center;
- width: 28.6945%;
- font-family: "raleway";
- font-size: 1.2em;
- font-weight: bold;
- }
- #compra-solsazos ol > li:nth-child(2) div > span:nth-child(2) {
- border-left: .15em solid #84806C;
- border-right: .15em solid #84806C;
- }
- #compra-solsazos ol > li:nth-child(2) div > span:nth-child(2), #compra-solsazos ol > li:nth-child(2) div > span:nth-child(6) {
- width: 23.0295%;
- }
- #compra-solsazos ol > li:nth-child(2) div > span:nth-child(n+5):nth-child(n-7) {
- font-family: "raleway-bold-italic";
- font-weight: normal;
- font-size: 1.2em;
- padding: .5em 0;
- color: #fff;
- background-color: #F5BC31;
- }
- #compra-solsazos ol > li:nth-child(2) div > span span {
- display: block;
- text-align: center;
- color: #5E5E5E;
- font-family: "raleway";
- font-size: .8em;
- }
- #compra-solsazos ol > li:nth-child(2) div ul {
- margin-bottom: .7em;
- color: #5E5E5E;
- }
- #compra-solsazos ol > li:nth-child(2) div ul li span {
- width: 28.6945%;
- display: inline-block;
- padding-top: .2em;
- }
- #compra-solsazos ol > li:nth-child(2) div ul li span:nth-child(2) {
- width: 23.0295%;
- border-left: .15em solid #84806C;
- border-right: .15em solid #84806C;
- }
- #compra-solsazos ol > li:nth-child(2) div ul li:first-child span {
- padding-top: .5em;
- }
- #compra-solsazos ol > li:nth-child(2) div ul li:last-child span {
- padding-bottom: .9em;
- }
- #compra-solsazos ol > li:nth-child(2) hr {
- width: 80.5%;
- height: .42em;
- background-color: #B0A87B;
- border: 0;
- margin-bottom: 4.5%;
- }
- #compra-solsazos ol > li:last-child b, #compra-solsazos ol > li:last-child h2 {
- color: #E59A32;
- }
- #compra-solsazos ol > li:last-child h2:after {
- background-color: #E59A32;
- }
- #compra-solsazos ol > li:last-child ul {
- width: 75.0714%;
- margin: 0 auto 5% auto;
- }
- #compra-solsazos ol > li:last-child ul li {
- font-size: 1.3em;
- }
- #compra-solsazos ol > li:last-child ul li input {
- display: none;
- }
- #compra-solsazos ol > li:last-child ul li input:checked + label:after {
- content: "✓";
- }
- #compra-solsazos ol > li:last-child ul li label {
- position: relative;
- padding: .8em 1.8em;
- width: 100%;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- #compra-solsazos ol > li:last-child ul li label:hover {
- cursor: pointer;
- }
- #compra-solsazos ol > li:last-child ul li label:before {
- content: "";
- width: 1em;
- height: 1em;
- background-color: #E59A32;
- border: .15em solid #fff;
- margin-right: 1em;
- }
- #compra-solsazos ol > li:last-child ul li label:after {
- content: "";
- color: #FFF;
- font-size: 1.8em;
- position: absolute;
- top: .28em;
- left: 1.1em;
- line-height: .8;
- }
- #compra-solsazos ol > li:last-child ul li:first-child {
- color: #fff;
- background-color: #E59A32;
- margin-bottom: .8em;
- border: .3em solid #E59A32;
- background-image: url("imagenes/tarjetas2.png");
- background-repeat: no-repeat;
- background-size: auto 70%;
- background-position: 97% center;
- }
- #compra-solsazos ol > li:last-child ul li:first-child label > span {
- font-family: "raleway-medium";
- }
- #compra-solsazos ol > li:last-child ul li:last-child {
- background-color: #fff;
- border: .3em solid #D7D2AC;
- background-image: url("imagenes/pago-efectivo2.png");
- background-repeat: no-repeat;
- background-size: auto 33%;
- background-position: 97.6% 20%;
- }
- #compra-solsazos ol > li:last-child ul li:last-child label {
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- padding: 1em 1.8em .8em 1.8em;
- }
- #compra-solsazos ol > li:last-child ul li:last-child label:before {
- position: relative;
- background-color: #fff;
- border-color: #E59A32;
- }
- #compra-solsazos ol > li:last-child ul li:last-child label:after {
- top: .39em;
- color: #E59A32;
- }
- #compra-solsazos ol > li:last-child ul li:last-child label > span {
- width: 87%;
- }
- #compra-solsazos ol > li:last-child ul li:last-child label > span > span:nth-child(1) {
- font-family: "raleway-medium";
- color: #84816D;
- }
- #compra-solsazos ol > li:last-child ul li:last-child label > span > span:nth-child(2) {
- display: block;
- font-size: .9em;
- margin-top: .7em;
- font-family: "raleway-italic";
- font-weight: bold;
- color: #E59A32;
- }
- #compra-solsazos ol > li:last-child ul li:last-child label > span > span:nth-child(2) span {
- color: #84816D;
- font-weight: normal;
- }
- .promo-redes {
- text-align: center;
- }
- .promo-redes h2 {
- margin-bottom: 1.5%;
- color: #999167;
- text-align: center;
- font-size: 3em !important;
- font-family: "thorup" !important;
- font-weight: normal;
- text-transform: uppercase;
- line-height: 1;
- }
- .promo-redes h2 span {
- margin-bottom: 0 !important;
- text-transform: lowercase;
- font-family: "raleway-italic" !important;
- font-size: 0.4285em !important;
- color: #83816E;
- display: block;
- }
- .promo-redes h2 span:last-child {
- margin-bottom: 0.5em !important;
- }
- .promo-redes h2:after {
- content: "";
- display: block;
- margin: 0 auto;
- width: 2.2% !important;
- background-color: #F6BD32;
- height: 0;
- padding-bottom: 0.3714% !important;
- }
- .promo-redes a {
- display: inline-block;
- width: 3.5714%;
- height: 0;
- padding-bottom: 3.2142%;
- margin-right: 2%;
- color: #999167;
- font-size: 3.125em;
- overflow: hidden;
- }
- .promo-redes a:last-child {
- margin-right: 0;
- }
- .promo-redes a:hover {
- opacity: .7;
- }
- .promo-redes a span {
- text-indent: -9999px;
- display: block;
- width: 100%;
- height: 100%;
- }
- .navegacion {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 1.1em;
- }
- .navegacion button {
- background-color: transparent;
- }
- .navegacion button:first-child, .navegacion button:last-child {
- margin-top: 1.2em;
- font-size: 1.1em;
- color: #F6BD32;
- font-family: "raleway-bold-italic";
- margin-right: 4em;
- }
- .navegacion button:first-child span, .navegacion button:last-child span {
- display: block;
- font-family: "raleway";
- color: #83816E;
- }
- .navegacion button:last-child {
- margin-left: 4em;
- margin-right: 0;
- }
- .navegacion button:nth-child(2) {
- margin-right: .5em;
- }
- .navegacion button:nth-child(2):after {
- content: "-";
- color: #F6BD32;
- font-size: 1.3em;
- margin-left: .3em;
- }
- .navegacion button:nth-child(2), .navegacion button:nth-child(3), .navegacion button:nth-child(4) {
- color: #83816E;
- font-size: 3.3em;
- font-family: "thorup";
- }
- .navegacion button:nth-child(3) {
- margin-right: .3em;
- }
- .navegacion button:nth-child(4) {
- margin-right: 0;
- }
- .navegacion button:nth-child(4):before {
- content: "–";
- color: #F6BD32;
- font-size: 1.3em;
- margin-right: .3em;
- }
- .navegacion button.activo {
- font-size: 6em;
- margin-right: .25em;
- color: #AFA77B;
- }
- .navegacion button.activo:before, .navegacion button.activo:after {
- font-size: .9em;
- }
- .select-especial {
- position: absolute;
- top: 1.3%;
- right: 0;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- width: auto;
- }
- .select-especial select {
- font-size: .85em;
- width: 13.8125em;
- height: 2em;
- color: #5E605C;
- font-family: "raleway";
- background-color: #fff;
- padding-left: .3em;
- border-top: .1em solid #5E605C;
- border-bottom: .1em solid #5E605C;
- border-left: .1em solid #5E605C;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
- .select-especial select::-ms-expand {
- display: none;
- }
- .select-especial .icon-flecha {
- height: 2.12em;
- width: 2.5em;
- font-size: .8em;
- background-color: #F5BD32;
- color: #fff;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .select-especial .icon-flecha:hover {
- cursor: pointer;
- }
- .select-especial ul {
- max-height: 0;
- overflow: hidden;
- padding: 0;
- width: 14.3125em;
- position: absolute;
- top: 2.5em;
- right: 0;
- background-color: #383235;
- font-size: .95em;
- position: absolute;
- transition: all .3s;
- }
- .select-especial ul li {
- display: block;
- color: #FFFFFF;
- font-family: "raleway";
- line-height: .8;
- border-bottom: 1px solid #FFFFFF;
- padding: .5em .6em;
- }
- .select-especial ul li:hover {
- color: #F5BD32;
- border-color: #F5BD32;
- font-weight: bold;
- }
- .select-especial ul li:last-child {
- border-bottom: 0;
- }
- .select-especial ul li:hover {
- cursor: pointer;
- }
- .select-especial ul:before {
- content: "";
- position: absolute;
- right: 3.5%;
- top: -.75em;
- width: 0;
- height: 0;
- border-bottom: .8em solid #383235;
- border-right: .7em solid transparent;
- border-left: .7em solid transparent;
- }
- .select-especial ul.activado {
- padding: .4em .8em;
- overflow: visible;
- max-height: 8em;
- }
- footer {
- background-color: #83816E;
- }
- footer .promo-redes {
- padding-top: 3%;
- margin-bottom: 1.2%;
- }
- footer .promo-redes h2 {
- color: #D6D1AF;
- font-size: 2.5em !important;
- }
- footer .promo-redes h2 span {
- color: #F2C531;
- }
- footer .promo-redes a {
- color: #D6D1AF;
- }
- footer .desarrollo .testimonio {
- width: 20%;
- background-color: #262123;
- padding: 1.5625em;
- color: #fff;
- text-align: left;
- position: relative;
- }
- footer .desarrollo .testimonio:after {
- content: "";
- position: absolute;
- bottom: 2.8125em;
- right: -1.1075em;
- width: 0;
- height: 0;
- border-left: 1.1875em solid #262123;
- border-top: 0.875em solid transparent;
- border-bottom: 0.875em solid transparent;
- }
- footer .desarrollo .testimonio h3 {
- font-family: "thorup";
- font-weight: normal;
- font-size: 2em;
- line-height: .5;
- margin-bottom: 0.45em;
- }
- footer .desarrollo .testimonio h3:after {
- content: "";
- display: block;
- margin-top: 0.35em;
- width: 20%;
- border: 0;
- background-color: #fff;
- height: 0.0625em;
- }
- footer .desarrollo .testimonio p {
- font-family: "raleway-italic";
- font-size: 1em;
- position: relative;
- text-align: justify;
- color: #F2F2E4;
- text-weight: normal;
- }
- footer .desarrollo .testimonio p span {
- background-image: url("imagenes/comillaspe.png");
- background-position: center center;
- background-repeat: no-repeat;
- width: 12px;
- height: 9px;
- display: inline-block;
- }
- footer .desarrollo .testimonio p span:first-child {
- margin-right: 0.3125em;
- }
- footer .desarrollo .testimonio p span:last-child {
- margin-left: 0.3125em;
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- footer .desarrollo .enlaces {
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- width: 46%;
- }
- footer .desarrollo .enlaces .lista {
- text-align: left;
- }
- footer .desarrollo .enlaces .lista:last-child {
- margin-right: 0;
- }
- footer .desarrollo .enlaces .lista h3 {
- font-family: "thorup";
- font-weight: normal;
- font-size: 1.8125em;
- color: #F2C531;
- line-height: .8;
- margin-bottom: 0.4482em;
- }
- footer .desarrollo .enlaces .lista h3:after {
- margin-top: 0.1724em;
- content: "";
- width: 1.3em;
- display: block;
- border: 0;
- background-color: #F2C531;
- height: 0.1304em;
- }
- footer .desarrollo .enlaces .lista ul li a {
- display: block;
- font-family: "raleway";
- color: #D6D1AF;
- font-size: 1em;
- margin-bottom: 1px;
- }
- footer .desarrollo .enlaces .lista ul li a:hover {
- text-decoration: underline;
- }
- footer .desarrollo .enlaces .lista ul li .resalte {
- color: #F6BD32;
- }
- footer .desarrollo .enlaces .lista ul li .activo {
- color: #262123;
- }
- footer .desarrollo .enlaces .lista:first-child, footer .desarrollo .enlaces .lista:nth-child(2n) {
- width: 30%;
- }
- footer .desarrollo .enlaces .lista:last-child {
- width: 40%;
- }
- footer .desarrollo .tarjetas {
- width: 17%;
- overflow: hidden;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- position: relative;
- /* Todo EM es de FSM */
- }
- footer .desarrollo .tarjetas h2 {
- font-family: "raleway-italic";
- color: #D6D1AF;
- font-size: 1.0625em;
- margin-bottom: 0.7058em;
- width: 100%;
- }
- footer .desarrollo .tarjetas a {
- line-height: 0;
- }
- footer .desarrollo .tarjetas a img {
- display: block;
- width: 100%;
- }
- footer .desarrollo .tarjetas a:nth-child(2) {
- display: block;
- float: left;
- margin-right: auto;
- width: 53.7815%;
- }
- footer .desarrollo .tarjetas a:nth-child(2):hover {
- opacity: .7;
- }
- footer .desarrollo .tarjetas a:nth-child(2) img {
- border-radius: 3px;
- }
- footer .desarrollo .tarjetas a:nth-child(3) {
- display: block;
- float: right;
- width: 43.2773%;
- }
- footer .desarrollo .tarjetas a:nth-child(3):hover {
- opacity: .7;
- }
- footer .desarrollo .tarjetas a:nth-child(3) img {
- border-radius: 0.1875em;
- }
- footer .desarrollo .tarjetas a:last-child {
- margin-top: 8.4036%;
- padding: 0.375em 0.375em 0.1875em 0.375em;
- border: 0.25em solid #D6D1AF;
- }
- footer .desarrollo .tarjetas a:last-child:after {
- content: "";
- width: 0;
- height: 0;
- position: absolute;
- bottom: 27%;
- right: 10.5%;
- display: inline-block;
- border-bottom: 0.9375em solid #D6D1AF;
- border-right: 0.875em solid transparent;
- border-left: 0.875em solid transparent;
- z-index: 10;
- }
- footer .desarrollo .tarjetas a:last-child:before {
- content: "";
- width: 0;
- height: 0;
- position: absolute;
- bottom: 24%;
- right: 11%;
- display: inline-block;
- border-bottom: 0.975em solid #83816E;
- border-right: 0.75em solid transparent;
- border-left: 0.75em solid transparent;
- z-index: 20;
- transition: all .5s;
- }
- footer .desarrollo .tarjetas a:last-child:hover {
- background-color: #D6D1AF;
- }
- footer .desarrollo .tarjetas a:last-child:hover:before {
- border-bottom: 8px solid #D6D1AF;
- }
- footer aside {
- margin-top: 2.5%;
- display: block;
- width: 100%;
- padding: 2% 0;
- background-color: #D6D1AF;
- color: #83816E;
- font-family: "raleway";
- font-size: 1em;
- text-align: center;
- }
- footer aside p {
- width: 76.57%;
- margin: 0 auto;
- }
- /* Estilos chancados del calendario */
- .datepicker--cell.-selected-.-focus-, .datepicker--cell.-selected- {
- background: #EEC431 !important;
- }
- .datepicker--days-names {
- margin: 0 !important;
- padding: 8px 0;
- background-color: #EEC431;
- }
- .datepicker--days-names .datepicker--day-name {
- color: #fff !important;
- }
- .datepicker--cell.-current- {
- color: #EEC431 !important;
- }
- .datepicker--cells-months .datepicker--cell.-current- {
- color: #fff !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement