p, th, td, section, div, input, figcaption{ font-family: "PT Sans", sans-serif; font-weight: 400; } h1{ font-family: Rokkitt; } h2{ font-size: 28px; margin: 20px 0 12px; font-family: "PT Sans", sans-serif; font-weight: 500; } h3, h4, h5{ font-family: "PT Sans", sans-serif; } [data-rating] .icon {width: 17%; height: 6px; border-radius: 6px; margin-right: 3%; float: left;} [data-rating] .iconwrapper{ max-width: 160px;} [data-rating="1"] .icon{ background-color: #00852E;} [data-rating="2"] .icon{ background-color: #64C91D;} [data-rating="3"] .icon{ background-color: #C9C91F;} [data-rating="4"] .icon{ background-color: #C98F1B;} [data-rating="5"] .icon{ background-color: #C95A15;} [data-rating="2"] .icon:nth-child(n+5), [data-rating="3"] .icon:nth-child(n+4), [data-rating="4"] .icon:nth-child(n+3), [data-rating="5"] .icon:nth-child(n+2){ background-color: #ddd;} blockquote{ position: relative; background-color: #fafafa; border-left: 4px solid #2c2c2c; color: #2c2c2c; text-align: center; font-size: 28px; padding: 12px 12px 16px 64px; margin: 20px 0 0; } blockquote::before { display: block; content: "\201C"; position: absolute; left: 8px; top: -30px; font-family: Arial, Georgia, serif; color: #2c2c2c; font-size: 100px; } .nowrap{ white-space:nowrap } a.anchor { display: block; position: relative; top: -120px; visibility: hidden; } .svgSealWrapper{ position: relative; width: 200px; height: 300px; margin: 0 auto;} .svgSealWrapper>img.svgSeal{ width: 100%; max-height: initial; max-height: initial; position: absolute; bottom: 0; left: 0;} @media screen and (max-width: 1000px) { .svgSealWrapper{ position: relative; width: 100px; height: 150px; margin: 0 auto;} .svgSealWrapper>img.svgSeal{ width: 100%; max-height: initial; max-height: initial; position: absolute; bottom: 0; left: 0;} } :target::before { content: '\00a0'; display: block; position: absolute; top: -120px; visibility: hidden; } @media screen and (max-width: 720px) { blockquote{ font-size: 20px;} } a img{ color: #0033CC; } a.up{ display: block; width: 100%; margin: 40px 0; border-bottom: 2px solid #ccc; text-align: right; color: #ccc; font-size: 20px; } a.up:hover{ text-decoration: none; color: #aaa; border-bottom: 2px solid #aaa;} .cart::after { display: inline-block; content: ''; background-image: url("/cart.svg"); background-size: 18px 20px; background-repeat: none; margin-left: 4px; height: 17px; width: 17px; } @font-face { font-display: swap; font-family: 'Rokkitt'; font-style: normal; font-weight: 800; src: url('/core/googlefonts/rokkitt/rokkitt-v12-latin-800.eot'); src: local('Rokkitt ExtraBold'), local('Rokkitt-ExtraBold'), url('/core/googlefonts/rokkitt/rokkitt-v12-latin-800.eot?#iefix') format('embedded-opentype'), url('/core/googlefonts/rokkitt/rokkitt-v12-latin-800.woff2') format('woff2'), url('/core/googlefonts/rokkitt/rokkitt-v12-latin-800.woff') format('woff'), url('/core/googlefonts/rokkitt/rokkitt-v12-latin-800.ttf') format('truetype'), url('/core/googlefonts/rokkitt/rokkitt-v12-latin-800.svg#Rokkitt') format('svg'); } @font-face { font-display: swap; font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url('/core/googlefonts/ptsans/pt-sans-v9-latin-regular.eot'); src: local('PT Sans'), local('PTSans-Regular'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-regular.woff2') format('woff2'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-regular.woff') format('woff'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-regular.ttf') format('truetype'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); } @font-face { font-display: swap; font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: url('/core/googlefonts/ptsans/pt-sans-v9-latin-700.eot'); src: local('PT Sans Bold'), local('PTSans-Bold'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700.woff2') format('woff2'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700.woff') format('woff'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700.ttf') format('truetype'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700.svg#PTSans') format('svg'); } @font-face { font-display: swap; font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: url('/core/googlefonts/ptsans/pt-sans-v9-latin-italic.eot'); src: local('PT Sans Italic'), local('PTSans-Italic'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-italic.woff2') format('woff2'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-italic.woff') format('woff'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-italic.ttf') format('truetype'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); } @font-face { font-display: swap; font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: url('/core/googlefonts/ptsans/pt-sans-v9-latin-700italic.eot'); src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700italic.woff2') format('woff2'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700italic.woff') format('woff'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700italic.ttf') format('truetype'), url('/core/googlefonts/ptsans/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); } #socialNav2 { margin-right: 20px;} #socialNav2 .icon{ max-width: 100%; max-height: 100%; fill: #fff;} #socialNav2 .youtube{ background-color: #F01B19;} #socialNav2 .facebook{ background-color: #3B528E;} #socialNav2 .instagram{ background-color: #51769A;} #socialNav2 .pinterest{ background-color: #AB1721;} #socialNav2 .twitter{ background-color: #1da1f2 ;} #socialNav2 li{ width: 20% !important; height: 40px;float: left} #socialNav{ position: fixed; margin: 0; padding: 0; bottom: -50px; opacity: 0; } .toggle:checked ~ #menuLayer #socialNav{ bottom: 0px; opacity: 1;} #socialNav>li{ float: left; display: block; width:20%; height:100%; } #socialNav>li a{ display: block; margin: 0 auto; padding: 0; height: 48px; color: #fff; font-family: Arial; font-size: 16px; padding: 10px 2px; text-align: center; } #socialNav .icon{ max-width: 100%; max-height: 100%; fill: #fff;} #socialNav .youtube{ background-color: #F01B19;} #socialNav .facebook{ background-color: #3B528E;} #socialNav .instagram{ background-color: #51769A;} #socialNav .pinterest{ background-color: #AB1721;} #socialNav .twitter{ background-color: #1da1f2 ;} .toggle:checked ~ #searchicon { border: none; background-color: transparent;} .toggle:checked ~ #searchicon .circle{border-color: #0092D1;} .toggle:checked ~ #searchicon .rectangle{border-color: #0092D1; background-color: #0092D1;} #searchLayer{ top: 90px; width: 100%; display: block; position: fixed; height: 0; width: 100%; left: 0; margin: 0; padding: 0 10px; background-color: rgba(55,55,55,0.8); border-top: 1px solid #eee; overflow: hidden; opacity:0; } .toggle:checked ~ #searchLayer{ height: 100%; width: 100%; left: 0; margin: 0; z-index: 900; padding: 0; opacity: 1; } #searchLayer #searchWrapper{ width: 100%; background-color: #f5f5f5; margin: 0; padding: 50px 20px; } #searchWrapper input[name="q"]{ width: 100%; max-width: 800px; margin: 0 auto; font-size: 48px; font-weight: 800; font-family: "PT Sans", sans-serif; border: none; border-radius: 8px; background: transparent; color: #111; padding: 16px; display: block; caret-color: #84c73b; } #searchWrapper input[name="q"]:focus{ outline-width: 0; cart-style: block; } #searchWrapper input[type="submit"]{ display: none; } @media screen and (max-width: 1080px) { #searchicon{ z-index: 100; position: fixed;} } @media screen and (max-width: 960px) { #menuLayer{ background-color: #676732; margin: 0; padding: 0; left: 0; top: 0; height: 100%; position: fixed; } .toggle:checked ~ #menuLayer{ display: block; opacity: 1; width: 100%; z-index: 200; } .toggle:checked ~ #menuLayer #categoryNav{ opacity: 1; height: calc( 100vh - 100px ); z-index: 300; } .toggle:checked ~ #menuicon{ z-index: 400; position: fixed; } .toggle:checked ~ #menuicon .line{ background-color: #b3b366; } .toggle:checked ~ #menuicon::after { color: #b3b366; } #categoryNav li:nth-child(1){ display: block; } #categoryNav{ position: relative; opacity: 0; top: 0; bottom: 72px; overflow: hidden; padding: 72px 18px 60px; } #categoryNav li{ display: block; float: left; width: 100%; } #categoryNav li a{ display: block; padding: 10px 20px; width: 100%; } #categoryNav li>a:hover{ background-color: #7c7c3d; } #categoryNav li h2{ color: #b3b366;} #searchLayer{ top: 60px;} .toggle:checked ~ #searchLayer #searchWrapper{ padding: 40px 20px; height: 125px; } #searchWrapper input[name="q"]{ font-size: 36px; padding: 0; margin: 0 auto; } } @media screen and (min-width: 500px) { .toggle:checked ~ #menuLayer{ width: 400px; box-shadow: 0px 1px 1px #eee;} .toggle:checked ~ #menuicon{ left: 320px; } #socialNav{ width: 400px;} } .toggle:checked ~ #menuLayer{ transition: opacity 0s, width .4s; } .toggle:checked ~ #menuLayer #categoryNav{ transition: opacity .4s .2s; } .toggle:checked ~ #menuLayer #socialNav{ transition: bottom 0.3s 0.4s, opacity 0.3s 0.4s; } #menuLayer{ transition: opacity 0s .6s, width .5s .2s; } #categoryNav{ transition: opacity .3s .2s; } #socialNav{ transition: bottom 0.3s, opacity 0s 0.5s; } .toggle:checked ~ #searchLayer{ transition: opacity 0s, height .5s; } @media screen and (min-width: 960px) { .toggle:checked ~ #searchLayer{ transition: opacity .5s, height 0s; } } #searchLayer{ transition: opacity 0s .5s, height .5s; } .toggle:checked ~ #menuicon::after{content: 'cerrar';} #menuicon .line{ transition: all 0.2s ease-in-out;} .toggle:checked ~ #menuicon .line:nth-child(2){ opacity: 0; } .toggle:checked ~ #menuicon .line:nth-child(1){ transform: translateY(10px) rotate( 45deg);} .toggle:checked ~ #menuicon .line:nth-child(3){ transform: translateY(-8px) rotate(-45deg);} .toggle:checked ~ #menuicon .line:nth-child(2){ transition-delay: 0s;} .toggle:checked ~ #menuicon .line{ transition-delay: 0.2s;} #menuicon .line{ transition-delay: 0s;} #menuicon .line:nth-child(2){ transition-delay: 0.2s;} .tilt{ position: relative; transform: rotate(-1deg); } .tilt>*{position: relative; transform: rotate( 1deg); z-index:1500; margin: 8px 18px 8px 8px; color: #fff;} .tilt::before, .tilt::after{ content: '\00a0'; position: absolute; display: block; border-radius: 8px; width: 100%; height: 75%; background-color: #7c7c3d; } .tilt:before{ top: 0; transform: skewY(-1deg); } .tilt:after { bottom: 0;transform: skewY(.5deg); } a.tilt{ display: block;} a.tilt:hover { text-decoration: none; } a:hover .tilt::before, a:hover .tilt::after, a.tilt:hover::before, a.tilt:hover::after{ background-color: #2e97cb !important; } a.button{ color: #fff; } .button{ display: inline-block; padding: 16px; background-color: #e19c29; border-radius: 4px; font-size: 16px; font-weight: 700; cursor: pointer;} .button.small{ padding: 8px 16px;} .button.white{ background-color: #fff; color: #2e97cb} .button:hover{ text-decoration: none; background-color: #2e97cb !important; color: #fff !important; } .amazon-medium, .amazon-large { position: relative; white-space:nowrap; color: rgb(50, 53, 55) !important; background: linear-gradient(to bottom, #f6dd9f, #f0c24d 50%, #f0c24d); font-weight: 700; } .button.info{ background-color: #999931; } .button.center{ margin: 10px auto; width: auto;} .button.amazon-medium:hover, .button.amazon-large:hover{ background: linear-gradient(to bottom, #f0c24d, #f6dd9f 50%, #f6dd9f); color: rgb(50, 53, 55) !important; } .button.amazon-medium{ font-size: 18px; line-height: 2.5; padding: 0 5px 0 40px; } .button.amazon-large { font-size: 24px; line-height: 2.5; padding: 0 8px 0 50px; } .amazon-medium::after{ content: "Comprueba el precio en Amazon"; } .amazon-large::after { content: "Comprar ahora en Amazon";} .amazon-medium::before{ content: '\00a0'; background: url(/img/amazon.svg) no-repeat .125rem center; position: absolute; left: 5px; top: 8px; height: 30px; width: 30px;} .amazon-large::before { content: '\00a0'; background: url(/img/amazon.svg) no-repeat .125rem center; position: absolute; left: 5px; top: 10px; height: 40px; width: 40px;} .content>.inner .productteaser .testbutton, .testbutton{ color: #fff; background-color: #5a5a2e; padding: 10px 20px; float: right;} @media screen and (max-width: 1715px) { .amazon-large { font-size: 1.5rem; line-height: 5rem; padding: .5rem .5rem .5rem 2.5rem; } .amazon-medium::after{ content: "Comprueba el precio";} } .blogTeaser>.inner{width: 100%; max-width: 1280px; padding: 15px;} .blogTeaser aside{ display: none;} .blogTeaser{ position: relative; width: 100%; clear: left; margin-bottom: 60px;} .blogTeaser ul{ position: relative; width: 100%; padding: 0; margin: 0; display: block;} .blogTeaser li{ position: relative; display: block; float: left;} .blogTeaser article{ border-radius: 4px; border: 4px solid #eee; height: 100%; overflow: hidden;} .blogTeaser li img{ display: none;} .blogTeaser article h2 { margin: 20px 0 0 0; } .blogTeaser article span { padding-left: 10px; color: #ccc; font-size: 14px; } .blogTeaser article h2{ padding: 30px 10px 0; font-size: 20px;} .blogTeaser article p{ padding: 10px; font-size: 14px; line-height: 20px;} .blogTeaser article>a:hover *, .blogTeaser article>a:hover, .blogTeaser article>a *, .blogTeaser article>a{ text-decoration: none; color: #000; word-wrap: break-word; } .blogTeaser li{ width: 31.33%; height: 260px; margin: 15px 1%; } .blogTeaser li:nth-child(1){ height: 550px;} .blogTeaser li:nth-child(1) article{ background-color: #eee; border-width: 0;} .blogTeaser li:nth-child(1) img{ margin-left: auto; margin-right: auto; max-height: 300px; display: block; width:100%; } .blogTeaser li:nth-child(2){ margin-left: 34.33%;} .blogTeaser li:nth-child(2)::before{ content: '\00a0'; position: absolute; display: block; margin-left: -100%; width: 100%; height: 100%; background: url('/de/img/george07.svg') no-repeat left bottom; background-size: auto 200px; } .blogTeaser li:nth-child(6){ width: 64.66%; } @media screen and (max-width: 960px){ .blogTeaser li{ width: 47%; height: 300px; margin: 15px 1.5%; } .blogTeaser li:nth-child(1){ height: 590px;} .blogTeaser li:nth-child(2){ margin-left: 1.5%;} .blogTeaser li:nth-child(2)::before{ display: none; background: none; margin-left: 1.5%;} .blogTeaser li:nth-child(6){ width: 97%; } } @media screen and (max-width: 480px){ .blogTeaser li{ width: 100%; min-height: 150px; height: initial; margin: 15px 0; } .blogTeaser li:nth-child(1){ height: 470px;} .blogTeaser li:nth-child(6){ width: 100%; } } .blogTeaser a.button.more{ position: absolute; right: 10px; bottom: 10px; display: block; background-color: #eee; padding: 6px 8px; font-weight: 400; color: #000;} .tilt.catblog {position: absolute; top: -12px; left: -12px; min-width: 160px;} .tilt.catblog h2{ font-size: 30px; font-size: 18px; font-family: "PT Sans", sans-serif; font-weight: 700;} .category--1 .tilt.catblog::before, .category--1 .tilt.catblog::after{ background-color: #7c7c3d } .category--1 article{ border-color: #7c7c3d } .category--2 .tilt.catblog::before, .category--2 .tilt.catblog::after{ background-color: #123456 } .category--2 article{ border-color: #123456 } .category--3 .tilt.catblog::before, .category--3 .tilt.catblog::after{ background-color: #8a0005 } .category--3 article{ border-color: #8a0005 } .category--118 .tilt.catblog::before, .category--118 .tilt.catblog::after{ background-color: #9f0442 } .category--118 article{ border-color: #9f0442 } .category--151 .tilt.catblog::before, .category--151 .tilt.catblog::after{ background-color: #6a0f59 } .category--151 article{ border-color: #6a0f59 } .categoryTeaser{ position: relative; margin-bottom: 60px;} .categoryTeaser ul{ position: relative; width: 100%; padding: 0.5%; margin: 0;} .categoryTeaser li{ position: relative; display: block; float: left;} .categoryTeaser li picture{ display: block; height: 100%; width: 100%; overflow: hidden; margin: 0 auto;} .categoryTeaser li img{ min-width: 100%; width: 100%; margin: 0 auto;} .categoryTeaser .tilt{ position: absolute; top: 160px; margin-left: 10px; } .categoryTeaser .tilt>h3{ font-size: 16px; margin: 6px 12px 6px 8px;} .categoryTeaser li{width: 19%; margin: .50% .50% 30px .50%; height: 180px; } @media screen and (max-width: 960px) { .categoryTeaser li{width: 24%; margin: .50% .50% 30px .50%;} } @media screen and (max-width: 760px) { .categoryTeaser li{width: 32%; margin: .66% .66% 30px .66%; height: 120px; } .categoryTeaser ul{ border: none; margin: 0; Padding:0; } .categoryTeaser .tilt{ top: 100px; margin-left: 0;} .categoryTeaser .tilt>h3{ font-size: 12px;}} @media screen and (max-width: 360px) { .categoryTeaser li{width: 48%; margin: 1.0% 1.0% 30px 1.0%;} } .categoryTeaser li a{ background-color: #f5f2eb; display: block; height: 100% } .categoryTeaser li a:hover { text-decoration: none; background-color: #F3F9FC; } .categoryTeaser li.categoryButton{ width: 99%;} @media screen and (min-width: 960px) { .categoryTeaser li.categoryButton{height: 80px;} } @media screen and (max-width: 960px) { .categoryTeaser li.categoryButton{width: 49%; } } @media screen and (max-width: 760px) { .categoryTeaser li.categoryButton{width: 65%; } } @media screen and (max-width: 360px) { .categoryTeaser li.categoryButton{width: 98%; height: 80px;} } .categoryTeaser li.categoryButton>a.button{ border-radius: 8px; text-align: center; height: initial; font-size: 22px; display: inline-block; position: absolute; bottom: 0;} .teaserLinkBox { height: 100%; width: 100%; position:absolute; } .categoryTeaser.category--1 ul{ border-color: #7c7c3d; } .categoryTeaser.category--1 li.categoryButton>a.button{ background-color: #7c7c3d;} .categoryTeaser.category--1 .tilt::before, .categoryTeaser.category--1 .tilt::after, .category--1 .categoryTeaser .tilt::before, .category--1 .categoryTeaser .tilt::after { background-color: #7c7c3d;} .category--1 header .tilt::before, .category--1 header .tilt::after{ background-color: #7c7c3d; } .categoryTeaser.category--2 ul{ border-color: #123456; } .categoryTeaser.category--2 li.categoryButton>a.button{ background-color: #123456;} .categoryTeaser.category--2 .tilt::before, .categoryTeaser.category--2 .tilt::after, .category--2 .categoryTeaser .tilt::before, .category--2 .categoryTeaser .tilt::after { background-color: #123456;} .category--2 header .tilt::before, .category--2 header .tilt::after{ background-color: #123456; } .categoryTeaser.category--3 ul{ border-color: #8a0005; } .categoryTeaser.category--3 li.categoryButton>a.button{ background-color: #8a0005;} .categoryTeaser.category--3 .tilt::before, .categoryTeaser.category--3 .tilt::after, .category--3 .categoryTeaser .tilt::before, .category--3 .categoryTeaser .tilt::after { background-color: #8a0005;} .category--3 header .tilt::before, .category--3 header .tilt::after{ background-color: #8a0005; } .categoryTeaser.category--118 ul{ border-color: #9f0442; } .categoryTeaser.category--118 li.categoryButton>a.button{ background-color: #9f0442;} .categoryTeaser.category--118 .tilt::before, .categoryTeaser.category--118 .tilt::after, .category--118 .categoryTeaser .tilt::before, .category--118 .categoryTeaser .tilt::after { background-color: #9f0442;} .category--118 header .tilt::before, .category--118 header .tilt::after{ background-color: #9f0442; } .categoryTeaser.category--151 ul{ border-color: #6a0f59; } .categoryTeaser.category--151 li.categoryButton>a.button{ background-color: #6a0f59;} .categoryTeaser.category--151 .tilt::before, .categoryTeaser.category--151 .tilt::after, .category--151 .categoryTeaser .tilt::before, .category--151 .categoryTeaser .tilt::after { background-color: #6a0f59;} .category--151 header .tilt::before, .category--151 header .tilt::after{ background-color: #6a0f59; } .productteaser{ margin-bottom: 40px; padding: 30px; border: 1px solid #eee; border-radius: 8px; position: relative;} .productteaser:hover{ background-color: #F3F9FC } .productteaser::after{ content: '\00a0'; display: block; clear: both; height: 0;} .content>.inner .productteaser h2, .content>.inner .productteaser h3{ margin: 0; } .productteaser{ display: table; width: 100%; position: relative;} .productteaser .productThumbnail{ display: table-cell; width: 25%; min-width: 180px; vertical-align: middle; text-align: center; position: relative;} .productteaser .productPrices{ display: table-cell; width: 25%; min-width: 240px; vertical-align: top; } .productteaser .productSummary{ display: table-cell; vertical-align: top; min-height: 220px;} .productteaser .productThumbnail img{ max-height: 100%; max-width: 100%; border-radius: 8px; } .productteaser .productPrices>.inner{ background-color: #eee; margin-top: 30px; border-radius: 8px; padding: 10px;} .productteaser .productPrices>.inner div{ position: relative;} .productteaser .provider{ width: 50%; float: left; padding: 0 10px 0 0;} .productteaser .shop{ width: 50%; float: left;} .content>.inner .productteaser .rrp, .productteaser .rrp{ text-align: center; font-size: 12px; opacity: 0.5; margin: 0; padding: 0; } .productteaser .pricedate{ font-size: 10px; color: #111; position: absolute; bottom: 0; } .productteaser .productPrices img{ max-height: 30px;} .productteaser .productPrices li{ padding: 5px; min-height: 45px} .productteaser .productPrices>.inner>a{ padding: 5px; font-size: 10px; color: #333; text-align: right; display: block;} .productteaser .productSummary>.inner{ position: relative; margin-top: 30px; bottom: 0; padding: 0 25px 0 0;} .content>.inner .pricebutton, .pricebutton{ background-color: #A90F28; color: #fff; display: block; padding: 6px 10px; text-align: center; font-size: 18px; margin: 5px;} a:hover .pricebutton{ text-decoration: none; background-color: #2e97cb !important; color: #fff !important; } .rrplabel::before{ content: 'Precio recomendado: '; } @media screen and (max-width: 920px) { .rrplabel::before{ content: 'Precio recomendado: '; } .productteaser{ display: block;} .productteaser .productThumbnail{ display: block; float: left; width: 50%; min-width: initial;} .productteaser .productPrices{ display: block; position: absolute; top: 0; right: 0; width: 50%; min-width: initial;} .productteaser .productPrices>.inner{ margin: 30px 30px 0 0;} .productteaser .productSummary{ display: block; float: right; vertical-align: top; min-height: 220px; margin: 0;} } @media screen and (max-width: 488px) { .productteaser .productThumbnail{ width: 100%; max-height: 200px; } .productteaser .productThumbnail img{ max-height: 200px; } .productteaser .productPrices{ width: 100%; position: relative; float: left; top: auto;} } .productteaser--2>a h2{ color: #000; font-size: 16px; margin: 0; padding: 0;} .productteaser--2>a h3{ color: #5a5a2e; font-size: 20px; margin: 0; padding: 0;} .productteaser.winner{ background-color: #FCF8F3; border: 2px solid #cf9f53; margin-top: 30px;} .productteaser.winner::before{ font-size: 22px; Content: 'Nuestro ganador del test'; display: block; padding: 5px 15px 5px 40px; position: absolute; top: -20px; left: -2px; font-family: "PT Sans", sans-serif; font-weight: bolder; color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI4IDEyODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTA0LjQsMTI3LjIgNjQuNiwxMDUuOCAyNS4zLDEyOCAzMi4zLDgxLjggMCw0OS40IDQ0LjIsNDIuMiA2My41LDAgODMuNyw0MS44IDEyOCw0OC4xIDk2LjMsODEuMSAJCgkJIi8+CjwvZz4KPC9zdmc+Cg=='); background-repeat: no-repeat; background-position: 0.5rem center; background-color: #cf9f53; background-size: 1.25rem 1.25rem; border-radius: 8px; border-bottom-left-radius: 0; } .teaser h3{ color: #5a5a2e; padding-bottom: 5px; } .teaser:hover{ text-decoration: none; } .starcontainer { height: 20px; width: 120px; margin: 0px auto; } .starcontainer div { font-size: 26px; color: #FFB608; height: 20px; position: relative; z-index: 0; text-align: left !important; } .starcontainer div:nth-child(2) { margin-top: -20px; overflow: hidden; } .starcontainer div:nth-child(1) { color: rgb(190, 136, 0); width: 120px; z-index: 1; text-shadow: 0px 0px 0.2px rgb(110, 76, 0); } .starlink { font-size: 14px; } #star-part .back, #star-empty .back{ fill:#ccc;} #star-part .front, #star .front{ fill:orange;} #star-part .front{ mask: url('#part')} div[data-stars-category]{ width: 300px; text-align: center; margin: 0 auto;} .star{ height: 60px; width: 60px; padding: 4px; border: 2px solid #fff; border-radius: 3px; float: left} .star.vote{cursor: pointer;} .star.vote:hover {border-color: orange; background-color: #f5f5f5} .star-description{width: 300px; text-align: center; padding: 15px 0;} [data-submit]:hover{ cursor: pointer;} .inactive[data-submit], .inactive[data-submit]:hover{ cursor: not-allowed; background-color: #888 !important; color: #ddd !important;} .invalid[data-email]{ color:red;} .invalid[data-email], .invalid[data-name], .invalid[data-message], .invalid[data-privacy]{ border: 2px solid red;} .invalid[data-privacy] + label{ color: red;} .form{ padding: 15px; width: 100%; float: left; margin-right: 40px; margin-top: 40px;} .form_grey{background-color: #f5f5f5; border-radius: 8px;} .form_small{max-width: 700px; } .form .button{ color: #fff; background-color: #5a5a2e;} .form .button.inactive, .button.inactive:hover{ cursor: not-allowed; background-color: #888 !important; color: #ddd !important;} .form input:not([type=checkbox]), select, textarea{min-height: 40px; width: 100%;font-size: 16px} .content>.inner p.message{text-align: center; } .form.error p.message { background-color: #f5c6cb; padding: 10px; border-radius: 4px; margin: 10px;} .form.success {background-color: #ECFFDC; } .form [data-submit]{ margin: 10px 0;} .form select.big{ font-size: 22px; font-weight: bolder;} .form [data-name], .form [data-email]{ margin-bottom: 10px;} .comments { width: 100%; margin: 0px auto; background-color: #f4f2eb; padding: 5px; } .comment_shadow_top{ box-shadow: inset 0 8px 6px -6px rgba(175, 175, 175, 0.4); } .comment_shadow_bottom{ box-shadow: 0 8px 6px -6px rgba(175, 175, 175, 0.4); } .product_comments{ margin: 0; } .comments header h1 { color: #999931; font-size: 20px; font-weight: 900; margin: 0 0 6px; } .comments input, .comments textarea { width: 100%; margin-bottom: 5px; } .comments textarea { min-height: 150px; resize: none; padding: 8px 8px 8px 8px; } .comments .button { width: 200px; } .comments ul { margin-bottom: 10px; } .comments ul li div { width: 100%; } .comments ul li div span:first-child { font-weight: 900; } .comments ul li div span:nth-child(2) { color: #909090; } .comments ul li p { padding-bottom: 5px; } .comments .level1 { padding-left: 20px; } .comments #username { width: 200px !important; } .comment_block{ margin-top: 10px; } .author_comment{ display: flex; flex-direction: row; margin-top: 5px; } .userComment { width: 67px; min-width: 67px; height: 67px; min-height: 67px; font-size: 12px; margin-right: 20px; text-align: center; margin-bottom: 30px; } .georgeComment { } .comment_text{ } .comment_date{ font-size: 12px; color: #9b9b9b; } .comment_icon{ height: 100%; width: 100%; background-color: #e0dfc3; border-radius: 50%; } .comment_icon img{ padding-top: 21px; width: 25px; } .comment_icon.answer img{ padding-top: 18px; width: 30px; } .speech-bubble { position: relative; border-radius: .4em; box-shadow: 0 0 6px 0 rgba(175, 175, 175, 0.4); background-color: #ffffff; max-width: 700px; width: 100%; padding: 10px; font-size: 16px; } .speech-bubble:after { content: ''; position: absolute; left: 0; top: 25%; width: 0; height: 0; border: 8px solid transparent; border-right-color: #ffffff; border-left: 0; margin-top: -8px; margin-left: -8px; } .speech-bubble p{ font-size: 16px !important; margin-top: 0px !important; line-height: normal !important; } .backtotop{ background: #333; color: #fff; height: 50px; width: 50px; padding: 10px; position: fixed; right: 15px; bottom: 15px; cursor: pointer; opacity: 0.7; font-size: 40px; text-align: center; display: inline-block; vertical-align: top; user-select: none; line-height: 30px; z-index: 10000; } .backtotop:hover{ opacity: 1 } li.comingSoon>a{opacity: 0.2} li.comingSoon:hover>a{opacity: 1} li.comingSoon::before{content: 'coming soon'; color: red; font-size: 20px; font-family: Rokkitt; position: absolute; top: 60px; left: 20%; width: 60%; transform: rotate(-35deg); text-align: center; border: 5px solid red; background: rgba(255,255,255,0.8)} li.comingSoon:hover::before{transform: rotate(0deg); top: -10px; transition: all 0.2s ease-in-out;} tr:nth-child(2) th.table_winner.table_bestprice, tr:nth-child(1) th.table_bestprice { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTMuMiwzMC43Yy00LjgtNy44LTkuNy0xNS42LTE0LjMtMjMuNGMtMi0zLjQtNC40LTQuNS04LjItNC4xYy05LjUsMS4xLTE5LjEsMi4xLTI4LjYsMy4yCgljLTEuNiwwLjItMywwLjctNSwxLjJjLTEuMiwxLjUtMi44LDMtMy43LDQuOGMtMTMsMjUuOC0yNS44LDUxLjctMzguNyw3Ny42Yy0xLjksMy45LTEsNS44LDMuOCw4LjJjMTYsNy45LDMyLjEsMTUuOCw0OC4xLDIzLjcKCWM1LDIuNSw3LDIsOS4xLTIuMWMxMi45LTI1LjcsMjUuNy01MS41LDM4LjUtNzcuMkMxMTYuMSwzOC43LDExNS44LDM0LjgsMTEzLjIsMzAuN3ogTTg1LjgsNTUuNWMtMS45LTEuOS0zLjktMy41LTYuMi00LjcKCWMtMy40LTEuOC02LjYtMi4xLTkuNS0xYy0zLDEuMS01LjUsMy42LTcuNyw3LjRsMTEuOSw2LjNsLTIuMSwzLjlsLTExLjktNi4zTDU4LDY1LjNsMTEuOSw2LjNsLTIsMy44TDU2LDY5LjIKCWMtMi4xLDQuMS0yLjcsNy43LTIsMTAuOGMwLjcsMy4yLDIuOCw1LjYsNi4yLDcuNWMyLjQsMS4zLDQuOCwyLjEsNy4zLDIuNWwtMiw1LjNjLTIuOC0wLjctNS41LTEuNy03LjktM2MtNS4xLTIuNy04LjQtNi40LTkuNy0xMQoJYy0xLjMtNC42LTAuNi05LjcsMi4yLTE1LjNsLTUuNS0yLjlsMi0zLjhsNS41LDIuOWwyLjMtNC4zTDQ4LjgsNTVsMi4xLTMuOWw1LjUsMi45YzMuMS01LjMsNi45LTguNywxMS40LTEwLjEKCWM0LjUtMS40LDkuMy0wLjgsMTQuMywxLjljMi4yLDEuMiw0LjUsMi44LDcsNC45TDg1LjgsNTUuNXogTTkzLjIsMjUuMmMtMy40LDItOC40LDAuOS0xMS40LTIuNGMtMy4xLTMuNS0yLjctOCwwLjktOS45CgljMy40LTEuOCw4LjctMC42LDExLjUsMi43Qzk3LDE4LjksOTYuNiwyMy4zLDkzLjIsMjUuMnoiLz4KPC9zdmc+Cg=='); background-repeat: no-repeat; background-position: 0.25rem center; background-color: #205588; background-size: 2rem 2rem;} tr:nth-child(1) th.table_winner { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI4IDEyODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTA0LjQsMTI3LjIgNjQuNiwxMDUuOCAyNS4zLDEyOCAzMi4zLDgxLjggMCw0OS40IDQ0LjIsNDIuMiA2My41LDAgODMuNyw0MS44IDEyOCw0OC4xIDk2LjMsODEuMSAJCgkJIi8+CjwvZz4KPC9zdmc+Cg=='); background-repeat: no-repeat; background-position: 0.5rem center; background-color: #cf9f53; background-size: 1.875rem 1.875rem;} table{ border-collapse: collapse;} table.centered{ margin: 0 auto;} table.centered th, table.centered td{ text-align: center; padding: 0.25rem;} table.centered th{ font-size: 1rem; font-weight: 300; padding-left: 1rem; padding-right: 1rem; border-bottom: 1px solid rgb(10,10,10);} table.centered td{ font-size: 1.5rem; font-weight: 100;} .overview-table table{ margin-left:auto; margin-right:auto; } .overview-table thead{ border-bottom: 3px solid #ccc; } .overview-table tfoot{ border-top: 3px solid #ccc; } .overview-table th{ padding: 0.25rem; font-size: 1rem; font-weight: 400; } .overview-table tr:first-child th[scope="col"]{ border-top: 1px solid #f5f5f5;} .overview-table tr:last-child td{ border-bottom: 1px solid #f5f5f5;} .overview-table th[scope="row"]{ text-align: left; padding-right: 0.75rem; } .overview-table tbody tr { border-bottom: 1px solid #ccc;} .overview-table td{ padding: 0.5rem; font-size: 1rem; font-weight: 400; line-height: 1.5rem; vertical-align: top; text-align: center; } .overview-table td p{ padding: 0 0 0.125rem; font-size: 1rem; line-height: 1.5rem; } .overview-table img{ max-width: 100%; max-height: 200px; margin: 0 auto; position: relative; } .overview-table td{ max-width: 300px; min-width: 140px; } .overview-table th[scope="row"]{ max-width: 200px; } .overview-table td.left{ text-align: left; word-wrap:break-word; } .product-detailtable table { margin-left:auto; margin-right:auto; } .product-detailtable tr{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .product-detailtable tr:nth-child(odd){ background-color: #F8FAFC; } .product-detailtable th{ padding: .25rem; font-size: 1rem; font-weight: 500; text-align: left; } .product-detailtable td{ padding: 0.5rem; font-size: 1rem; line-height: 1.5rem; vertical-align: top; text-align: left; max-width: 30rem; } .product-detailtable td[data-rating] .iconwrapper{margin: 0} .product-detailtable td p{ padding: 0 0 0.125rem; font-size: 0.875rem; line-height: 1.5rem; } .product-detailtable th[scope="row"]{ text-align: left; } td.tag--42, td.tag--43{ text-align: left; } td.tag--44{ font-weight: 400; font-style: italic; font-size: 1rem; } td.type_rating{ font-size: 1.25rem; font-weight: 500; } .rating_box{ margin: 1rem auto 0; max-width: 200px; border: 1px solid #ccc; background-color: #fff;} .rating_box h3{ font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; margin: 0;} .rating_box_header{ text-align: center; background-color: #ccc; padding: .125rem; margin-bottom: .25rem; font-weight: 700; font-size: .875rem;} .rating_box_label{ font-size: 1.5rem !important; line-height: 1.75rem; font-weight: 300; font-style: italic; margin:0 .5rem; border-bottom: 1px solid #ccc; padding-bottom: .5rem !important;} .rating_box_testlink{ padding: .5rem; display: block; font-size: .875rem;} .rating_box_date{ padding: .2rem; display: block; font-size: .875rem;} td.table_bestprice, th.table_bestprice{ background-color: #F3F8FC;} td.table_winner, th.table_winner{ background-color: #FCF8F3;} td.table_bestprice, th.table_bestprice{ border-left: .5rem solid #205588;} td.table_winner, th.table_winner{ border-left: .5rem solid #cf9f53;} .overview-table tr:first-child th[scope="col"]{ border-top: 1px solid #eee; } tr:first-child th[scope="col"].table_bestprice{border-top: 1px solid #205588 !important;} tr:first-child th[scope="col"].table_winner { border-top: 1px solid #cf9f53 !important; } tr:nth-child(1) th.table_winner, tr:nth-child(1) th.table_bestprice, tr:nth-child(2) th.table_winner.table_bestprice{ line-height: 1.75rem; color: #fff; font-size: 1.125rem; text-align: left; padding-left: 3rem; height: 2.75rem; } .table_image{ position: relative; } .table_product_images { vertical-align: bottom; } .table_product_images .table_image a:hover img{ opacity: 0.4; } .table_image a{ display: block; text-align: center; font-size: 20px; } a .rating_box{color: black;} a:hover .rating_box{color: black;} a .rating_box_testlink{color: #00549f;} a:hover .rating_box_testlink{color: #00549f; text-decoration: underline;} tbody.overview-table-details.hide tr{ display: none;} tbody.overview-table-details.hide tr[data-expand]{ display: table-row;} tbody.overview-table-details.hide tr[data-expand] th::before{content: "\25BA más detalles";} tbody.overview-table-details tr[data-expand] th::before{content: "\25BC menos detalles";} tbody.overview-table-details.hide tr[data-expand] td::before{content: "\2026";} tbody.overview-table-details tr[data-expand] th::before{color:rgb(18, 92, 165); font-weight: bold; } .overview-table tbody tr[data-expand]{ border-top: 3px solid #ccc; border-bottom: 3px solid #ccc;} .overview-table tbody tr[data-expand] td, .overview-table tbody tr[data-expand] th{ padding: 0; padding: 1rem .25rem ; font-size: 1.25rem;} @media screen and (max-width: 1000px) { .overview-table table{ width: 100%; } .overview-table tbody th[scope=row]{ position: absolute; width: 100%; max-width: 100%; margin: 0 auto; background: rgba(230,230,230,.9); height: 1rem; font-size: 0.9rem; line-height: 1rem; padding: 0; text-indent: 2.5rem; border-bottom: 1px solid #ccc; z-index: 9999; } .overview-table tbody td{ padding-top: 1.5rem; font-size: 0.9rem; line-height: 1.1rem; } tbody.overview-table-details tr[data-expand] th{ height: 3rem;} tbody.overview-table-details tr[data-expand] td{ height: 3rem;} .table_image a{ display: block; text-align: center; font-size: 20px; } .hidemobile{ display: none;} } .table_product_images .table_image a::after{ content: 'Leer el informe del test ahora'; position: relative; display: block; background-color: #2e97cb; color: #fff; border-radius: 4px; text-align: center; padding: 8px; left: 0; z-index: 999; cursor: pointer; font-size: 16px; font-weight: 700; } .table_product_images .table_image a:hover{ text-decoration: none; } .tag--42, .tag--43{position: relative;} .tag--42 ul, .tag--43 ul{ padding-left: 16px;} .tag--42 li::before{ content: '\002B'; background-color: #999931; } .tag--43 li::before{ content: '\2212'; background-color: #585858; } .tag--42 li::before, .tag--43 li::before{ position: absolute; display: block; left: 4px; margin-top: 4px; width: 14px; line-height: 14px; border-radius: 4px; text-align: center; color: #fff; font-weight: 800; font-size: 18px; } ol.toc li{ padding: 0;} ol.toc a{ color: #000;} ol.toc a:hover{ color: #000; border-bottom: 1px solid #c4d1e0; transition: .2s ease-in-out; } ol.toc>li{ margin: 10px 0 0; } ol.toc>li>ol>li{ margin: 5px 0 0; } ol.toc>li>ol>li>ol>li{ margin: 5px 0 0; } ol.toc{ counter-reset: toc_level_1; } ol.toc>li>ol{ counter-reset: toc_level_2; } ol.toc>li>ol>li>ol{ counter-reset: toc_level_3; } ol.toc>li>a::before { counter-increment:toc_level_1; padding-left: 0; content: counter(toc_level_1) ". "; } ol.toc>li>ol>li>a::before { counter-increment:toc_level_2; padding-left: 20px; content: counter(toc_level_1)"."counter(toc_level_2,decimal) ". ";} ol.toc>li>ol>li>ol>li>a::before { counter-increment:toc_level_3; padding-left: 40px; content: counter(toc_level_1)"."counter(toc_level_2,decimal)"."counter(toc_level_3,decimal)". "; } .toc_wrapper{ padding: 10px; background-color: #fff; border-radius: 4px; border: 1px solid #eee;} .toc_wrapper>h2{ margin-top: 0; } h2.toc{position: relative;} h2.toc~ol.toc{ display: none; } h2.toc.open~ol.toc, #toc:target~ol.toc{ display: block; } .modifydate { padding: 0; margin: 10px 10px 10px; font-size: 14px; line-height: 20px; font-style: italic;} .modifydate.modright{ float: right;} .productlist li{ float: left; width: 48%; margin: 1%; } .editorbox { color: #000; background-color: #fafafa; border: #eee solid 1px; padding-left: 5px; padding-right: 10px; padding-bottom: 5px; } .editorbox>.inner{ padding-top: 20px;} .editorbox>.inner p{ font-size: 16px; line-height: 24px; text-align: justify; } .editor{min-height: 20px; position: relative; margin: 36px 16px 64px 48px; max-width: 320px;} .editor h2{position: relative; z-index:1500; padding: 12px 4px 4px 96px; font-size: 20px; font-family: "Pt Sans", sans-serif; font-weight: 600; text-align: left; text-transform: uppercase;} .editor>img{ position: absolute; left: -36px; top: -24px; border-radius: 128px; width: 128px; height: 128px; border: 4px solid #7c7c3d; z-index:1600; background-color: #fff;} .editor>h3{ position: absolute; left: 96px; font-size: 16px; font-weight: 400; color: #000;} @media screen and (max-width: 720px){ .editorbox { padding: 0; margin-top: 10px; } } .productImageView {position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; } .productImageView li{ display: inline-block; height: 100%; position: absolute;} .productImageView li .toggle ~ picture>img{ display: none; height: 100%; } .productImageView li .toggle:checked ~ picture>img{ display: block;} .productImagePreview{ position: absolute; bottom: 5px; left: 0; display: block; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; opacity: 0.5} .productImagePreview:hover{ opacity: 1; } .productImagePreview li{ display: inline-block; height: 60px; border: 1px solid #eee; z-index: 200; border-radius: 4px; margin-right: 5px;} .productImagePreview li label{display: block; cursor: pointer; overflow: hidden;} .productImagePreview li:hover{ background-color: #84c73b;} .productImagePreview li:hover label{ opacity: .8;} .productImagePreview li label img{ height: 60px; max-width: 100%;} button.next, button.prev{ position: absolute; bottom: 20px; height: 0px; width: 20px; z-index: 999; background-color: transparent; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: none; } button.next{ right: -15px; border-left: 20px solid #999; } button.prev{ left: -15px; border-right: 20px solid #999; } button.next:hover{ border-left: 20px solid #0092D1; cursor: pointer; } button.prev:hover{ border-right: 20px solid #0092D1; cursor: pointer;} .scrollButtons{ margin-left: 20px !important; margin-right: 20px !important; } button.next.inactive, button.prev.inactive{ display: none; } .inner>img.testseal{ width: 80%; margin-left: 10%; display: block;} @media screen and (max-width: 720px) { .productImageView li{ display: block; width: 100%; height: 250px; margin: 0 auto; } .productImageView li img{ margin: 0 auto;} .productImagePreview {overflow-x: scroll; overflow-y: hidden; white-space: nowrap; height: 75px; max-width: initial; opacity: 1; padding: 3px; background-color: #eee;} .productImagePreview li{ white-space: nowrap; float: none; border: none; border-radius: 0px; margin-right: 0;} .inner>img.testseal{ width: 40%; display: block; margin: 0 auto;} } .affiliate_note{ text-align: center; padding: 10px; background-color: #fafafa; border: #eee solid 1px; } .affiliate_note p{ font-size: 14px; } #productHeader{ width: 100%; height: 600px; } #productHeader>.inner{ margin: 0 auto; padding:0; height: 100%; width: 100%; } #productHeader>.inner::after{ content: '\00a0'; display: block; clear: both; } .productGallery{ height: 100%; width: 75%; height: 100%; float: left; position: relative; } .productRating{ float: left; position: relative; height: 100%; width: 25%; padding: 0 0 30px; } #ProductHeadline h1{ color: #000; font-family: "PT Sans", sans-serif; text-align: center; } #ProductHeadline h2{ color: #000; font-family: "PT Sans", sans-serif; text-align: center; margin: 0; padding-bottom: 6px; } .sticky_teaser { display: none; } @media screen and (max-width: 720px) { #productHeader{height: initial;} #productHeader>.inner{height: initial;} .productRating{ position: relative; float: none; width: 100%; height: initial; padding: 10px;} .productRating>.inner{ position: relative !important; top: 0; left: 0;} .productGallery{ position: relative; float: none; width: 100%; height: 340px;} .hidemobile{ display: none;} .toggle ~ header>label>h2 { font-size: 20px; } .breadcrumbs li{ font-size: 12px; } .breadcrumbs { padding: 5px; } .breadcrumbs #flags>img { height: 14px; } #ProductHeadline h2{ font-size: 20px; } .sticky_teaser { display: none; } .is-sticky>.sticky_teaser { background-color: #eee; display: block; border-radius: 0 0 8px 8px; } .sticky_button{ padding: 2px; text-align: center; } .sticky_button>.button{ padding: 10px; background-color: #2abdaf; } a .sticky_button>.button{ color: #fff; } .sticky_button img{ height: 40px; margin-left: 20px; border-radius: 4px; } } .content.rotate360>.inner{ width: 100%; height: calc(50vw); max-height: 600px; min-height: 250px;} .content .wr360_player{ height: 500px; max-width: 600px; margin: 0 auto;} @media screen and (max-width: 1100px) { .content .wr360_player{ max-height: 300px;} } @media screen and (max-width: 650px) { .content .wr360_player{ max-height: 200px;} } #pow-title{height: 30px; width: 100%;} .power-calculator { width: 100%; padding: 20px; background-color: #f5f2eb; border-radius: 5px; overflow: hidden; } .power-calculator>div {width: 50%; float: left;} .power-calculator>div p {font-style: italic; font-size: 1em !important; } .power-calculator>div h2 { color: black; margin: 0; margin-top: 40px; font-family: "PT Sans", sans-serif !important; font-size: 20px!important; } .power-calculator #pow-chart{ position: absolute; width: 50%; margin-left: 50%; } .power-calculator-navbar{overflow: hidden;} .power-calculator-navbar h2{margin: 0;} .power-calculator-navbar .button { background-color: #888; font-weight: 900; color: #fff; width: 33%; text-align: center; display:block; float: left; border-radius: 0; margin-bottom: 5px; } .power-calculator-navbar #pow-btn-day{border-radius: 5px 0 0 5px;} .power-calculator-navbar #pow-btn-month{border-radius: 0 5px 5px 0;} .power-calculator-navbar .btn-active {background: #2e97cb !important;} .power-calculator-price>*{display: inline-block;} .power-calculator-price h2 {width: 100%;} .power-calculator-price>input{height: 30px; width: 130px;} .power-calculator-price>label{ margin-left: -90px; padding-right: 32px; font-weight: 600; } .power-calculator-slider>div { width: calc(100% - 70px); float: left; margin-right: 7px; } #pow-slider{ width: 100%; margin-top: 10px; } #pow-slider-max{height: 30px; width: 63px;} #pow-chart h2, #pow-chart h3 {text-align: center;} #pow-chart h2 {margin: 0;} #pow-chart h3 { color: #555; font-size: 12px; } @media screen and (max-width: 620px) { .power-calculator>div{ width: 100%; } .power-calculator #pow-chart{ width: 100%; position: relative; margin: 0; margin-top: 40px; } } .priceComparison{ margin: 40px 0 20px; } .priceComparison h2{ font-size: 28px;} .priceComparison li{ margin:10px; width: 100%; max-width: 750px;} .priceComparison .disclaimer{ width: 100%; max-width: 750px;} .priceComparison li:last-child{ margin-bottom: 0; } .priceComparison li>a>*{ display: inline-block; vertical-align: middle; margin-left: 20px;} .priceComparison a{ display: block; width: 100%; padding: 10px; background-color: #f5f2eb; border-radius: 4px; color: #000; text-decoration: none; } .priceComparison a:hover{ background-color: #f3f9fc; text-decoration: none; } .priceComparison a:hover .button{ text-decoration: none; background-color: #2e97cb !important; color: #fff !important; } .priceComparison .provider img{ margin: 0 auto; vertical-align: middle; max-height: 40px; max-width: 100%;} .priceComparison .provider{ width: 96px; text-align: center;} .priceComparison .delivery{ width: calc(100% - 430px); min-width: 120px;} .priceComparison .price{ width: 150px;} .priceComparison .price.sale .pricevalue{ color: #990000; } .priceComparison .salemsg{ font-size: 13px; color: #990000; line-height: 14px; padding: 5px 0 0; font-weight: 700; width: 100%; text-align: center; display: block;} .priceComparison .rrp{ font-size: 14px; font-weight: 700; text-decoration: line-through} .priceComparison .pricevalue{ font-size: 28px; font-weight: 700; white-space: nowrap; } .priceComparison .priceUpdated{ font-size: 13px; color: #555; line-height: 14px; padding: 5px 0 0;} .priceComparison .shop .button{ background-color: #A90F28; color: #fff;} .pc-askgeorge .shop, .pc-askgeorge .delivery{ display: none !important; } .pc-askgeorge > a > *{ display: block !important; float: left; margin: 0 !important; } .pc-askgeorge a{ padding: 10px; } .pc-askgeorge a{ overflow: hidden; } .pc-askgeorge a:hover .price{ background-color: #2e97cb; } .pc-askgeorge a::before{ content: '¿Quieres comprar este producto?'; width: 100%; float:left; text-align: center; padding-bottom: 15px; font-size: 18px; } .pc-askgeorge .provider{ width: 50%; } .pc-askgeorge .price{ float: right; height: 50px; width: calc(50% - 10px); min-width: 120px; background-color: #990000; color: #fff; text-align: center; border-radius: 5px; line-height: 50px; margin-right: 10px !important; } .pc-askgeorge .pricevalue{ font-size: 16px; } .procon>.inner .pro, .procon>.inner .con{ float: left; width: calc(50% - 10px); } .procon>.inner{ margin-top: 0; } .procon>.inner .pro{ margin-right: 20px; } .procon>.inner .pro li, .procon>.inner .con li{ border-bottom: 1px solid #E0E0E0; padding: 8px 0 8px 20px; position: relative; } .procon>.inner .pro li:first-child, .procon>.inner .con li:first-child{ border-top: 1px solid #E0E0E0; } .procon>.inner .pro li::before{ content: '\002B'; background-color: #999931; } .procon>.inner .con li::before{ content: '\2212'; background-color: #585858; } .procon>.inner .pro li::before, .procon>.inner .con li::before{ position: absolute; display: block; left: 0; margin-top: 4px; width: 14px; line-height: 14px; border-radius: 4px; text-align: center; color: #fff; font-weight: 800; font-size: 18px; } @media screen and (max-width: 720px) { .procon>.inner .pro, .procon>.inner .con{ width: calc(50%); padding: 0 5px 10px; } .procon>.inner .pro{ margin-right: 0px; } .procon>.inner ul{ margin: 0; } } .productRating { display: flex; flex-direction: column; justify-content: flex-end; } .productRating>.inner{ position: relative; } .productRating .inner div { margin-left: 10%; } .productRating h2,.h1Manufacturer{ color: #999931; text-transform: uppercase; font-size: 18px; font-family: "PT Sans", sans-serif; } .productRating h1{ color: #1f1f04; font-family: Rokkitt; font-weight: 700; font-size: 28px; } .productRating h3{ color: #55552A; font-size: 18px; font-family: Rokkitt; line-height: 10px; padding: 8px 0 18px; } [data-rating] td, [data-rating] th{ padding: 6px 0;} [data-rating] .criteria{ font-weight: 700; text-transform: uppercase; text-align: left; padding-right: 20px; padding-left: 5px; } [data-rating] .rating{ width: 160px;} [data-rating] .weight{ width: 50px;} [data-rating] .weight span{ margin: 0; padding: 4px; border-radius: 4px; background-color: #ddd; font-weight: 700; font-size: 14px; } .ratingTotal .box{ width: 200px; margin: 16px 0; } .ratingTotal .box>header{ background-color: #999931; border-radius: 4px 4px 0 0; border: 1px solid #999931; padding: 8px; } .ratingTotal .box>main{ background-color: #fff; border: 1px solid #ccc; border-radius: 0 0 4px 4px; padding: 8px; } .ratingTotal .box>header h3{ padding: 0; text-align: center; color: #f8f8f0; font-weight: 600; } .ratingTotal .box h2{ font-size: 48px; text-align: center; line-height: 48px; font-family: Arial, "PT Sans"; font-weight: 800; color: #000; } .ratingTotal .box>main>p{ margin: 10px auto 5px; width: 80%; border-top: 1px solid #ccc; font-style: italic; text-align: center; font-size: 24px; line-height: 32px; } .ratingTotal .box .ratingDate{ margin: 0px auto 0px; width: 80%; text-align: center; font-size: 14px; border-top: none; font-style: normal; } .tilt.winner p{position: relative; z-index:9999; padding: 12px 0 4px 4px; font-size: 20px; font-weight: 600; text-align: left; text-transform: uppercase;} .starcontainer{margin: 0;}